.height75{ height:75px; width: 100%;}.height65{ height: 65px;} .height60{ height: 60px;}.height50{ height:50px; width: 100%;}.height25{ height:25px; width: 100%;}.height20{ height:20px; width: 100%;}
.spacing-a{ height:20px; width: 100%;} 
.w1300{max-width:1300px; margin:auto}
/*---4----*/
.z-index{ position: relative; z-index: 10}
.W1202 {
    max-width: 1202px;
    margin: 0 auto;
}
@media (max-width: 1450px){
.W1202 {max-width: 1000px;}
}
/*---------------------------------------------------top-navBG*/
.top-navBG{ background:rgba(19, 37, 101, 0.7490196078431373);position: absolute; width: 100%; z-index: 2;}
.top-nav ul {display: table; width: 90%; text-align: center; margin-left:6%;}
.top-nav ul li{ display: table-cell; vertical-align: middle;}
.top-nav ul li a{ color: #fff; display: block; padding:10px 0; line-height: 20px;}
/*.top-nav ul li a:hover*/
.top-navICO{ display:block; text-align:right; margin-right:15%}
.top-nav ul li:last-child{border-right:none}
.top-nav ul li .current{color: #f4e214;}
.top-nav ul li.currentBG{ background: #2347d5;}

.top-left{position: absolute; margin-top: 0px;left: -60px;}
.top-nav .font14 {font-size: 14px;line-height: 0;}
.top-nav .font24 {font-size: 24px;} 
.top-nav ul li a.ffeb11{ color: #ffeb11;}
.top-nav ul li a.f00eaea{ color: #00eaea;}

.table-container-outer { position: relative; }
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin:0;}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 8px;height: 8px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 0px solid #fff;background-color: rgb(57, 4, 177);}

.top-nav ul {}
@media (max-width:1450px) {
.top-nav ul li a {padding: 7px 0;line-height: 15px;}   
.top-nav .font14 {font-size: 12px;} 
.top-nav .font24 {font-size: 18px; margin-top:5px; display: block}
.top-left {left: -52px;width: 102px;}    
}

@media (max-width:1150px) {
.top-left { left: 0; width: 102px;}
.top-nav ul { margin-left: 109px;}    
}
@media (max-width:768px) {
.top-nav ul { width: 768px;}    
.table-container-fade{
		position: absolute;
		right: 0;
		width: 15px;
		height: 100%;
		background-image: -webkit-linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
		background-image: -moz-linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
		background-image: -ms-linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
		background-image: -o-linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
		background-image: linear-gradient(0deg, rgba(43, 38, 25, 0.19), #000000b5);
}     
.top-navBG{ position:inherit;}   
.top-left { margin-top: -74px;}    
}
@media (max-width:550px) { 
.top-left{ display: none;}    
.top-navBG{ position:inherit; display: none;}  
.top-nav .font14 {font-size: 10px;}  
.top-nav ul li a { padding: 7px 0; line-height: 12px;}  
.top-nav .font24 {font-size: 12px;margin-top: 5px;}
.table-container img{ width: 20px;}    
}
/*---------------------------------------------------top-navBG*/

/*banner*/
.banner-content,.ba1{position: absolute; z-index: 1}
.banner-content {top: 33.7%;width: 50.5%;left: 27%;}
.ba1{ top:7.7%; width:67.2%; left: 21.5%}
.lighting1{ 
    position:absolute; top: 1%;  left: 4%; width: 39%;
    animation: light1 20s linear infinite;
    -moz-animation: light1 20s linear infinite;
    -webkit-animation: light1 20s linear infinite;
    -o-animation: light1 20s linear infinite;
}
@-webkit-keyframes light1{
   0%,100% {transform: rotate(20deg);transform-origin: 0 700px;}
   50% { transform: rotate(-25deg);transform-origin: 0 700px; }
}
@-keyframes light1{
   0%,100% {transform: rotate(20deg);transform-origin: 0 700px;}
   50% { transform: rotate(-25deg);transform-origin: 0 700px; }
}
.lighting2{ 
    position:absolute; top: 11%;  left: 13%; width: 39%;
    animation: light2 20s linear infinite;
    -moz-animation: light2 20s linear infinite;
    -webkit-animation: light2 20s linear infinite;
    -o-animation: light2 20s linear infinite;
}
@-webkit-keyframes light2{
   0%,100% { transform: rotate(20deg); transform-origin: 0 700px;}
   50% {transform: rotate(-10deg); transform-origin: 0 700px;}
}
@-keyframes light2{
   0%,100% { transform: rotate(20deg); transform-origin: 0 700px;}
   50% {transform: rotate(-10deg); transform-origin: 0 700px;}
}
.lighting3{ 
    position:absolute; top: 11%;  right: -35%; width: 80%;
    animation: light3 20s linear infinite;
    -moz-animation: light3 20s linear infinite;
    -webkit-animation: light3 20s linear infinite;
    -o-animation: light3 20s linear infinite;
}
@-webkit-keyframes light3{
   0%,100% {  transform: rotate(0deg); transform-origin: right 750px;}
   50% { transform: rotate(-20deg);transform-origin: right 750px; }
}
@keyframes light3{
   0%,100% {  transform: rotate(0deg); transform-origin: right 750px;}
   50% { transform: rotate(-20deg);transform-origin: right 750px; }
}

.tomtop06 {
    width: 18.6%; left: -17.5%; top: 22.5%; position: absolute;
    animation:down 1.6s;
	 -webkit-animation:down 1.6s;
	 animation-direction:alternate; 
	 -webkit-animation-direction:alternate;
	 animation-iteration-count:infinite;
	 -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes down{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}
@-moz-keyframes down{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}
@-ms-keyframes down{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}
@-o-keyframes down{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}
@keyframes down{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.6;}}

.tomtop07{position: absolute; width: 13.2%; bottom: 54.5%; right: -21.6%;
      animation: phoneAnimation 4.8s infinite;
      -webkit-animation: phoneAnimation 4.8s infinite;
}
@keyframes phoneAnimation {0% ,100%{bottom: 54.5%;}50% {bottom: 56.5%;}}
@-webkit-keyframes phoneAnimation {0% ,100%{bottom: 54.5%;}50% {bottom: 56.5%;}}

.tomtop08{ position: absolute; top: 31%; left: 27%; width: 48%;
     animation:down1 1.6s;
	 -webkit-animation:down1 1.6s;
	 animation-direction:alternate; 
	 -webkit-animation-direction:alternate;
	 animation-iteration-count:infinite;
	 -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes down1{0%{opacity:0.1;}50%{opacity:5;}100%{opacity:0.9;}}
@-moz-keyframes down1{0%{opacity:0.1;}50%{opacity:5;}100%{opacity:0.9;}}
@-ms-keyframes down1{0%{opacity:0.1;}50%{opacity:5;}100%{opacity:0.9;}}
@-o-keyframes down1{0%{opacity:0.1;}50%{opacity:5;}100%{opacity:0.9;}}
@keyframes down1{0%{opacity:0.1;}50%{opacity:5;}100%{opacity:0.9;}}

.Anniversary-th2{ width: 50.7%; left: 20%; margin-top: -1.2%}
.Light_a,.Light_a img{border-radius: 100px;}
.Light_a{ position: relative;overflow: hidden;}
.Light_a img.toum{ position: absolute; top: 0px;left: -225px;animation: Light 8s 0s infinite; -moz-animation: Light 8s 0s infinite;   -webkit-animation: Light 8s 0s infinite; -o-animation: Light 8s 0s infinite;  opacity:10;filter:Alpha(opacity=100); 
}

@-webkit-keyframes Light { 0%   {left:-225px; }  10%  {left: 97%; opacity: 0;}  100% {left: 0%; opacity: 0;}}
@-moz-keyframes Light { 0%   {left:-225px; }  10%  {left: 97%; opacity: 0;}  100% {left: 0%; opacity: 0;}}
@-o-keyframes Light { 0%   {left:-225px; }  10%  {left: 97%; opacity: 0;}  100% {left: 0%; opacity: 0;}}
@keyframes Light { 0%   {left:-225px; }  10%  {left: 97%; opacity: 0;}  100% {left: 0%; opacity: 0;}}
@media (max-width:1450px) { 
@-webkit-keyframes light1{
   0%,100% {  transform: rotate(20deg);transform-origin: 0 600px;}
   50% { transform: rotate(-20deg); transform-origin: 0 600px;  }
}
@-webkit-keyframes light2{
   0%,100% {  transform: rotate(20deg); transform-origin: 0 600px;}
   50% { transform: rotate(-20deg);transform-origin: 0 600px; }
} 
.lighting3{ position:absolute; top: 11%;  right: -28%; width: 80%;}    
@-webkit-keyframes light3{0%,100% { transform: rotate(0deg); transform-origin: right 700px;}50% { transform: rotate(-20deg); transform-origin: right 700px;}}
@-keyframes light3{ 0%,100% { transform: rotate(0deg); transform-origin: right 700px;}50% { transform: rotate(-20deg); transform-origin: right 700px;}}        
}
@media (max-width:1000px) { 
    @-webkit-keyframes light1{}
    @-webkit-keyframes light2{}
    @-webkit-keyframes light3{}
    .lighting3 { -webkit-animation: none; animation: none;  -moz-animation: none;}
}

/*Code*/
.CodeCode0{margin-top:-547px; position: relative; }
.Code1 ul{ margin:0 -0.8%;}
.Code1 ul li,.CodeCode ul li,.GiftBouns{border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-ms-border-radius: 15px;}
.Code1 ul li,.CodeCode ul li{
    border: 3px solid #fff;
    box-shadow: 0px 0px 6px 1px rgb(193, 112, 249) inset, 0px 0px 6px 1px rgba(193, 112, 249);
    -moz-box-shadow: 0px 0px 6px 1px rgb(193, 112, 249) inset, 0px 0px 6px 1px rgba(193, 112, 249);
    -ms-box-shadow: 0px 0px 6px 1px rgb(193, 112, 249) inset, 0px 0px 6px 1px rgba(193, 112, 249);
    -webkit-box-shadow: 0px 0px 6px 1px rgb(193, 112, 249) inset, 0px 0px 6px 1px rgba(193, 112, 249);   
}
.Code1 ul li{ display: block; float: left; width:  31.9%; margin: 0.7%; padding:1.5% 1.2%; background:rgba(34, 61, 166, 0.81);}
.table1{ display: table; width: 100%;}
.table2,.table3{ display: table-cell; vertical-align: middle;}
.table2{ width: 55%;}
.table3{ width: 45%; margin: 150px 0; background: #fff;border-radius: 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px;}
.table2 h1{ font-size: 37px; font-weight: bold; color: #fff;}
.table2 h2{ font-size: 16px; color: #00fcff; margin-top: 2%;}
.table2 h3{font-size: 16px; color: #fff; line-height: 18px; height: 37px; overflow: hidden; margin:5% 0; padding-right: 3%;  display: block;}
.ProgressBar{ color: #fff; font-size: 15px; width: 85%; text-align: right}
.b_banner_bg .table3{ text-align: center;}
.b_banner_bg .table3 .activity_countDown p,
.b_banner_bg .table3 .activity_countDown span,
.b_banner_bg .table3 .activity_countDown i
{font-size:22px;  color: #000}
.b_banner_bg .table3 .activity_countDown i{font-weight: bold; margin: 0 0px;}
.Remind{border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-ms-border-radius: 7px;}
.Remind{ background: #ff6600; font-size: 18px; color: #fff; display: block; margin: 10% 6% 0 6%; padding: 3%;}
.Remind.use_now{ background: #cc2320;}
.Remind999{ background: #999;}
.CodeCode{position: relative;}
.CodeCode ul{ margin: 0 -1%;}
.padding25{padding:45px 2px 20px 2px;}
.CodeCode ul li{
    background: #5583fb; width: 25%; display: block;  position:relative;
    width: 23%; margin: 1%;
    float: left;
    z-index: 1;
    background-size: 100%;
}
.a1-left,.a2-right{ position: absolute;top: 50%; margin-top: -27px}
.a1-left{ left:-15px; }
.a2-right{right:-15px; }
.Code-2{ padding: 6% 5%;}
.Code-2,.Code-3{background: #a947ff; color: #fff;}
.Code-3{ text-align: center; font-size: 16px; padding: 2%; margin-top: 4%}
.jma-left1,.jma-left2{float: left; }
.jma-left1,.jma-left3,.jma-left5 {width: 70%; }
.jma-left1 .font50{ font-size: 50px; font-weight: bold;}
.jma-left2{ text-align: center;}
.jma-left2 .font30{ font-size:30px;font-weight: bold; display: block; line-height: 50px; }
.dd1{position: relative;}
.dd1:hover .dd2{ display: block;}
.dd2 { border-radius: 5px; z-index: 1; display: none;  background: #fff; color: #000; padding: 5px; width: 200px; position: absolute;right:0;}
.dd2 {
    box-shadow:0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -moz-box-shadow:0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -ms-box-shadow: 0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);
    -webkit-box-shadow: 0px 0px 6px 1px rgb(255, 255, 255) inset, 0px 0px 3px 1px rgb(73, 78, 99);    
}

.title-a{ text-align: center;}
.title-a h1{ display:inline-block; font-size: 24px;  color: #f80076;  background:#fbff00; padding: 3.3% 5%; border: 3px solid #f80076; border-radius: 10px;}
.title-a h1 {  -ms-box-shadow:2px 4px 5px 1px #fffabc inset;-moz-box-shadow:2px 4px 5px 1px #fffabc inset;-webkit-box-shadow:2px 4px 5px 1px #fffabc inset;box-shadow: 2px 4px 5px 1px #fffabc inset;}
.title-a h1 span,.title h1 strong{ display: inline-block; vertical-align:middle;}

.top-a{ margin-bottom: -28px;}
@media (max-width:1450px) {
.CodeCode0 {margin-top: -457px;}    
.table2 h1 {font-size: 30px;}
.table2 h2 { font-size: 14px;}    
.table2 h3 {font-size: 13px; line-height: 15px;height: 29px;margin: 3% 0; padding-right: 3%;} 
.b_banner_bg .table3 .activity_countDown p,
.b_banner_bg .table3 .activity_countDown span,
.b_banner_bg .table3 .activity_countDown i
{font-size:18px;}  
.Remind {font-size: 14px;}  
    
.CodeCode {margin-top:0;}
.jma-left1 .font50 { font-size: 30px;}   
.font16 { font-size: 13px;}   
.jma-left2 .font30 {font-size: 20px;line-height: 32px;}  
.dd1 img{ width: 20px;}    
.Code-3 { font-size: 13px;} 
.padding25 { padding: 27px 2px 20px 2px;}    
.title-a h1 {font-size: 14px; padding: 3.3% 5%; border: 2px solid #ff5800; border-radius: 7px;}   
.top-a {margin-bottom: -19px;}    
} 
@media (max-width:1000px) {
.z-index {
    padding: 0 1%;
}    
.CodeCode ul {margin: 0 -0.2%;}  
.CodeCode { margin-top: -35%;}  
    .Code1{ margin: 0 1%;}    
}
@media (max-width:768px) {
.CodeCode0 { margin-top: -44%;}    
.table2 h1 {font-size:20px;}
.table2 h2 { font-size: 12px;}    
.table2 h3 {font-size: 12px; line-height: 15px;height: 29px;margin: 3% 0; padding-right: 3%;} 
.ProgressBar { font-size: 13px;}    
.b_banner_bg .table3 .activity_countDown p,
.b_banner_bg .table3 .activity_countDown span,
.b_banner_bg .table3 .activity_countDown i
{font-size:13px;}  
.Remind {font-size: 13px;}     
    
 .CodeCode { margin-top: 0;}
 .CodeCode ul li { width: 46.8%; margin: 4% 1.5% 1.5% 1.5%}   
}
@media (max-width:650px) {
.CodeCode0 {margin-top: -48%;}    
.Code1 ul li {float: none;  width: 98.5%;
    margin: 4% 0.7% 0.7% 0.7%; padding: 1.5% 1.2%;
} 
.Code1 { margin: 0 0%;}    
.Code1 ul li { float: none;width: 96%; margin: 4% 2% 0.7% 2%;padding: 1.5% 1.2%;}
.Remind  {margin: 10px 6% 0 6%;}
.b_banner_bg .table3 .activity_countDown p,
.b_banner_bg .table3 .activity_countDown span,
.b_banner_bg .table3 .activity_countDown i
{font-size:17px;}  
.Code1 ul li, .CodeCode ul li, .GiftBouns {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}    
}
@media (max-width:450px) {
.Code1 ul li, .CodeCode ul li { border: 2px solid #fff;}    
.CodeCode { margin-top: 0;}
.CodeCode ul { margin: 0 0%;}    
.CodeCode ul li { width:48%; margin: 5% 1% 2% 1%;  border: 2px solid #fff;}  
.a1-left img,.a2-right img{ width: 20px; display: none;} 
.a1-left { left: -11px;} 
.a2-right {right: -11px;} 
.CodeCode ul li{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px;}    
.jma-left1 .font50 {font-size: 12px;}
.jma-left2 .font30 {font-size: 12px;line-height: 15px;}  
.font16 { font-size: 11px;}
.jma-left1, .jma-left3, .jma-left5 { width: 80%;}
.dd1 img { width: 13px;}
.Code-2 {padding: 3% 2% 3% 5%;}
.Code-3 { font-size: 11px;}  
.padding25 {padding: 12px 2px 10px 2px;}
.title-a h1 {font-size: 12px; padding: 2% 1%; border: 2px solid #ff5800; border-radius: 4px;} 
.top-a {margin-bottom: -13px;}    
}
/*Check-in getting a gift*/
.border-a,.tiao1,.b-fff,.b-ffeb11{ 
    z-index: 1;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    box-shadow: 0px 0px 6px 1px rgb(193, 112, 249) inset, 0px 0px 6px 1px rgba(193, 112, 249);
    -moz-box-shadow: 0px 0px 6px 1px rgb(193, 112, 249) inset, 0px 0px 6px 1px rgba(193, 112, 249);
    -ms-box-shadow: 0px 0px 6px 1px rgb(193, 112, 249) inset, 0px 0px 6px 1px rgba(193, 112, 249);
    -webkit-box-shadow: 0px 0px 6px 1px rgb(193, 112, 249) inset, 0px 0px 6px 1px rgba(193, 112, 249);
}
.check-in1{ position: absolute; width: 30.3%; margin-top: 0.9%; margin-left: 1.5%}
.check-in1:hover{opacity:0.9;filter:Alpha(opacity=90);}
.GiftBouns{ display: table; width: 100%; position: relative; margin-top: 5%; padding: 1% 1.6%; background:#fff url(https://deal.tomtop.com/activity/201903/20190611GiftBounsIMG2.png) right no-repeat;}
.GiftBounsLeft,.GiftBounsrRight{  display: table-cell; vertical-align: middle;}
.GiftBounsLeft ul li{ float: left; }
.GiftBounsLeft{ width:49%;}
.GiftBounsrRight{width:51%;}
.GiftBounsLeft ul li{display: block; width: 45%; margin: 1% 2.5%;}
.GiftBounsrRight h1{ color: #000; text-transform: uppercase; text-align: center; font-size: 33px; margin-bottom: 2%;}
.GiftBounsrRight ol li{ list-style-type: decimal; font-size: 15px; padding: 5px 0; margin-left: 4%;}
@media (max-width:1450px) {
.GiftBounsrRight h1{ font-size: 30px;}
.GiftBounsrRight ol li{ font-size: 13px;}    
}
@media (max-width:1000px) {}
@media (max-width:550px) {
.GiftBounsLeft, .GiftBounsrRight{width: 100%; display: block;} 
.GiftBounsLeft ul li {
    display: block;
    width: 46%;
    margin: 1% 2%;
} 
.GiftBouns {
    margin-top: 5%;
    padding: 4% 1.6%;
} 
.GiftBounsrRight{ margin-top:4%;}    
.GiftBounsLeft::after{ content: ""; clear: both; display: block; }   
.GiftBouns {
    background: #fff url(https://deal.tomtop.com/activity/201903/20190611GiftBounsIMG2.png) right bottom no-repeat;
}    
}

/*title*/
.relative{ display: block; text-align: center; width: 1780px; margin: auto; position: absolute; left: 50%; margin-left: -890px}
.imgd1,.imgd2,.title-2{ display: inline-block; vertical-align: middle; }
.title-2{ width: 473px; margin: auto; font-size: 36px; color: #fff; font-weight: bold;}
.imgd1 img,.imgd2 img{ margin: 0 10px;}
.border-a{ border: 3px solid #01fdfd; }
.m1{ position: absolute;top: 30%;  left: 9%;}
@media (max-width:1450px) {
.title-2 {width: 355px;font-size: 30px;}
.imgd1 img,.imgd2 img{ max-width:23%;}        
}
@media (max-width:1000px) {
.border-a {margin: 0 1%;}
} 
@media (max-width:768px) {   
.title-2 {width: 280px;font-size: 20px;}
.imgd1 img,.imgd2 img{ max-width:70px;}    
.height65 { height: 35px;}
.height60 { height: 45px; line-height: 14px;}  
.height50 { height: 18px;}    
.height25 {height: 35px;}
.border-a {border: 2px solid #01fdfd; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px;}     
}
@media (max-width:550px) {
    .imgd1 img,.imgd2 img{ display: none;}
    .height65 { height: 30px; }
}
/*title*/ 
.title11{ margin-bottom:0; position: relative;text-align: center;}
.title11 h1{ font-size: 36px; font-weight: bold; color: #fff; position: absolute; text-align: center; display: block; width: 100%; top: 30%}
.BuyNow{ font-size: 25px; font-weight: bold; background:#90aeff; padding: 20px; margin: 0 10px; margin-bottom: 30px;}
.sharing-to-get-it-free{ margin-bottom: 1%; padding: 0 1%;}
.font36{ font-size: 36px; color: #fff; text-align: center; margin-bottom: 16px;}
/*left right*/
.Left-a{ position: absolute; left: -8.7%; width: 8.8%;    top: 7%;}
.Left-b{ position: absolute; right:-3.7%; width:3.7%}
@media (max-width:1450px) {.Left-a {left: -8.82%;} .Left-b { right: -3.7%;}}
@media (max-width:1450px) {
    .title11 h1{font-size: 32px;}
}
@media (max-width:1024px) {
 .title11{max-width: 990px;  }   
}
@media (max-width:768px) {
.font36 {font-size: 24px;  margin-bottom: 10px;  margin-top: 6px;}     
.title11 h1 {  font-size: 24px;} 
.BuyNow {
    font-size: 19px;
    padding: 10px;
    margin: 0 10px;
    margin-bottom: 19px;
}    
}
@media (max-width:650px) {
.title11 h1 {  font-size: 20px;} 
 .Shopping-Map h1{ top: 41%;}   
}
@media (max-width:550px) {
.title11 h1 {  font-size: 15px;} 
.Shopping-Map h1{    top: 41%;}    
}
@media (max-width:450px) {
.title11 h1 {  font-size: 12px;} 
}

/*框架*/
.anniversary-bg.pa1,.anniversary-bg.ys2{ padding:2.5% 2% 2% 2%;}
.anniversary-bg.ys1{border-color:#ff6e1e}
.anniversary-bg.ys2{border-color:#fff}
.socialImg{ display: block; margin-bottom: 2%;}

/*----------------------------------------------/产品5个--*/
.Price0{ padding: 15px 0; color: #9a9a9a; font-size: 15.7px;}
.Price1{font-size: 14px; }
.Price2{ color: #ff6e1e; font-size: 14px; font-weight: bold; padding: 5px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {
    width: 100%;line-height: 16px; background: #ff6e1e;font-size: 16px;text-align: center;color: #fff;margin: 0 auto 0;    text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0;
    border-radius: inherit;
}
@media (max-width:1450px) {
.Price0 {font-size: 12px;} 
.Price1{font-size: 12px; }    
.Price2 {font-size: 12px; padding: 5px 0;}  
    .b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT{ font-size: 14px;}    
   }
@media (max-width:850px) {}
@media (max-width:650px) {
    .anniversary-bg.pa1, .anniversary-bg.ys2 {
    padding: 2.5% 1% 2% 1%;
}
}
@media (max-width:500px) {
/*-----------1----------*/
.Social p a{font-size: 15px;}
/*-----------2----------*/  
.Price0 {font-size: 2.7vw; padding: 8px 0;}
.Price1 {line-height:10px;}       
.Price2 { font-size: 2.8vw; padding: 1px 0;line-height: 25px;}   
.LearnMore {font-size: 15px;} 
}

/*---------------------------------------------------买一赠一---------------------------------*/
.col-1{width: 48.5%;margin: 0.75%;float: left;}
.bg-fff{ background: #fff; }
.throw-row{ background: #fff; margin-top: 1.5%;}
.throw-row article,.w6 ul{ float: left; display: block;}
.w6 {width: 100%;padding: 1% 2% 0% 2%;} .w4{ width:100%; }
.throw{width:43.5%;text-align: center;}
.throw img,.jia img{ display: inline-block} 
.jia img{ max-width: 50%;}
.throw li{ display: block; }
.throw-1 {margin: 2% 0;font-size: 12px;height: 34px;overflow: hidden;line-height: 17px;}
.throw-2{font-size: 22px;padding-top: 1%;padding-bottom: 4%;font-weight: bold;color:#ff5800;}
.jia {padding-top: 13%;width: 13%;text-align: center;}
.spacing-tm{ padding:35px 0;} .spacing2{ height:35px;}

.w4{float: left;background: #ff5800;height:100%;padding: 2% 0;}
.w4 li{color: #fff; text-align: center;}
.throwBG {float: left;width: 50%;}
.throwBG li.font60{ margin-bottom: 3%;}
.tb1{margin-top: 24px;}.tb1{ margin-top: 0;}
.lin-e{ text-decoration: line-through; }
.lin-a{ text-decoration: line-through; color: #000; font-size: 16px; font-weight: 100}
.jt{ width: 70%; margin: 2% auto 2% auto; height: 1px; background: #fff; position: relative;}
.jt:after{  left: 50%; position: absolute; border-top:5px solid;border-left:5px solid transparent;border-right:5px solid transparent;border-top-color:#fff;content:'';margin-left:-5px;z-index: 10;top: 0px;}
.throwBG .font30 {font-size: 27px;  margin-top: 6px;} 
.font60{ font-size:36px;}
.buy2{ display: inline-block; padding: 1.5%  10%; font-size: 20px; color: #ff5800; background: #fff;  margin:0 0 0 0;  }
.throwBG a:hover .buy2{background: #000; color: #fff; }
.throw a img{}
.footerimg li{ overflow: hidden}
.bg2 img, .ma img, .throw a img,.footerimg li a img {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;transform: scale(1);
    -o-transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1); -ms-transform: scale(1); max-width: 100%;}
.bg2 img:hover, .ma img:hover, .throw a img:hover,.footerimg li a img:hover{ transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);
    -o-transform: scale(1.05);}
.cloude-m{ display: none; position: absolute; top: 0px;}
@media (max-width:1450px) {
.throwBG .font30 {font-size: 20px;} 
.font60 {font-size: 41px;}   
.buy2 {font-size: 16px;}    
}
@media (max-width:768px) {
.font16 {font-size: 13px;}
.throwBG .font30 { font-size: 17px;}
.font60 { font-size: 33px;}    
}
@media (max-width:700px) {
 .col-1 { width: 98%;margin: 1%;}   
}
@media (max-width:450px) { 
.throwBG .font30 {font-size: 16px;}
.font16 { font-size: 12px;} 
.jt { width: 55%;margin: 2% auto 2% auto;}
.font60 {font-size: 29px;}
.buy2 { font-size: 12px;padding: 1.5% 8%;} 
.tb1 { margin-top:0;}  
.col-1 {   margin: 1% 1% 2% 1%;}   
.throwBG .font30 {margin-top: 2px;}    
}
/*---------------------------------------------------////-买一赠一 ---------------------------------*/
/*footer*/
.footerimg { max-width: 1214px; margin:0 auto 100px auto; position: relative; }
.footerimg ul{position: relative; z-index: 10;  margin-top: 2.3%;}
.footerimg ul li{ float: left; width:33.33%; padding:1.7% 1% }
.Reflection{ -webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 85%,rgba(0,0,0,.2));
             box-reflect: below 0px linear-gradient(transparent 85%,rgba(0,0,0,.2));
}
.fo2,.fo1Left,.fo2Right{position: absolute;}
.fo2{margin-top:-9.5%; z-index: 0;}
.fo1Left{left: -243px;bottom:-16.3%; width: 20.1%;}
.fo2Right{right: -232px;bottom:-16.3%; width: 20.1%;}
.footerimg .hoverIMG {
    webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    max-width: 100%;
}
.footerimg .hoverIMG:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
@media (max-width:1450px) {
    .footerimg { max-width: 1000px;  } 
    .fo1Left {left: -201px; bottom: -16.4%; width: 20.2%;}
    .fo2Right {right: -201px; bottom: -16.4%; width: 20.2%;}
    .height75{ height: 0;}
}
@media (max-width: 1000px){
.footerimg {  margin: 3% 1% 50px 1%;}   
.fo2,.fo1Left,.fo2Right{ display: none;} 
.Reflection {
    -webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 85%,rgba(0,0,0,0));
    box-reflect: below 0px linear-gradient(transparent 85%,rgba(0,0,0,0));
}    
}
@media (max-width: 500px){
.footerimg ul li { width: 50%;padding:20px 1% 0 1%;} 
.footerimg ul {margin-top:0;}    
.footerimg {  margin:0 1% 50px 1%;}
}