.m-container img { width:100%; max-width:100%;} div.m-container * { box-sizing:content-box;} div.friday_box *,div.m_guide_box * { box-sizing:content-box;} .category-description { height:auto;} .mt20 { margin-top:20px;} .mt50 { margin-top:50px;} .mt100 { margin-top:100px;} .mb20 { margin-bottom:20px;} .pt20 { padding-top:20px;} .pb20 { padding-bottom:20px;} .mbg1 { background:#f7f7f8;} .mbg2 { background:#fff9f6; margin:-150px auto 0; padding-top:20px;} .mbg3 { background:#fff7f8; padding-top:20px;} .mbg4 { background:#f6fdff;} .mb1 { height:550px; background:url(https://cdn.aosom.fr/media/wysiwyg/2020/3/fr-spring1920x550.jpg) center top no-repeat; } .mb1 img,.mb2 img,.mb3 img,.mb4 img,.mb5 img { display:none; width:100%; max-width:100%;} .img-iphone { display:none;} .img-ipad { display:none;} .boxing-wrap { overflow:hidden;} .boxing-wrap .img-iphone { display:none;} .boxing-wrap .img-pc { display:block;} .boxing-seckill { background:#f3f3f3;} .hot_product li { float:left; position:relative; margin:0 0 30px; width:25%;} .hot_product { margin:0; overflow: hidden;} .hot_product .hot_product_in { padding:10px; margin:0 15px; background:#fff; border:1px solid #e0e0e0; position:relative; overflow:hidden;} .hot_product h3.product-name {font-size: 16px; margin: 5px 0; height:42px;} .hot_product h3.product-name a { color:#000; height: 42px; line-height: 21px; overflow: hidden; display:block;} .hot_product .product-image { display:block; position:relative;} .hot_product .price-old { font-size:14px; color:#666; margin-left:8px; display:inline-block; text-decoration:line-through;} .hot_product .price-special { font-size:20px; color:#e12830; font-weight:bold; display:inline-block;} .hot_product .price-area { position:relative;} .hot_product .product-to-cart { position:absolute; left:0; bottom:0; z-index:2; display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:20px; color:#fff; background-color:#dc2f2f; transform: translate(0,100%); transition: all 150ms;} .hot_product .product-info-cart .product-to-cart-plus { display:inline-block; margin-left:20px;} .hot_product .hot_product_discount { position: absolute; left: 0; top: 0; padding: 0 8px; height:20px; line-height:20px; color: #fff; font-size: 14px; background-color: #e12830;} .hot_product .v-rating .icon-star { color:#faa300;} .hot_product .v-rating-activity { position:relative;} .hot_product .v-rating-highlight { position:absolute; top:0; left:0; z-index:1; height:100%; overflow:hidden;} .hot_product .thirdary--text { color: #b7b7b7 !important; caret-color: #b7b7b7 !important;} .hot_product .v-rating-highlight .thirdary--text { color: #ffc879 !important; caret-color: #ffc879 !important;} .hot_product .star_count { font-size:14px; color:#363636;} .hot_product .product-info { position:relative;} .hot_product .product-info-free { font-size:14px; color:#666; height:18px; line-height:18px;} .hot_product .product-info-review {} .hot_product li:hover .hot_product_in { box-shadow:2px 2px 8px #e0e0e0;} .hot_product li:hover .product-info { opacity:0 ; visibility:hidden;} .hot_product li:hover .product-to-cart { transform: translate(0,0);} .hot_product .icon-shopcart { display:none;} .hot_product .mdi-star.icon-star { font-size:12px;} .picks_sale { margin:40px 0 0;} .picks_sale_tab { height:140px; overflow:hidden; } .picks_sale_tab li { width:25%; float:left; height:98px; margin:42px 0 0; background:#fddd77; position:relative; text-align:center; text-transform:uppercase;} .picks_sale_tab li a { color:#fa5b5a; display:block; position:relative;} .picks_sale_tab li:before { content:""; position:absolute; width:2px; height:100%; background: #fa5b5a; left:0; top:0; z-index:3;} .picks_sale_tab li:first-child:before { display:none;} .picks_sale_tab li.on { background: #fa5b5a;} .picks_sale_tab li.on:after {display:inline-block; content:""; position:absolute; left:0; top:-38px; width:100%; height:42px; z-index:3; background:url(https://cdn.aosom.fr/media/wysiwyg/2019/boxing_bg2.png) center top no-repeat;} .picks_sale_tab li.on a { color:#fff;} .boxing-cate-text1 { display:block; line-height:60px; font-size:50px; font-weight: 600; padding: 0;} .boxing-cate-text2 { display:inline-block; position:relative; font-size:14px; line-height:20px; padding:0 35px; margin: 12px 0 0;} .boxing-cate-text2:before { display:inline-block; content:""; position:absolute; left:0; top:0; width:35px; height:100%; z-index:3; background:url(https://cdn.aosom.fr/media/wysiwyg/2019/boxing_bg3.png) left center no-repeat;} .boxing-cate-text2:after { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); display:inline-block; content:""; position:absolute; right:0; top:0; width:35px; height:100%; z-index:3; background:url(https://cdn.aosom.fr/media/wysiwyg/2019/boxing_bg3.png) left center no-repeat;} .picks_sale_tab li:hover .boxing-cate-text1 { font-size:48px;} .tab-list { display:none;} .tab-box-body { overflow:hidden; background:#fa5b5a; padding:30px 10px;} .tab-box-head-fixed { position:fixed; top:86px; left:0; z-index:999; width:100%;} .tab-box-head-fixed ul { width:100%; max-width:1200px; margin:0 auto;} .picks_sale_tab.tab-box-head-fixed li { margin-top:0;} #fixed_header-sticky-wrapper:hover { z-index:1000 !important;} .year_banner { position:relative; margin:0 15px 20px;} .year_list { margin:0 5px 50px;} .year_banner_title { font-size:28px; line-height:40px; padding:50px 0 30px; font-weight:600; text-transform:uppercase;} .much .year_banner_title { padding:20px 0 10px;} .year_banner_intro { font-size:16px; color:#000; line-height:24px;} .year_banner_btn { margin:40px 0 0;} .year_banner_btn a { display:inline-block; padding:15px 50px; line-height:30px; font-size:20px; color:#fff; background:#dc2f2f; text-transform:uppercase;} .year_product_btn { text-align:center; margin:0 15px;} .year_product_btn a { display:block; line-height:46px; height:46px; font-size:20px; color:#ad6a4c; background:#fff; border:2px solid #ad6a4c; text-transform:uppercase;} .year_bottom { padding:40px 0 50px; background:#fff; overflow:hidden;} .year_bottom_t1 { text-align:center; line-height:24px; font-size:20px; color:#000; text-transform:uppercase;} .year_bottom_t2 { text-align:center; line-height:36px; font-size:28px; color:#000; text-transform:uppercase; padding-bottom:20px;} .year_bottom_box { overflow:hidden; margin:0 5px;} .year_bottom_box li { width:50%; float:left;} .year_bottom_box li a { display:block; margin:0 15px;} .year_bottom_t3 { display:block; text-align:center; line-height:30px; font-size:20px; color:#000; text-transform:uppercase; font-weight:600; padding:15px 0 5px;} .year_bottom_t4 { display:block; text-align:center; line-height:20px; font-size:14px; color:#666; padding:0 10px;} .year_product { overflow:hidden;} .garden_list .year_product_btn a { color:#709f67; border-color:#709f67;} .home_list .year_product_btn a:hover { color:#fff; background-color:#ad6a4c;} .garden_list .year_product_btn a:hover { color:#fff; background-color:#709f67;} #aosom-menu-header { -webkit-transform: translateY(0) !important; transform: translateY(0) !important;} .fix_activity_nav { display:none; width:100%; position:fixed; top:128px; left:0; z-index:999;} .fix_activity_container { max-width:1160px; margin:auto;} .fix_nav_in { overflow:hidden; height:80px;} .fix_nav_list { float:left; text-align:center; text-transform:uppercase; line-height:80px; cursor:pointer;} .fix_nav_list span { display:inline-block;} .fix_nav_text1 { font-size:20px; margin-right:15px; position:relative; top:-4px;} .fix_nav_text2 { font-size:32px; letter-spacing:2px;} .fix_nav_left .fix_nav_text1,.fix_nav_left .fix_nav_text2 { color:#865612;} .fix_nav_right .fix_nav_text1,.fix_nav_right .fix_nav_text2 { color:#fff;} .fix_left_active .fix_nav_left { width:58%;} .fix_left_active .fix_nav_right { width:42%; line-height:90px;} .fix_left_active .fix_nav_list { transition: all 150ms;} .fix_left_active.fix_nav_in { background: url(https://cdn.aosom.fr/media/wysiwyg/2020/spring_bg1.jpg) center top no-repeat;} .fix_left_active .fix_nav_right { transform: translate(0,-10px); background: url(https://cdn.aosom.fr/media/wysiwyg/2020/spring_bg2.jpg) right top no-repeat;} .fix_right_active .fix_nav_left { width:42%; line-height:90px;} .fix_right_active .fix_nav_right { width:58%; } .fix_right_active.fix_nav_in { background: url(https://cdn.aosom.fr/media/wysiwyg/2020/spring_bg2.jpg) center top no-repeat;} .fix_right_active .fix_nav_left { transform: translate(0,-10px); background: url(https://cdn.aosom.fr/media/wysiwyg/2020/spring_bg1.jpg) left top no-repeat;} /* Loadmore Button */ .loadmore-action { text-align: center; border: 2px solid #ad6a4c; border-radius: 0; margin: 30px 15px 0; overflow: hidden; clear:both; } .loadmore-action .btn-loadmore { font-size: 20px; letter-spacing: 10px; text-transform: uppercase; opacity: 0.9; line-height:46px; height:46px; color:#ad6a4c; background:#fff; display:block; } .loadmore-action .btn-loadmore .text.loading, .loadmore-action .btn-loadmore .load-text { display: none; } .loadmore-action .btn-loadmore .load-text.loading { display: inline-block; color: #999; } .loadmore-action .btn-loadmore:hover { opacity: 1; } .loadmore-action .btn-loadmore span.dot { animation-duration: 1s; animation-iteration-count: infinite; animation-name: dot-amimation; display: inline-block; color: #999; font-size: 18px; padding: 0; opacity: 0; text-align: center; } .loadmore-action .btn-loadmore span.dot.loading { opacity: 1; } .loadmore-action .btn-loadmore span.dot:nth-child(1) { animation-delay: 0.2s; } .loadmore-action .btn-loadmore span.dot:nth-child(2) { animation-delay: 0.4s; } .loadmore-action .btn-loadmore span.dot:nth-child(3) { animation-delay: 0.6s; } .loadmore-action .btn-loadmore span.dot:nth-child(4) { animation-delay: 0.8s; } .loadmore-action .btn-loadmore span.dot:nth-child(5) { animation-delay: 1s; } .loadmore-action .btn-loadmore span.dot:nth-child(6) { animation-delay: 1.2s; } .loadmore-action .text { border-color:transparent !important; background-color:transparent !important;} .garden_list .loadmore-action { border-color:#709f67;} .garden_list .btn-loadmore { color:#709f67; } .home_list .btn-loadmore:hover { color:#fff; background-color:#ad6a4c;} .garden_list .btn-loadmore:hover { color:#fff; background-color:#709f67;} @media only screen and (max-width: 1200px) { .year_banner_btn a { padding:15px 20px;} } @media only screen and (max-width: 1025px) { .mb1,.mb2,.mb3,.mb4,.mb5 { height:auto; background:none;} .mb1 img { display:block;} .mb1 img.img-ipad { display:block;} .mb1 img.img-iphone { display:none;} .year_banner_title { padding: 30px 0 10px; font-size:26px;} .much .year_banner_title { padding:10px 0 5px;} .much .year_banner_intro { font-size:12px;} .year_banner_btn { margin: 20px 0 0;} .year_bottom { padding:20px 0 30px;} .hot_product .price-special { font-size:18px;} .hot_product h3.product-name { font-size:14px;} .hot_product .product-to-cart { left:auto; right:10px; bottom:8px; width:40px; font-size:26px; background-color:#dc2f2f; transform: translate(0,0); border-radius:50%;} .hot_product .product-info-cart .product-to-cart-plus { margin-left:10px; display:none;} .hot_product li:hover .product-info { opacity: 1; visibility: visible;} .hot_product .product-to-cart-text { display:none;} .hot_product .icon-shopcart { display:block; font-size:26px; margin:8px 0 0; color: #fff;} } @media only screen and (max-width: 900px) { .hot_product li { width:33.3333%;} .boxing-cate-text1 { font-size:40px;} .boxing-cate-text2 { font-size:12px;} .year_banner_title { font-size:20px; line-height:30px; padding:20px 0 10px;} .year_banner_intro { font-size:12px; line-height:18px;} .much .year_banner_btn { margin:10px 0 0;} .year_banner_btn a { padding:10px 15px; line-height:24px; font-size:14px;} .year_product_btn a { line-height:40px; height:40px; font-size:16px;} .year_bottom_t1 { line-height:20px; font-size:16px;} .year_bottom_t2 { line-height:30px; font-size:24px;} .year_bottom_t3 { line-height:24px; font-size:16px; padding:10px 0 5px;} .year_bottom_t4 { line-height:18px; font-size:12px; padding:0 5px;} } @media only screen and (max-width: 767px) { .mb1 img.img-ipad { display:none;} .mb1 img.img-iphone { display:block;} .img-ipad { display:none;} .img-iphone { display:block;} .img-pc { display:none;} .black_sale_img img.img-iphone { display:block;} .black_sale_img img.img-pc { display:none;} .boxing-wrap .img-iphone { display:block; border-radius:2px;} .boxing-wrap .img-pc { display:none;} .mlast1 { display:none;} .mlast2,.mcenter { display:block;} .mt50 { margin-top:20px;} .mt100 { margin-top:50px;} #activity-page { background:#fff;} .hot_product li { width:50%; margin: 0 0 15px;} .hot_product .hot_product_in { margin:0 5px;} .hot_product .price-special { font-size:16px;} .hot_product .product-to-cart { width:30px; height:30px; line-height:30px;} .hot_product .price-old { display:inline-block; margin-left:5px; font-size:12px;} .hot_product .star_count { font-size:12px; position: relative; top: 1px;} .hot_product .product-info-free { font-size:12px; height:16px; line-height:16px;} .hot_product .icon-shopcart { font-size:18px; margin:7px 0 0;} /*.hot_product .price-area { height:22px; overflow:hidden;}*/ .tab-box-body { overflow:hidden; background:#fa5b5a; padding:20px 5px;} .boxing-cate-text1 { font-size:18px; line-height:30px; padding:0;} .boxing-cate-text2 { display:none;} .picks_sale_tab li:hover .boxing-cate-text1 { font-size:18px;} .picks_sale { margin: 20px 0 0;} .picks_sale_tab { height:48px;} .picks_sale_tab li { height:30px; margin: 18px 0 0;} .picks_sale_tab li.on:after { height:18px; top:-15px; background-size:contain;} .tab-box-head-fixed { top:88px;} .hide-top-banner.active .tab-box-head-fixed { top:44px;} .boxing-wrap .boxing-cate-text1 .img-iphone { display:inline;} .year_banner { margin: 0 0 10px;} .year_banner_title { font-size:16px; line-height:24px; padding:10px 0 5px;} .year_banner_intro { height: 54px; overflow: hidden;} .year_banner_btn { margin:10px 0 0;} .year_banner_btn a { padding:5px 10px; font-size:12px;} .year_product_btn { margin:0 5px;} .year_product_btn a { line-height:36px; height:36px; font-size:14px;} .home_list .year_product_btn a { color:#fff; background-color:#ad6a4c;} .garden_list .year_product_btn a { color:#fff; background-color:#709f67;} .year_bottom { padding:10px 0;} .year_bottom_box { margin:0;} .year_bottom_box li:nth-child(1) a { margin:0 5px 0 0;} .year_bottom_box li:nth-child(2) a { margin:0 0 0 5px;} .year_bottom_t1 { line-height:18px; font-size:12px;} .year_bottom_t2 { line-height:20px; font-size:16px; padding-bottom:10px;} .year_bottom_t3 { line-height:20px; font-size:14px;} .year_bottom_t4 { height: 72px; overflow: hidden;} .year_list { margin: 0 0 20px 0;} .fix_activity_nav { top:97px;} .fix_nav_in { height:40px;} .fix_nav_list {line-height:40px;} .fix_nav_text1 { font-size:14px; margin-right:0; top:0;} .fix_nav_text2 { font-size:14px; letter-spacing:0;} .fix_left_active .fix_nav_left { width:58%;} .fix_left_active .fix_nav_right { width:42%; line-height:40px;} .fix_left_active .fix_nav_right .fix_nav_text2 { position: relative; top: 2px;} .fix_left_active.fix_nav_in { background: #fee4c0;} .fix_left_active .fix_nav_right { transform: translate(0,-4px); background: #28825c;} .fix_left_active .fix_nav_right .fix_nav_text1 { display:none;} .fix_right_active .fix_nav_left { width:42%; line-height:40px;} .fix_right_active .fix_nav_right { width:58%; } .fix_right_active .fix_nav_left .fix_nav_text2 { position: relative; top: 2px;} .fix_right_active.fix_nav_in { background: #28825c;} .fix_right_active .fix_nav_left { transform: translate(0,-4px); background: #fee4c0;} .fix_right_active .fix_nav_left .fix_nav_text1 { display:none;} .loadmore-action { margin:0 5px;} .loadmore-action .btn-loadmore {font-size: 14px; letter-spacing: 3px; line-height:36px; height:36px;} .home_list .btn-loadmore { color:#fff; background-color:#ad6a4c;} .garden_list .btn-loadmore { color:#fff; background-color:#709f67;} } @media only screen and (max-width: 376px) { .fix_activity_nav { top:88px;} } @media only screen and (max-width: 361px) { .fix_activity_nav { top:84px;} } @media only screen and (max-width: 321px) { .fix_activity_nav { top:75px;} } -->