.b_box{ max-width: 1920px; margin: auto;}
.top-style{ background:#21171f;}
.top-style ul li {
    color: #fff;
    padding: 15px 1%;
    text-align: center;
    font-size: 16px;
    width: 32%;
    display: block;
    float: left;
	background:#d15706;
}
.top-style ul li.bg-f64618{ margin: 0 1.5%;}
.banner-link {  overflow: hidden; }
.banner-link ul li{ width:32.333%; float:left; margin:0.5%; display:block; } 
.banner-link ul{ margin:50px -0.5% 0 -0.5%}
.banner-link.banner-fooer-link ul{ margin-top:0; }
.top-left{ position:relative;}
.top-time{ 
    width: 266px; height: 187px; position: absolute; 
    background:url(https://deal.tomtop.com/activity/201805/20180508-Anniversary-celebration-top-time.png)  no-repeat top ; z-index: 10; 
}
.top-time .activity_countDown{ font-size: 19px; text-align: center; width: 100%; padding-top:33%; color: #b43600; }
.top-time .activity_countDown p{ color: #451500;}
.top-left ul{ margin-left: 255px;}
.announcement{ 
    position: absolute; width: 50%; left: 29%; border:3px solid #eea729; bottom: 8%; background: #fff; padding: 20px;
    border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -webkit-border-radius: 50px;  
}
.anniversary-bg{    border: 4px #fff solid; position: relative; z-index: 1;}
.tab_con,.anniversary-bg{   }
.tab_con{  padding: 38px;}
.celebration-title i{ display: inline-block;  padding: 0 30px;}
.celebration-title a{ font-size: 12px; color: #fff}
.celebration-title h3 {
padding: 37px 0;
    background-size: 100%;
    width: 680px;
    height: 87px;
    border-top: 4px white solid;
    border-left: 4px white solid;
    border-right: 4px white solid;
    font-size: 36px;
    line-height: 11px;
    font-weight: bold;
}
.anniversary-bg.top-25{ position: relative; margin-top: -25px; padding:40px 10px;}

.tips-1 .hd{
    top: 110px;
    right: 29%;
    position: absolute;
    color: #fff;    
}
.tips-1 .hd .tips{
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    font-size: 16px;
    margin-left: 20px;
     z-index: 9999;
}
.tips-1 .hd .info {
    left: 118%;
    top: -25px;
    width: 380px;
    padding: 35px 30px;
    text-align: left;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 8px #999;
    z-index: 200;
    display: none;
}
.tips-1 .hd .info .triangle{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 14px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 23px;
    left: -10px;
    display: block;
}
.tips-1 .hd .info .p1 {
    font-size: 20px;
    margin-bottom: 8px;
}
.tips-1 .hd .tips.show_sub .info {
	display: block
}
.tips-1 .hd h3{display: inline-block;}
.tips-1 .hd p{ color: #000; line-height: 25px;}
.Save-more {padding: 20px 0 40px 0;}
.Save-more ul li{ float: left; ; height: auto; width: 23%;margin: 1%; z-index: 1; position: relative; display: block;}
.Save-more ul li a{ display: block;color: #fff; padding: 15% 0 5% 0;}
.Save-more ul li a:hover{color: #fff600;}
.Save-more ul .descr-cont{ height: 100%; width: 100%; position: absolute; top: 0; left:0;}
.Save-more ul .descr{ display: table; height: 100%; width: 100%;}
.Save-more ul .cell{ display: table-cell; vertical-align: middle; text-align: center;}
.Save-more ul li h1{ font-size: 30px;} 
.Save-more ul li h2{ font-size: 50px; font-weight: bold; text-transform: uppercase;}
.Save-more ul li h3{ display: inline-block; background: #fff; font-size: 18px; padding: 5px 5%; 
border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; margin-bottom: 25%;
}
.Save-more ul li h4{ display: inline-block; background: #fff; font-size:50px; color: #d06100;
border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px;  width: 50px; height: 50px;line-height: 50px;}
.Save-more ul li h4:hover{background:#fff600;}
.Save-more ul li .view06{ padding: 0px 0px 10px 0px; margin: 0px; font-size:40px}
@media (max-width:1450px) {
.tab_con li.w40 .pr_box { background: #21171f; }
.tab_con li.w40 .pr_img{ height:inherit !important;}
.tab_con li .pr_img{ height: 250px !important;}
.pr_box .buy_btn{    margin-top: 0px !important;}
.pr_price { margin: 5px 0 !important;}
    
.tips-1 .hd {
    top: 98px;
    right: 28%;
    position: absolute;
    color: #fff;
} 
.Save-more ul li h1 {font-size: 25px;}
.Save-more ul li h2 {font-size: 35px;}
.Save-more ul li h3 {font-size: 14px;}    
.Save-more ul li .view06 {font-size: 33px;}    
    }
@media (max-width:780px) {
	.tab_con {
    padding: 8px;
}
.Save-more ul li h1 {font-size: 20px;}
.Save-more ul li h2 {font-size: 30px;}
.Save-more ul li h3 {font-size: 12px;}    
.Save-more ul li .view06 {font-size: 27px;}        
}
@media (max-width:640px) {
.Save-more ul li{ width: 48%;}  
.Save-more {padding: 3px 0;}    
.tips-1 .hd .info {
    left: -532%;
    top: 42px; 
    width: 280px;
    padding: 25px 20px;
    text-align: left;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 8px #999;
    z-index: 200;
    display: none;
}
.tips-1 .hd .info .triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -20px;
    display: block;
    right: 20%;
    left: auto;
}  
.banner-link ul {
    margin: 0;
} 
.banner-link {
    overflow: hidden;
    padding:0;
}  
.anniversary-bg { 
}  
.top-time {
    width: 88px;
    height: 78px;
    z-index: 10;
    background-size: 100%;
}
.top-time .activity_countDown {
    font-size: 2.7vw;
    width: 100%;
    padding-top: 38%;
} 
.top-left ul {
    margin-left: 92px;
}    
}
@media (max-width:400px) {
.Save-more ul li h1 {font-size: 17px;}
.Save-more ul li h2 {font-size: 27px;}
.Save-more ul li h3 {font-size: 11px;}    
.Save-more ul li .view06 {font-size: 20px;}        
}
/********/
.banner11 {position: absolute;width: 37%;left: 24%;top: 7.1%;animation: slideInDown 2s;   -webkit-animation: slideInDown 2s;  -ms-animation: slideInDown 2s;   -moz-animation: slideInDown 2s; }
@-ms-keyframes slideInDown {
	from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

@-moz-keyframes slideInDown {
	from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

@-webkit-keyframes slideInDown {
	from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

@keyframes slideInDown {
	from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

.banner12 {
position: absolute;
left: 11.5%; 
width: 13.5%;
animation: aircraft 4.8s infinite;
-moz-animation: aircraft 4.8s infinite;
-ms-animation: aircraft 4.8s infinite;
-webkit-animation: aircraft 4.8s infinite;
margin-top: 10%;
}
@keyframes aircraft {
	0% ,100%{top: 4px;}
	50% {top: 38px;}
}
@-webkit-keyframes aircraft {
	0% ,100%{top: 4px;}
	50% {top: 38px;}
}
@-moz-keyframes aircraft {
	0% ,100%{top: 4px;}
	50% {top: 38px;}
}
@-o-keyframes aircraft {
	0% ,100%{top: 4px;}
	50% {top: 38px;}
}
@-ms-keyframes aircraft {
	0% ,100%{top: 4px;}
	50% {top: 38px;}
}

.banner13{ position: absolute; width: 19.6%; left: 8%; bottom: 2.1%; /*animation: sweep 10s; -webkit-animation: sweep 10s; -ms-animation: sweep 10s;   -moz-animation: sweep 10s;* }
/*
@-ms-keyframes sweep {
	from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

@-moz-keyframes sweep {
	from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

@-webkit-keyframes sweep {
	from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

@keyframes sweep {
	from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
*/

