@font-face {
    font-family: 'miso';
    src:url('fonts/miso-bold-webfont.eot'); 
    src:url('fonts/miso-bold-webfont.eot?#iefix') format('embedded-opentype'), 
	    url('fonts/miso-bold-webfont.woff') format('woff'), 
	    url('fonts/miso-bold-webfont.ttf') format('truetype'), 
	    url('fonts/miso-bold-webfont.svg#SingleMaltaRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face {
    font-family: 'merriweather';
    src:url('fonts/merriweather-regular-webfont.eot'); 
    src:url('fonts/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'), 
	    url('fonts/merriweather-regular-webfont.woff') format('woff'), 
	    url('fonts/merriweather-regular-webfont.ttf') format('truetype'), 
	    url('fonts/merriweather-regular-webfont.svg#SingleMaltaRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal;
}

/*NOV. & DEC. SHOPPING 
FESTIVAL 2018*/

.g-pages{ min-width: 1340px; background-color: #25064a;}
.g-pages .w{ position: relative; width: 1340px; margin: 0 auto;}

/*导航*/
.Thanksgiving-container{ background: url(/img/huodong/christmas2018/Thanksgiving-foot@Bg.png) center bottom no-repeat; padding-bottom: 200px;}
.Thanksgiving-container .nav-hd{ height: 50px;  background-color: #290e35; text-align: center; font-family: "miso";}
.Thanksgiving-container .nav-hd a{ vertical-align: middle; display:inline-block; line-height: 50px; padding: 0 26px; color: #f79833; font-size: 22px;}
.Thanksgiving-container .nav-hd .space{ vertical-align: middle; display:inline-block; width: 1px; height: 16px; background-color: #f79833; margin-top: -2px;}

/*主体*/
.Thanksgiving-container{ overflow: hidden; width: 100%; height: 100%; font-family: "merriweather"; line-height: 1.5; background-color: #25064a;}
.Thanksgiving-container .T-banner{ height: 709px; background: url(/img/huodong/christmas2018/Thanksgiving-banner@Bg.jpg) center no-repeat;}
.Thanksgiving-container .T-banner .slider-content{ height: 665px; padding-top: 44px;}
.Thanksgiving-container .T-banner .slider-content .p-img1{ position: absolute; left: 0; top: 0; z-index: 3; width: 120px; height: 99px; background: url(/img/huodong/christmas2018/Christmas-banner-cycle@img.png); }
.Thanksgiving-container .T-banner .slider-content .p-img2{ text-align: center;}
.Thanksgiving-container .T-banner .slider-content .get-now{  position: absolute; bottom:106px; left: 50%; right: 0; z-index: 99; margin:auto; margin-left: -255px; display: block; width: 511px; height: 158px; background: url(/img/huodong/christmas2018/Thanksgiving-receive-but@Bg.gif) no-repeat;}


/*选项卡*/
.Thanksgiving-tabs{ position: relative; height: 207px; -moz-box-shadow:5px 0px 5px #333333; }
.Thanksgiving-tabs .snow{ position: absolute; top: -40px; left: 0; right: 0; z-index: 5; margin:0 auto; width: 100%; height: 72px; background: url(/img/huodong/christmas2018/halloween-banner4@Bg.png) center no-repeat;}
.Thanksgiving-tabs .tabs{ height: 207px; box-shadow:0 5px 5px rgba(0,0,0,0.2); }
.Thanksgiving-tabs .tabs li{ position: relative; float: left; width: 25%; height: 207px; background-color: #680c61; -moz-box-shadow:5px 5px 8px rgba(0,0,0,0.1) inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:5px 5px 8px rgba(0,0,0,0.1) inset;            /* For Chrome5+, Safari5+ */
	box-shadow:5px 0 8px rgba(0,0,0,0.1) inset;               
}

.Thanksgiving-tabs .tabs li.start:hover{ position: relative; background-color: #850d6b;  -moz-box-shadow:5px 5px 8px rgba(0,0,0,0.1) inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:5px 5px 8px rgba(0,0,0,0.1) inset;            /* For Chrome5+, Safari5+ */
	box-shadow:5px 0 8px rgba(0,0,0,0.1) inset;     cursor: pointer; }

.Thanksgiving-tabs .tabs li:first-child{ border-bottom-left-radius: 6px;  border-top-left-radius: 6px;}
.Thanksgiving-tabs .tabs li:last-child{ border-bottom-right-radius: 6px;  border-top-right-radius: 6px;}

.Thanksgiving-tabs .tabs li .coming-soon{ position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.Thanksgiving-tabs .tabs li .coming-soon .txt{ padding-top: 35px; text-align: center; color: #fff !important; font-size: 18px; font-weight: bold; opacity: 0.15;}

.Thanksgiving-tabs .tabs li .item{ padding: 70px 0 0 0; color: #f79833;}
.Thanksgiving-tabs .tabs li .item .p-img{ float: left; overflow: hidden;  width: 117px; height: 81px; margin: 0 15px 0 0; background-color: #000;}
.Thanksgiving-tabs .tabs li .item .p-img img{ opacity: 0.5;}
.Thanksgiving-tabs .tabs li .item .p-info{ text-align: center; opacity: 0.4;}
.Thanksgiving-tabs .tabs li .item .p-info dt{ height:42px; font-size: 20px; font-weight: bold; margin-top: 3px; line-height: 1.2;}
.Thanksgiving-tabs .tabs li .item .p-info dd{ line-height: 1.5; font-size: 17px; color: #d1812c;}
.Thanksgiving-tabs .tabs li.active{ position: relative; background-color: #850d6b; box-shadow:none; cursor: pointer;  -moz-box-shadow:5px 5px 8px rgba(0,0,0,0.1) inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:5px 5px 8px rgba(0,0,0,0.1) inset;            /* For Chrome5+, Safari5+ */
	box-shadow:5px 0 8px rgba(0,0,0,0.1) inset;  }
.Thanksgiving-tabs .tabs li.active:after,.halloween-tabs .tabs li.start:hover:after{
    position: absolute;
    right: 0;
    bottom: -18px;
    left: 0;
    z-index: 99999;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 20px solid #850d6b;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    content: '';
}
.Thanksgiving-tabs .tabs li.active .p-img img{ opacity: 1;}


/*赠送礼包*/
.Giveaway-Package-container{ position: relative; z-index: 10; margin-top: 110px;}
.Giveaway-Package-container .box{ overflow: hidden; padding: 90px 0 80px 70px; border: 5px solid #dc29b5; border-radius: 15px; background-color: #680c61;  box-shadow: 0 0 22px rgba(255,47,210,0.75),0 0 22px rgba(255,47,210,0.75) inset;}
.Giveaway-Package-container .box h3{ position: absolute; top: -29px; left: 50%; right: 0; margin:0 auto; margin-left: -380px; width: 750px; height: 58px; line-height: 58px; font-size: 27px; color: #fff; text-align: center; border: 5px solid #dc29b5; box-shadow: 0 0 22px rgba(255,47,210,0.75),0 0 22px rgba(255,47,210,0.75) inset;  border-radius: 40px;  background-color: #680c61;}
.Giveaway-Package-container .box .list{ overflow: hidden;}
.Giveaway-Package-container .box .list li{ float: left; width: 283px; background-color: #fff; margin: 0 22px 40px 0;}
.Giveaway-Package-container .box .list li .item{ position: relative;}
.Giveaway-Package-container .box .list li .item .hearts{ position: absolute; left: 15px; top: 10px; z-index: 9; font-family: "arial, helvetica, sans-serif"; color: #b6b9b6;}
.Giveaway-Package-container .box .list li .item .hearts i{ display: inline-block; vertical-align: middle; width: 18px; height: 15px; margin: -4px 3px 0 0; background: url(/img/huodong/christmas2018/Giveaway-Package-heart@icon.jpg);}
.Giveaway-Package-container .box .list li .item .p-img{ overflow: hidden; display: block; width: 283px; height: 257px; text-align: center;}
.Giveaway-Package-container .box .list li .item .p-img img{ height:100%; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.Giveaway-Package-container .box .list li .item .p-img img:hover{ 	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1);}
.Giveaway-Package-container .box .list li .item .p-name{ height: 45px; padding: 0 15px; text-align: center; font-size: 16px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; }
.Giveaway-Package-container .box .list li .item .p-beans{ height: 46px; margin-top: 18px; line-height: 46px; background-color: #25064a; text-align: center; font-size: 18px; color: #ffb100;}
.Giveaway-Package-container .box .list li .item .p-beans i{ display: inline-block; vertical-align: middle; margin: -12px 3px 0 0; width: 33px; height: 18px; background: url(/img/huodong/christmas2018/Giveaway-Package-beans@icon.png);}

.Giveaway-Package-container .box .more{ display: block; width: 292px; height: 65px;  margin:0 auto; margin-top: 30px; line-height: 65px; text-align: center; font-weight: bold; background-color: #dc29b5; color: #fff; border-radius: 65px; font-size: 26px;}
.Giveaway-Package-container .box .more:hover{ background-color: #c425a2;}
.Giveaway-Package-container .box .more:active{ background-color: #dc29b5;}


/*赠送礼包*/
.Share-Package-container{ position: relative; z-index: 10; margin-top: 110px;}
.Share-Package-container .box{ overflow: hidden; padding: 90px 70px 90px 70px; border: 5px solid #ae74f4; border-radius: 15px; background-color: #330668;  box-shadow: 0 0 22px rgba(174,116,244,0.75),0 0 22px rgba(174,116,244,0.75) inset;}
.Share-Package-container .box h3{ position: absolute; top: -29px; left: 50%; right: 0; margin:0 auto; margin-left: -380px; width: 750px; height: 58px; line-height: 58px; font-size: 27px; color: #fff; text-align: center; border: 5px solid #ae74f4; box-shadow: 0 0 22px rgba(174,116,244,0.75),0 0 22px rgba(174,116,244,0.75) inset;  border-radius: 40px;  background-color: #330668;}
.Share-Package-container .box .txt{ font-size: 18px; color: #fff; margin-bottom: 40px;}
.Share-Package-container .box .txt .orange{ color: #ffb100;}

.Share-Package-container .box .mod{ float: left; width:500px; height: 700px; background-color: #fff; padding: 20px; margin: 0 25px;}



.Thanksgiving-left-space{ position: absolute; right: 10px; top: 1100px; z-index: 9; width: 300px; height: 338px; background: url(/img/huodong/christmas2018/Thanksgiving-Turkey@Bg.png);}
.Thanksgiving-left-space2{ position: absolute; left: 0; top: 1200px; z-index: 9; width: 702px; height: 500px; background: url(/img/huodong/christmas2018/Thanksgiving-Turkey2@Bg.png);}
.Thanksgiving-left-space3{ position: absolute; right: 0; top: 3000px; z-index: 9; width: 702px; height: 500px; background: url(/img/huodong/christmas2018/Thanksgiving-Turkey3@Bg.png);}


/*弹框*/
.g-mian-bg {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background: #000;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.Get-now-up{ display: none; position: fixed; left: 50%; top: 50%; margin: auto; z-index: 999999; margin-left: -282px; margin-top: -126px; width: 564px; height: 252px; box-shadow: 0 10px 10px,rgba(0,0,0,0.5); background: url(/img/huodong/christmas2018/Thanksgiving-pup@Bg.png);}
.Get-now-up .closex{ cursor: pointer; position: absolute; right: -15px; top: -15px; width: 57px; height: 57px; background: url(/img/huodong/christmas2018/Thanksgiving-close@Bg.png);}
.Get-now-up .box{ padding: 50px 50px 0; color: #fff; font-size: 28px; text-align:center; font-weight: bold;}

.Get-now-up .box .Use-now{   
	display: block;
	width: 220px;
    height: 55px;
    margin: 0 auto;
    margin-top: 25px;
    line-height: 55px;
    text-align: center;
    font-weight: bold;
    background-color: #dc29b5;
    color: #fff;
    border-radius: 55px;
    font-size: 26px;
}
.Get-now-up .box .Use-now:hover{ background-color: #c425a2;}
.Get-now-up .box .Use-now:active{ background-color: #dc29b5;}