@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 {width: 100%;min-width: 100%;}
    .phone-search-products .ProImg img{width: 100%; height: 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;}
    .Logo img {width: 100%; height: auto;}
    .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; font-size: 0;}
    .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; font-size: 0;}
    .header-r .Debarkation:hover {background-position: -140px -715px;}
    .Navigation {width: 100%;height: 80px;}
    .Navigation ul {width: 100%;}
    .Navigation ul li {width: 20%;background: #aedbd2;text-align: center;border-right: 1px #cee9e4 solid;box-sizing: border-box;}
    .Navigation ul li:nth-child(5) {border-right: none;}
    .Navigation ul li a {width: 100%;line-height: 1.5rem;color: #333;font-size: 1.5rem;padding:15px 0 0 0;font-weight: 500;text-decoration: none;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;}
    /*.MinHelpLink dl{ width: 100%; padding: 0; float: none;}*/
    .MinHelpLink dt{ padding: 0; cursor: pointer; line-height: 3.125rem; border-top: #e6e4e4 solid 1px; border-bottom: #e6e4e4 solid 1px; font-size: 1.125rem;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.6);}
    .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) 0 -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 {width: 100%; padding: 0;}
    .FooterWrap .Join ul {width: 100%; margin-top: 20px; display: flex; justify-content: center;}
    .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: 14px !important;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: #90bfb6;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;}
    .CopyLogo img {width: auto; max-width: 100%; height: 30px; margin-bottom: 5px;}
    .Gray {text-align: center;font-size: 0.75rem;}
    .DocWarp .Totop {margin-left: 0;z-index: 12;right: 20px;}
    .ProjectShow .BSProduct a{width: 47%;margin-right: 1%;margin-bottom: 5px;}
    .ProjectShow .BSProduct a:nth-child(2n){margin-right: 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: none !important;}
    .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;}

    .MinHelpLink .Trends {margin: 0;}
    .MinHelpLink .Trends p {background: url(../images_new/master/icon_recent-trends.png) 8px center no-repeat; position: relative; height: 44px; line-height: 44px; font-size: 14px; padding:0 0 0 36px; font-weight: normal; border-top: #e6e4e4 solid 1px;}
    .MinHelpLink .Trends p:hover {background: url(../images_new/master/icon_recent-trends-2.png) 8px center no-repeat; color: #90bfb6;}
    .MinHelpLink .Trends p 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.6);}
    .MinHelpLink .Trends p em.fold{background: url(../images/res-imgs/master_icon-750.png) -1px -585px no-repeat;}
    .MinHelpLink .TrendsBox {display: none;}
    .MinHelpLink .Trends dl {margin: 0; padding: 0 10px;}
    .MinHelpLink .Trends dl dt {font-size: 13px; font-weight: normal; padding-left: 0; line-height:36px; height: 36px; margin: 0; background: none;}
    .MinHelpLink .Trends dl dt em {transform: scale(1); margin: 0;}
    .MinHelpLink .Trends dl dt a {display: inline;}
    .MinHelpLink .Trends dl dd {border-top: 1px solid #e0e0e0;}
    .MinHelpLink .Trends dl dd a {border:none; line-height: 36px;}
    .MinHelpLink .Trends dl dd a:before {display: none;}

    .PointOut span {margin: 10px 0 5px; padding: 0 5px !important; font-size: 12px;}
    .PointOut span .PresaleTips div {width: 240px !important;}
    .DetailedTextBox .PointOut span .PresaleTips div {width: 240px !important;}
    .GridPro .PointOut span .PresaleTips div {width: 164px !important;}
    .ListContent .PointOut span .PresaleTips div {width: 220px !important;}

    .refine-wrapper .PageBox { padding: 10px 10px 4px; background: #fff;}
    .refine-wrapper .PageBox label {margin: 0 6px 6px 0;}
    .refine-wrapper .PageBox ul {display: none}

    #searchBought {margin-bottom: 3rem; border: none;}
    #searchBought ul li {line-height: normal;}
    #searchBought ul li .Price {display: inline-block; margin-top: 10px;}
    .NotInterestedFeedback {width: 90% !important; padding: 10px 0 !important;}

    .ImgDetailedBox .discount-l{ width: 39px; height: 39px; padding: 3px 0px 0 3px; font-size: 16px;}
    .Ph-detail .DetailedTextBox .Unit-l-h20{ position: relative; border-top: #E8E8E8 solid 1px; padding-right: 50px !important;}
    .Unit-l-h20 .ShareBtn{ cursor: pointer; background: url(../images_new/master/icon-share.png?v=20240401) -1px 11px no-repeat #FFFFFF; background-size: 100%; width: 42px; height: 42px; border-radius: 50%; border: #E8E8E8 solid 1px; position: absolute; top: -22px; right: 10px; z-index: 10;}
    .ms-category-mask-full{ display: none; background: rgba(0, 0, 0, 0.45); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 101;}
    .ShareBox{ display: none; background: #FFFFFF; border-radius: 20px 20px 0 0; position: fixed; bottom: 0; left: 0; z-index: 102; width: 100%;}
    .ShareBox p{ font-size: 20px; padding: 20px 10px; border-bottom: #E8E8E8 solid 1px;}
    .ShareBox > div{ padding: 10px 0 30px;}
    .ShareBox li{ color:#999999; font-size: 14px; text-align: center;}
    .ShareBox li a {color: #999;}
    .ShareBox li:before{ content: ""; display: block; width: 60px; height: 60px; background: url(../images_new/master/icon-share.png?v=20240401) no-repeat; margin: 0 auto 5px;}
    .ShareBox li:nth-child(1):before{ background-position: 0 -50px;}
    .ShareBox li:nth-child(2):before{ background-position: 0 -130px;}
    .ShareBox li:nth-child(3):before{ background-position: 0 -210px;}
    .ShareBox li:nth-child(4):before{ background-position: 0 -290px;}
    .ShareBox li:nth-child(5):before{ background-position: 1px -370px; width: 61px;}
    .ShareBox li:nth-child(6):before{ background-position: 0 -450px;}
    .ShareBox li:nth-child(7):before{ background-position: 0 -530px;}
    .ShareBox li:nth-child(8):before{ background-position: 0 -610px;}
    .ShareBox li:nth-child(9):before{ background-position: 0 -690px;}
    .ShareBox .swiper-pagination span{ width: 6px; height: 6px; background: #8d8d8d;}
    .ShareBox .jsCloseShareBox{display:block;position:absolute;top:20px;right:10px;width:20px;height:20px;background:url(../images_new/master/close_icon.png) no-repeat;cursor:pointer}
    .hearderShare {display: block;width: 36px;margin-top: 5px;height: 30px;background: url(../images_new/master/icon-share.png?v=20240401) no-repeat -2px 4px;float: left;background-size: 40px;}

    .WeChatPay {width: 95%;}
    .weChatDetail {padding: 15px 10px;align-items: center;}
    .weChatPaymentAmount {width: calc(100% - 210px);}
    .weChatPaymentAmount p font {font-size: 16px;margin-bottom: 10px;}
    .weChatPaymentAmount p b {font-size: 24px;margin-bottom: 10px;}
    .weChatPaymentAmount p span {font-size: 12px;line-height: 18px;}
    .weChatPaymentAmount div {box-sizing: border-box;margin-top: 15px;}
    .weChatPaymentAmount div p {padding: 10px;}
    .weChatPaymentAmount div p img {width: 100%;}

    .weChatPaymentAmount div span {height: auto;padding: 5px 0;font-size: 12px;}
    .weChatPaymentAmount div span em {font-size: 12px;float: left;width: calc(100% - 31px);}
    .weChatPaymentAmount div span br {display: none;}
    .weChatPaymentAmount div span:before {width: 21px;height: 20px;background-size: 100%;float: left;margin: 0 5px;}
    .weChatPaymentAmount+p {width: 200px;}
    .weChatPaymentAmount+p img {width: 100%;}

    .Purchase p:first-child {font-size: 18px;}
    .Purchase p b {font-size: 14px;}
}
@media (min-width: 1024px) {
    .hidden-md {display: none !important;}
}
@media (min-width: 992px) and (max-width: 1024px) {
    .DocWarp .Totop {margin-left: 0;z-index: 12;right: 20px;}
}
@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, .Footer, .CopyrightBox, .NevPage, .HeaderBanner .promotion_time {width: 100%;max-width: 100%;}
    .TopWrap, .Header, .ContentWrap, .FooterWrap, .HeaderBanner, .HeaderBannerCoupon, #ContentWarp{min-width: 100%;}
    .Newsletter .EmailInput{width: 215px !important;}
    .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: #90bfb6;}
    .TopLangNav > li:hover ul {display: block;box-shadow: 1px 2px 2px #DDD, -2px 2px 2px #DDD;}

    .SmallLotMain .SmallLotWrap {margin-left: 0;}
    .SmallLotWrap .Search {width: 276px !important;}
    .TopWrap {height: auto;}
    .DocWarp .Totop {margin-left: 0;z-index: 12;right: 20px;}
    .MainContent .MainContentBody{width: auto;}

    .ProGrid_Box .buyNow.buyNowBtn {display: block;}
    .Ph-list-1 .AddtoCart .buy-now{line-height: 1.75rem; margin: 10px 10px 0 0;}
    .Ph-list-1 .buy-now .buyNowIcon{ margin-top: 6px;}

    #googleEvaluate {left: 20px; bottom: 314px; height: 54px; width: 165px !important;}

    .DetailedTextBox .PointOut span .PresaleTips div {width: 236px !important;}
    .GridPro .PointOut span .PresaleTips div {width: 236px !important;}
    .ListContent .PointOut span .PresaleTips div {width: 350px !important;}
}

@media (max-width: 560px){
    /*头部模块*/
    .Head {padding: 5px !important; position: relative}
    .Category {transform: scale(0.8);margin-top: 5px;margin-right: 0;margin-left: -8px;}
    .Logo {margin-top: 4px;}
    .header-r.header-r01{padding: 0;}
    .header-r.header-r01 .searchImg{position: inherit;transform: initial;margin-top: 10px;width: 26px;background: url(../images/product/icon_camera.png) no-repeat 0px}
    .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%;}

    /*尾部模块*/
    .CopyLogo {padding: 15px 35px 5px;}
}

@media (max-width: 320px) {
    .DocWarp .Join {padding: 0 0;}
    .DocWarp.Join li {margin-right: 2.6%;}
    .DocWarp_2 .Head {padding: 5px 0 !important;}
}

@media(min-width: 1023px) and (max-width: 1366px){
    li.AddTo .buyNow{float: left;height: 20px;margin: 10px 5px 0 147px;padding: 0 5px 0 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;}
}