.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;  padding: 50px 0;}
.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{ background: #ffd29d;  border:12px #f97923 solid;    padding: 14px 10px;}
.celebration-title i{ display: inline-block;  padding: 0 30px;}
.celebration-title a{ font-size: 12px; color: #fff}
.celebration-title h3{ padding: 35px 0;}
.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;}

@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: 170px !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;
} 

    }
@media (max-width:640px) {
.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:18px 0;
}  
.anniversary-bg {
  border: 7px #ffa439 solid;
} 
    
.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;
}    
}