@charset "utf-8";

@media (max-width:1430px) {
    .container {width:100%}
}

@media (max-width:1180px) {
    /* .logo img {height:50px}
    .menu {margin-left:30px}
    .menu li{height:70px;line-height:70px;font-size: 16px;margin-right: 20px} */
    /* .proItem .swiper-slide,.proList li {height:auto;margin-bottom:0}
    .proItem .swiper-slide .imgBox, .proList li .imgBox {height:auto}
    .proItem .swiper-slide .cont .abtn, .proList li .abtn {display:block} */
    /* .proList li {margin-bottom:20px} */
    .inboxList {width: 100%}
}

@media (max-width:992px) {
    /* .logo img {height:40px}
    .menu {display:none}
    .rightMenuBtn,.rightMenu {display:block} */
    .loginWay > img {height:60px}
    .loginWay h1 {font-size:20px;margin:20px 0 30px}
    .loginWay .item{width:240px;height:60px;line-height:58px;font-size:14px}
    .mainBody {padding: 20px 0 30px}
    /*search the product*/
    .proSearch {width:100%}
    .proSearch h1 {float:none;margin:0 0 10px 0}
    .proSearch .keyword {width:68%}
    .proSearch .range {width:30%;margin:0 0 0 2%}
    /* .proNav {margin-top:30px}
    .proNav > li {float: none;margin: 0 0 10px 0}
    .proNav .subNav {position: static;margin-top: 10px} */
    .proNav {display:none}
    .proNav2 {display:block}
    .proItem .swiper-container {margin-top:15px}
    /* Product List */
    .proList li {width:33.33%}
    /*Details*/
    .productDetails .cont .imgBox {width:100%;float:none;overflow: hidden}
    .productDetails .cont .param {width:100%;float:none;margin-top:20px}
    .proTab {padding: 0 0}
    /* dashboard */
    .dashboard .item {width: 100%;padding: 7.5px 0}
    .footer {margin-right: -15px;margin-left: -15px}
    .footer .item {padding: 20px}
}

@media (max-width:750px) {
    /* head */
    .menu {display: none}
    .min-menu {display: block;float: left}
    /*  Product List  */
    .proList li {width:100%}
    .proList {margin-top:20px}
    .pages {margin-top:10px}
    .searchResult {margin-top:15px}
    .productDetails .cont .param .btnBox {margin-top:20px}
    .productDetails .cont .imgBox {display:none}
    .wapImgBox {display:block}
    .settingBox .inputBox .txt {width:100%}
    .settingBox .inputBox .btn {width:100%;margin:20px 0 0 0}
    /*Order List*/
    .orderState {display:none}
    .stateSel {display:block}
    /*User Info*/
    .userInfo .p1 {margin:0}
    .userInfo .p2 {width:100%}
    .userInfo .aBtn {margin:15px 0 0 0;display:block}
    /* payment successful */
    .paySuccess {width: 100%;padding-top: 30px}
    .paySuccessCont .list {width: 100%}
    /* my design */
    .productSearch .form {display: block}
    .productSearch select, .productSearch .txt {width: 100%;margin: 0 0 10px 0}
    .productSearch .subBtn {width: 100%}
    /* dashboard */
    .footer .item {width: 100%}
    .footer .item-title {margin-bottom: 10px}
    .footer-list li {width: 33.33%;float: left}
}

/* @media (min-width:1051px) {
    .menuMask {display:none !important}
} */

@media (max-width:576px) {
    /* dashboard */
    .order-status-list {padding: 12px}
    .order-status-item {width: 100%}
    .dashboard .card {padding: 15px}
    .layui-laydate-range {width: 100% !important;left: initial !important}
    .layui-laydate-range .layui-laydate-main {display: block !important;width: 100% !important}
    .layui-laydate-range .layui-laydate-content table {width: 100%}
    .dashboard .card-title {font-size: 16px}
    .dashboard .dateBox {width: 150px;font-size: 12px}
    .chart-count li h1 {font-size: 12px}
    .chart-count li h1 span {width: 8px;height: 8px}
    .chart-count li p {font-size: 20px}
    .footer-list li {width: 50%}
}