@charset "utf-8";
/* CSS Document */
@media (max-width: 767px) {
  .hidden-xs{ display: none !important;}
  .DocWarp .MainContent,.DocWarp #ContentWarp,.DocWarp .Content,.DocWarp .FooterWrap,.DocWarp .Head,.DocWarp .Header,.DocWarp .jpHomeContainer {width: 100%;min-width: 100%;}
  /*头部模块*/
  .Head {padding: 10px;box-sizing: border-box;background: #fff;}
  .Category {background: url(../images/res-imgs/master_icon-750.png) 7px 4px no-repeat;width: 45px;height: 31px;float: left;margin-top: 15px;margin-right: 20px;}
  .Category:hover {background-position: -63px 4px;}
  .Logo {width: 37.125%;margin-right: 0 !important; float: left;}
  .Logo img {height: 25px;padding-top:8px;}
  .header-r {float: right;width: auto;padding: 10px 0 0;}
  .header-r a {float: left;}
  .header-r .Search {background: url(../images/res-imgs/master_icon-750.png) 0 -520px no-repeat;width: 40px;height: 40px;margin-right: 45px;}
  .header-r .Search:hover {background-position: -70px -520px;}
  .header-r .ShoppingCart {background: url(../images/res-imgs/icon_sign.png) -0px -130px no-repeat;width: 40px;height: 40px;margin-right: 45px;}
  .header-r .ShoppingCart:hover {background-position: -70px -130px;}
  .header-r .Debarkation {background: url(../images/res-imgs/master_icon-750.png) -140px -650px no-repeat;width: 41px;height: 40px;}
  .header-r .Debarkation:hover {background-position: -140px -715px;}
  .Navigation {width: 100%;height: 80px;}
  .Navigation ul {width: 100%; background-color: #fff;}
  .Navigation ul li {width: auto;text-align: center;box-sizing: border-box; overflow: hidden;padding:0px 5px;}
  .Navigation ul li:nth-child(6) {border-right: none;}
  .Navigation ul li a {width: 100%;line-height: 1.5rem;font-size: 1.5rem;padding: 0;font-weight: 500;text-decoration: none;padding-top: 15px;height: 80px;box-sizing: border-box;margin: 0;}
/*  .Navigation ul li:nth-child(1) a {line-height: 5rem;padding-top: 0;}*/
  .Navigation ul li:hover .BS_down {display: block;}
  .DocWarp .FixedHeader > div {width: 100%;}
  .DocWarp .FixedHeader .Logo {display: block;}
  .DocWarp .FixedHeader .Head .header-r {padding: 0;}
  .DocWarp .FixedHeader .Navigation {margin: 0;width: 100%;}
  .DocWarp .FixedHeader .SmallLotMain {display: none;}

  /*尾部模块*/
 .FooterMain {padding: 0 10px;}
 .FooterWrap{border: none !important; min-width: 100%;}
 .FriendLink .Share{ text-align: center;}
 /*热销产品推荐*/
    .RankingShow .RankingItem li{ width: 31% !important;padding:1% !important;}
    .RankingShow .RankingItem .HotTop.HotTop_4{display: none !important;}
 /*.MinHelpLink dl{ width: 100%; padding: 0; float: none;}*/
    .MinHelpLink dt{ padding: 0; cursor: pointer; line-height: 3.125rem; height: 50px;border-top: #e6e4e4 solid 1px; border-bottom: #e6e4e4 solid 1px; font-size: 14px;position: relative;}
    .MinHelpLink dt em { background: url(../images/res-imgs/master_icon-750.png) -70px -585px no-repeat;width: 30px;height: 17px;display: block;position: absolute;right: 9px;top: 15px;transform: scale(0.4);}
    .MinHelpLink dt em.fold{background: url(../images/res-imgs/master_icon-750.png) -1px -585px no-repeat;}
 .MinHelpLink dt:before {width: 20px; height: 2px; top: 24px; right: 20px;}
 .MinHelpLink dt:after {width: 2px; height: 20px; top: 17px; right: 29px;}
 .MinHelpLink dl.UnFold dt em {background: url(../images/res-imgs/master_icon-750.png) 0px -585px no-repeat;}
 .FriendLink dd { display: none; font-size: 1rem; line-height: 2.25rem;}
 .FriendLink dd a{ display: block; text-decoration: none; font-size: 0.75rem; color: #737372;border-bottom: #e8e8e8 solid 1px;}
  .FooterWrap .Join {padding: 0 20px;margin: 0 50px;width: 100%;}
  .FooterWrap .Join ul {width: 100%;margin-top: 20px;}
  .FooterWrap .Join li {width: 10%;margin-right: 2.85%;}
  .FooterWrap .Join li:nth-child(8) {margin-right: 0;}
  .FooterWrap .Join li img {width: 100%;height: 100%;}

 .FriendLink .Share{ width: 83%;margin: 0 auto;}
 .FriendLink .Share a{ width: 59px;height: 61px;}
 .FriendLink .Share .pinterestIcon{left: 110px;}
 .FriendLink .Share .instagramIcon{left: 220px;}
 .FriendLink .Share .youtubeIcon{left: 323px;}
 .FriendLink .Share .serviceIcon{display: none;}
 .MinHelpLink {margin-top: 15px;}
 .ServiceWrap .Title {height: 50px !important;line-height: 3.125rem;background: 0;font-size: 0.9375rem;color: #666;font-family: arial;border: none !important;width: 100%;box-sizing: border-box;}
 .ServiceWrap .Title img {display: none;}
 .ServiceWrap .SubscribeEmail {width: 100%;}
 .ServiceWrap .SubscribeEmail .EmailInput{width:70%;float: left;}
 .ServiceWrap .SubscribeEmail .SubscribeInput{width:100%;height: 40px;font-size: 0.9375rem;border: #e9e9e9 solid 1px;padding-left: 10px;box-sizing: border-box;}
 .ServiceWrap .SubscribeEmail .SubscribeButton{width:30%;height: 40px;font-size: 0.9375rem;float: right;background: #f66907;color: #fff;border-radius: 0;}
    input[name="inputNewsLetterMail"]{width:100%;height: 40px;font-size: 0.9375rem;border: #e9e9e9 solid 1px;padding-left: 10px;box-sizing: border-box;}
    .ServiceWrap .Share {padding-left: 20px;}
 .CopyLogo {padding: 30px 72px 5px;text-align: center;}
 .CopyLogo a {display: block;}
 .Gray {text-align: center;font-size: 0.75rem;}
  .DocWarp .Totop {margin-left: 0;z-index: 12;right: 25px;}

    .Navigation ul > li:after {border: none;}
    .Navigation ul li a {line-height: 30px !important;padding-top: 8px !important;font-size:1rem;}
    .Navigation ul .BigSale a em {right: 2px !important;}
    .jpHomeContainer {width: 100%;box-sizing: border-box;}
    .MainContent h2 {font-size: 14px; padding-top:20px;}
    .MainContent h2 strong {font-size: 18px;}
    .Main .ProductShow {padding: 0 !important;margin:10px 0px;}
    .RecommenedItems {padding: 0 !important;}
    .PBanner a {width: 100% !important;margin-right: 0;margin-bottom: 2%;}
    .PBanner a:nth-child(2) {margin-bottom: 0;}
    .RankingShow {overflow: hidden;}
    .Ranking_2 {margin-top: 10px;width: 65%;}
    .Ranking_2 .swiper-slide {border: 1px solid #e8e8e8;padding: 5px;box-sizing: border-box;}
    .Ranking_2 .swiper-slide h3 {width: 100%;border-bottom: 1px #77bb55 solid;}
    .Ranking_2 .swiper-slide h3 span {background: #e8e8e8;color: #000;padding:0 3px;}
    .Ranking_2 .swiper-slide li {border-bottom: 1px #e8e8e8 solid;padding: 6px 0;float: left;width: 100%;}
    .Ranking_2 .swiper-slide li:last-child {border-bottom: 0;padding-bottom: 0;}
    .Ranking_2 .swiper-slide li .ProImg {float: left;width: 75px;height: 75px;border: 1px solid #e8e8e8;margin-right: 6px;}
    .Ranking_2 .swiper-slide li .ProImg img {width: 100%;}
    .Ranking_2 .swiper-slide li div {float: left;width: 116px;position: relative;}
    .Ranking_2 .swiper-slide li div .ProName {height: 36px;overflow: hidden;}
    .Ranking_2 .swiper-slide li div .ProName a {font-size: 12px;}
    .Ranking_2 .swiper-slide li div .ProPrice {text-align: left;width: auto;}
    .Ranking_2 .swiper-slide li div .Ranking-T {position: absolute;right: 0;bottom: 5px;width: 30px;}
    .Ranking_2 .swiper-slide li div .Ranking-T img {width: 100%;}
    .CategoryItem {padding-top: 10px;}
    .CategoryItem a {width: 49% !important;margin: 0 2% 2% 0 !important;}
    .CategoryItem a:nth-child(2n) {margin-right: 0 !important;}
    .NewArrivals ul {width: 100%;padding-top: 10px;}

    .DailyDeals_2 .ProductItem li {width: 49% !important;margin-right: 2% !important;}
    .DailyDeals_2 .ProductItem li:nth-child(6n) {margin-right: 2% !important;}
    .DailyDeals_2 .ProductItem li:nth-child(4n) {margin-right: 0 !important;}

    .Main .NewArrivals ul li .ProName {font-size: 12px;height: 36px;margin-top: 5px;}
    .Main .ProductItem {margin-top: 0px;}
    .Main .ProductItem ul {width: 100%;border: none;}
    .Main .ProductItem li {border: none;padding: 0;height: 250px; width: 48%;}
    .Main .ProductItem li a {width: 100%;}
    .ProductShow .ProName{height: 80px !important;}
    .Main .ProductShow .discount {left: 0;top: 0;}
    .Main .ProductShow .FontRed {height: auto;text-align: left;}
    .Ranking_2 .swiper-container {overflow: visible;margin-bottom: 50px;}
    .Ranking_2 .swiper-button-prev {background: unset;bottom: -40px;top: unset;width: 130px;left: -69px;height: auto;}
    .Ranking_2 .swiper-button-prev em {background: url(../images/jp-left.png) no-repeat;background-size: 100%;width: 11px;height: 18px;float: left;margin-top: 5px;}
    .Ranking_2 .swiper-button-prev span {border: 1px #e8e8e8 solid;background: #f6f6f6;padding: 5px 10px;margin-left: 10px;font-size: 12px;float: right;}
    .Ranking_2 .swiper-button-next {background: unset;bottom: -40px;top: unset;width: 130px;right: -69px;height: auto;}
    .Ranking_2 .swiper-button-next em {background: url(../images/jp-right.png) no-repeat;background-size: 100%;width: 11px;height: 18px;float: right;margin-top: 5px;}
    .Ranking_2 .swiper-button-next span {border: 1px #e8e8e8 solid;background: #f6f6f6;padding: 5px 10px;margin-right: 10px;font-size: 12px;float: left;}
    .Ranking_2 .swiper-pagination {left: 75% !important;transform: translateX(-50%);bottom: -30px !important;}
    .Ranking_2 .swiper-pagination-bullet {width: 10px;height: 10px;}
    .Switch {padding: 0 !important;}
    .Switch .top .nav span {font-size: 13px !important;height: 42px;}

    .FixedHeader > div {width: 100%;}
    .FixedHeader .Navigation {width: 100%;margin: 0;}
    .FixedHeader .Navigation li a {font-size: 12px;}
    .FixedHeader .Navigation li > a {padding: 0;}
    .FixedHeader .Logo {display: block;}
    .FixedHeader .Head {padding: 5px 10px;}
    .FixedHeader .Head .header-r {padding-top: 0;}
    .Main .MakeShow li {font-size: 12px;margin-bottom: 2%;width: 94%;}
    .Main .MakeShow li:nth-child(2) {margin-bottom: 0;}
    .Main .MakeShow .ProName a:after {border-width: 3px 0 3px 8px;}
    .ProductShow li:last-child {margin-right: 0 !important;}
    .Main .MakeShow li .ProImg a {width: 48%; margin: 1% !important;}
    .Main .BesterSeller > div {margin: 0;width: 100%;}
    .Main .BesterSeller .nextBtn {background: url(../images/res-imgs/right-1.png) no-repeat;width: 21px;height: 44px;z-index: 10;background-size: 100%;}
    .Main .BesterSeller .nextBtn:hover {background: url(../images/res-imgs/right-2.png) no-repeat;background-size: 100%;}
    .Main .BesterSeller .prevBtn {background: url(../images/res-imgs/left-1.png) no-repeat;width: 21px;height: 44px;z-index: 10;background-size: 100%;}
    .Main .BesterSeller .prevBtn:hover {background: url(../images/res-imgs/left-2.png) no-repeat;background-size: 100%;}
    .Main .BesterSeller li a {border: 1px #e8e8e8 solid;}

    /* join us */
    .ShareShow{margin-top: 15px;}
    .ShareShow p{ font-size: 14px; color: #f66907;}
    .ShareShow ul{ height: 32px; text-align: center; padding-top: 10px;}
    .ShareShow li{ width: 32px; height: 32px; display: inline-block; margin-right: 0.2em; text-align: center;}
    .ShareShow li a{ display: inline-block; width: 32px; height: 32px; background: url(/wap_buyer/images/master/share-icon.png) no-repeat;}
    .ShareShow .facebook a{ background-position: 0 0;}
    .ShareShow .google a{ background-position: -42px 0;}
    .ShareShow .video a{ background-position: -83px 0;}
    .ShareShow .pintreset a{ background-position: -125px 0;}
    .ShareShow .PhBlog a{ background-position: -167px 0;}
    .ShareShow .instagram a{ background-position: -209px 0;}
    .ShareShow .twitter a{ background-position: -251px 0;}
    .ShareShow .ios a{ background-position: -293px 0;}
    .ShareShow .android a{ background-position: -335px 0;}

    .Ph-detail .AddToCart{ margin-right: 0; margin-top: 10px;}
    .Ph-detail .AddTo .buyNow{ width: 100%;text-align: center;height: 35px; padding: 0; line-height: 35px; margin-top: 10px;}
    .Ph-detail .AddTo .buyNow:before{content: none;}

    .ProGrid_Box .buyNow.buyNowBtn{display: block;}
    .Ph-list-1 .AddCart_x a.buyNowBtn{ background: url(../images/master/icon_sign_2.png) 14px -530px no-repeat; background-size: 35px auto;}
    .Ph-list-1 .AddCart_x a.buyNowBtn{ background-position: 17px -567px;}


}
@media (min-width: 992px) {
	.hidden-md {display: none !important;}
    .DocWarp.DocWarp_2{padding-top: 0 !important;}
	
}
@media (min-width: 1200px) {
    .hidden-md {display: none !important;}
}
@media (min-width: 992px) and (max-width: 1024px) {
    .DocWarp .Totop {margin-left: 0;z-index: 12;right: 25px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .DocWarp.DocWarp_2{padding-top: 0 !important;}
    .hidden-sm{ display: none !important;}
    .Footer, .FooterWrap, .CopyrightBox{width: 100% !important;max-width: 100% !important;min-width: 100% !important; }
    .TopMenu, .Head, .Navigation, .Content, .CopyrightBox, .NevPage {width: 100%;max-width: 100%;}
    .TopWrap, .Header, .ContentWrap, .FooterWrap, .HeaderBanner, .HeaderBannerCoupon, #ContentWarp {min-width: 100%;}
    .SearchText {width: 290px;}
    .TopLangNav {margin-left: 10px;overflow: unset;}
    .TopLangNav > li {position: relative;}
    .TopLangNav > li > a {display: inline-block;}
    .TopLangNav li ul li {float: unset;}
    .TopLangNav li ul {position: absolute;left: 0;background: #fff;top: 30px;display: none;width: 100%;z-index: 10;}
    .TopLangNav li ul li a {color: #000;}
    .TopLangNav li span {background: transparent url(https://www.pandahall.com/buyer/images/master/master-header.gif) no-repeat scroll right -321px;display: inline-block;height: 14px;width: 15px;}
    .TopLangNav > li:hover {background: #fff;}
    .TopLangNav > li:hover > a {color: #f66907;}
    .TopLangNav > li:hover ul {display: block;box-shadow: 1px 2px 2px #DDD, -2px 2px 2px #DDD;}

    .SmallLotWrap {margin-left: 20px;}
    .SmallLotWrap .Search {width: 290px;}
    .TopWrap {height: auto;}
    .Navigation li a {padding: 0 4px;}
    .Navigation .Printing a {padding: 5px 10px;}
    .Navigation li .Popular {right: -25px;}
    .Navigation .Bargains > a:before {content: "";position: absolute;border-width: 4px 4px 0;border-color: #e8e8e8 transparent transparent;border-style: solid;right: 4px;top: 16px;}
    .Bargains .Popular {width: 150px !important;left: 0;right: unset;top: 36px !important;border-top: none !important;}
    .Navigation .Bargains:hover > a, .Navigation .Bargains.on > a {color: #f66907;border: 1px #e8e8e8 solid;text-decoration: underline;border-bottom: none;}
    .Navigation .collections a {background-position: 5px 6px;padding-left: 75px; display: none;}
    .Bargains > a {padding: 0 15px 0 5px !important;}
    .DocWarp .Totop {margin-left: 0;z-index: 12;right: 25px;}
    .Head .Logo {margin-right: 0;}
    .CopyrightBox > div table {width: 100%;}
    .Search .search_input {padding-right: 0;}
    .Search .search_button {float: right;}
    .SmallLotWrap {margin-left: 10px !important;}
    .SmallLotWrap .Search {width: 301px !important;}
    .Navigation li a {font-size: 12px;}
    .Navigation .Printing a {padding: 0 10px !important;}
    .slider {width: 100% !important;min-width: auto !important;}
    .slider .slider-for .slick-slide {height: auto !important;width: 738px !important;}
    .Content .jpHomeContainer {width: 100% !important;}
    .ProductPromotion p img {height: auto !important;}
    .ProductPromotion p:nth-child(1) {width: 118px !important;}
    .ProductPromotion p {width: 300px !important;}
    .Main .RankingShow .RankingItem li {width: 25%;box-sizing: border-box;}
    .Main .PickCategory .CategoryItem a {width: 49%;margin-right: 2%;}
    .Main .NewArrivals li {width: 23.5%;margin-right: 2%;}
    .Main .MakeShow li {width: 100%;box-sizing: border-box;}
    .Main .MakeShow li .ProImg a {width: 48%;margin: 1% !important;}
    .Main .ProductItem > p {width: 153px;}
    .Main .ProductItem ul {width: 397px !important;}
    .Main .ProductItem > p img {width: 100%;}
    .Main .ProductItem li a {width: 100%;}
    .Main .ProductShow .ProductItem li {height: auto !important;margin-right: 0 !important;width: 33.33% !important;}
    .Main .BesterSeller > div {width: 90%;margin: 0 5%;}
    .Main .CustomerWrap .HomeOutsideLink {width: auto !important;}
    .MainContent .MainContentBody{width: auto;}

    .ProGrid_Box .buyNow.buyNowBtn{display: block;}
    .Ph-list-1 .AddtoCart .buy-now{line-height: 1.75rem; margin: 10px 10px 0 0px;}
    .Ph-list-1 .buy-now .buyNowIcon{ margin-top: 6px;}

    #googleEvaluate {left: 20px; top: -192px; height: 54px; width: 165px !important;}

}

@media (max-width: 560px){
/*头部模块*/
 .Head {padding: 5px 10px !important;}
 .Category {transform: scale(0.8);margin-top: 5px;margin-right: 0px;margin-left: -8px;}
 .header-r.header-r01{padding: 0;}
 .header-r.header-r01 a {transform: scale(0.6);margin-right: 0 !important;}
 .DocWarp .TopMenu,.DocWarp .Head, .DocWarp .Header .Navigation, .DocWarp .Content, .DocWarp .Footer, .DocWarp .CopyrightBox,.DocWarp .NevPage {width: 100%;max-width: 100%;}
 .Navigation {height: 40px;}
 .Navigation ul li a {font-size: 0.75rem;line-height: 0.75rem;height: auto;}
/* .Navigation ul li:nth-child(1) a {line-height: 2.5rem;padding-top: 0;}*/
 .Navigation ul .BigSale a em {top: 18px;right: 10px;}
 .BS_down {top: 40px;}
 .BS_down ul li {line-height: 2.1875rem !important;height: 35px !important;}
 .BS_down ul li a {line-height: 2.1875rem !important;height: 35px !important;padding: 0 0 0 10px !important;}

    /*热销产品推荐*/
    .RankingShow .RankingItem li{ width: 47.5% !important;padding:1% !important;margin-right:0% !important;}
    .RankingShow .RankingItem .HotTop.HotTop_4{display: block !important;}
    .RankingShow .MainNav li a{font-size:0.8rem;}
 /*尾部模块*/
 .CopyLogo {padding: 15px 35px 5px;}
}
@media (max-width: 320px) {
   .DocWarp .Join {padding: 0 0px;}
   .DocWarp.Join li {margin-right: 2.6%;}
   .DocWarp_2 .Head {padding: 5px 0 !important;}
}
@media (max-width: 414px) {


}
@media (max-width: 375px) {

}
@media (max-width: 320px) {
    .Ranking_2 {width: 80%;}
    .Ranking_2 .swiper-pagination {left: 65% !important;}
}

@media(min-width: 1023px) and (max-width: 1366px){
    li.AddTo .buyNow{float: left;height: 20px;margin: 10px 5px 0px 134px;padding: 0px 5px 0px 27px;text-align: left;line-height: normal;font-size: 14px;color: #000 !important;cursor: pointer;background: none !important;text-decoration: underline;}
    li.AddTo .buyNow:before{background: url(../images/master/icon-BuyNow.png) center -51px no-repeat;top: 0;left: 5px; height: 20px;}
}