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

.all{background: #fff;color: #696969;overflow: hidden;}
.intro{padding:6vw;font-size:17px;color:#d4282d;background:#fbf3db;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:30px 0;width:100%;}
.nav_f{width:100%;transition:all .2s;box-shadow:0 3px 10px rgb(0 0 0 / 12%);background:#fff;position: relative;z-index: 2;}
.nav_f.on{top:0;position:fixed;z-index:10}
.nav_f a{font-size:16px;padding:.8rem 3.5rem .5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#174E63!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{font-weight: bold;}
.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;color: #174E63;letter-spacing: 0.8em;margin-left: 0.8em;}
.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% - 22px);margin:5px;padding:0 0 20px;border-radius:8px;transition:all .2s;display:flex;align-items:center;flex-direction:column;overflow: hidden;}
.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:12px 6px 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;padding-bottom: 2px;}
.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{color: #222}
/*.title h2.wrap{color:#fff;font-size:2.8rem;font-weight:700;background: linear-gradient(135deg, #174E63, #e73828 120%);background: -webkit-linear-gradient(135deg, #174E63, #e73828 120%);-webkit-background-clip:text;background-clip: text;-webkit-text-fill-color:transparent;}*/
.title h2.wrap{background: url("../images/tit.jpg") no-repeat center center;background-size: contain;font-size:3.8rem;text-indent: -9999px;}
.title h2 span{font-size:53px;padding:0 12px;margin-top:-12px;display:inline-block}
.title p{line-height: 1.5;}
.title .light{transform: skew(-7deg, 0);font-size: 130%;font-family: 'Oswald';background: #e73828;color: #fff;padding: 0 5px;border-radius: 5px;display: inline-block;}
.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-bottom: -4px;position: relative;padding-bottom: .25em;}
/*.floor h4:after{position: absolute;content: '';width: 46px;border-bottom: 1px dotted #174E63;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;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;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.floor .discount{position:absolute;transform:scale(0.85);left:-5px;top: 10px;background: linear-gradient(135deg, #FBB730, #FA5F0D 100%);background: -webkit-linear-gradient(135deg, #FBB730, #FA5F0D 100%);color:#fff;width:76px;padding-top:12px;line-height:1;height: 56px;border-radius: 4px;font-size: 80%;opacity: .95;}
.products .old-price{margin-bottom:5px;display:inline-block;color:#A0A3BD}
.products .old-price span{text-decoration:line-through}
.products .sale-price{font-size:18px}
.products a.btn-size-default{color: #fff;border: 1px solid #E55C4A;color: #E55C4A}
.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:#211509;padding:2rem 1rem;}
.promotion h2{color:#333;}
.app__column-layout{max-width:1110px;margin:20px auto;}
.promotion a{display: block;}
.promotion a:hover{box-shadow: 0 0 8px rgba(100,100,100,.5)}
/*.wrap_cdt{display: inline-block;padding: 4px 8px;border-radius: 4px;margin: 5px 0 20px;}*/
#sn_life > li:first-child:before{content: "";display: block;width: 100%;height: 100%;background: #000}
.wrap svg{transform: rotate(45deg);}
.wrap svg.right{-webkit-transform: translate(5px,39px) rotate(-135deg);-moz-transform: translate(5px,39px) rotate(-135deg);-ms-transform: translate(5px,39px) rotate(-135deg); -o-transform: translate(5px,39px) rotate(-135deg);transform: translate(5px,39px) rotate(-135deg);}
.hotWrap{max-width: 1640px;width: 100%;padding: 0 0 60px;margin: 0 auto;}
.hotWrap li{width: calc(50% - 20px);}
.hotWrap li img{width: 100%}

@media (max-width:768px) {
.nav_f a{font-size:14px;padding:.8rem 1.4rem .5rem}
.nav_f a.active{border-width:3px}
.line{background-size: auto 3px;width: 85px}
.title{padding:50px 30px 30px}
/*.title h2.wrap{font-size:26px}*/
.title h2.wrap svg{width:10px}
.wrap svg.right{-webkit-transform: translate(0,1.4rem) rotate(-135deg);-moz-transform: translate(0,1.4rem) rotate(-135deg);-ms-transform: translate(0,1.4rem) rotate(-135deg); -o-transform: translate(0,1.4rem) rotate(-135deg);transform: translate(0,1.4rem) rotate(-135deg);}
.title h2 span{font-size:26px;padding:0 6px;margin-top:-6px}
.title h3{font-size:16px}
/*.floor .discount{transform:scale(0.85)}*/
.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 150px 120px}
.content{margin:0 auto}
.product-txt-con{padding:20px 10px 15px}
.floor li.promo-product{width:calc(25% - 20px);margin:10px}
.floor .discount{transform:scale(1);left:20px}
.hero_l img.banner_desktop{display:block}
.hero_l img.banner_mobile{display:none}
.hotWrap li{width: calc(33.333% - 20px);}
.title p{font-size:18px}
}