ul{padding: 0;}
.aln-c{text-align: center;}
.aln-r{text-align: right;}
.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;}
#floor0{padding-top: 5px;}
.floor li:hover{transform: scale(1.05);-webkit-transform: scale(1.05);box-shadow: 0 0 10px rgb(0 0 0 / 10%);position: relative;z-index: 2;}
#floor0 li:hover{transform: scale(1);-webkit-transform: scale(1);}
ul li,.c_floor ul li{list-style: none !important;}
.content li img,.floor_es img {display: block;padding: 0 !important;}
.demo{color: #777;line-height: 1.2;}
.hero_l{position: relative;}
.hero_l img.banner_desktop{display: none;}
.hero_l img.banner_mobile{display: block;}
#countdown{text-align: center;width: 100%;padding: 10px 10px 0;font-size: 13px;}
#countdown span{font-size: 120%;padding: 0 2px;}
.floor.floor_gift .wrap{padding: 2vw;}
.floor.floor_gift .wrap li{background: #fff;margin: 0 2vw;}
.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{position: absolute;top: 10px;left: 10px;font-size: 12px;color: #fff;background: #db323f;border-radius: 4px;padding: 0 6px;}
.products-image{max-width: 300px;}
.nav_f{width: 100%;transition: all .2s;top: -100%;position: absolute;}
.nav_f.on{top: 0;position: fixed;box-shadow:0 10px 10px rgb(0 0 0 / 7%);z-index: 10;background: #fff;}
.nav_f a{font-size: 16px;padding: .8rem 2rem .5rem;}

#wechat{display: block;position: fixed;left: 8px;bottom: 50px;width: 101px;padding: 5px;background: #fff;z-index: 2;box-shadow: 0 0 5px rgb(0 0 0 / 30%);border-radius: 5px;}
#wechat span{font-size: 13px;padding: 5px 0;display: inline-block;text-align: justify;}
#topBack{position: fixed;right: 17px;bottom: 50px;transition: all .2s;opacity: 0;z-index: 10;}
#topBack.on{opacity: 1;}
.floor .wrap{background: #fff;padding: 0 6px;max-width: 1440px;}
.c_floor{background: #fff;padding-bottom: 20px;}
.floor li{width: 50%;padding: 10px;transition: all .2s;}
.products ul.color-con{display: none;}
.product-a ul.color-con{display: block;}
.products ul.color-con.color-n{display: none;}
.product-txt-con{padding: 0 10px 3px;text-align: center;}
.price-con{display: none;}
.products .discount{margin-bottom: 10px;}
.discount span{color: #fff;background: #d4282d;padding: 0 4px;border-radius: 4px;font-size: 18px;}
.floor li h3{font-size: 22px;}
.app__product__title{text-transform: uppercase;margin-bottom: 0;color: #333;}
.price{color: #d4282d;}
.floor li h3.product_t{font-size: 18px;color: #333;}
.floor_es {width: 100%;overflow: hidden;padding: 3vw 8vw;margin: 20px 0;}
.floor_business{background: #37538e url("../images/bg_business.jpg") no-repeat center left / cover;}
.floor_lifestyle{background: #ea608e url("../images/bg_lifestyle.jpg") no-repeat center right / cover;}
.floor_sports{background: #fabf13 url("../images/bg_sports.jpg") no-repeat center right / cover;}
.floor_outdoor{background: #26b7bc url("../images/bg_outdoor.jpg") no-repeat center left / cover;}
.floor h2{font-size: 18px;margin-bottom: 0;color: #fff;}
.floor h2.es_n{font-size: 20px;text-shadow: 0 0 3px black;}
.floor .es_t{margin: 0;color: #fff;text-shadow: 0 0 3px black;}
.hero-tab:hover{font-weight: bold;}
a.btn-size-default{border: 1px solid;display: inline-block;transition: all .2s;}
#business-athlete a.btn-size-default{border-color: #37538e;color: #37538e;}
#business-athlete a.btn-size-default:hover{background: #37538e;color: #fff;}
#lifestyle a.btn-size-default{border-color: #ea608e;color: #ea608e;}
#lifestyle a.btn-size-default:hover{background: #ea608e;color: #fff;}
#sports a.btn-size-default{border-color: #000;color: #000;}
#sports a.btn-size-default:hover{border-color: #fabf13;background: #fabf13;color: #000;}
#outdoor-casual a.btn-size-default{border-color: #26b7bc;color: #26b7bc;}
#outdoor-casual a.btn-size-default:hover{background: #26b7bc;color: #fff;}
#accessories a.btn-size-default{border-color: #333;color: #333;}
#accessories a.btn-size-default:hover{background: #333;color: #fff;}

.content-product-l .product-txt-con{text-align: center;}
.wrap li img{background: #fff;}
.wrap li:hover .txt i{display: block;}
.ruleWrap {background: #f5f5f5;padding: 30px 20px;color: #666;}
.ruleWrap table{background: #fff;}
.ruleWrap table span{display: inline-table;}

.products h3.products-name {
    margin-bottom: 15px;
    color: #000;
    line-height: 1.2;
}

.products .discount {
    color: #d4282d;
    font-size: 15px;
    margin-bottom: 0;
}

.products .old-price {
    text-decoration: line-through;
    color: #999;
    margin-bottom: 5px;
    font-size: 16px
}

.products .sale-price {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 18px;
    color: #000;
}

.content-product-l .promo-product{width: calc(50% - 20px);position: relative;/*box-shadow: 0 2px 4px 1px rgb(0 0 0 / 20%);*/}
.content-product-l h3.products-name{margin-bottom: 5px;}

.nav_f a{-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
nav.nav_f a:nth-child(1){ color:#37538E;background:rgba(55,83,142,0);}
nav.nav_f a:nth-child(2){ color:#EA608E;background:rgba(234,96,142,0);}
nav.nav_f a:nth-child(3){ color:#26B7BC;background:rgba(38,183,188,0);}
nav.nav_f a:nth-child(4){ color:#FABF13;background:rgba(250,191,19,0);}
nav.nav_f a:nth-child(5){ color:#007cc3;background:rgba(0,124,195,0);}
nav.nav_f a:nth-child(6){ color:#666;background:rgba(208,208,208,0);}
nav.nav_f a:after{transition: all .2s;border: 3px solid transparent;bottom: -15px;content: "";width: 80%;margin: 0 auto;display: block;position: relative;}
nav.nav_f a.active:after{border-bottom:3px solid;bottom: 0;}

@media (max-width: 760px){
    .nav_f a{padding: .7rem 0;font-size: 14px;text-align: center;width: 16.66%;}
    .nav_f a.active{border-width: 3px;}
}

@media screen and (min-width: 769px){
    .content{margin: 0 auto 40px;}
    .content-product-l .promo-product{width: 33.33%;}
    .product-txt-con{padding: 0 10px .2rem;}
    .content-product-l .product-txt-con{padding: .8rem 0 0}
    .intro{padding: 4vw 2vw;font-size: 30px !important;}
    .floor li{width: 25%;padding: 10px;}
    #floor0{padding-top: 30px;}
    .floor li h3.product_t{font-size: 20px;}
    .floor h2.es_n{font-size: 26px;}
    .hero_l img.banner_desktop{display: block;}
    .hero_l img.banner_mobile{display: none;}
    .wrap li .tag{font-size: 15px;}
    #wechat{width: 140px;border-radius: 10px;left: 17px;}
    #countdown{text-align: right;position: relative;top: -46px;color: #fff;text-shadow: 0 0 3px black;font-size: 14px;}
    #countdown span{font-size: 150%;}
}

@media screen and (min-width: 991px){
    .content{margin: 30px auto 60px;}
    .container{width: 100%;}
    .floor{padding: 0;width: 100%;margin-bottom: 20px;}
    .floor0 li{padding: 5px;}
    .floor0 .wrap{padding: 0;max-width: 1440px;}
    .content-product-l .product-image-con,.content-product-l .product-txt-con{float: left;width: 50%;}
    .content-product-l .product-txt-con{text-align: left;}
    .floor0 li .price-con{display: block;margin-top: 10px;background: #fff;}
}

.nav_f::-webkit-scrollbar {
    display: none;
}


.products .product-image-con {
    position: relative
}

.products .product-image-con img {
    display: none
}

.products .product-image-con img.active {
    display: block;
    margin: 0 auto;
}

.products ul.color-con {
    padding: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -.5em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.products ul.color-con li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: 0;
    margin-right: 5px
}

.products ul.color-con li:last-child {
    margin-right: 0
}

.products ul.color-con li.active {
    border: 3px double #ccc;
}

.products .price-con div {
    display: none
}

.products .price-con div.active {
    display: inline-block
}