
.banner-bg{ position: relative;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;  }

/*灯*/
.light-left,.light-right{ position: absolute; z-index: 100; }
.light-left{ top: 16.1%; width: 20.3%; left: 21%;}
.light-right{top: 10%; right: 17.5%; width: 25.8%;}
.light-left,.light-right{
	 animation:light 1.6s;
	 -webkit-animation:light 1.6s;
	 animation-direction:alternate; 
	 -webkit-animation-direction:alternate;
	 animation-iteration-count:infinite;
	 -webkit-animation-iteration-count:infinite;
	}
@-webkit-keyframes light{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}
@-moz-keyframes light{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}
@-ms-keyframes light{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}
@-o-keyframes light{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}
@keyframes light{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}

/*banner 文案*/
.banner-Copywriting {
    position: absolute;
    width: 63.5%;
    top: 0;
    left: 20%;
    z-index: 200;
}
.banner-Copywriting{
    animation: Copywriting 4.8s infinite;
    -webkit-animation: Copywriting 4.8s infinite;
}
@keyframes Copywriting { 0% ,100%{ top: 1%;} 50% {top: 3.5%;} }
@-webkit-keyframes Copywriting { 0% ,100%{top: 1%;} 50% {top: 3.5%;} }
@-moz-keyframes Copywriting { 0% ,100%{top: 1%;} 50% {top: 3.5%;} }
@-ms-keyframes Copywriting { 0% ,100%{top: 1%;} 50% {top: 3.5%;} }
@-o-keyframes Copywriting { 0% ,100%{top: 1%;} 50% {top: 3.5%;} }

/*飞机*/
.banner-aircraft{ position: absolute; width: 9.9%; top: 24.7%; left: 20.2%;}
/*烟花*/
#canvas {z-index: 50;
    cursor: crosshair;
    display: block;
    color: WHITE;
    top: 0%;
    position: absolute;
    height: 42%;
    width: 56%;
    left: 21%;
}


/*nav*/
.top-nav{ position: relative; z-index: 20;  }
.top-nav nav{  max-width: 1210px;padding: 24px; margin: auto; display: table; width: 100%; text-align: center; background:url(https://deal.tomtop.com/activity/201711/20171108_RC_Toys_nav_top.png) center no-repeat; background-size:100%;}
.top-nav ul{ display: table; width: 100%;}
.top-nav ul li{ display: table-cell; vertical-align: middle;text-align: center; border-right: 1px solid #ed9cff;}
.top-nav ul li a{ 
    width: 50%;
    height: 45px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;  
     border-right: 1px solid #450154;  font-size: 14px;   
}
.top-nav ul li a:last-child,.top-nav ul li:last-child{border-right:none;}
.top-nav li {display: inline; list-style: none;}

.top-nav li a {
	text-decoration: none;
	font-size: 1.2em;
	color: #2c2e24;
	font-weight: bold;
	display: inline-block;
	width: 5em; text-align: center;
	padding: .5em 1em;

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.top-nav li a:hover,
.top-nav li a.selected {
	color: #fff728;

}

 
/*clearfix*/    
.wrapper:before,
.wrapper:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	clear: both;
	zoom: 1 
}

.top-nav nav.sticky {
    background:rgba(202, 0, 252, 0.81);
	position: fixed;
    max-width:inherit;
	top: 0px;
    padding: 5px;
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
}
.top-nav nav.sticky ul{ width: 100%; display: table;}

/*时间*/
.jj{ padding: 1.5% 0 2% 0;}
.jj2{ padding: 3% 0;}
.sty { text-align: center;}
.sty img,.sty div{ display: inline-block; font-size: 29px; vertical-align: middle;}
.sty div,.sty div span{ color: #fff71c;  }
.right10{ margin-right: 10px;}

/*nav*/
li{ list-style-type:none; }
.nav2 .nav_content h1{     font-size: 20px;text-align: center;line-height: 20px;color: #fff;margin-top: 5px;margin-bottom: 20px;}
.nav2 {width: 100%; position: fixed;	z-index: 9999;}
.nav2,#n_a_v {transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;opacity: 0;filter: alpha(opacity:0);}
.nav2 .nav_content {
    position: fixed;
    right: 10px;
    z-index: 99999;
    width: 163px;
    height: 447px;
    padding-top: 143px;
    bottom: 0px;
    bottom: 50%;
    margin-bottom: -252px;
    background: url(https://deal.rcmoment.com/activity/201711/20171121_Black_Friday_nav.png) center no-repeat;
}

.nav2 ul { width: 128px; margin-left: 14px;}
.nav2 ul .floor_nav,.nav_content a {
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	}
.nav_content a:hover { color:#004058;}	
.nav2 ul .floor_nav {
    color: #fff;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    margin: 0 auto 0px auto;
    font-size: 12px;
    border-bottom: solid 1px #731216;
    padding:14px 0;
}
/*.nav2 ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/
.nav2 ul .floor_nav:hover {/*background: #000*/	color:#fff71c;}
.nav2 ul .floor_nav_cur {color:#fff71c; background: #731216;}
.nav2 .nav_content ul{}
.nav2 ul li.nav_top {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    line-height: 40px;
    margin: 9px auto auto auto;
}
/*
.nav2 ul li.nav_top:before{
    content: '';
    position: absolute;
    height: 10px;
    width: 2px;
    background: #fff;
    z-index: 0;
    bottom: 42px;
    margin-left: 14px;
}
*/
@media(max-width:1500px){
/*right nav*/
.top-nav nav {
    max-width: 940px;
    padding: 14px;
}
.top-nav ul li a {
    height: 35px;
    font-size: 12px;
}    
}
@media(max-width:1200px){
    /*right nav*/
    .nav2 .nav_content{ display: none;}    
}
@media(max-width:1120px){
 
}
@media(max-width:1024px){
    
}
@media(max-width:960px){
    .top-nav{ overflow: auto;}
    .top-nav nav{ max-width:inherit; width: 960px;}
    .top-nav nav.sticky{display: none;
}

    @media(max-width:550px){

.sty img, .sty div{ font-size: 16px;} 
    }
/*------------------------------------------------------------------------*/
