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


/*背景*/
.active-body{ background:url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/earth/zz.jpg) top center no-repeat; margin-top:0px;background-color:#6ccef5;}
.active-bottom-diy { width: 100%; margin: 0 auto;}

/*头部图片*/
.active-banner{height:400px;}

/*右侧导航*/
.active-nav{ background:url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/earth/h.png) no-repeat scroll top center; width:150px; background-color:none;}
.active-nav ul{ margin-top:75px;}
.active-nav ul li{border-bottom:3px solid transparent;}
.active-nav ul li a{background:#ffda00 top center no-repeat; color:#182a4e; width: 150px; height:28px; border-radius: 0.3em 0.3em;}
.active-nav ul li a:hover{background-color:#182a4e; color:#ffda00; height:36px; text-decoration:none; transition:all 0.5s;}
.active-nav ul li.back-top a{ background:url("https://uidesign.gbtcdn.com/GB/images/promotion/2016/ultimate/tb.png") center top no-repeat; height:50px; margin-top:10px;}

/*导航分享图标*/
.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:30px auto 0;}
.active-list-title{min-width:1000px; background:url(https://uidesign.gbtcdn.com/GB/images/promotion/2017/earth/r.png) 119px 60px no-repeat; height:44px; text-align:center;  }
.active-list-title{color:#401701;line-height:1;font-size:30px; text-align:center;font-weight:bold; padding-top:80px;}
.active-list-title a{color:#f60; font-size:16px; float:right; font-weight:normal; padding:7px 10px 0 0;}

/*商品样式*/
.goods-buy a{background: url("https://uidesign.gbtcdn.com/GB/images/promotion/2017/earth/b.png") no-repeat; padding-top:2px; width:150px; color:#182a4e;}
.goods-buy a.coming-soon{background:#f00!important;}
.goods-buy a.deal-end{ background: url("https://uidesign.gbtcdn.com/GB/images/promotion/2017/earth/b3.png") !important; padding-top: 2px;width: 150px;color: #fff;}
.goods-buy a:hover{opacity:0.9;filter:alpha(opacity=90);}
.goods-price .shop-price{color:#c00;font-size:20px;}
.process-inner {background: #ffda00;}

/*折扣标*/
.goods-discount{position:absolute;top:10px;right:10px;z-index:10;width:46px;height:36px;background-color:#ffda00;border-radius:40px;color:#182a4e;font-size:12px;
	text-align:center;line-height:0.9;padding-top:10px;}
.goods-discount span{display:block;font-size:12px;}
.goods-discount b{font-size:18px;}

/*特殊板块折扣标，第一个点填板块名字*/
.pro-limit-list .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("https://css.gbtcdn.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: #401701;}
.view-more-main{ display: block; margin: 0 auto; width: 200px; height: 36px; line-height: 36px; color: #411701; font-size: 18px; font-weight: bold; background: #ff9700; -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 #ff9700;}
.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: #ff9700; font-size: 16px;}
.final-price strong{ display: block; height: 60px; line-height: 60px; color: #ff9700; font-size: 40px; font-weight: bold;}

/*多商品板块*/
.brands-nav{ margin-bottom: 15px; background:#fff;}
.brands-nav li a { display: block;padding: 16px 16px 13px 17px; color: #182a4e; font-size:14px; line-height:18px; font-weight: bold; text-transform:uppercase; font:Myriad Pro,Arial;}

.brands-nav li::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: 0;
    width: 123px;
    height: 73px;
    background: #ffda00;
    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%;
}