/* christmas-sale_banner */
@keyframes snowanimated{
			
	0% {
		transform: rotate(-5deg);transform-origin:50% 100%;
		-ms-transform: rotate(-5deg);-ms-transform-origin:50% 100%;
	}

	100% {
		transform: rotate(25deg);transform-origin:50% 100%;
		-ms-transform: rotate(25deg);-ms-transform-origin:50% 100%;
	}
}
@-webkit-keyframes snowanimated{
			
	0% {
		-webkit-transform: rotate(-5deg);-webkit-transform-origin:50% 100%;
	}

	100% {
		-webkit-transform: rotate(25deg);-webkit-transform-origin:50% 100%;
	}
}
@-o-keyframes snowanimated{
			
	0% {
		-o-transform: rotate(-5deg);-o-transform-origin:50% 100%;
	}

	100% {
		-o-transform: rotate(25deg);-o-transform-origin:50% 100%;
	}
}
@-moz-keyframes snowanimated{
			
	0% {
		-moz-transform: rotate(-5deg);-moz-transform-origin:50% 100%;
	}

	100% {
		-moz-transform: rotate(25deg);-moz-transform-origin:50% 100%;
	}
}
.christmas-sale_banner{
	height: 540px;
	background:url(../images/christmas/banner-bj.jpg) no-repeat center center;
	background-color: #014189;
	position: relative;
}
.christmas-sale_banner .img_banner img{
	position: absolute;
	left: 50%;
}
.christmas-sale_banner .img_banner.top img{
	top:35px;
	margin-left: -377px;
}
.christmas-sale_banner .img_banner.middle img{
	top:202px;
	margin-left: -238px;
}
.christmas-sale_banner .img_banner.bottom span{
	display: block;
    position: absolute;
    left: 47%; 
    top: 398px;
    margin-left: -82px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: block;
    background: #004796;
    width: 244px;
    line-height: 30px;
    font-family: verdana;
    border-radius: 4px;
}
.christmas-sale_banner .img_banner.snower img{
	bottom:15px;
	margin-left: -348px;
	animation:snowanimated 1.2s infinite alternate;
	-webkit-animation:snowanimated 1.2s infinite alternate;
	-o-animation:snowanimated 1.2s infinite alternate;
	-moz-animation:snowanimated 1.2s infinite alternate;
}
.ice_start{
	height: 91px;
	background:url(../images/christmas/top.jpg) repeat-x center center;
}
.christmas-sale_banner .img_banner.top span.close_eya{
	display: block;
	width: 36px;height: 10px;
	background:url(../images/christmas/eyas2.png) no-repeat center center;
	position: absolute;
	left: 50%;
	top: 82px;
    margin-left: -14px;
    display: none
}
/* content */
.christmas_content{
	background-color: #b3ceeb;
	padding-top: 35px
}
.christmas_content .christmas_warp{
	margin-bottom: 42px;
	background-color: #fff;
	*zoom:1;
}
.christmas_warp .warp_top{
	height: 21px;
	background:url(../images/christmas/top-img.jpg) no-repeat center center;
}
.christmas_warp .warp_title{
	height: 50px;
	background-color: #db585d;
	font-size: 22px;
	line-height: 50px;text-align: center;
	color: #fff
}
.christmas_warp .warp_content{
	padding:20px 15px 15px 25px;
}
.warp_content .box_cont{
	width: 320px;
	position: relative;
}
.warp_content .box_cont h2{
	font-size: 16px;
	color: #000
}
.warp_content .box_cont h4{
	font-size: 14px;
	color: #373f43;
	padding-top: 5px
}
.warp_content .box_cont p{
	font-size: 14px;line-height: 20px;
	padding-top: 20px;
	color: #606060;
}
.warp_content .box_cont p.pic{
	display: block;
	height: 85px
}
.img_product{
	margin-top: 10px
}
.img_product .price_cont{
	margin-left: 24px;
	margin-top: 50px
}
.img_product .price_cont .price{
	font-size: 24px;
	color: #ff5b01;
	font-weight: bold;
}
.img_product .price_cont .price i{
	font-size: 16px;
	font-weight: normal;
	text-decoration: line-through;
	color: #939393
}
.lefttime{
	margin-top: 16px;
	font-size: 13px;color: #626262;
	cursor: pointer
}
.lefttime i.checked{
	display: block;
	margin-right: 5px;
	width: 22px;
    height: 22px;
    background: url(../../images/icon.png) no-repeat -291px -22px
}
.lefttime i.checked.active{
	background-position: -250px -22px;

}
.box_cont.warp_middle{margin-left: 50px}
.box_cont.warp_right{width: 180px;margin-left: 70px;}

.box_cont.warp_right .off_price{
	padding-top: 10px;
	position: relative;
	*zoom:1;
}
.box_cont.warp_right .off_price i.Off50{
	display: block;width: 77px;height: 77px;
	background:url(../images/2016-christmas-sale/50.png) no-repeat center center;
	position: absolute;
	top:60px;left: 70px;

	transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}
