@charset "utf-8";
/* Google模板专题 CSS Document */


/*背景*/
.active-body{background:top center no-repeat #e77351;}



/*右侧导航*/
.active-nav {position: fixed;top: 20%;right: 20px;z-index: 100;display: none;}
.active-nav ul {margin-left: -31px;}
.active-nav{background:url() top center no-repeat;width: 133px;height:50px;padding-top: 130px;right: 60px;}
.active-nav ul li{border-bottom: none; }
.active-nav ul li a{background:url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/nava.png) top center no-repeat;color: #fff;width: 200px; text-decoration: none; line-height: 36px; padding-bottom: 9px; display: block;}
.active-nav ul li a:hover{background:url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/navb.png) top center no-repeat; color:#fbe095; width: 200px; }
.active-nav ul li.back-top a {background:url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/top.png) no-repeat center center;margin-top: -16px;padding-right: 110px;width: 82px;height: 86px;}

/*Banner*/
.active-banner-bg{ background:url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/ban.jpg) top center no-repeat;}
.active-banner{height:606px;}
.active-banner img{ display:none;}

/*导航分享图标*/
.active-nav .side-share-wrap{ padding-top: 10px; width: 150px; height: 80px; text-align: center;}
.active-nav .share-btn{ margin: 0 2px 6px; display:inline-block; width: 33px; height: 33px; border-radius: 50%; *display: inline; *zoom:1; -webkit-transition: 0.5s; transition: 0.5s; vertical-align: middle;}
.active-nav .share-btn:hover{ -webkit-transform: translate(0, -5px); transform: translate(0, -5px); }


