@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0 auto; line-height:24px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
li{list-style-type:none;}
img{vertical-align:middle;}
h1,h2,h3,h4{ font-weight:normal;}

.christmas-wrap{ width:100%; min-width:1280px; background: -webkit-linear-gradient(left, #b41d22 15% , #d93237 50%, #b41d22 85%);
  background: -o-linear-gradient(right, #b41d22 15% , #d93237 50%, #b41d22 85%);
  background: -moz-linear-gradient(right, #b41d22 15% , #d93237 50%, #b41d22 85%);
  background: linear-gradient(to right, #b41d22 15% , #d93237 50%, #b41d22 85%);
  }
.content{ width:1000px; margin:0 auto;}
.christmas-banner{ height:738px; background:url(../images/christmas/christmas-banner.jpg) center top no-repeat;  }
.christmas-banner-bottom{ height:92px; background:url(../images/christmas/christmas-banner-bottom.png) center top no-repeat; }
.banner-content{ width:1270px; height:100%; margin:0 auto; position:relative;}
.christmas-banner-window{ width:913px; height:537px; position:absolute; top:-537px; right:0; background:url(../images/christmas/christmas-banner-window.png) top no-repeat;}
.christmas-banner-btn{ padding-top:405px; float:right; margin-right:70px;}
.christmas-btn{ display:inline-block; width:227px; height:47px; background:url(../images/christmas/christmas-banner-btn.png) no-repeat; text-align:center; line-height:47px; font-size:24px; color:#fff; font-weight:bold; margin-right:25px;}
.christmas-btn:hover{ background:url(../images/christmas/christmas-banner-btn-hover.png) no-repeat;}
.banner-content:after, .christmas-email:after, .christmas-products-pdr:after{ display:block; content:""; height:0; clear:both;}
.christmas-banner-img{ position:absolute; bottom:0; right:0px;}

.christmas-get-ios{ width:1092px; margin:0 auto; padding:45px 0px; background:#fff;}
.christmas-get-ios h2{ font-size:36px; color:#333; text-align:center; margin-bottom:40px;}
.christmas-get{ height:345px; background:url(../images/christmas/christmas-get-ios.jpg) no-repeat;}
.christmas-get-content{ width:430px; margin-left:420px; padding-top:70px;}
.christmas-get-content p{ font-size:24px; color:#333; line-height:26px;}
.christmas-email{ margin-top:30px;}
.enter-email{ float:left; width:280px; height:42px; border:1px solid #212121; border-right:none; color:#999; line-height:42px; text-align:center; font-size:24px;}
.email-btn{ float:left; width:100px; height:44px; background-color:#32aa32; border:1px solid #212121; border-left:none; line-height:30px; color:#fff; text-align:center;font-size:24px; cursor:pointer;}

.christmas-share{width:1092px; margin:0 auto; padding:45px 0px;}
.christmas-share h2{ font-size:36px; color:#fff; text-align:center; margin-bottom:40px;}
.christmas-share-content{ height:236px; background:url(../images/christmas/christmas-share.png) center no-repeat;}
.christmas-share-content p{ padding-top:145px; padding-left:150px;}
.christmas-share-btn{ display:inline-block; height:46px; line-height:46px; color:#fff; font-size:26px; border-radius:5px;}
.christmas-fb{ width:244px; padding-left:52px; background:url(../images/christmas/christmas-facebook.png) 20px center no-repeat #3a5899; margin-right:20px;}
.christmas-fb:hover{ background-color:#264381;}
.christmas-tw{ width:220px; padding-left:76px; background:url(../images/christmas/christmas-twitter.png) 20px center no-repeat #00b1ed;}
.christmas-tw:hover{ background-color:#0197ca;}

.christmas-sale{ width:100%; height:auto; background:url(../images/christmas/christmas-mid-bg.png) center bottom no-repeat;}

.christmas-sale-email{ width:1116px; min-height:738px; height:auto; margin:0 auto; background:url(../images/christmas/christmas-email-bg.png) center top no-repeat; position:relative; transition:all 0.8s;/* transition:max-height 0.8s;*/}
.christmas-sale-email h2{ font-size:36px; color:#232323; text-align:center; padding-top:50px;}

.christmas-sale-email-btn{ display:inline-block; width:172px; height:137px; background:url(../images/christmas/christmas-purchase-bg-btn.png) no-repeat; position:absolute; top:240px; left:42%; z-index:3; webkit-animation: breath 2s infinite ; -moz-animation: breath 2s infinite ; -ms-animation: breath 2s infinite ; -o-animation: breath 2s infinite ; animation: breath 2s infinite;}
@keyframes breath{
	from {opacity:1}
	50%  {opacity:0.4}
	to	 {opacity:1}
}

.christmas-sale-email-top{ width:100%; height:348px; background:url(../images/christmas/christmas-purchase-bg-top.png) center top no-repeat; position:absolute; top:0; transition:transform 1s; z-index:2;}

.christmas-sale-email-open{ 
	webkit-transform:translateY(348PX); 
	-moz-transform:translateY(348PX);
	-ms-transform:translateY(348PX);
	-o-transform:translateY(348PX);
	transform:translateY(348PX);
	height:1086px;
}
.christmas-sale-email-open .christmas-sale-email-top{ 
	webkit-transform:rotate3d(1,0,0,180deg); 
	-moz-transform:rotate3d(1,0,0,180deg);
	-ms-transform:rotate3d(1,0,0,180deg);
	-o-transform:rotate3d(1,0,0,180deg);
	transform:rotate3d(1,0,0,180deg);
	webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
}

.christmas-sale-content{ width:1092px; position:absolute; height:500px; overflow:hidden; top:0; left:12px;}
.christmas-sale-content h2{ height:96px; background:url(../images/christmas/christmas-sale-top.png) center bottom no-repeat; font-size:36px; color:#fff; text-align:center; padding-top:20px;}
.christmas-products-wrap{ width:100%; background:url(../images/christmas/christmas-sale-bg.jpg) no-repeat; padding-bottom:120px;}

.christmas-products-content{ padding-top:30px;}
.christmas-products-content h3{ font-size:20px; color:#fff; padding-left:50px; line-height:48px;}
.christmas-pw{ background:url(../images/christmas/christmas-special-title.png) no-repeat;}
.christmas-pdr{ background:url(../images/christmas/christmas-special-title1.png) no-repeat; margin-top:30px;}
.christmas-sale-wrap{ border-radius:5px; padding:40px 30px 30px; margin-top:20px;}
.pw-pro{ background:url(../images/christmas/christmas-pw-pro-save.png) right 25px top no-repeat #f3f3f3;}
.pw-ser{ background:url(../images/christmas/christmas-pw-ser-save.png) right 25px top no-repeat #f3f3f3;}
.pw-ent{ background:url(../images/christmas/christmas-pw-ent-save.png) right 25px top no-repeat #f3f3f3;}
.pdr-per{ background:url(../images/christmas/christmas-pdr-per-save.png) right 25px top no-repeat #f3f3f3; padding:60px 30px 50px;}
.mdr-per{background:url(../images/christmas/christmas-mdr-per-save.png) right 25px top no-repeat #f3f3f3; padding:60px 30px 50px;}
.pdr-pwpdr{background:url(../images/christmas/christmas-pw-pdr-save.png) right 25px top no-repeat #f3f3f3; padding:60px 30px 50px;}

.sale-products-ul{ width:100%; text-align:justify;}
.sale-products-ul li{ display:inline-block; text-align:center; vertical-align:middle;}
.sale-products-ul:after{ width:100%; height:0px; content:""; overflow:hidden;}
.christmas-products{ width:19%;}
.christmas-products-pdr{ width:31%;}
.christmas-icon{ width:5%;}
.christmas-buy{ width:25%;}
.christmas-products-pw1{ width:15%;}
.christmas-pw-pdr-info{width:30%;}
.sale-products-ul li h4{ font-size:12px; color:#000; padding:10px 0px;}
.product-info{ height:96px; font-size:12px; color:#999; display:inline-block; text-align:left;}
.christmas-price{ font-size:40px; color:#ff1e00;}
.christmas-oldprice{ font-size:22px; color:#999; text-decoration:line-through;}
.christmas-buy-btn{ display:inline-block; width:200px; height:55px; line-height:55px; background-color:#32aa32; border-radius:5px; font-size:26px; color:#fff; margin-top:5px; margin-bottom:10px;}
.christmas-buy-btn:hover{ background-color:#218c21;}
.sale-support{ display:inline-block; color:#000;}

.pdr-product-img{ float:left;}
.pdr-cont-info{ width:62%; float:left; margin-left:3%; line-height:18px;}
.pdr-cont-boot-info{ width:52%; float:left; margin-left:3%; line-height:18px;}
.pdr-cont-info h4, .pdr-cont-boot-info h4{ text-align:left;}
.christmas-pw-pdr-info{ line-height:18px; margin-left:1.5%;}
.christmas-pw-pdr-info h4{ text-align:left; color:#000;}
.christmas-pw-pdr-info p{ font-size:12px; color:#999; text-align:left;}


.christmas-purchase-support{ width:1116px; height:736px; margin:0 auto; background:url(../images/christmas/christmas-purchase-bg.png) no-repeat; position:absolute; z-index:1;}
.christmas-purchase-suppor-content{ opacity:0;}
.christmas-purchase-ul{ padding:80px 35px 0px;}
.christmas-purchase-ul li{ margin-bottom:20px;}
.christmas-purchase-ul li:after{ display:block; width:100%; height:0; content:""; clear:both;}
.purchase-ul-text{ color:#fff; width:75%;}
.purchase-ul-text h3{ font-size:24px;}
.purchase-ul-text p{ font-size:17px;}
.text-left{text-align:right; margin-right:40px;}
.purchase-ul-img-left{ float:left;}
.text-right{ float:left; margin-left:40px;}
.purchase-ul-img-right{ float:right;}

.footer{ text-align:center; color:#fff;}

.bottom{ width:100%; height:349px; background:url(../images/christmas/christmas-bottom.png) center no-repeat;}


#back{width:1092px;height:48px; position:fixed;_position:absolute; bottom:70px;zoom:1;}
#back a{background:url(../images/christmas/backtop.png) no-repeat;display:block;width:48px;height:48px;margin-bottom:2px;overflow:hidden;text-indent:-999px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
#totop{position:absolute;bottom:0px; right:-15%;cursor:pointer;}

.snow
{ 
	width:50px; 
	height:50px; 
	position:fixed; 
	border-radius:50%; 
	background: -webkit-radial-gradient(circle, rgba(255,255,255,1), rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
	background: -o-radial-gradient(circle, rgba(255,255,255,1), rgba(255,255,255,0)); /* Opera 11.6 - 12.0 */
	background: -moz-radial-gradient(circle, rgba(255,255,255,1), rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
	background: radial-gradient(circle, rgba(255,255,255,1), rgba(255,255,255,0)); /* 标准的语法 */ 
	top:-50px;
	left:-50px;
	z-index:9999;
}

@media screen and (min-width:2000px){
.christmas-banner{ background:url(../images/christmas/christmas-banner-4000.jpg) center top no-repeat;}
.christmas-banner-bottom{background:url(../images/christmas/christmas-banner-bottom-4000.png) center top no-repeat; }
.christmas-sale{ background:url(../images/christmas/christmas-mid-bg-4000.png) center bottom no-repeat;}
.bottom{ background:url(../images/christmas/christmas-bottom-4000.png) center no-repeat;}
}