.box_cont.warp_right .off_price i.Off40 {
	background:url(../images/2016-christmas-sale/40.png) no-repeat center center;
}
.box_cont.warp_right .off_price .price{
	font-size: 24px;font-weight: bold;
	margin-top: 15px;
	color: #ff5b01;
}
.box_cont.warp_right .off_price .price i{
	font-size: 16px;
	font-weight: normal;
	text-decoration: line-through;
	color: #939393
}
.box_cont.warp_right .right_price_link{
	display: block;
	margin-top: 15px;
	width: 147px;height: 43px;
	text-indent: 50px;
	font-size: 18px;line-height: 40px;color: #fff;
	background:url(../images/christmas/button.png) no-repeat 0 0;
}
.box_cont.warp_right .right_price_link:hover{
	text-decoration: none;
	background-position: 0 -51px;
}
.pics_imgs{
	position: relative;
}
.pics_imgs i.gift{
	display: block;
	width: 108px;height: 29px;
	background:url(../images/christmas/gift.png) no-repeat center center;
	position: absolute;
	bottom: 30px;left: 1px;
}
.warp_content .box_cont span.addAnd{
	display: block;
	width: 38px;height: 38px;
	position: absolute;
	top:80px;right: -40px;
}
.box_cont span.addAnd.and{
	background: url(../../landing/images/windows10/img2.png) no-repeat 5px 5px;
}
.box_cont span.addAnd.equal{
	background: url(../../landing/images/windows10/img2.png) no-repeat -30px 5px;
}

/* 
 */
.contols_music{
	position: fixed;
	top:10px;right: 15px;
	width:20px;height: 20px;
	overflow: hidden;
	display: none
}
.contols_music i.music{
	display: block;
	width: 20px;height: 20px;
	background:url(../images/christmas/music.png) no-repeat -999999999px -99999999px;
	cursor: pointer
}
.contols_music i.music.pause{
	background-position: 1px 3px;
}
.contols_music i.music.play{
	background-position: 1px -14px;
}

.bf_footer.christmas{
	margin-top: 0;
}
.bf_footer.christmas .w_100.bgc1.top{
	background-color: #508cca
}


.box_cont.warp_right .off_price i.Off50 span{
	display: block;
	padding-top: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #e48589;
	text-align: center;
}
.box_cont.warp_right .off_price i.Off50 span abbr{font-size:12px;font-weight: normal;}

.christmas_content.b3ceeb{
	background:url(../images/newyear_2016/bj.jpg) repeat-y center center;
	background-color: #b3ceeb;
}
.b3ceeb .christmas_warp .warp_title {
	background-color: #154494;
}

.banner-ny-2016 {
	background-color: #1048a8;
	overflow: hidden;
}
.banner-ny-2016 .banner-wrap {
	position: relative;
	height:497px;
	overflow: visible;
}
.banner-ny-2016 .logo-link {
	position: absolute;
	top:15px;left:2px;
	z-index: 20160101;
}
.banner-ny-2016 .banner-theme {
	width:716px;height:250px;
	position: absolute;
	top:50%;left:50%;
	margin-left:-350px;
	margin-top:-190px;
	z-index:10;
	background: url(../images/newyear_2016/new-year-bj.png) no-repeat center center;
}
.banner-ny-2016 .banner-bg {
	width:1500px;height:497px;
	position: absolute;
	background: url(../images/newyear_2016/new-year-bj.jpg) no-repeat center center;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	top:0;margin-left:-750px;
	left:50%;
	z-index: 5;
}
.banner-ny-2016 .ferris-wheel {
	width:190px;height:195px;
	position: absolute;
	bottom:0;left:50%;
	margin-left:-95px;
	z-index:20;
}
.banner-ny-2016 .bracket {
	width:120px;height:103px;
	background: url(../images/newyear_2016/ferris-wheel.png) no-repeat center center;
	position: absolute;
	bottom:0;left:50%;
	margin-left:-60px;
}

@-webkit-keyframes am-rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes am-rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes am-rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes am-rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}

.banner-ny-2016 .wheel {
	width:190px;height:188px;
	position: absolute;
	top:0;left:0;
	-webkit-animation: 35s linear 0s normal none infinite am-rotate;
	-moz-animation: 35s linear 0s normal none infinite am-rotate;
	-o-animation: 35s linear 0s normal none infinite am-rotate;
	animation: 35s linear 0s normal none infinite am-rotate;
	background: url(../images/newyear_2016/ferris-wheel1.png) no-repeat center center;
}
.banner-firework-2016 {
	height:497px;
	width:980px;
	position: absolute;
	top:0;left:50%;
	margin-left:-490px;
	z-index: 101;
	overflow: visible;
}



/*  */
.b3ceeb .christmas_warp .warp_title i.fires{
	display: inline-block;
	width: 107px;height: 52px;
	background:url(../images/newyear_2016/fireworks1.png) no-repeat center center;
	margin:0 8px;
}
.b3ceeb .christmas_warp .warp_title i.fires.right{
	width: 99px;height: 53px;
	background:url(../images/newyear_2016/fireworks2.png) no-repeat center center;
}
.b3ceeb .christmas_warp .warp_title span{display: inline-block;}
.box_cont.warp_right .off_price .price_save{
	color: #939393;
	font-size: 16px;
	margin-top: 10px
}
.box_cont.warp_right .off_price .price_save i{
	font-size: 16px;
}
.box_cont.warp_right.new_year{
	width: 190px;margin-left: 60px
}
.box_cont.warp_right .off_price .price_save abbr{text-decoration: line-through;}
.banner-ny-2016 h2.over-time{
	display: block;
	position: absolute;
	top:50%;left:50%;
	margin-left:-80px;
	margin-top:20px;
	font-size: 14px;
	color: #fff;
	z-index: 20160108
}