/*优惠券板块*/
.is-ok{ background: #cc0000;}
.is-received{ background: #ff6600;}
.is-alltoken{ background: #828282;}
.is-expired{ background: #b4b4b4;}

.active-coupon-list-wrap, .active-collocation-products-wrap, .active-top-brands-wrap{ padding-bottom: 30px; margin: 0 auto; width: 1000px;}
.coupon-list{ width: 1015px;}
.coupon-list li{ float: left; margin: 0 13px 20px 0; padding: 20px 30px 0; width: 180px; height: 200px; background: url('../images/Activity/2017/google/coupon_bg.png') center center no-repeat;}
.coupon-value{ height: 40px; line-height: 40px; color: #cc0000; font-size: 36px; font-weight: bold;}
.coupon-use-classification{ height: 34px; line-height: 34px; color: #505050; font-size: 20px; font-weight: bold;}
.coupon-use-rules{ margin-bottom: 14px; padding-bottom: 6px; height: 60px; line-height: 20px; color: #505050; font-size: 14px; overflow: hidden;}
.coupon-use-rules span{ display: block; height: 20px; line-height: 20px;}
.coupon-operating{ display: block; width: 180px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}

/*标题栏*/
.active-list{width:1000px;margin:0px auto 0;}
.active-list-title{min-width:1000px; background:url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/titleh.png)  no-repeat; height:66px; text-align:center; }
.active-list-title{color: #fff;line-height:1;font-size:30px;text-align:center;font-weight:bold;padding-top: 18px;}
.active-list-title a{color:#f60; font-size:16px; float:right; font-weight:normal; }
.active-list-title {margin-top: 20px; margin-bottom: -10px;}

/*商品样式*/
.goods-buy{text-align:center;margin-top:10px;}
.goods-buy a{
    display:inline-block;width:190px;height:30px;text-align:center;line-height:30px;background:#f60;text-transform:uppercase;
    color:#fff;font-weight:bold;font-size:16px;text-decoration:none; padding-top:2px;border-radius:3px;}
.goods-buy a.coming-soon{background:#f00!important;}

.goods-buy a.deal-end{background:#666!important;}

.goods-limit-tips b {
    color: #f61519;
    padding-right: 5px;
}

.process-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: #e77351;
    width: 0;
    height: 11px;
    border-radius: 10px;
}



.goods-buy a:hover {background-color: ##fbe095;}
.goods-buy a {
    display: inline-block;
    width: 190px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #63aaff;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    padding-top: 2px;
    border-radius: 3px;
}

.goods-price .shop-price{color:#f61519;font-size:20px;}




/*折扣标*/
.pro-limit-list .goods-discount{ margin-top:40px}
.goods-discount{
    position:absolute;
    top:10px;
    right:10px;
    z-index:10;
    width:40px;
    height:33px;
    background: #2f0286 no-repeat;
    border-radius:40px;
    color: #fff;
    font-size:12px;
    text-align:center;
    line-height:0.9;
    padding-top:7px;
}
/*特殊板块折扣标，第一个点填板块名字*/
.active-top-brands-wrap .goods-discount{ /*! margin-top:40px; */}

/*抢购时间*/
.goods-time{height:37px;padding-top:8px;color:#fff;font-size:12px;background-color:#2f2f2f;text-align:center;}
.goods-time i{display:inline-block;vertical-align:middle;width:24px;height:26px;background:url("http://css.gearbest.com/imagecache/GB/images/Activity/2015/google/icon_clock.png") no-repeat center top;}
.goods-time span{display:inline-block;vertical-align:middle;height:26px;line-height:30px;padding-left:4px;width: 200px;}

/*促销码板块*/
.goods-coupon{margin:10px auto 0;width:196px;height:24px;line-height:24px; padding:2px;font-size:12px;text-align:center;}
.goods-coupon .goods-coupon-inner{display:block;border:1px #CCC dashed;}
.goods-coupon b{color:#6c0;padding-left:5px;font-size:14px;}

/*搭配板块*/
.total-more{ margin-left: 50px; padding: 30px 0; width: 300px; height: 220px; text-align: center; background: #ff886d;}
.view-more-main{ display: block; margin: 0 auto; width: 200px; height: 36px; line-height: 36px; color: #411701; font-size: 16px; font-weight: bold; background: #f8bfac; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; text-transform: uppercase;}
.view-more-main:hover{opacity:0.9;filter:alpha(opacity=90);}

.old-total{ height: 24px; line-height: 24px; color: #fffbb5; font-size: 16px;}
.you-save{ height: 36px; line-height: 36px; color: #fffbb5; font-size: 24px; font-weight: bold;}
.dividing-line{ position: relative; z-index: 1; margin: 0 auto 20px; width: 200px; height: 7px; border-bottom: 1px solid #fff;}
.dividing-line:after{ content: ''; position: absolute; z-index: 2; bottom: -11px; left: 50%; margin-left: -5px; border:5px solid transparent; border-top: 5px solid #ff9700;}
.final-price{ margin-bottom: 7px;}
.final-price span{ display: block; height: 20px; line-height: 20px; color: #fff; font-size: 16px;}
.final-price strong{ display: block; height: 60px; line-height: 60px; color: #fff; font-size: 40px; font-weight: bold;}

/*多商品板块*/
.brands-nav{ margin-bottom: 15px; /*! background: white; */}

.brands-nav li a {width: 498px;height: 50px;padding-top: 22px;text-align: center;font-size: 20px;color: #333;font-weight: bold;}

.brands-nav li::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: 0;
    width: 498px;
    height: 74px;
    background: #fbe095;
    opacity: 0;
    -webkit-transition: all 0.8s cubic-bezier(.165,.84,.44,1);
    -moz-transition: all 0.8s cubic-bezier(.165,.84,.44,1);
    -ms-transition: all 0.8s cubic-bezier(.165,.84,.44,1);
    transition: all 0.8s cubic-bezier(.165,.84,.44,1);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.brands-nav li {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 2px 2px 0;
    width: 498px;
    height: 72px;
    border-bottom: 2px solid transparent;
    background: #fff;
}





/*倒计时*/
.tablist .flashTabBody .tbodytab {
    padding: 0 20px 20px;
    background: #5500bf;
    border-radius: 5px;
}

.tablist .flashTabBody {
    background: #3d018c;
    border-radius: 5px;
    padding-top: 12px;
}



.tablist .wrap .overview .process {
    height: 14px;
    border-radius: 7px;
    overflow: hidden;
    background: #fbe095;
}

.tablist .wrap .bottomInf  {
    font-size: 22px;
    font-weight: bold;
    color: #f61519;
    line-height: 36px;}

.tablist .wrap .countstip {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #333;
    color: #fff;
}

.tablist .flashTab li.on {
    background:url('https://uidesign.gbtcdn.com/GB/images/promotion/2017/HOT_vs_NEW/tabbgon.png') no-repeat 50% 0;
    height:76px;
    padding-top:10px;
    font-size:24px;
    color: #fff;
    font-weight:bold;
}

.tablist .flashTab li {
    width:470px;
    height:66px;
    padding-top:20px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:20px;
    color:#fff;}


.tablist .flashTab li.on .time { background: #3d018c; color: #fff; font-size:18px;}
.tablist .flashTab .time { background: #32373e; color: #fff; font-size:18px;}




.active-coupon-list-wrap{padding-bottom:0px;margin:0px auto 0;width:1000px;padding-top:0px;}
.pro-limit-list .goods-discount{ margin-top:40px}

.active-top-diy{width: 100%; margin: 0 auto;}

section{margin-bottom: 60px!important;}



.active-top-diy{ width:100% !important;margin-top:60px;}

.active-list-product .tr a { color: #ffff00;}



.buy-together {
    width: 200px;
    height: 30px;
    box-sizing: border-box;
    text-align: center;
    line-height: 26px;
    border: 2px solid #cc0000;
    color: #cc0000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 4px auto;
    cursor: pointer;
}



/*新模板样式*/
.googleSubjectBanner {
    background: url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/ban.jpg) top center no-repeat;
    height: 600px;
}

.siteLayout {
    background-color: #7600c8;
    padding-bottom: 60px;
}

.googleSubjectWrap .goodsFloor_title {
    background: url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/titleh.png)  no-repeat;
    height: 68px;
    font-size: 36px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 68px;
    margin-top: 30px;
}

.goodsFloor .subjectGoodList li {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.goodsFloor .subjectGoodList li:hover{
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    transform: translate(0, -6px);
}

/*购物车*/
.subjectGoodItem .buyLink  {
    background: #63aaff;
    color: #fff;
    font-weight: bold;
}

.subjectGoodItem .buyLink:hover  {
    background: #ffbf44;
}

.subjectGoodItem .addToCart {
    background: #cc0000;
}

.subjectGoodItem .addToCart:hover {
    background: #ffbf44;
}

.goodsFloor_content {
    padding-bottom: 0;
}



.subjectSide {
    width: 200px;
}

.subjectSide_list li a {
    background: url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/nava.png) top center no-repeat;
    color: #fff;
    width: 200px;
    height: 36px!important;
    text-decoration: none;
    line-height: 34px!important;
    font-size: 14px;
    display: block;
    border-radius: 0px!important;
}

.subjectSide_list {
    margin-top: 0px;
}


.subjectNav.show-nav .subjectSide {
    right: 20px;
}

.subjectSide_list .subjectSide_item {
    margin-bottom: 8px;
}

.subjectSide .subjectSide_listCon {
    background-color: transparent;
    padding-top: 0px;
}

.subjectSide .subjectSide_link:hover, .subjectSide .subjectSide_link.subjectSide_link-active{
    background: url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/navb.png) center top no-repeat;
    color: rgb(251, 224, 149);
    width: 200px;
    height: 36px;
}

.icon-top {
    display: none;
}

.subjectSide .backTop_btn {
    background: url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/BEST_OF_XIAOMI/top.png) no-repeat center center;
    width: 210px;
    height: 86px;
    border-radius: 0;
    margin-top: -24px;
}