@charset "utf-8";
@media (max-width: 767px) {
    .sx_main{padding-top:10px;}
    .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;}
    .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 10px;}
    .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; color: #333;}
    /*  .Navigation ul li:nth-child(1) a {line-height: 5rem;padding-top: 0;}*/
    .Navigation ul li:hover .BS_down {display: block;}
    /*.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; text-indent: 10px;}
    .MinHelpLink dt em,.drawer-guide li em { background: url(../images/res-imgs/master_icon-750.png) -70px -585px no-repeat;width: 30px;height: 17px;display: block;position: absolute;right: 1px;top: 15px;transform: scale(0.4);}
    .MinHelpLink dt em.fold{background-position: -1px -585px;}
    .drawer-guide li em.fold{background-position: -1px -765px;transform: scale(0.7);height: 50px;top:5px;right:-8px;}.
                                                                                                                    .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: 1rem; color: #737372;border-bottom: #e8e8e8 solid 1px; text-indent: 10px;}
    .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%;}
    .global-footer .copyright {
        display: block;
        padding: 5% 2%;
        color: #fff;
        font-size: 14px;
        letter-spacing: .05em;
        text-align: center;
        background-color: #3d3938;
        width:96%;
    }
    .Footer{display: none;}
    .FooterMain {
        padding: 0 2%;
    }
    #jpMainHeader {
        position: fixed;
        top: 0;
        width: 100%;
        max-width: 650px !important;
        min-width: auto;
        background: #fff;
        z-index: 100;height:auto;padding-bottom:5px;
        box-shadow: 0px 3px 5px -2px #e7e6e6;
    }
    .Logo img {
        height: 40px;margin-left:5px;
    }
    #content{margin-top:40px !important;}
    .owl-buttons{display: block !important;}
    .owl-theme .owl-controls{top:35% !important;}
    .owl-theme .owl-controls .owl-buttons div{height:50px !important; width: 45px;}
    .inner{width:100% !important;}
     #klm .inner{padding-top:20px !important;}
    .production_wrapper{margin-left:3% !important; width: 97%;}
    .production_wrapper li{width:47% !important; height: auto !important;}
    .production_wrapper a.datu{width:100% !important; height: 100% !important;}
    .production_wrapper a.datu img{width:100% !important; height: auto;}
    .production_wrapper i{padding:0px !important;width: 100% !important; overflow: hidden;}
    .autoHeight{min-height:210px;}
    .module-more .load-btn{max-width: 96% !important;}
    .itemsNum {
        position: absolute;
        top: -5px;
        right: -10px;
        display: inline-block;
        background: #00a7e1;
        border-radius: 20px;
        color: #fff;
        width: 22px;
        height: 22px;
        text-align: center;
        padding: 2px;
    }
    .topBtn{width:30px;height: 30px; border-radius: 25px;}
    .subscribe{padding:20px 10px;background-color: #eee;}
    .subscribe h3 {
        margin: 0 0 1rem;
        font-weight: 400;
        font-size: 1.2rem;
    }
    .subscribe .input{margin-top:5px;}
    .subscribe .input input {
        width: 16rem;
        padding: .4rem;
        color: #3d3938;
        border-radius: .2rem;
        border: 1px solid #ddd;
    }
    .err_success {
        height: 30px;
        line-height: 30px;
        color: red;
        display: none;
    }
    .subscribe .input a {
        display: inline-block;
        line-height: 1.8rem;
        padding: 0 1rem;
        border: 1px solid #00a7e1;
        background: #00a7e1;
        color: #fff;
    }
    .ms-drawer-mask{ background:rgba(0, 0, 0, 0.5); width:15%; position:fixed; right:0; top:0; z-index:3000;display:none;}
    .ms-drawer-mask .ms-drawer-back { display:block; position:absolute; top:0; left:0; width:100%; height:49px; background:url(../images/res-imgs/icon_sign.png) no-repeat -68px 15px; background-size:125px auto;}
    .ms-drawer .ms-drawer-close{ background:#fff; padding:7px 10px;}
    .ms-drawer .ms-drawer-close .CloseIcon{width: 17px;height: 18px;display: inline-block;background-position: 0px -188px;background-size: 30px auto;}
    /* category footer */
    .ms-category-mask{background: rgba(0, 0, 0, 0.3);width: 15%;position: absolute;right: 0;top: 0;z-index: 10;display: none;}
    .ms-category-drawer{background-color:#f4f4f4; position:fixed; width:85%; top:0; left:0; z-index:1000;
        -webkit-transform:translateX(-100%);
        -webkit-transition:-webkit-transform .25s ease-out;
        -moz-transform:translateX(-100%);
        -moz-transition:-moz-transform .25s ease-out;
        transform:translateX(-100%);
        transition:transform .25s ease-out;
    }
    .childNavList{background-color:#f4f4f4; position:fixed;width:100%; top:51px; left: 100%; z-index:999;
        -webkit-transform:translateX(100%);
        -webkit-transition:-webkit-transform .25s ease-out;
        -moz-transform:translateX(-100%);
        -moz-transition:-moz-transform .25s ease-out;
        transform:translateX(-100%);
        transition:transform .25s ease-out;
    }
    .ms-category-drawer.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
    .childNavList.hide{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
    .ms-category-head{ padding: 5px 20px;}
    .ms-category-head .ms-category-cancel{ background: url(../images/res-imgs/lists_icon.png) 12px -174px no-repeat; display: block; width: 40px; height: 48px; position: absolute; background-size: 30px auto; right: 10px; top: 0;}
    .ms-category-title{ font-size: 1.125rem;    text-align: center;position: relative;background: #FFF;height: 19px;padding: 12px 0 11px;margin: 0 10px;}
    .category-back{margin-left: 30px;}
    #NewLiveHelp {width: 42px;height: 42px;float: right;cursor: pointer;background: url(../images/res-imgs/icon_sign_3.png) 8px 10px no-repeat;background-size:30px auto;display: none;}
    .ms-drawer{ background-color:#f4f4f4; position:fixed; width:85%; top:0; left:0; z-index:102;-webkit-transform:translateX(-100%);-webkit-transition:-webkit-transform .25s ease-out;-moz-transform:translateX(-100%);-moz-transition:-moz-transform .25s ease-out;transform:translateX(-100%);transition:transform .25s ease-out;}
    .ms-drawer.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
    .ms-drawer-loginInfo{ padding:17px; background:#f5f5f5; overflow:hidden;}
    .ms-drawer-loginInfo .user-face{ width:42px; height:42px; float:left;}
    .ms-drawer-loginInfo .user-face em {background: url(../images/res-imgs/icon_sign_4.png) 0px -300px no-repeat;width: 42px;height: 42px;display: block;}
    .ms-drawer-loginInfo .user-face em:hover {background: url(../images/res-imgs/icon_sign_4.png) 0px 0px no-repeat;}
    .ms-drawer-loginInfo .drawer-unlogin{float:left; margin:12px 0 0;}
    .ms-drawer-loginInfo .drawer-unlogin a{ display:inline-block;}
    .ms-drawer-loginInfo .drawer-signin{ padding:0 12px; border-right:solid 1px #999;}
    .ms-drawer-loginInfo .drawer-join{ padding-left:12px;}
    .ms-drawer-loginInfo .drawer-logined{ float:left;padding-left:12px;line-height: 2.625rem;}
    .ms-drawer-loginInfo .drawer-logined span{ display:block;}
    .ms-drawer-loginInfo .drawer-email{ font-size:0.75rem;}
    .ms-drawer-usercenter{ text-align:center; background-color:#fff; border-top:solid 1px #ddd; overflow:hidden;}
    .ms-drawer-usercenter a{ float:left; display:block;}
    .ms-drawer-usercenter .drawer-myOrder, .ms-drawer-usercenter .drawer-cart, .ms-drawer-usercenter .drawer-wishList{width:33.33%; display:block; padding:9px 0; font-size:0.8125rem;}
    .ms-drawer-usercenter .drawer-myOrder, .ms-drawer-usercenter .drawer-cart{ border-right:solid 1px #ddd;}
    .ms-drawer-usercenter .drawer-wishList{ width:32%;}
    .ms-drawer-usercenter a i{ display:block; background:url(../images/res-imgs/icon_sign_2.png) no-repeat; background-size:25px auto; margin:0 auto; padding-bottom:8px;}
    .ms-drawer-usercenter .drawer-myOrder i{ background-position:0 -32px; width:18px; height:20px;}
    .ms-drawer-usercenter .drawer-myOrder:hover i {background: url(../images/res-imgs/icon_sign_3.png) 0 -32px no-repeat;background-size:25px auto;}
    .ms-drawer-usercenter .drawer-cart i{background-position:0 -63px; width:22px; height:20px;}
    .ms-drawer-usercenter .drawer-cart:hover i {background: url(../images/res-imgs/icon_sign_3.png) 0 -63px no-repeat;background-size:25px auto;}
    .ms-drawer-usercenter .drawer-wishList i {background-position:0 -97px; width:20px; height:20px;}
    .ms-drawer-usercenter .drawer-wishList:hover i {background: url(../images/res-imgs/icon_sign_3.png) 0 -97px no-repeat;background-size:25px auto;}
    .ms-drawer-usercenter p {float: left;width: 100%;}
    .ms-drawer-usercenter p img {width: 100%;}
    .drawer-guide {background: #fff;}
    .ms-drawer .MinHelpLink {margin-top: 0;background: #fff;}
    .ms-drawer .MinHelpLink dt { background:url(../images/res-imgs/icon_sign_2.png) no-repeat; background-size:30px auto; float:none;height:44px; padding-left:36px; font-size:1rem;border-bottom: none;line-height: 2.75rem;width: auto;text-align: left;border-left: none;border-right: none; margin-right: 0;}
    .ms-drawer .MinHelpLink dt a {display: block;width: 100%;}
    .ms-drawer .MinHelpLink dl dt:hover {color: #2e4a68;}
    .ms-drawer .MinHelpLink dl dt:hover a {color: #2e4a68;}
    .ms-drawer .MinHelpLink  dt.AllCategories {background-position:10px -219px;font-weight: bold;}
    .ms-drawer .MinHelpLink  dt.noBg{background-position: 0px -10000px;padding-left:10px;}
    .ms-drawer .MinHelpLink dl:hover dt.AllCategories {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -219px;}
    .ms-drawer .MinHelpLink dd ul {padding: 0 10px;box-sizing: border-box;border-top: solid 1px #e0e0e0;}
    .ms-drawer .MinHelpLink dd ul li {line-height: 2.375rem;font-size: 0.75rem;border-bottom: solid 1px #ddd;}
    .ms-drawer .MinHelpLink dd ul li a {display: block;width: 100%; text-indent: 20px;}
    .ms-drawer .MinHelpLink dd ul li:last-child {border-bottom: none;}
    .ms-drawer .MinHelpLink  dt.Headline {background-position:10px -261px;}
    .ms-drawer .MinHelpLink dl:hover dt.Headline {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -261px;}
    .ms-drawer .MinHelpLink  dt.PrintingDesign {background-position:10px -298px;}
    .ms-drawer .MinHelpLink dl:hover dt.PrintingDesign {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -298px;}
    .ms-drawer .MinHelpLink  dt.DiscountPolicy {background-position:10px -339px;}
    .ms-drawer .MinHelpLink dl:hover dt.DiscountPolicy {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -339px;}
    .ms-drawer .MinHelpLink  dt.DeliveryFee {background-position:10px -377px;}
    .ms-drawer .MinHelpLink dl:hover dt.DeliveryFee {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -377px;}
    .ms-drawer .MinHelpLink  dt.RepackingService {background-position:10px -416px;}
    .ms-drawer .MinHelpLink dl:hover dt.RepackingService {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -416px;}
    .drawer-guide li, .drawer-feature li, .drawer-download li { height:44px; line-height:2.75rem; overflow:hidden; background-color:#fff;position: relative;}
    .drawer-guide li, .drawer-feature li { border-top:solid 1px #e0e0e0;}
    .drawer-guide li a, .drawer-feature li a, .drawer-download li a {display: block; padding-left:10px;}
    .drawer-guide li a, .drawer-feature li a,.jsCateList .drawer-currency{ background:url(../images/res-imgs/icon_sign_2.png?v=12) no-repeat; background-size:30px auto; height:44px; padding-left:36px; font-size:0.875rem;}
    .ms-drawer .MinHelpLink dt.noBg.drawer-currency {background-position:10px -183px;padding-left:25px;}
    .drawer-guide .newNav.drawer-currency a{background-position: 10px -416px;}
    .drawer-guide .newNav.drawer-currency a:hover {background: url(../images/res-imgs/icon_sign_3.png) 10px -183px no-repeat;background-size: 30px auto;}
    .drawer-guide .drawer-language a{ background-position:10px -144px;}
    .drawer-guide .drawer-language a:hover {background: url(../images/res-imgs/icon_sign_3.png) 10px -144px no-repeat;background-size: 30px auto;}
    .drawer-guide .drawer-contact a{ background-position:10px 10px;}
    .drawer-language span{ float:right; color:#666; margin-right:10px;}
    .drawer-guide .drawer-currency span {float: right;padding-right: 10px;}
    .panel-show{display:block !important;}
    .ms-panel-header{height:49px; border-bottom:1px solid #dcdcdc; text-align:center; line-height:3.0625rem;}
    .ms-panel-header .ms-panel-title{ font-size:1rem;}
    .ms-panel-header .ms-panel-title_b{font-size:1.125rem;}
    .ms-panel-header .ms-panel-cancel {background: url(../images/res-imgs/lists_icon.png) no-repeat scroll 0% 0% transparent;display: block;}
    .ms-panel-header .ms-panel-cancel {background-position: 12px -174px;background-size: 30px auto;right: 10px;top: 0;}
    /****/
    .ms-button-secondary {
        display: block;
        height: 46px;
        padding: 25px 10px;
        border-top: #dedede solid 1px;
        background-color: #fff;
    }
    .drawer-loginout {
        padding: 15px 10px;
        border-top: none;
    }
    .ms-button-secondary .ms-button {
        border: #e0e0e0 solid 1px;
        width: 100%;
        height: 44px;
        font-size: 18px;
        background: #fff;
        border: solid 1px #e0e0e0;
        line-height: 44px;
        display: block;
        text-align: center;
        border-radius: 1px;
    }
    .slider,#slider1 .conbox div{width: 100% !important;height:200px !important;}
    #slider1 .conbox img{width: 100%;}
    .newtop{margin-top:0px;}#logoffDefault{width:100%;margin:0 auto;}
    #logoffDefaultHeading,#logoffDefaultMainContent{padding:3%;}#logoffDefaultMainContent{min-height:240px;}
    .Authorize .Login{height: auto; width: 100%;float: left;margin-top:20px;}
    .spec-preview,.jqzoom img{width: 100% !important;height: auto !important;}
    .spec-scroll .items ul li{width: 65px !important;}
    .spec-scroll .items ul li img{width:60px !important; height: 60px !important;}
    .spec-scroll .items{height: 62px !important;margin:20px 0px 20px 1% !important; width: 98% !important;}
    .prolist_x li{width: 100% !important;}
    .Product .prod-viewport .prod-overview .Information .quantity{margin-bottom:20px;margin-top:0px !important; text-align: center; float: none !important;}
    .Product .prod-viewport .prod-overview .Information .quantity-number{margin:0px !important;}
    .wrapperAttribsOptions{margin-top:0px;margin-bottom: 20px;}
    .Product .prod-viewport .prod-overview .Information .action{display: inline-block;}
    .Product .prod-viewport .prod-overview .Information .quantity-name{width: 40%;padding-right:10px;text-align: right;}
    .switcher{left: 35% !important;}
    .production_wrapper p{height:20px;}
    .content-box,.tablePad{width:100% !important;}
    .global-footer{margin:10px 0px;}.club_middle{margin:0 0 20px 0px !important;}
    .ember-view,.ember-view1{width:96% !important; padding:0% 2%;float: left;margin: 0px !important;}
    .ember-view li,.ember-view ul li a img,.wenzitxt img{width: 100% !important; height: auto !important;}
    .last{width:96% !important;margin:50px 2% 20px 2%;}
    .lastR,.lastR img,.event_li a img,.inpic2 img{width:100% !important;padding:0px !important; height: auto;}
    .event_li,.cataUl li{width: 49%;margin:10px 0px 10px 1%;}
    .nav-list{width: 96%;min-height: auto;padding:0% 2%;margin-bottom: 30px;}.content-box h1{margin:0px 10px;}
    .content-box .item,.container,.wenzitxt{width:96% !important;margin:20px 2%;}.item h2{font-size:15px;}
    .cataUl li{padding:0px;}.tab_city th{text-align: center;padding:0px;}
    .tab_city td{padding:10px;}.tab_city td select{width: auto;}
    .nobor img{width: auto !important;}
    .Products .banner-tabs .new_cid_mm{display: inline-table !important;}
    .inpic{padding-top:55px;margin-bottom: 10px;}
    .Products .banner-tabs .new_cid_mm{position: unset !important;}
    .new_cid_mm ul{top: 99% !important ;left: 2%;width: 96% !important; }
    .new_cid_mm ul li{padding:5px 6px !important}
    .new_cid_mm ul li a{color:#333; border:1px solid #eee;background-color:#eee;padding:3px 5px;border-radius:3px; text-decoration:none;}
    .new_cid_mm ul li a.active{color:#fff;background-color:#00a7e1;}
    .inpic2{width: 96%;min-height: auto;padding:0% 2%;margin-bottom: 10px;}
    .breadsh1{padding-top:70px !important;padding-left:2%;}
    .banner{width: 100%;float: left;}
    .banner-tabs{width: 100%;float: left;position: relative;}
    .module-container{width:96% !important; padding:0% 2%;float: left;margin: 0px !important;}
    .banner-tabs .module-container{width: 100% !important;}
    .Empty{clear:both;}
    .content-wrapper{margin-top:10px;}
    .Dialog .Dialog-container{min-width: 94% !important;}
    .iptgroup{margin:5px 0px !important; display: none;}
    .search_1 input{width:100px !important;}
    .Address-container .list li .addrTool{margin-top:10px;}
    .drawer-username{margin-left:10px;}
    .SelectPayment li{margin-top:0px !important;}
    .payment1{line-height: 25px !important;}
    /*搜索 */
    .search-box {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;background: #fff;display: none;}
    .search-box .top-nav {position: absolute;left: 0;right: 0;width: 100%;z-index: 10;}
    .search-box .close-search {width: 2.5rem;height: 2.8125rem;line-height: 2.875rem;position: absolute;top: .0625rem;left: 0;text-align: center;z-index: 999;cursor: pointer;}
    .search-box .top-search {padding: .5rem .5rem .5rem 2.5rem;}
    .top-search .search-area .search-input {height: 1.85rem;width: 100%;border: 1px solid #2e4a68;border-radius: .25rem;padding: 0 0.3125rem 0 2.3125rem;color: #333;font-size: .6875rem;background: url(../images/res-imgs/master_icon-750.png) no-repeat -30px -257px #fff;background-size: 100px 400px;cursor: pointer;}
    .search-box .top-search .search-area .search-input {height: 1.75rem;width: 90%;border: 1px solid #2e4a68;border-radius: .25rem;padding: 0 0 0 2.3125rem;color: #333;font-size: .6875rem;}
    .search-box .suggestions {list-style: none;margin: 0;padding: 3rem 0 0;width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll; }
    .close-search em{cursor: pointer;background: url(../images/res-imgs/head-icon-close.png) 5px 5px no-repeat #FFFFFF;width: 30px;height: 30px;position: absolute;top: 8px;left: 6px;background-size: 50px auto;}
    .search-box .suggestions li {height: 2.75rem;line-height: 2.75rem;font-size: .875rem;border-bottom: 1px solid #f1f1f1;color: #333;padding: 0 .875rem;cursor: pointer;}
    .top-search .search-area .clear-btn {cursor: pointer;background: url(../images/res-imgs/head-icon-close.png) -27px 6px no-repeat #FFFFFF;width: 25px;height: 25px;right: 5px;top: 1px;margin: 0;position: absolute;background-size: 50px auto;}
    .hideSearchBox{display: none;}
    .top-nav {background-color: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;height: 3rem;position: relative;}
    .top-search .search-form {margin: 0;width: 100%;height: 1.875rem;}
    .top-search .search-area {height: 1.875rem;width: 100%;border-radius: .25rem;position: relative;}
    .hideSearchBox {display: none;}
    .Process .order-input .page-title .item1 span{font-size:1.5rem !important;}

    .search_3 select{width: 80px !important;}
}
@media (min-width: 992px) {
    .hidden-md {display: none !important;}
    #content{position: relative;margin-top:80px;}
}
@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;}
}

@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 .HotTop.HotTop_4{display: block !important;}
    .RankingShow .MainNav li a{font-size:0.8rem;}
    .RankingShow .RankingItem li .GridStepArea li{width: 98% !important;}
    /*尾部模块*/
    .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;}
}