body {background: #fff;font-size: 12px;-webkit-text-size-adjust: none; *overflow-x:hidden} .tab_btn li .count_time {display: block!important;} .fl {float: left} .fr {float: right} h2, h3 {margin: 0;padding: 0} img {vertical-align: middle} #shareOpen {width: 194px;/* margin-left: 8px; */ height: 362px;position: relative;left: 0;padding-top: 0;text-align: center;background: #db261d;border: 1px solid #db261d; } #shareOpen p {margin: 10px 10px 7px 10px;color: #000;background: #fff;padding: 4px 0;border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;-webkit-border-radius: 50px;/* width: 150px; */} #shareOpen .at-share-btn-elements {text-align: center} #shareOpen .at-share-btn-elements a {width: 30px;height: 30px;line-height: 30px;border-radius: 30px!important;margin-right: 8px} .app-download{position: absolute; top: 76px} .app-download p {display: block;margin-bottom: 7px;font-size: 14px;line-height: 17px;text-align: center; color:#fff;} .app-download p:nth-of-type(1){ margin-top: 5px; margin-left: 34px;} .app-download p:nth-of-type(2),.app-download p:nth-of-type(3){margin-left: 37px;} .at-icon-wrapper.at-share-btn.at-svc-link{ display: none;} /*nav*/ li{ list-style-type:none; } .nav .nav_content h1{ font-size: 20px;text-align: center;line-height: 20px;color: #fff;margin-top: 5px;margin-bottom: 20px;} .nav {width: 100%; position: fixed; z-index: 999;} .nav,#n_a_v {transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;opacity: 0;filter: alpha(opacity:0);} .nav .nav_content {position: fixed;right:87px;z-index: 99999;width: 170px;height: 692px;/* padding-top: 100px; */bottom: 0px;bottom: 50%;margin-bottom: -309px;} .nav ul {position: absolute;width:100%;} .nav 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;} .nav ul .floor_nav { color: #fff; text-align: center; line-height: 14px; padding: 10px 0; cursor: pointer; margin: 5px 0; font-size: 14px; background: #db261d;border: 1px solid #db261d;} .nav .icoc{ line-height: 0px; padding: 4px 0;} /*.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/ .nav ul .floor_nav_cur,.nav ul .floor_nav:hover {color: #000; background: #fdd909; border: 1px solid #fdd909;margin-left: -8px;margin-right: -8px;} .nav ul li.nav_top {text-align: center;color: #fff;/* font-weight: bold; */font-size: 22px; font-weight: bold; cursor: pointer;background:#db261d;width: 64px;height: 64px; line-height: 50px; margin: 12px auto auto auto;padding-top: 6px;border-radius: 50px;-ms-border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;} .width_193{ width: 170px; background: #db261d;} .width_193 img{ margin: 20px 10px 20px 13px; width: 142px;} .nav_content img.A{ width: 258px; max-width: inherit; margin-left: -46px; margin-bottom: -5px; } @media (max-width: 1600px) { .nav_content img.A { width: 216px; max-width: inherit; margin-left: -33px; margin-bottom: -5px; } .a13 {width: 183px; left: -17px;} .app-download p:nth-of-type(2), .app-download p:nth-of-type(3) {margin-left: 17px;} .app-download p:nth-of-type(1) {margin-top: 5px; margin-left: 13px;} .width_193{ width: 150px; } .width_193 img { width: 89%;margin: 5px 10px 9px 8px;} .nav ul .floor_nav {line-height: 12px;padding: 9px 0; margin: 3px 0; font-size: 12px;} .nav .nav_content { width: 150px; height: 530px; margin-bottom: -220px; right: 31px;} #shareOpen { width: 150px; height: 340px; top:179px;} .app-download { position: absolute; top: 252px; width: 150px;} .nav ul .floor_nav_cur, .nav ul .floor_nav:hover {margin-left: -3px;margin-right: -3px;} .nav ul li.nav_top { margin: 10px auto auto auto; width: 37px; height: 37px; line-height: 27px; font-size: 12px;} .app-download p {margin-bottom: 7px;font-size: 12px; line-height: 13px;} #shareOpen p {margin: 5px 10px 7px 10px; } } /*---------------------------------------------------/left nav*/ @-webkit-keyframes rotate { to { -webkit-transform:rotate(30deg)}} @-ms-keyframes rotate { to { -ms-transform:rotate(30deg)}} @-moz-keyframes rotate { to { -moz-transform:rotate(30deg)}} @-o-keyframes rotate { to { -o-transform:rotate(30deg)}} @keyframes rotate { to { transform:rotate(30deg)}} .pr_img{ border: 5px #fff solid; height: 222px} .bsl{ position: relative; background:#620710 url(https://deal.tomtop.com/activity/202103/20211116BlackFriday-10.jpg) center top; } .pr_img, .pr_img img, .product_img, .product_img img {width: 100%;overflow: hidden} .pr_img img, .product_img img,.imghover,.Code-right img {width: 100%;transitaion: .5s;-moz-transition: .5s;-o-transition: .5s;-ms-transition: .5s;-webkit-transition: .5s} .pr_img img:hover, .product_img img:hover,.imghover:hover,.Code-right img:hover {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1)} .clear {clear: both} .nav_wrap {background: #f25d1c;height: 78px;margin-bottom: 2%;width: 100%;overflow: hidden} .nav_wrap .w_main {max-width: 1200px;margin: 0 auto} .nav_wrap .w_main .anchor {font-size: 22px;overflow: hidden} .nav_wrap .w_main .anchor li {padding-right: 30px;display: inline-block;width: auto} .nav_wrap .w_main .anchor li a {display: block;line-height: 78px;color: #fff} .nav_wrap .w_main .anchor li a.hover {color: #fae83b} .nav_wrap .w_main .share {float: right} .nav_wrap.nav_fixed {position: fixed;width: 100%;top: 0;z-index: 9999} .tab_con { display: block;margin: 0 -0.5%; } .tab_con li {width: 25%;float: left; margin-bottom: 1%;} .tab_con li .pr_box {width: 95%;margin: 0 auto;background: #fff; padding: 4px;} .b_product_box .top_picks.w30 .tab_con li{width:92%; margin-bottom: 2.5%;} .b_product_box .top_picks.w30 .tab_con li .pr_box{width:92%;} .tab_con li .pr_box .pr_info {10px 10px 0 10px} .tab_btn { width: 101%; margin:0px 0 1.4% 0;} .tab_btn li {width: 50%;position: relative;cursor: pointer;font-size: 18px;color: #fff;text-align: center} .tab_btn li .tab_btn_con { background-size: 100%; color: #fff; height: 60px; margin: 0 auto; padding: 0px 0; font-size: 24px; background: linear-gradient(to top, #000,#484848); background: -webkit-linear-gradient(to right, #000,#484848); background: -o-linear-gradient(to right, #000,#484848); } .tab_btn li .tab_btn_con01 {width: 98%; background-size: 100%; height: 72px; margin: 0 auto;padding: 0px 0; font-size: 20px} .tab_btn li .tab_btn_con05 {width: 98%;background: #fff; background-size: 100%; height: 55px; margin: 0 auto;padding: 0px 0; font-size: 20px} .tab_btn li .tab_btn_con s:nth-of-type(1) {display: none} .tab_btn li .tab_btn_con em:nth-of-type(1) {display: none} .tab_btn li .tab_btn_con i:nth-of-type(1) {display: none} .tab_btn li.active .tab_btn_con { background: linear-gradient(to top, #5c0309,#b60c04); background: -webkit-linear-gradient(to right, #e533d3,#8b2ef8); background: -o-linear-gradient(to right, #e533d3,#8b2ef8); color: #fff; } .tab_btn li.active .triangle {width: 0;height: 0;border-top:10px solid #f25d1c;border-right: 10px solid transparent;border-left: 10px solid transparent;position: absolute;left: 50%;display: block} .tab_btn li .tab_count_time {display: block!important} .coupon_wrap {max-width: 1200px;margin: 0 auto;overflow: hidden} .coupon_wrap .swiper-container {position: relative; margin-top:0; background: #21171f;} .coupon_wrap .swiper-container .swiper-scrollbar {display: none} .coupon_wrap li {width: 300px;box-sizing: border-box;padding: 5px 18px;float: left;margin-left: 0;background: url(../image/coupon_bg01.png) no-repeat;background-size: 100% auto;} .coupon_wrap li .tp_bg {height: 4px;border-radius: 8px 8px 0 0; /* background-color: #fff*/} .coupon_wrap li .coupon_c {height: 100%; /* background: url(https://deal.tomtop.com/activity/201803/coupon_bg03.png) repeat-y;*/background-size: 100% auto;padding: 10px 20px 10px;font-size: 12px;background: #fff;} .coupon_wrap li .coupon_c .hd {text-align: center} .coupon_wrap li .coupon_c .hd .p1 {margin-bottom: 10px} .coupon_wrap li .coupon_c .hd .p2 {margin-bottom: 2px;font-size: 22px} .coupon_wrap li .coupon_c .bd {text-align: center} .coupon_wrap li .coupon_c .bd .p1 {margin-bottom: 10px} .coupon_wrap li .coupon_c .bd .p1 .prise {font-size: 56px;color: #ce2129;margin-right: 20px} .coupon_wrap li .coupon_c .bd .p1 .country {font-size: 14px;display: inline-block;vertical-align: middle;height: 20px;padding-left: 30px;background: url(../image/icon_where.png) left top no-repeat;line-height: 27px} .coupon_wrap li .coupon_c .bt {text-align: center} .coupon_wrap li .coupon_c .bt .p1 a {width: 80%;height: 30px;line-height: 30px;background: #f7e42e;text-align: center;display: block;border-radius: 4px;color: #fff;margin: 10px auto 15px;font-size: 16px} .coupon_wrap li .coupon_c .bt .p1 a.comingsoon {background: #f93} .coupon_wrap li .coupon_c .bt .p1 a.codeOver {background: #afafaf} .coupon_wrap li .coupon_c .bt .p1 a.codeStart {background: #e51d26} .coupon_wrap li .bt_bg {height: 6px;border-radius: 0 0 10px 10px; /* background-color: #fff*/} .coupon_wrap li.style1 .coupon_c {background-size: 100% auto;color: #fff;background: #d15706;} .coupon_wrap li.style1 .coupon_c .bd {text-align: center} .coupon_wrap li.style1 .coupon_c .bd .p1 .prise {color: #f7e42e} .coupon_wrap li.style1 .coupon_c .bd .p1 .country {background: url(../image/icon_where2.png) left top no-repeat} .coupon_wrap li.style1 .coupon_c .bt {text-align: center} .coupon_wrap li.style1 .coupon_c .bt .p1 a.codeStart {background: #f7e42e!important} .coupon_wrap li.style1 .bt_bg, .coupon_wrap li.style1 .tp_bg { /* background-color: #e51d26*/} .tab_con {min-height: 2px} /*.tab_con.top70 { margin-top: 70px;}*/ .wrap {width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto} /*.shop_over {background: #909090!important}*/ /*.top_picks .shop_over {background: url(https://deal.tomtop.com/activity/201803/car_buy.png) no-repeat!important}*/ .shop_over_c {background: #b7b7b7!important} .nStart {background: #ffc95f!important} .b_banner_bg {width: 100%;max-width: 1920px;margin: auto;background: #620710 url(https://deal.tomtop.com/activity/202103/20211116BlackFriday-07.jpg?03) top no-repeat;background-size:1920px;} .b_banner_bg .b_banner {width: 100%;max-width: 1200px;margin: auto;position: relative} .b_banner_bg .b_banner .banner_wrap {margin: 0 auto;} .b_banner_bg .b_banner .banner_wrap .feiji {min-width: 280px} .b_banner_bg .b_banner .banner_wrap img{ display: block} .b_banner_bg .b_banner .scroll_banner {width: 50%;left: 26%;top: 56%;position: absolute;overflow: hidden;padding: 20px;border-radius: 20px;background: #85300e} .b_banner_bg .b_banner .scroll_banner .border_radius {width: 100%;border-radius: 10px;overflow: hidden} .b_banner_bg .b_banner .scroll_banner img {width: 100%} .b_banner_bg .b_banner .scroll_banner .prev_btn, .b_banner_bg .b_banner .scroll_banner .swiper-button-prev {width: 40px;position: absolute;background: url(../image/left_arr.png) left center no-repeat;background-size: 100%} .b_banner_bg .b_banner .scroll_banner .next_btn, .b_banner_bg .b_banner .scroll_banner .swiper-button-next {width: 40px;position: absolute;background: url(../image/right_arr.png) left center no-repeat;background-size: 100%} .b_banner_bg .b_banner .swiper-pagination {width: 100%;bottom: 10px} .b_banner_bg .b_banner .swiper-pagination .swiper-pagination-bullet {margin: 0 2px} .top-time{ text-align: center} .b_banner_bg .activity_countDown {} .b_banner_bg .activity_countDown p {font-size: 36px;text-align: center;color: #ffeb11;margin-bottom: 25px;margin-top: 60px; text-transform: uppercase;} .b_banner_bg .activity_countDown .count {height: 100%} .b_banner_bg .activity_countDown .count span {display: inline-block;width: 10%;height: 80%;background: url(../image/clock_bg.jpg) no-repeat;text-align: center;font-size: 12px;background-size: 100% 100%;vertical-align: middle;line-height: 100%} .b_banner_bg .activity_countDown span {font-size: 60px;text-align: center;display: inline-block;color: #fff;padding: 0 0px;font-weight: bold;} .b_banner_bg .activity_countDown span s {display: inline-block;padding: 26px 15px; border-radius: 2px;margin: 0 1px;color: #fff; border-radius: 5px;} .b_banner_bg .activity_countDown span s span {color: #fff} .activity_countDown i{ font-size: 60px; font-weight: bold; margin: 0 10px;} .b_banner_bg .freeGift {width: 100%;margin: auto;background: #156a08;padding-bottom: 85px} .b_banner_bg .GiftText {width: 80%;margin: 0 auto;text-align: center;color: #fff;font-size: 20px;padding: 10% 25px 20px;background: url(../images/freeGiftsBg.png) center center no-repeat;background-size: 100% 100%} .b_banner_bg .GiftText p {margin: 10px 0;vertical-align: middle} .b_banner_bg .GiftText p span {color: #e0e395} .b_banner_bg .GiftText img {width: auto;display: inline-block;vertical-align: middle} .b_banner_bg .GiftTextPrd {margin: 40px auto 20px;width: 80%} .b_banner_bg .GiftTextPrd>li {width: 30.8%;color: #fff9aa;text-align: center;font-weight: 700;font-size: 26px;margin-left: 1.5%;vertical-align: top} .b_banner_bg .GiftTextPrd>li span {display: inline-block;margin-bottom: 38px} .b_banner_bg .GiftTextPrd>li span em {font-size: 20px;font-weight: 400} .b_banner_bg .GiftTextPrd>li div {width: 80%;margin: 0 auto} .b_banner_bg .GiftTextPrd>li:last-child span {margin-bottom: 10px} .b_banner_stripe {width: 100%;margin: -9px auto} .b_banner_stripe img {width: 100%;height: 100%} .addthis_sharing_toolbox {padding-left: 8px; margin: 0;} .addthis_sharing_toolbox .at-svc-vk {display: none!important} .anniversary-bg {border: 7px solid #ffd89b;border-radius: 30px;padding:4.3% 1.5% 1.5% 1.5%; background: #620710;-webkit-box-shadow: 2px 4px 16px 0px #1f0104;-moz-box-shadow: 2px 4px 16px 0px #1f0104;box-shadow: 2px 4px 16px 0px #1f0104;} .anniversary-bg.bg000{ background: #1e1e1e } .b_product_box { background: #fff; width: 100%; max-width: 1920px; margin: auto; overflow: hidden; position:relative; } .b_product_box .prd_tab {width: 100%;height: 105px;box-sizing: border-box;display: block} .b_product_box .contain {width: 100%;max-width:1235px;margin-left: auto;margin-right: auto;position: relative;margin-bottom: 0;; } .b_product_box .flash_deals { /* background: #bb3c09*/} .b_product_box .flash_deals .tt {font-size: 35px;color: #fff; padding: 30px 0 30px 0;text-align: center;} .b_product_box .flash_deals .tips_info {font-size: 14px;color: #fff;margin-bottom: 25px;text-align: center} .b_product_box .like_bags, .b_product_box .share_save, .b_product_box .top_picks { /* background: #fae83b*/} .b_product_box .like_bags .hd .tips, .b_product_box .share_save .hd .tips, .b_product_box .top_picks .hd .tips {display: inline-block;vertical-align: bottom;position: relative;font-size: 16px;margin-left: 20px} .b_product_box .like_bags .hd .tips.show_sub .info, .b_product_box .share_save .hd .tips.show_sub .info, .b_product_box .top_picks .hd .tips.show_sub .info {display: block} .b_product_box .like_bags .hd .info, .b_product_box .share_save .hd .info, .b_product_box .top_picks .hd .info {left: 118%;top: -4px;width: 380px;padding: 35px 30px;text-align: left;position: absolute;background: #fff;box-shadow: 0 0 8px #999;z-index: 200;display: none} .b_product_box .like_bags .hd .info .triangle, .b_product_box .share_save .hd .info .triangle, .b_product_box .top_picks .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} .b_product_box .like_bags .hd .info .p1, .b_product_box .share_save .hd .info .p1, .b_product_box .top_picks .hd .info .p1 {font-size: 20px;margin-bottom: 8px} .b_product_box .like_bags .hd .info p, .b_product_box .share_save .hd .info p, .b_product_box .top_picks .hd .info p {line-height: 24px;font-size: 13px} .b_product_box .like_bags .hd .info {left: 143%} .b_product_box .like_bags .view_more {border: 1px solid #000;display: block;margin: 2% auto 0;width: 205px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #000;background: #fff;cursor: pointer} .b_product_box .like_bags .view_more:hover {text-decoration: underline} .b_product_box .top_picks .m_progress_bar {display: none;} .b_product_box .top_picks.d-block .m_progress_bar{display:block;} .b_product_box .spoiu .m_progress_bar {display: none;} .b_product_box .top_picks.t-block .m_progress_bar {display:block; margin-bottom:0px;} .b_product_box .top_picks .tab_con li { width: 20%; padding: 0;} .b_product_box .top_picks .tab_con li img {width: 100%;max-height: 343px;} .b_product_box .top_picks .tab_con li .buy_btn {width: 120px;} .b_product_box .top_picks.w30 .tab_con li{width:33.33%;} .b_product_box .top_picks.w30 .tab_con li .pr_tt a { width: 98%; font-size: 20px; height: 41px; } .b_product_box .top_picks .tab_con li.w40 {width: 20%;margin-bottom: 0.8%;} .b_product_box .top_picks .tab_con li.w40 .pr_box {width: 99%} .b_product_box .top_picks .tab_con li.w40 .pr_img {padding: 0 0} .b_product_box .top_picks .tab_con li.w40 .buy_btn {width: 123px;height: 32px;border-radius: 100px;background: #d81e06;text-indent: 0;line-height: 32px} .b_product_box .brand {margin-bottom: 2%;padding: 0} .b_product_box .brand .brand_c {margin-right: -1%} .b_product_box .brand li {width: 24%;margin-right: 1%;margin-bottom: 1%;float: left} .b_product_box .brand li a {width: 100%;background: #fff;display: block} .b_product_box .ad_banner {margin-bottom: 2%;padding: 0} .b_product_box .ad_banner .ad_banner_c {margin-right: -1%} .b_product_box .ad_banner li {width: 32.3%;margin-right: 1%;margin-bottom: 1%;float: left} .b_product_box .ad_banner li a {width: 100%;background: #fff;display: block} .b_product_box .share_save {background: #fae83b} .b_product_box .share_save .tab_con li {width: 50%} .b_product_box .share_save .tab_con li .pr_box {width: 95%;background: #fff} .b_product_box .share_save .tab_con li .pr_box .pr_info {padding: 20px} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount {text-align: left;margin-bottom: 10px} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount p.p1 {margin-bottom: 10px} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount p.p1 span.prise {font-size: 38px;margin-right: 20px} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount p.p1 span {color: #e02828;font-size: 18px} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount p.p2 {font-size: 18px;color: #373737} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_this {text-align: left;background: url(../image/share_arrow.png) no-repeat #fff} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_this .tips {padding-left: 51px;color: #373737;margin-bottom: 20px;width: 170px} .b_product_box .share_save .tab_con li .pr_img, .b_product_box .share_save .tab_con li .pr_info {float: left;width: 50%} .b_product_box .share_save .tab_con li .title {width: 100%;background: #fae83b;line-height: 25px;padding: 10px 0 10px 10px;color: #000;font-size: 16px;text-align: left} .b_product_box .deals .tab_con .onSale .buy_btn {background: #358629} .b_product_box .deals .tab_con .comeSoon .buy_btn {background: #ffc95f} .b_product_box .deals .tab_con .item li {min-height: 343px} .b_product_box .deals .tab_con .item li .pr_box {max-width: 260px;min-height: 343px} .b_product_box .deals .tab_con .item li .pr_img {max-width: 200px} .b_product_box .deals .tab_con .item li .current_price {font-size: 26px} .b_product_box .deals .tab_con .item li .m_progress_bar {display: none} .b_product_box .deals .tab_con .item li:nth-child(3n+1) {width: 50%} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_box {max-width: 540px} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_img {float: left;width: 50%;max-width: 250px;padding: 5% 0} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_info {float: left;width: 50%;margin: 10% auto 0} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_tt a {font-size: 26px;color: #000;font-weight: 700;height: 72px;line-height: 24px;overflow: hidden} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_price {margin: 14% 0 0} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .current_price {display: block;margin-bottom: 10%} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .origin_price {display: block;width: 80%;text-align: right} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .m_progress_bar {display: block;margin-bottom: 12%} .b_product_box .b_product_title {margin: 0 auto 7%;width: 40%;padding: 1.2% 0;background: #cc2320;color: #fff;text-align: center;border-radius: 30px;font-size: 28px;font-weight: 700} .b_product_box .gifts {width: 100%;margin: 0 auto;background: url(../image/border3.png) center center repeat-y;background-size: 100%} .b_product_box .gifts .tab_btn {position: absolute;top: -54px} .b_product_box .gifts .tab_con {position: relative;z-index: 3} .b_product_box .gifts .tab_con li {text-align: center} .b_product_box .gifts .tab_con li .pr_box .m_progress_bar {display: none} .b_product_box .b_product_banner {width: 100%;max-width: 1200px;margin-bottom: 7%} .b_product_box .warehouse {width: 100%;margin: 0 auto;background: url(../image/border3.png) center center repeat-y;background-size: 100%} .b_product_box .warehouse .tab_btn {position: absolute;top: -54px} .b_product_box .warehouse .more_btn {display: inline-block;margin: 10px 0;padding: 10px 20px;background: #cc2320;color: #fff;font-size: 22px;border-radius: 25px} .b_product_box .warehouse .tab_con {position: relative;z-index: 3} .b_product_box .warehouse .tab_con li {text-align: center} .b_product_box .warehouse .tab_con li .pr_box .m_progress_bar {display: none} .b_product_box .gifts .tab_btn li, .b_product_box .warehouse .tab_btn li {width: 22%;margin-left: 2.5%;background: #15b68b;text-align: center;border: 6px solid #fff;border-radius: 21px;font-size: 26px;font-weight: 700;height: 110px;position: relative} .b_product_box .gifts .tab_btn li span, .b_product_box .warehouse .tab_btn li span {display: inline-block;width: 100%;height: 100%;background: 0 0;position: absolute;top: 0;left: 0;z-index: 99} .b_product_box .gifts .tab_btn li.active, .b_product_box .warehouse .tab_btn li.active {top: -10px;background: #f94743} .b_product_box .bottom_banner {width: 50%;margin: 0 auto} .b_product_box .b_product_lucky_bags_product {text-align: center} .contain .tab_ajax li {width: 20%} .contain01 .tab_ajax li {width: 25%} .contain05 .tab_ajax li {width: 20%!important} .contain .tab_btn.Four-k li {width: 25%} .contain .tab_btn.Two-k li{width: 50%} .contain .tab_ajax.Two-k li .tab_btn_con{ width: 98% !important;} .contain .tab_btn.Three3 li {width: 33.33%;} .contain .tab_ajax li.active .tab_btn_con { color: #fff; height: 60px; border: none; background-size: 100%;} .contain .tab_ajax li.active .tab_btn_con01 {color: #fff; height: 72px; border: none; background-size: 100%;} .contain .tab_ajax li.active .tab_btn_con05 { background-size: 100%; color: #fff; height: 55px; border: none;} .contain .tab_ajax li.active .triangle {width: 0;height: 0;border-top: 10px solid #2997bb; margin-left: -6px; border-right: 10px solid transparent;border-left: 10px solid transparent;position: absolute;left: 50%;} .contain .tab_ajax li .tab_btn_con {width: 97%;position: relative; } .contain .tab_ajax li .tab_btn_con.tab_btn_con22 {width:97%; border: solid 1px #ffd89b;} .contain .tab_ajax li .tab_btn_con span {} .contain .tab_ajax li .tab_btn_con span[data=cameras], .contain .tab_ajax li[data=cameras] .tab_btn_con span {line-height: 16px!important} .b_product_box .top_picks .tab_con .OneTwo li{ width: 50%; margin-bottom: 1%; position: relative; padding-top: 0px; display: none;} .b_product_box .top_picks .tab_con .OneTwo li .origin_price2{ display:inline-block} .b_product_box .top_picks .tab_con .OneTwo li{ display: block;} .b_product_box .top_picks .tab_con .OneTwo li .pr_info{ width: 50%; display:table-cell; vertical-align: middle; } .b_product_box .top_picks .tab_con .OneTwo li .pr_img{vertical-align: middle;width: 51%;display: table-cell; padding: 2%;} .b_product_box .top_picks .tab_con .OneTwo li .pr_info{ vertical-align: middle; display: table-cell; text-align: left; padding: 2%;} .b_product_box .top_picks .tab_con .OneTwo li .pr_box{display: table;} .b_product_box .top_picks .tab_con .OneTwo li .pr_img{ height: inherit; border-bottom-left-radius: 22px; border-top-left-radius: 22px;} .b_product_box .top_picks .tab_con .OneTwo li .pr_tt a { font-size: 18px; height: 37px; line-height: 18px; text-align: left;} .b_product_box .top_picks .tab_con .OneTwo li .pr_box{ width: 97%; background: #fff; border: 1px solid #fff; border-radius:5px;} .b_product_box .shopping-cart .OneTwo li .pr_box .buy_btn{ margin-left: 29%;} .b_product_box .shopping-cart .OneTwo li .pr_price {margin:8px 10px 15px 10px; position: relative; height:107px; background:url(https://deal.tomtop.com/activity/202003/20200525Anniversay-zz.png) center no-repeat; background-size: 100%;} .b_product_box .shopping-cart .OneTwo li .pr_price .current_price{ position: absolute; bottom: -4%; text-align: center; width: 100%; font-size: 29px; } .b_product_box .shopping-cart .OneTwo li .pr_price .origin_price{ text-decoration: none; position: absolute; top: 17%;} .b_product_box .shopping-cart .OneTwo li .pr_price .origin_price.origin_price2{ text-decoration: none; position: absolute; top: 3%; right: 0} .b_product_box .shopping-cart .OneTwo li .pr_price .origin_price,.b_product_box .shopping-cart .OneTwo li .pr_price .current_price2{ font-size: 20px; color:#f756a8;} .b_product_box .shopping-cart .tab_con .OneTwo li .shopping_cart{ display: none} .b_product_box .shopping-cart .tab_con .OneTwo li .m_progress_bar .bar_wrap {width: 95%;} .b_product_box .shopping-cart .tab_con .OneTwo li .pr_box .buy_btn{ margin-bottom: 0;} .b_product_box .shopping-cart .OneTwo li .m_progress_bar .bar_wrap .bar_wrap_cont{ background: #ed0aa1} @media (max-width:1600px) { .anniversary-bg{ padding: 50px 1.5% 1.5% 1.5%;} .b_product_box .shopping-cart .OneTwo li .pr_price .current_price { bottom: 5%; font-size: 22px;} } @media (max-width:768px) { .anniversary-bg { padding: 37px 1.5% 1.5% 1.5%; border: 5px solid #ffd89b; } .nis_box { width: 100%; max-width: 1200px; margin: auto; } .mmmmm { padding: 0px !important; } .b_product_box .top_picks .tab_con .OneTwo li, .b_product_box .top_picks .tab_con .OneTwo li .pr_box, .b_product_box .top_picks .tab_con .OneTwo li .pr_img { border-radius: 10px; } .b_product_box .shopping-cart .OneTwo li .pr_price .origin_price, .b_product_box .shopping-cart .OneTwo li .pr_price .current_price2 { font-size: 16px; } .b_product_box .shopping-cart .OneTwo li .pr_price .origin_price { top: 25%; } .b_product_box .shopping-cart .OneTwo li .pr_price .origin_price.origin_price2 { top: 14%; right: 0; } .b_product_box .top_picks.t-block .tab_con li { width: 50%;} .contain .tab_btn.Two-k li{ margin-bottom: 5px; } } @media (max-width:640px) { .anniversary-bg { padding: 30px 1.5% 1.5% 1.5%; border: 5px solid #ffd89b; } .b_product_box .shopping-cart .OneTwo li .pr_price .origin_price {top: 25%;left: 0;} .b_product_box .shopping-cart .OneTwo li .pr_price .origin_price.origin_price2 {top: 7%; right: -76%;} .b_product_box .top_picks .tab_con .OneTwo li .pr_img { width:100%;vertical-align: top; padding: 0; padding-top: 7%; display: block;} .b_product_box .top_picks .tab_con .OneTwo li .pr_box .buy_btn {margin: auto;float: inherit; } .b_product_box .top_picks .tab_con .OneTwo li .pr_info {width: 100%; text-align: center; padding: 10px 5px; display: block;} .b_product_box .top_picks .tab_con .OneTwo li .pr_tt a {font-size: 13px; height: 27px; line-height: 14px;text-align: center;} .b_product_box .top_picks .tab_con .OneTwo li .pr_price .current_price { font-size: 22px !important; left: 0; bottom: -1%;} .b_product_box .top_picks .tab_con .OneTwo li .pr_box{ width: 96%;} .b_product_box .top_picks .tab_con .OneTwo li { margin-bottom: 2%;} /*.tab_con li .pr_box { width: 97%;} */ .b_product_box .shopping-cart .OneTwo li .pr_price {margin: 8px 0 10px 0;} } .b_product_box .top_picks .tab_con .OneTwo2 li{ display: none;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1), .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2), .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) { width: 33%; margin-bottom:5%; position: relative; padding-top: 0px; display: block;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1):after, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2):after, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3):after{display: none;} .b_product_box .top_picks .tab_con .OneTwo3 li{ position: relative;} .b_product_box .top_picks .tab_con .OneTwo3 li:after{ display: none; color: #fff; font-size: 25px; line-height: 56px; text-align: center; background-size: 100%; width: 52px; height: 61px; position: absolute; top: -16px; left: -8px; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(1):after{ content: "1"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(2):after{ content: "2"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(3):after{ content: "3"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(4):after{ content: "4"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(5):after{ content: "5"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(6):after{ content: "6"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(7):after{ content: "7"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(8):after{ content: "8"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(9):after{ content: "9"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(10):after{ content: "10"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(11):after{ content: "11"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(12):after{ content: "12"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(13):after{ content: "13"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(14):after{ content: "14"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(15):after{ content: "15"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(16):after{ content: "16"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(17):after{ content: "17"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(18):after{ content: "18"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(19):after{ content: "19"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(20):after{ content: "20"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(21):after{ content: "21"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(22):after{ content: "22"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(23):after{ content: "23"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(24):after{ content: "24"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(25):after{ content: "25"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(26):after{ content: "26"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(27):after{ content: "27"; } .b_product_box .top_picks .tab_con .OneTwo3 li:nth-of-type(28):after{ content: "28"; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_info, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_info, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_info{ padding-bottom: 7%; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_img, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_img, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_img{ width: 63%; display: block; padding: 0; margin: 8% auto 0 auto; overflow: hidden; border-radius: 60px;} .b_product_box .top_picks .tab_con .OneTwo2 li .pr_box{display: table;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_img, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_img, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_img{ height: inherit; border: 0;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_img img:hover, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_img img:hover, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_img img:hover{ } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_tt a, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_tt a, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_tt a{ height: 63px; line-height: 22px;height: 20px; margin: 0 6%; width: 84%; font-size: 17px;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_box, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_box, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_box{ width: 98%;border-radius: 219px; background-color: #ffff; border: solid #c5101f 4px; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_box .count_time, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_box .count_time, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_box .count_time {width: 98%; text-align: center;position: absolute;background: #000; color: #fff;z-index: 9999; padding: 6px 0; margin-top: -25px;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_box .buy_btn, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_box .buy_btn, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_box .buy_btn{ margin-left: 27%;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_box:hover, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_box:hover, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_box:hover { -webkit-animation: 1.8s ease-in-out infinite both; animation: 1.8s ease-in-out infinite both; -webkit-animation-name: tilt; animation-name: tilt; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes tilt { 0% {-webkit-transform: rotate(2deg);transform: rotate(2deg);} 50% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg);} 100% {-webkit-transform: rotate(2deg);transform: rotate(2deg);} } @keyframes tilt { 0% {-webkit-transform: rotate(2deg);transform: rotate(2deg);} 50% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg);} 100% {-webkit-transform: rotate(2deg); transform: rotate(2deg);} } @media (max-width:1600px) { .contain .tab_btn.Two-k{ margin-bottom: 2%;} .pr_price .current_price { font-size: 18px; font-weight: bold; display: inline-block; } .b_product_box .top_picks .tab_con .OneTwo3 li:after { font-size: 18px; width: 40px; height: 43px; top: -16px; left: -7px; line-height: 44px;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_box, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_box, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_box { width: 98%; background-size: 96%; border: solid #c5101f 2px;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_img, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_img, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_img { margin: 19% auto 0 auto; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_tt a, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_tt a, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_tt a { font-size: 12px; line-height: 21px; height: 20px; margin: 0 14%; width: 69%;} } @media (max-width:900px) { .contain .tab_btn.Two-k{ margin-bottom:0;} .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_img, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_img, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_img { margin: 14% auto 0 auto; width: 78%; } .pr_price .current_price { font-size: 20px; font-weight: bold; display: inline-block; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_box, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_box, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_box { width: 100%; background-size: 97%; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_box .buy_btn, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_box .buy_btn, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_box .buy_btn { margin-left:0; } } @media (max-width:550px) { .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_box .buy_btn, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_box .buy_btn, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_box .buy_btn { margin-left: 0; display: none; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_tt a, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_tt a, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_tt a { font-size: 12px; height: 14px; line-height: 15px; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_info, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_info, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_info { padding-bottom: 11%; } } @media (max-width:480px) { .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_tt a, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_tt a, .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_tt a { font-size: 10px; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_price .current_price,.b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_price .current_price,.b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_price .current_price { font-size: 10px; } .b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(1) .pr_price .origin_price,.b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(2) .pr_price .origin_price,.b_product_box .top_picks .tab_con .OneTwo2 li:nth-of-type(3) .pr_price .origin_price { font-size: 8px; } } @media (max-width:1600px) { .bsl{ position: relative; background-repeat: 1600px; } .b_product_box .top_picks .tab_con li img { width: 100%; max-height: 343px; } .b_product_box .top_picks .tab_con li .buy_btn { width: 86px; } .pr_img { height: 178px; } .b_product_box .top_picks .tab_con li.w40 .pr_img {padding:0 0;} .coupon_wrap,.b_product_box .contain,.b_banner_bg .b_banner {max-width: 1000px; }.b_product_center{ max-width:1000px;}.coupon_wrap li {width: 229px;} .coupon_wrap li .coupon_c .hd .p2 {margin-bottom: 2px;font-size: 15px;} .coupon_wrap li .coupon_c .bd .p1 .prise {font-size: 37px;} .b_banner_bg { background-size:1601px;} /*时间*/ .b_banner_bg .activity_countDown p {font-size: 25px;margin-bottom: 20px;margin-top:20px;} .b_banner_bg .activity_countDown {top: 70%;left: 35%;} .b_banner_bg .activity_countDown span {font-size: 27px;}.b_product_box .flash_deals .tt{ font-size:29px;} .b_banner_bg .activity_countDown span s {padding: 10px 15px;border-radius:5px;margin: 0 1px; background:url(https://deal.tomtop.com/activity/201903/20190604ss.png) 25px center repeat-x; } .activity_countDown i{ font-size: 30px; font-weight: bold; margin: 0 5px;} } @media (max-width:1600px) { .contain .tab_ajax li .tab_btn_con.tab_btn_con22 { font-size: 16px; } .b_box .GiftTextPrd>li {font-size: 22px} } @media (max-width:1200px) {.nav .nav_content{ display:none}.nav, #n_a_v{ display: none} .b_box .GiftTextPrd>li {font-size: 18px} .b_box .b_banner_bg .GiftTextPrd>li:last-child span {margin-bottom: 17px} .b_box .GiftTextPrd>li>span>em {font-size: 14px} .share {display: none!important}} @media (max-width:1080px) { .b_product_box .deals .tab_con .item li, .b_product_box .deals .tab_con .item li .pr_box {min-height: 342px} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_tt a {font-size: 24px} .b_product_box .gifts .tab_btn li, .b_product_box .warehouse .tab_btn li {font-size: 22px} .b_product_box .top_picks .m_progress_bar {display: none} .b_product_box .top_picks .tab_con li img {width: 100%;} .share {display: none!important} } @media (max-width:960px) { .b_product_box .top_picks.w30 .tab_con li .pr_tt a { font-size: 15px; height: 30px; } .b_product_box .gifts .tab_btn li, .b_product_box .warehouse .tab_btn li {font-size: 20px} .b_banner_stripe {margin: -5px auto} .b_banner_bg .freeGift {padding-bottom: 35px} .b_banner_bg .b_banner_bg .GiftText {font-size: 18px} .b_box .b_banner_bg .GiftTextPrd>li span {margin-bottom: 18px} .b_product_box .deals .tab_title {padding-top: 45px;font-size: 24px} .top-style ul li {padding: 15px 1%;font-size: 12px;} .b_product_box .top_picks .tab_con li { width: 25%; } .tab_con li .pr_img {height:215px;} .b_product_box .shopping-cart .pr_box .buy_btn { margin-left: 14%; } .contain .tab_ajax ul.mmm li{ width: 50%; margin-bottom: 5px;} .contain .tab_ajax ul.mmm li:nth-of-type(1), .contain .tab_ajax ul.mmm li:nth-of-type(2), .contain .tab_ajax ul.mmmm li { width: 50%; margin-bottom: 15px; } } @media (max-width:880px) { .b_product_box .top_picks .tab_con li { width: 33.33%; } .tab_con li .pr_img { height: 228px; } } @media (max-width:768px) { .sl_li1 { width: 48.8%; float: left; padding-bottom: 10px; } .cpbt { width: 100%; font-size: 12px; text-align: center; line-height: 24px; background: #fff; } .contain .tab_ajax li .tab_btn_con.tab_btn_con22 { font-size: 13px; height: 51px; } .height60 { height: 51px!important; } .b_product_box .top_picks .tab_con .OneTwo3 li:after { font-size: 24px; width: 59px; height: 65px; top: -27px; left: -12px; line-height: 62px; } .spacing2 {height: 20px;} .spacing-a{ height:10px; width: 100%;} .spacing-b{height: 20px;width: 100%;} .tab_btn li .tab_btn_con{font-size:13px; } .tab_con li .pr_img {} .b_product_box .gifts .tab_btn, .b_product_box .warehouse .tab_btn {top: -47px} .b_product_box .gifts .tab_btn li, .b_product_box .warehouse .tab_btn li {font-size: 18px;border-width: 3px} .b_product_box .deals p {font-size: 22px} .b_product_box .deals .tab_title {font-size: 20px} .b_product_box .deals .tab_con {margin-top: 25px} .b_product_box .deals .tab_con .item li .current_price {font-size: 22px} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_price {margin: 15% 0 0} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_tt a {font-size: 18px} .b_product_box .sale .tab_con {width: 94%} .b_banner_bg .GiftText {padding: 17% 25px 20px} .b_box .GiftTextPrd>li {font-size: 14px} .b_product_lucky_bags_product {width: 94%} .b_product_box .deals .tab_con .item li, .b_product_box .deals .tab_con .item li .pr_box {min-height: 300px;} .product_Lucky_bag, .tab_con .count_time {font-size: 12px}} @media (max-width:640px) { .anniversary-bg {border-radius: 20px;} .tab_btn { width: 99%; margin: 0px 1% 2% 1%; } .b_product_box .top_picks.w30 .tab_con li .pr_box{width:95%;} .b_product_box .top_picks.w30 .tab_con li{width:50%;} .tab_btn li .tab_btn_con{font-size:12px; } .height45 {height: 20px;} .tab_con li .pr_img { height: 258px; } .pr_price .origin_price {text-align: center !important; line-height: 15px;} .tips-1 .hd .tips {margin-left: 0px;} .tips-1 .hd {top: 54px;right: 27%;} .mm h3.tt{ font-size: 15px !important;} .tips-1 .hd .tips{ font-size: 12px;} .b_banner_bg .b_banner .scroll_banner {padding: 5px;border-radius: 5px} .b_banner_bg .b_banner .scroll_banner .swiper-button-next, .b_banner_bg .b_banner .scroll_banner .swiper-button-prev {width: 20px} /*时间*/ .b_banner_bg .activity_countDown p {font-size: 11px;margin-bottom: 10px;margin-top:10px;} .b_banner_bg .activity_countDown {top: 70%;left: 35%;} .b_banner_bg .activity_countDown span {font-size: 12px;} .b_banner_bg .activity_countDown span s {padding: 5px 5px;border-radius:5px;margin: 0 1px; background:url(https://deal.tomtop.com/activity/201903/20190604ss.png) 25px center repeat-x; } .activity_countDown i{ font-size: 12px; font-weight: bold; margin: 0 2px;} .nav_wrap {height: 58px} .nav_wrap .w_main .anchor {font-size: 14px} .nav_wrap .w_main .anchor li {padding-right: 15px} .nav_wrap .w_main .anchor li a {line-height: 58px} .nav_wrap .w_main .anchor li a.hover {color: #fae83b} .nav_wrap .w_main .share {float: right} .share {display: none!important} .b_product_box .title3 {padding: 4% 0} .b_product_box .contain {margin-bottom: 0;width: 100%; } .b_product_box .b_product_title {font-size: 24px;margin-bottom: 10%} .b_product_box .gifts .tab_btn, .b_product_box .warehouse .tab_btn {top: -34px} .b_product_box .gifts .tab_btn li, .b_product_box .warehouse .tab_btn li {width: 29%;height: 58px;font-size: 16px;font-weight: 400;margin-left: 1.5%} .b_product_box .gifts .tab_btn li.active, .b_product_box .warehouse .tab_btn li.active {top: inherit} .b_product_box .top2 {top: 22%} .b_product_box .tag_title {width: 38%;top: -4%;font-size: 24px} .b_product_box .tag_t2 {width: 43%;top: -1.8%} .b_product_box .gifts .tab_con li, .b_product_box .sale .tab_con li, .b_product_box .warehouse .tab_con li {padding-bottom: 6%} .b_product_box .brand {padding: 0;width: 96%;margin: 0 auto} .b_product_box .brand .brand_c {margin-right: -2%} .b_product_box .brand li {width: 48%;margin-right: 2%;margin-bottom: 2%} .b_product_box .ad_banner {padding: 0;width: 96%;margin: 0 auto} .b_product_box .ad_banner .ad_banner_c {margin-right: -2%} .b_product_box .ad_banner li {width: 48%;margin-right: 2%;margin-bottom: 2%} .b_product_box .ad_banner li a {width: 100%} .b_product_box .flash_deals .tt {font-size: 20px;} .b_product_box .like_bags .hd, .b_product_box .share_save .hd{text-align: center;line-height: 30px;} .b_banner_bg .GiftTextPrd {width: 100%} .b_banner_bg .GiftText {width: 94%} .b_product_box .b_product_deals_title {top: 124px} .b_product_box .b_product_deals_title img {height: 56px} .b_product_box .b_product_sale_title {top: 169px} .b_product_box .b_product_sale_title img {height: 56px} .b_product_box .deals .tab_title {width: 80%;margin: 0 auto;padding-top: 155px} .b_product_box .deals .tab_con .item li {width: 50%;padding-bottom: 3%} .b_product_box .deals .tab_con .item li:nth-child(3n+1) {width: 100%} .b_product_box .deals .tab_con .item li:nth-child(3n+1) .pr_box {width: 97%;max-width: none} .deals .b_product_lucky_bags_product {padding: 0} .b_product_box .sale li, .tab_con li {width: 50%} .b_product_box .deals .tab_con .item li, .b_product_box .deals .tab_con .item li .pr_box {min-height: 264px} .tab_con li { margin-bottom: 2.5%;} .b_product_box .like_bags .hd .info {left: -400%;top: 60px;width: 280px;padding: 35px 30px;text-align: left;position: absolute;background: #fff;box-shadow: 0 0 8px #999;z-index: 200;display: none} .b_product_box .like_bags .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} .b_product_box .share_save .hd .info {left: -210%;top: 60px;width: 280px;padding: 35px 30px;text-align: left;position: absolute;background: #fff;box-shadow: 0 0 8px #999;z-index: 200;display: none} .b_product_box .share_save .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} .b_product_box .top_picks .tab_con li {width: 50%} .b_product_box .top_picks .tab_con li img {max-width: 100%} .b_product_box .top_picks .tab_con li.w40 {width: 50%} .b_product_box .top_picks .tab_con li.w40 .pr_box {width: 96%} .b_product_box .top_picks .m_progress_bar {display: none} .b_product_box .top_picks .tab_con li img {width: 100%;max-height: 600px} .b_product_box .share_save {background: #fae83b} .b_product_box .share_save .tab_con li {width: 50%} .b_product_box .share_save .tab_con li .pr_box {width: 98%;background: #fff} .b_product_box .share_save .tab_con li .pr_box .pr_info {padding: 6px} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount {text-align: center;margin-bottom: 5%} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount p.p1 {margin-bottom: 3%} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount p.p1 span.prise {font-size: 24px;margin-right: 20px} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount p.p1 span {color: #e02828;font-size: 18px} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_discount p.p2 {font-size: 14px;color: #373737} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_this {text-align: center;background: url(../image/share_arrow.png) no-repeat #fff;background-size: 30px auto;width: 100%} .b_product_box .share_save .tab_con li .pr_box .pr_info .share_this .tips {padding-left: 0;color: #373737;margin-bottom: 20px;font-size: 16px} .b_product_box .share_save .tab_con li .pr_img, .b_product_box .share_save .tab_con li .pr_info {width: 100%} .b_product_box .share_save .tab_con li .title {width: 100%;background: #fae83b;line-height: 25px;padding: 10px 0 10px 10px;color: #000;font-size: 14px;text-align: left} .contain .tab_ajax li .tab_btn_con span {display: block;height: 16px;line-height: 13px;} .contain .tab_ajax li .tab_btn_con span[data="cameras"], .contain .tab_ajax li[data="cameras"] .tab_btn_con span {line-height: 10px !important;} .top-style ul li {padding: 5px 1%;font-size:2.5vw;} } @media (max-width:550px) {.tab_con li .pr_img {height: 233px;} } @media (max-width:500px) {.tab_con li .pr_img {height: 208px;} } @media (max-width:460px) {.tab_con li .pr_img {height: 194px;} } @media (max-width:420px) {.tab_con li .pr_img {height: 185px;} } @media (max-width:400px) {.tab_con li .pr_img {height: 171px;} } @media (max-width:380px) {.tab_con li .pr_img {height: 162px;} } @media (max-width:360px) {.tab_con li .pr_img {height: 153px;} } @media (max-width:414px) { .b_product_box .top_picks .tab_con li .buy_btn {width: 100px;} .b_product_box .contain { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } .height75 {height: 40px;} .b_product_box .top_picks .tab_con li.w40 .pr_img {padding: 0;} .gitfsContain {margin-top: -5%} .b_product_box .title p {font-size: 14px} .b_product_box .b_product_title {width: 53%;font-size: 22px;font-weight: 400;margin: 0 auto 14%} .b_product_box .contain {margin-bottom: 0} .b_product_box .deals .tab_btn li {line-height: 50px} .b_product_box .deals p {font-size: 16px} .b_product_box .gifts .tab_con li, .b_product_box .sale .tab_con li, .b_product_box .warehouse .tab_con li {padding-bottom: 3%} .b_product_box .gifts .tab_btn, .b_product_box .warehouse .tab_btn {top: -31px} .b_product_box .gifts .tab_btn li, .b_product_box .warehouse .tab_btn li {height: 53px;font-size: 14px;overflow: hidden;border-radius: 15px} .b_product_box .tag_title {width: 46%;top: -3%;font-size: 20px;font-weight: 400} .b_product_box .tag_t2 {width: 48%;top: -1.6%;font-size: 20px} .b_product_box .top {padding: 15%;top: -192%} .b_banner_bg .GiftTextPrd {width: 100%} .b_banner_bg .GiftTextPrd li {font-size: 12px} .b_banner_bg .GiftTextPrd li span {margin-bottom: 48px} .b_banner_bg .GiftText {padding-top: 30%;font-size: 14px} .tab-first, .tab_btn {font-size: 14px; } .fb {width: 10%!important;height: 10%} .b_banner_bg .activity_countDown {text-align: center;top: 59%;left: 24%;width: 163px;height: 62px;} } @media (max-width:420px) { .tab_btn {width: 98%; margin:3px 1% 4% 1%;} } @media (max-width:380px) { .mm h3.tt {font-size: 12px !important; padding-right: 50px;} .tips-1 .hd {top: 38px;right: 27%;} } @media (max-width:360px) { .b_box .b_banner_bg .GiftTextPrd>li span {margin-bottom: 48px} }