@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'Montserrat';
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('/css/basic/calcadtf/Montserrat-Regular.woff2') format('woff2'),
        url('/css/basic/calcadtf/Montserrat-Regular.woff') format('woff'),
        url('/css/basic/calcadtf/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/calcadtf/Montserrat-Bold.woff2') format('woff2'),
        url('/css/basic/calcadtf/Montserrat-Bold.woff') format('woff'),
        url('/css/basic/calcadtf/Montserrat-Bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
html {font-size:10px;}
body {margin:0; padding:0; background:#eff5e4; color:#333; font-family:"Montserrat", sans-serif; font-weight:normal; font-size:1.6rem; line-height:2.4rem;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
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-left:2rem; padding-left: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:left;}
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-left:1rem;}
.ml_2 {margin-left:2rem;}
.mr_1 {margin-right:1rem;}
.mr_2 {margin-right:2rem;}
.float_l {float:left;}
.float_r {float:right;}
.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:#5a9634; 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,.font_white a:link,.font_white a:visited {color:#fff;}
.font_white a:hover,.font_white a:active {color:#d4f6a0;}
.font_blue,.font_blue a,.font_blue a:link,.font_blue a:visited {color:#5a9634;}
.font_blue a:hover,.font_blue a:active {text-decoration:underline; color:#5a9634;}
.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; box-shadow:0 0 5px 5px rgba(0,0,0,0.1); z-index:1001;}
.dropdown:hover .dropdown-content {display:block;}
.dropdown-content section {width:100%; padding:2rem; background:#fff; color:#333; border-radius:5px;}
.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:left; 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/calcadtf/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::before {content:"X"; margin:0 0.5rem 0 0;}
/* 浮动表单 */
.form-floating {position:relative; margin:0 0 1.6rem;}
.form-floating > label {position:absolute; top:0; left: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;}
.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:#5a9634; border:1px solid #5a9634; color:#fff;}
.btn-primary:hover {background:#24610c; border:1px solid #24610c;}

.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:#004205; border:1px solid #004205; color:#fff;}
.btn-dark:hover {background:#002b02; border:1px solid #002b02;}

.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 #5a9634; color:#5a9634;}
.btn-outline:hover {background:#eaf8d6;}

.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-outline-white,a.btn-outline-white {display:inline-block; margin-top:1.6rem; text-align:center; font-size:1.6rem; line-height:2.4rem; font-family:"Montserrat-Bold"; font-weight:normal; padding:5px 16px; border-radius:18px; background:rgba(0,0,0,0); border:1px solid #fff; color:#fff;}
.btn-outline-white:hover {background:rgba(0,0,0,0.25); cursor:pointer;}

/* 特殊按钮 */
.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 2rem 0.9rem 4.2rem; border-radius:22px; background:#fff url(/images/basic/calcadtf/icon_downpdf.svg) no-repeat 1.2rem center; background-size:2.6rem; border:1px solid #5a9634; color:#5a9634;}
.btn-downpdf:hover,.btn-print:hover {background-color:#eaf8d6;}
.btn-print,a.btn-print {background-image:url(/images/basic/calcadtf/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:#89bd48; color:#fff; min-width:fit-content; position:relative;}
#header_main {width:92%; margin:0 auto; padding:34px 0; display:flex; justify-content:space-between; align-items:center;}
.logo {flex:0 0 320px;}
.search {flex:1 1 auto; margin:0 30px;}
.search form {width:100%; height:46px; padding:0 15px 0 23px; background:#fff; 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 300px; display:flex; justify-content:space-around; text-align:center; z-index:1000;}
#user span.user_name {max-width:140px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; text-overflow:ellipsis;}
#user .dropdown-content {width:320px; left:calc(50% - 160px);}
#user .entered {width:240px; left:calc(50% - 120px); text-align:left;}
#user .entered h3 {text-align:left;}
#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; left:calc(100% - 320px);}
#cart .dropdown-content::before {left: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:left;}
#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:#f47300; padding:0 0.6rem; font-size:1.2rem; line-height:2rem; height:2rem; border-radius:1rem;}
#currency .dropdown-content {width:180px; left:calc(50% - 90px);}
#currency .dropdown-content li {padding:0.5rem 0; border-bottom:1px solid #ddd; text-align:left;}
#currency .dropdown-content li.current {font-family:'Montserrat-Bold'; background:url(/images/basic/calcadtf/icon_success.svg) no-repeat right center; background-size:16px;}
/* 导航 */
header nav {display:flex; justify-content:space-between; width:100%; padding:0 4%; height:4rem; line-height:4rem; background-image:linear-gradient(to right, #24610c, #5a9634); color:#fff;}
#menu {display:inline-block; position:relative;}
#menu .btn {cursor:pointer; display:flex; align-items:center;}
#menu-content {display:none; width:1320px; position:absolute; top:100%; left:0; z-index:52; font-size:1.6rem; line-height:2.1rem; color:#24610c; overflow:hidden;}
#menu:hover #menu-content {display:block;}
.menu_wrap {display:flex;}
.menu_wrap a:link,.menu_wrap a:visited {color:#24610c;}
ul.category {display:flex; flex-wrap:wrap; align-content:space-between; width:100%; padding:1rem; background:#fff; border:1px solid #accf93; border-top:none; border-radius:0 0 0.5rem 0.5rem; font-size:1.4rem; line-height:2.1rem;}
ul.category li {flex:0 0 15.6%; margin:0.5%; padding:1rem; text-align:center;}
ul.category li:hover {background:#f7ffec; border-radius:0.5rem;}
ul.category li img {margin:0 0 0.5rem;}
#menu_first {flex:0 0 30%; padding:1rem; background:#f7ffec; border:1px solid #accf93; border-top:none;}
#menu_first li {border-bottom:1px solid #accf93; padding:1rem; background:url(/images/basic/calcadtf/menu_arrow_blue.png) no-repeat right 14px;}
#menu_first li:hover,#menu_first li.active {background:#24610c url(/images/basic/calcadtf/menu_arrow_white.png) no-repeat right 14px; 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 #accf93; border-top:none; border-left:none;}
.menu_second ul li {border-bottom:1px solid #accf93; padding:1rem;}
.menu_second ul li a:link,.menu_second ul li a:visited {color:#333;}
.menu_second ul li:hover {background-color:#f7ffec;}
.menu_second ul li:hover a {color:#24610c;}
.menu_second ul li.havethird {background:url(/images/basic/calcadtf/menu_arrow_blue.png) no-repeat right 14px;}
.menu_second ul li.havethird:hover {background:#f7ffec url(/images/basic/calcadtf/menu_arrow_blue.png) no-repeat right 14px;}
.menu_second ul li.active {background-color:#f7ffec;}
.menu_second ul li.active a {color:#24610c;}
.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 #accf93; border-top:none; border-left: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:#f47300; 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/calcadtf/header_icon_livechat.png) no-repeat 0 center; padding:0.5rem 0 0.5rem 24px;}
#onlinelive span:nth-child(2) {background:url(/images/basic/calcadtf/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;}
.breadcrumbs li {display:inline;}
.breadcrumbs li::after {content:">"; margin:0 0.6rem 0 0.8rem;}
.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 #accf93;}
.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:left;}
.touch p {padding:0.5rem 0 0.5rem 24px;}
.touch p:nth-child(2) {background:url(/images/basic/calcadtf/footer_icon_add.png) no-repeat 0 0.6rem;}
.touch p:nth-child(3) {background:url(/images/basic/calcadtf/footer_icon_tel.png) no-repeat 0 0.6rem;}
.touch p:nth-child(4) {background:url(/images/basic/calcadtf/footer_icon_email.png) no-repeat 0 0.6rem;}
.newsletter {width:38%; border:1px solid #accf93; 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-right:none; outline:none; border-radius:5px 0 0 5px; flex:1 1 auto; font-size:1.6rem; color:#666; padding:0 8px;}
.newsletter_form button {background:#ef2020; color:#fff; font-size:1.4rem; font-family:"Montserrat-Bold"; font-weight:normal; border:none; border-radius:0 5px 5px 0;}
.follow_us img {margin:10px 10px 0;}
footer {width:100%; font-size:1.4rem; line-height:2.1rem;}
.footer_container {display:flex; justify-content:space-between; margin:0 auto; padding:0 10% 20px;}
.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%; border-bottom:1px solid #2b517c; }
.footer_copyright {margin:0 auto; padding:15px 10% 35px; 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:#5a9634; color:#fff; font-size:14px; text-transform:uppercase; z-index:52;}
.back_to_top:hover {background:#89bd48;}
.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;}
/* cookies */
.cookies {position:fixed; left:0; bottom:0; z-index:10001; width:100%; padding:20px 4%; background:rgba(0,0,0,0.65);}
/* 分页 */
.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:#5a9634; border:1px solid #5a9634; color:#fff;}
.pagination a:hover:not(.active) {background:#efefef; color:#333;}

@media (max-width:600px) {
    html {font-size:7.5px;}
    .container {width:100%;}
    h2 {font-size:2.4rem; line-height:3rem;}
    /* 头部 */
    #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; right:4%;}
    .usertools div {margin-left:10px;}
    .usertools span,#user 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;}
    #menu-content {width:350px; font-size:1.4rem;}
    ul.category li {flex:0 0 32.3%;}
    #menu_first {flex:0 0 100%; width:100%;}
    #menu_first li a {display:block;}
    #menu_first_con {display:none;}
    .dropdown-content {min-width:100px;}
    #currency:hover .dropdown-content {display:block; width:100px; left:calc(50% - 80px);}
    #currency:hover .dropdown-content::before {left:60%;}
    /* 底部 */
    .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 #accf93; 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,#user 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;}
    .dropdown-content {top:calc(50% + 5px); min-width:120px;}
    #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;}
    #currency .dropdown-content {width:100px; left:calc(50% - 70px);}
    #menu-content {width:700px; font-size:1.4rem;}
    ul.category li {flex:0 0 24%;}
    #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;}
    #user span {max-width:120px;}
    .logo {width:30%;}
    .usertools {flex:0 0 240px;}
    #menu-content {width:860px; font-size:1.4rem;}
    #menu_first {flex:0 0 35%; width:35%;}
}
@media (min-width:1024px) {
    .usertools {flex:0 0 280px;}
    #menu-content {width:942px;}
    #menu_first {flex:0 0 30%; width:30%;}
}
@media (min-width:1025px) and (max-width:1179px) {
    #menu-content {width:942px; font-size:1.4rem;}
    #menu_first {flex:0 0 30%; width:30%;}
}
@media (min-width:1180px) {
    #menu-content {width:1085px;}
    #menu_first {flex:0 0 30%; width:30%;}
}
@media (min-width:1280px) {
    #menu-content {width:1177px;}
    #menu_first {flex:0 0 30%; width:30%;}
}
@media (min-width:1366px) {
    #menu-content {width:1256px;}
    #menu_first {flex:0 0 30%; width:30%;}
}
@media (min-width:1440px) {
    #menu-content {width:1320px;}
    #menu_first {flex:0 0 30%; width:30%;}
}
@media (min-width:1920px) {
    #menu-content {width:1766px;}
    #menu_first {flex:0 0 30%; width:30%;}
}
.discount {
    font-size: 1.8rem;
    color: #23a6c2;
}