.b_box {
    max-width: 1920px; margin: auto;
   background: url(https://deal.tomtop.com/activity/201903/20190327-xiaomi-gg2.jpg);
    overflow: hidden;    position: relative;
}
.border5{ border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px;}
.center{ text-align: center;}
/*--------------------banner--------*/
.hd-t{position: relative; z-index: 10}
.xiaomi-1,.xiaomi-2,.xiaomi-3,.xiaomi-4,.xiaomi-5{ position: absolute; z-index: 1}
.xiaomi-1{ top: -2%; left:-1%; width: 7%;}
.xiaomi-2{ top: -6%; right:-6.6%; width: 14.5%;}
.xiaomi-3{ top: 26%; left: 6%; width: 23%;}
.xiaomi-4{ top: 15%; right: 12%; width: 17.2%;}
.xiaomi-5{ bottom: 23%; right: 8%; width: 17.2%;}

.ShareTo{ margin-top: -11.3%; position: relative;}
.ShareTo h3{ color: #fff; text-align: center; font-size: 24px; padding: 2% 0;}
.ViewMyShareProgress{ background: #fefb0b; padding: 1.5% 1% 1.5% 2%; border-radius: 30px;}
.ViewMyShareProgress ul{ display: table;width: 100%; }
.ViewMyShareProgress ul li{ display: table-cell; position: relative; font-size: 24px; text-align: center;vertical-align: middle;}
.ViewMyShareProgress ul li a:hover{color: #ff0a0a;}
.dd1{ position: absolute; top: -39%;  right: -1%; }
.dd1:hover .dd2{ display: block;}
.dd2{ border-radius:5px; display: none; z-index: 1; background: #a800c6; color: #fff; padding:5px 10px; position: absolute; font-size: 16px; line-height: 25px; width: 580px; padding:20px; text-align: left; left:-280px;}
@media (max-width:1450px){
    .ViewMyShareProgress {border-radius: 20px;}
    .ViewMyShareProgress ul li{ font-size: 20px;}
    .ViewMyShareProgress ul li.llt{ width: 80%;}
    .dd1 { top: -39%; right: -5%;}
    .dd1 img{ max-width: 80%;}  
    .dd2 { padding: 5px 10px;font-size: 14px; line-height: 25px;width: 531px; padding: 16px; left: -282px;}
}
@media (max-width:768px){
.ViewMyShareProgress ul li { font-size: 12px;} 
.ViewMyShareProgress ul li.llt { width: 78%;}
.dd1 img {max-width: 50%;}  
.dd2 { padding: 5px 10px;font-size: 14px; line-height: 25px;width: 280px; padding: 16px; left: -140px;} 
.ViewMyShareProgress {border-radius: 5px;}    
.ShareTo h3 { font-size: 15px; padding: 2% 0 5% 0;}    
}
@media (max-width:500px){
 .ViewMyShareProgress ul {
    display:block;
} 
.ViewMyShareProgress ul li.llt {
    width: 100%; display: block; margin-bottom: 10px;
}
.ViewMyShareProgress ul li{ text-align: center; width: 100%;  display: block;}    
.ViewMyShareProgress ul li.rrt br { display: none;}   
.dd2 { padding: 5px 10px;font-size: 12px; line-height: 20px;width: 280px; padding: 16px; left: -210px;}     
}
/*---------banner 助力免单-------*/
.flexslider{margin:0px auto 0px auto;position:relative;width:100%;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(https://deal.tomtop.com/activity/201903/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:0;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(https://deal.tomtop.com/activity/201903/dot.png?01) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.img_1{width:100%;}
.flexslider2{position:relative; margin:0 auto;}
.Copyright{ text-align:center;width:100%;}
@media only screen and ( max-width:500px) {.flex-direction-nav a{top:57% !important;}}	

/*---------------------------------------------------True Fans' Favorite Top Seller---*/

/*---------------------------------------------------尾部-banner--*/
.footerimg { margin: -0.8%;}
.footerimg li{float:left;display:block;width: 48%;text-align:center;overflow: hidden;margin: 1%;}
.footer-ju{ padding: 2%;}
.bottom-f{ margin-bottom: 1%;}
.height30{ height:50px;} .height20{ height: 20px;}.height60{ height:60px; }
.radius10{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px;}

/*---------------------------------------------------title*/
.height-50{ height: 50px; width: 100%;}.height-40{ height: 40px; width: 100%;}
.title1-1,.title11{ text-align: center;}
.title1-1 h2,.title11 h2,.title11 h2 strong{border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;-ms-border-radius: 100px;}
.title1-1 h2{ display: inline-block; line-height: 25px; background: #602577; border:2px solid #fff;  color: #fff; padding: 13px 70px; font-size: 30px;}
.title1-1 h2 span{ font-size: 24px; color: #fefb0b;}
.title11 { text-align: center; }
.title11 h2,.title11 h2 strong{ display:inline-block; }
.title11 h2{ border: 2px solid #601f76; font-size: 30px; padding: 10px;}
.title11 h2 strong{background: #601f76; color: #fff; padding: 10px 60px;}
@media (max-width:1450px){
.height-50 {height: 40px;}  
.title1-1 h2 {line-height: 22px;padding: 12px 70px;font-size: 25px;}   
.title1-1 h2 span { font-size: 20px;} 
.title11 h2 { font-size: 25px;padding: 7px;}
.title11 h2 strong {padding: 10px 30px;}    
}
@media (max-width:500px){
.height-50 {height: 30px;}  
.title1-1 h2 {line-height: 18px;padding: 12px 30px; font-size: 16px;}
.title1-1 h2 span { font-size:13px;}
.title1-1 h2 { line-height: 15px;padding: 8px 30px;font-size: 16px;}  
.title11 h2 {font-size: 16px;padding: 4px;} 
.title11 h2 strong { padding: 6px 20px;}    
}
/*------产品两个一排------*/
.b_product_box .lgg.top_picks .tab_con li{ width: 33.33%; margin-bottom: 2%;}
.b_product_box .lgg.top_picks .tab_con li .pr_img{ height: inherit;}
.b_product_box .lgg.top_picks.top_picks .tab_con li img{ max-height: inherit;}
.b_product_box .lgg.top_picks.top_picks .tab_con li .pr_tt a{ font-size: 24px;}
.b_product_box .lgg.top_picks.top_picks .tab_con li .pr_price .current_price{ font-size: 36px; }
.b_product_box .lgg.top_picks.top_picks .tab_con li .pr_box .buy_btn {line-height: 54px; font-size: 24px;}
.b_product_box .lgg.top_picks .flash_deals{ margin:-45px -25px -45px -25px;}
@media (max-width:1450px){
.b_product_box .lgg.top_picks .flash_deals{ margin:-13px -25px -45px -25px;} 
.b_product_box .lgg.top_picks.top_picks .tab_con li .pr_box .buy_btn {
    line-height: 43px;
    font-size: 18px;
}    
}
@media (max-width: 768px){
.b_product_box .lgg.top_picks .flash_deals {margin: -6px -10px -45px -10px;}
.b_product_box .lgg.top_picks.top_picks .tab_con li .pr_box .buy_btn { line-height: 54px;font-size: 15px;} 
.b_product_box .lgg.top_picks.top_picks .tab_con li .pr_tt a {  font-size: 13px;}  
.b_product_box .lgg.top_picks .tab_con li { margin-bottom: 1%;}    
}
/*---------------------------------------------------/Scratch*/
/*-----------拼团----------*/
.img3{padding: 0% 1.2% 2% 1.2%;}
/*----------------------------------------------产品5个--*/
.p5 .tab_con li{ width: 20%;}
.p5 .tab_con li .pr_img { height: 224px;}
.p5 .Price0{ padding: 5px 0; font-size: 14px;}
.p5 .Price2{font-size: 20px;}
/*----------------------------------------------/产品5个--*/
.shopping-cart .m_progress_bar{ display: none;}
.b_product_box .shopping-cart .pr_box .pr_info{ padding:10px 0px 0 0px }
.Price0{ padding: 15px 0; color: #9a9a9a; font-size: 15.7px;}
.Price2{ color: #e44025; font-size: 16px; font-weight: bold; padding: 5px 0;}
.b_product_box .shopping-cart .anniversary-bg .buy_btn.buy_btnTT {width: 100%;line-height: 16px; background: #e44025;font-size: 16px;text-align: center;color: #fff;margin: 0 auto 0;    text-transform: capitalize;display: block;margin-top:0px;padding: 8px 0;}
.FreeGift{ margin-bottom: 20px; padding: 0 0.5%} 
@media (max-width:1450px) {
.Price0 {font-size: 13px;} 
.Price2 {font-size: 15px; padding: 5px 0;}  
.p5 .tab_con li .pr_img { height:185px;}    
}
@media (max-width:850px) {
.p5 .tab_con li .pr_img {height: 151px;}    
}
@media (max-width:650px) {
.p5 .tab_con li .pr_img {height:inherit;}    
}
@media (max-width:500px) {
/*-----------1----------*/
.Social p a{font-size: 15px;}
/*-----------2----------*/  
.Price0 {font-size: 2.7vw; padding: 8px 0;}
.Price2 { font-size: 2.8vw; padding: 1px 0;}   
.LearnMore {font-size: 15px;}    
}
/*-----------拼团-------*/

@media (max-width:1200px) {#n_a_v{ display: none}}
@media (max-width:1000px) {.APP-Exclusive-deals ul .img1 {height:inherit;}}
@media (max-width:800px) {
.height30 { height: 30px;}
/*产品*/    
 .pr_price .current_price{ font-size: 16px !important;}   
 .pr_price .origin_price{font-size: 12px !important;}
 .pr_box .buy_btn{ line-height: 25px !important;}    
.tab_btn li{ font-size: 12px !important;}
.tab_btn li .tab_btn_con{ line-height: 16px !important;}

}
@media (max-width:650px) {
.swiper-slide .height30 { height: 50px;}
/*产品*/
.height60 { height: 37px;}    
.tab_con li {width: 50% !important;  padding-bottom: 1.5%  !important} 
.pr_price .current_price { font-size: 23px !important;} 
.APP-Exclusive-deals ul li.enjoy-app{ width: 98%;}  
.APP-Exclusive-deals ul li{ width: 48%; margin: 1%;}

.tab_btn li{ font-size: 2.3vw !important;}    
}
@media (max-width:450px) {
.height60.mm60{ height: 25px;}    
.height30 {height: 22px;}
.height20 { height: 12px;} 
.swiper-slide .height30 { height: 50px;font-size: 11px;line-height: 14px;}
   
/*产品*/    
.scan-it{ display: none;} 
.abcd {float:none;width: 100%;text-align: center;    }    
.d4 a {padding: 3% 13%;} 
}

/*顶部钟动画*/
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.Rotation{position: absolute; top: 0;left: 0;    -webkit-transform: rotate(360deg);animation: rotation 60s linear infinite;-moz-animation: rotation 60s linear infinite;-webkit-animation: rotation 60s linear infinite;-o-animation: rotation 60s linear infinite;}

/*banner 动画*/
.xiaomi-3{ -webkit-animation-name:xiaomi-3;animation-name:xiaomi-3;-moz-animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-fill-mode: both;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-timing-function: ease-out;-moz-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;animation-direction:alternate;-moz-animation-direction:alternate;-webkit-animation-direction:alternate;animation-delay:1s; -moz-animation-delay:1s;-webkit-animation-delay:1s;}

@-webkit-keyframes xiaomi-3{ 0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);}}
@-moz-keyframes xiaomi-3{ 0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);} }
@-o-keyframes xiaomi-3{  0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);} }
@-ms-keyframes xiaomi-3{  0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);} }
@keyframes xiaomi-3{  0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);} }

.xiaomi-4{ -webkit-animation-name:xiaomi-4;animation-name:xiaomi-4;-moz-animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-fill-mode: both;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-timing-function: ease-out;-moz-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;animation-direction:alternate;-moz-animation-direction:alternate;-webkit-animation-direction:alternate;
animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s;   
}

@-webkit-keyframes xiaomi-4{ 0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);}}
.xiaomi-5{ -webkit-animation-name:xiaomi-5;animation-name:xiaomi-5;-moz-animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-fill-mode: both;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s;
animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-timing-function: ease-out;-moz-animation-timing-function:ease-out;
-webkit-animation-timing-function:ease-out;animation-direction:alternate;-moz-animation-direction:alternate;-webkit-animation-direction:alternate;
}
@-webkit-keyframes xiaomi-5{ 0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);} }
@-moz-keyframes xiaomi-5{ 0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);} }
@-o-keyframes xiaomi-5{ 0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);} }
@-ms-keyframes xiaomi-5{ 0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);} }
@keyframes xiaomi-5{ 0%{transform:translateY(0px);} 0%{transform: translateY(8px);} 100%{transform: translateY(0px);}}