ul{padding:0}
.clear{clear:both}
.aln-c{text-align:center}
.pc{display:block}

.all{background: #f1efe3 url("../images/bottom.jpg") no-repeat center 100%;background-size: 100%;background-attachment: fixed;}
.g__event{background:background:linear-gradient(135deg,#F89774 20%,#ff2836 80%);background:-webkit-linear-gradient(135deg,#F89774 20%,#ff2836 80%)}
.g__event a p{color:#212121!important}
.g__event a:hover p{color:#e28607!important}
.intro{padding:6vw;font-size:17px;color:#d4282d;background:#f5f5f5;text-shadow:1px 1px 0 #fff}
.intro i{font-style:italic!important;font-size:120%}
.content{max-width:1440px;margin:0 auto}
.content ul{margin:0;padding:0}
.g__event .event-news .event-news-list,.g__news .event-news .event-news-list{box-shadow:none!important;text-align:center}
ul li,.c_floor ul li{list-style:none!important}
.content li img,.floor_es img{display:block;padding:0!important;transition:all .2s}
.hero_l{position:relative}
.hero_l img.banner_desktop{display:none}
.hero_l img.banner_mobile{display:block}
.products-image{max-width:300px}
.floor{padding:0 0 30px;width:100%}
.nav_f{width:100%;transition:all .2s;box-shadow:0 3px 10px rgb(0 0 0 / 12%);background:#fff;position: relative;}
.nav_f.on{top:0;position:fixed;z-index:10}
.nav_f a{font-size:16px;padding:.8rem 2rem .5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#404040!important}
nav.nav_f a:after{transition:all .2s;bottom:-15px;content:"";width:80%;margin:0 auto;display:block;position:relative}
nav.nav_f a.active:after{border-bottom:3px solid #e28607;border-right:0;bottom:-3px}
.nav_f::-webkit-scrollbar{display:none}
.floor.floor_gift .wrap{padding:2vw}
.floor.floor_gift .wrap li{background:#fff;margin:0 2vw}
.floor h4 span{font-weight:bolder;color:#EA3B38;background:#fff;padding:0 20px;position:relative}
.floor h4 svg{margin-right: 6px;width: 30px;vertical-align: bottom;}
.floor h4 small{font-weight:400;display:block;margin:0 auto;color: #574b00;}
.wrap{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:center;align-items:flex-start;justify-content:space-between;justify-content:center}
.wrap li{position:relative}
.wrap li .tag{font-size:12px;color:#333;position:absolute;bottom:-5px;left:0;right:0;border-bottom:1px solid #d20532}
.wrap li .tag b{background:#d20532;color:#fff;padding:0 4px;margin-right:4px;font-weight:400;display:inline-block}
.floor .wrap{padding:10px 0;max-width:1440px;margin-bottom: 50px;}
.floor li.promo-product{background: #fff;width:calc(50% - 20px);margin:5px;padding:0 0 20px;border-radius:8px;transition:all .2s;display:flex;align-items:center;flex-direction:column}
.floor li.promo-product:hover{box-shadow:0 1px 3px rgb(0 0 0 / 17%)}
.content-product-l .product-image-con{width:40%}
.content-product-l .product-txt-con{width:60%}
.product-a ul.color-con{display:block}
.products ul.color-con.color-n{display:none}
.product-txt-con{padding:6px;text-align:center;width:100%}
.pricebox{color:#333}
.subs{color:#787878;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:6px}
.products .discount,.products .old-price span{display:none}
.discount span{font-size:24px;font-family:candara;line-height:1;display:inline-block;position:relative}
.discount .cf{font-size:12px;padding-right:2px;font-weight:400;font-family:auto;position:relative;top:-5px}
.floor li.promo-product h3{font-size:19px}
.app__product__title{text-transform:uppercase;margin-bottom:0;color:#333}
.price{color:#d4282d}
.line{background: url("https://www.garmin.com.cn/minisite/grc/images/wave--black.png") repeat-x;height: 4px;background-size: auto 4px;margin: 0 auto;width: 160px;}
.title{background:#fff;}
.title h2.wrap{color:#b62332;font-size:2.5rem;font-weight:700;}
.title h2 span{font-size:53px;padding:0 12px;margin-top:-12px;display:inline-block}
.title p{color:#b62332;line-height: 1.5;}
.title img{vertical-align:sub;padding:0 8px}
.floor h4{font-size:1.5rem;padding-top:10px;text-transform:uppercase;font-weight:700!important;margin-top: 30px;position: relative;padding-bottom: .5em;}
.floor h4:after{position: absolute;content: '';width: 46px;border-bottom: 4px solid #e28607;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.title h4.wrap span{background:#fff;padding:0 10px;border-radius:4px;font-size:1rem;color:#26131d;}
a.btn-size-default{display:inline-block;transition:all .2s;white-space:nowrap;}
#sn_floor a.btn-size-default:hover{border-radius:20px;}
.content-product-l .product-txt-con{text-align:left}
.wrap li:hover .txt i{display:block}
.products h3.products-name{color:#212121;line-height:1.2}
.floor .discount{position:absolute;top:10px;left:20px;background:#b62332;color:#fff;width:66px;padding-top:15px;line-height:1;height: 66px;border-radius: 50%;font-size: 80%;opacity: .92;}
.products .old-price{margin-bottom:5px;display:inline-block;color:#555}
.products .old-price span{text-decoration:line-through}
.products .sale-price{font-size:18px}
.sale-price b,.old-price b{font-weight:400;font-size:13px;margin-right:3px}
.products .product-image-con{position:relative;}
.products .product-image-con img{display:none;border-radius:8px;transition:all .2s;margin:0 auto}
.products .product-image-con img.active{display:inline}
.promotion{background:#fff;color:#212121;padding:2rem 1rem;}
.promotion h2{color:#333;}
.giftWrap,.app__column-layout{max-width:1110px;margin:20px auto;}
.promotion .wrap_t{font-size:18px;width:90%}
.promotion .wrap_p{max-width:600px}
.promotion a.btn-size-default{color:#;border-radius:0;border-color: #fff}
.promotion a.btn-size-default:hover{background-color: #c5666b;color: #fff;border-radius: 20px;}
/*.demo{font-size: 14px;color: #999;text-align: center;}*/
.wrap_cdt{display: inline-block;padding: 4px 8px;border-radius: 4px;margin: 5px 0 20px;}
.giftWrap p{font-style: italic;}
.giftWrap strong{font-size: 150%;color: #b62332;}
.products a.btn-size-default{border: 1px solid #a31c0d;color: #a31c0d;}


@media (max-width:768px) {
.nav_f a{font-size:14px;padding:.8rem .5rem .5rem}
.nav_f a.active{border-width:3px}
.line{background-size: auto 3px;width: 85px}
.title{padding:20px 30px}
.title h2.wrap{font-size:20px}
.title h2 span{font-size:26px;padding:0 6px;margin-top:-6px}
.title h3{font-size:16px}
.floor .discount{transform:scale(0.85);left:0;top: 0}
.pc{display:none}
.title img{width:74px}
.floor h4 small{font-size:16px}
.floor h4 img{width:74px}
.giftWrap{flex-direction:column-reverse}
.giftWrap .wrap_t{font-size:16px;width:100%}
.promotion h2{font-size: 22px;}
.title h4.wrap span{font-size:.8rem;}
}
@media screen and (min-width:769px) {
.title{padding:100px 100px 150px}
.content{margin:0 auto}
.product-txt-con{padding:15px 10px}
.floor li.promo-product{width:calc(25% - 20px);margin:10px}
.hero_l img.banner_desktop{display:block}
.hero_l img.banner_mobile{display:none}
.title p{font-size:20px}
}