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:#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:30px 0;width:100%;background: #f5f5f5}
.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:#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 #E91E63;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: #404040;font-size: 18px;}
.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;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{background: #fff;transform: skew(-7deg, -1deg);}*/
.title h2.wrap{color:#fff;font-size:2.8rem;font-weight:700;background: linear-gradient(135deg, #F06292, #D31638 90%);background: -webkit-linear-gradient(135deg, #F06292, #D31638 90%);-webkit-background-clip:text;background-clip: text;-webkit-text-fill-color:transparent;}
.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: #E91E63;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-top: 30px;position: relative;padding-bottom: .25em;}
.floor h4:after{position: absolute;content: '';width: 46px;border-bottom: 3px solid #E91E63;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;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.floor .discount{position:absolute;top:12px;left:12px;background:#E91E63;color:#FBFAFC;width:66px;padding-top:15px;line-height:1;height: 66px;border-radius: 50%;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{border: 1px solid #E91E63;color: #E91E63;}
.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;}
.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;}*/


@media (max-width:768px) {
.nav_f a{font-size:14px;padding:.8rem 1.2rem .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: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 150px 120px}
.content{margin:0 auto}
.product-txt-con{padding:0 10px 15px}
.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}
}