.menu {
     display: none;
}

.menu_down {
     display: none;
}

@media screen and (max-width: 1600px) {

     .w1200,
     .w1250,
     .w1400,
     .w1520,
     .w1500,
     .w1600,
     .w1000,
     .w850 {
          width: 96%;
     }
     .my-order-list{
          width: auto;
          flex: 1;
          margin-left: 30px;
      }
 

}

@media screen and (max-width: 1400px) {}

/*=================================中小型笔记本或大平板 laptop /*=================================*/
@media screen and (max-width: 1200px) {

     .w850,
     .w1000,
     .w1200,
     .w1250,
     .w1400,
     .w1500,
     .w1520,
     .w1600 {
          width: 92%;
     }

     /*手机导航开始menu*/


     .menu_down {
          position: absolute;
          left: 0;
          top: 90px;
          z-index: 999999;
          width: 100%;
          padding: 10px 0 40px;
          background: rgba(20, 20, 20, 0.9);
          border-top: 1px solid #fff;
     }

     .menu_down ul {
          flex-direction: column;
          width: 92%;
          margin: 0 auto;

     }

     .menu_down li>a {
          /* width: 100%; */
          line-height: 3;
          position: relative;
          border-bottom: 1px solid #ccc;
     }

     .menu_down li span {
          color: var(--color);
          position: absolute;
          top: 50%;
          right: 0%;
          transform: translateY(-50%);
     }

     .menu_down li a {
          padding: 10px;
          display: block;
          font-size: 16px;
          color: #fff;
          text-align: center;
     }

     .menu_down li .erji {
          display: none;
          /* background: #fab54d; */
          width: 90%;
          margin-left: auto;
     }

     .menu_down li .erji a {
          border-bottom: 1px dashed #ccc;
          line-height: 3;
          font-size: 14px;
     }

     .menu span.icon-bar {
          background: #fff;
          width: 25px;
          height: 2px;
          display: block;
          -webkit-transition: all 300ms ease-out;
          -moz-transition: all 300ms ease-out;
          transition: all 300ms ease-out;
     }

     .menu .sr-only {
          display: none;
     }

     .menu .icon-bar:nth-child(2) {
          -webkit-transform: rotate(0deg) translate(0, 0);
          -moz-transform: rotate(0deg) translate(0, 0);
          -ms-transform: rotate(0deg) translate(0, 0);
          transform: rotate(0deg) translate(0, 0);
          transform-origin: top left;
     }

     .menu .icon-bar:nth-child(3) {
          margin-top: 6px;
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          transform: scale(1, 1);
          -webkit-transform-origin: center center;
          -moz-transform-origin: center center;
          -ms-transform-origin: center center;
          transform-origin: center center;
     }

     .menu .icon-bar:nth-child(4) {
          margin-top: 6px;
          -webkit-transform: rotate(0deg) translate(0, 0);
          -moz-transform: rotate(0deg) translate(0, 0);
          -ms-transform: rotate(0deg) translate(0, 0);
          transform: rotate(0deg) translate(0, 0);
          transform-origin: top left;
     }

     .xz .icon-bar:nth-child(2) {
          -webkit-transform: rotate(45deg) translate(2px, -3px);
          -moz-transform: rotate(45deg) translate(2px, -3px);
          -ms-transform: rotate(45deg) translate(2px, -3px);
          transform: rotate(45deg) translate(2px, -3px);
          transform-origin: 0 0;
     }

     .xz .icon-bar:nth-child(3) {
          opacity: 0;
     }

     .xz .icon-bar:nth-child(4) {
          -webkit-transform: rotate(-45deg) translate(1px, 2px);
          -moz-transform: rotate(-45deg) translate(1px, 2px);
          -ms-transform: rotate(-45deg) translate(1px, 2px);
          transform: rotate(-45deg) translate(1px, 2px);

     }

     /*手机导航结束*/

     .footer {
          height: auto;
     }

     .footer .bottom-left ul {
          flex-wrap: wrap;
          justify-content: flex-start;
          gap: 10px 30px;
     }

     .footer .bottom-left .icp-info {
          align-items: center;
     }

     .footer .bottom-left .icp-info img {
          margin-left: 30px;
     }

     .index-page2 .content {
          width: 92%;
     }

     .index-page1 .content .top .tit1 {
          font-size: 60px;
     }

     .index-page1 .content .top .tit2 .left {
          font-size: 36px;
          width: auto;
          margin-right: 3%;
     }

     .p-item h1 {
          font-size: 36px;
     }

     .p-item ul li>.item .value {
          font-size: 20px;
     }

     .p-item .btn {
          font-size: 16px;
          padding: 10px 15px;
     }

     .index-page2 .content {
          padding: 30px 0;
     }

     .index-page2 .bg {
          min-height: 1600px;
     }

     .index-page2 .content>.item {
          min-height: 500px;
     }

     .product-list-page {
          background: #000;
     }

     .product-list-page .content>.item {
          padding: 60px  0 60px;
     }

     .accessory-page2 .list>li {}

     .accessory-page2 .list>li .right {
          width: 55%;
     }

     .accessory-detail-page .right .editor {
          max-height: 400px;
          overflow-y: auto;
          padding: 10px 10px 10px 0;
     }

     .accessory-detail-page .right .editor::-webkit-scrollbar {
          width: 6px;
          padding: 10px 0;
     }

     .accessory-detail-page .right .editor::-webkit-scrollbar-thumb {
          background: rgba(0, 0, 0, .2);
          border-radius: 3px;
     }
  










}

/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
     .header .logo img {
          height: 40px;
     }

     .menu {
          display: block;
          margin-left: 15px;
          flex: 1;
     }

     .dialog .form {
          width: 90%;
     }

     .dialog .form .text,
     .dialog .form button {
          width: 80%;
     }

     .header .right {
          display: none;
     }

     .header .menu-left {
          gap: 30px;
          margin-right: 30px;
          flex: 1;
          justify-content: flex-end;
     }

     .header .menu-left .a4 {
          border: 1px solid #fff;
          padding: 6px 20px 5px;
          border-radius: 20px;
          display: flex;
          flex-direction: row;
          align-items: center;
          font-size: 14px;
     }

     .header .menu-left .a4 img {
          width: 20px;
          height: 20px;
          margin-right: 8px;
     }
     .header .menu-left .a4 span{
          white-space: nowrap;
          max-width: 150px;
          overflow: hidden;
          text-overflow: ellipsis;
     }
     .header .menu-left .a5{
          position: relative;
     }
     .header .menu-left a.a5 span {
          position: absolute;
          top: -5px;
          right: -20px;
          /* width: 30px; */
          padding: 0 5px;
          height: 16px;
          line-height: 16px;
          background: #f00;
          border-radius: 20px;
          text-align: center;
          font-size: 10px;
      }






     .header .menu-left .header-icon {
          height: 24px;
		      
     }

     .header .menu-left .a3 {
         border: 1px solid #fff;
    padding: 6px 20px 5px;
    border-radius: 20px;
     }
     .header .menu_down li {
          border-bottom: 1px solid #fff;
     }

     .header .menu_down a {
          border: 0;
          color: #fff;
          font-size: 16px;
          margin: 0 15px;
     }
     .index-page1 .content{
          background: url(../images/index_bg_1.jpg) repeat-y center top;
          background-size: auto 100%;
          position: static;
          transform: none;
          padding: 130px 0 30px;
          height: auto;
     }
     .index-page1 .content .top{
          margin-bottom: 20px;
     }
     .index-page1{
          height: auto;
     
     }
     .index-page1 .bg{
          display: none;
     }
     .index-page1 .content .top .tit1{
          font-size: 40px;
     }
     .index-page1 .content .top .tit2{
          flex-direction: column;
     }
     .index-page1 .content .top .tit2 .left{
          font-size: 28px;
          width: 100%;
          text-align: left;
         margin: 0;
     }
     .index-page1 .content .top .tit2 .right{
          margin-top: 10px;
     }
     .index-page1 .content .bottom{
          flex-direction: column;
     }
     .index-page1 .content .bottom .thum_swiper{
          width: 100%;
		  border-radius:50px;
     }
	 .thum_swiper .swiper-slide{
		 padding:15px 25px;
	 }
     .thum_swiper .swiper-slide+.swiper-slide{
          border-top: none;
     }
     .index-page1 .thum_swiper .swiper-slide{
          width: auto;
     }
     .index-page1 .thum_swiper .swiper-slide p{
          display: inline;
     } 

     .index-page1 .content .bottom .swiper1{
          width: 100%;
          height: auto;
     }
     .index-page1 .content .bottom .swiper1 .swiper-slide{
          flex-direction: column;
     }
     .index-page1 .content .bottom .swiper1 .left{
          width: 100%;
          padding: 20px 0;
     }
     .p-item{
          width: 100%;
          margin-top: 10px;
     }
     .p-item .top{
          padding-bottom: 10px;
     }
     .p-item ul li .item{
          text-align: center;
     }
     .p-item ul li>.item .name{
          margin-bottom: 5px;
     }
     .index-page2 {
          background: url(../images/index_bg_2.jpg) repeat-y center top;
          background-size: auto 100%;
     }
     .index-page2 .bg{
          display: none;
     }
     .index-page2 .content>.item{
          flex-direction: column-reverse;
          margin: 50px 0 30px;
     }
     .index-page2 .content{
          position: static;
          transform: none;
     }
     .index-page2 .content>.item:nth-child(2n+2){
          flex-direction: column-reverse;
     }
     .index-page2 .content .item .left{
          width: 100%;
     }
     .index-page2 .content .item .right{
          width: 100%;
          margin-bottom: 20px;
          text-align: center;
     }
     .index-page2 .content .item .right .p-img{
          width: 90%;

     }
     .index-page2 .content .item .right .hot-icon{
          width: 40px;
     }
     .p-item ul{
          margin: 0 0 20px;
     }
     .p-item h1{
          margin-bottom: 10px;
          font-size: 30px;
     }
     .p-item .btns{
          text-align: center;
          display: flex;
          justify-content: space-around;
     }
     .p-item .btns a{
          width: 40%;
     }
     .p-item .btns a .btn{
          width: 100%;
          white-space: nowrap;
     }
     .index-page3 ul{
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 15px;
     }
     .index-page3 ul li{
          width: 100%;
          margin: 0;
     }
	 .index-page3 .price-w {
		     flex-direction: column-reverse;
			 text-align:left;
	 }
	 .index-page3 ul li .info .name{
		margin-bottom:5px;
	 }
	 .index-page3 ul li .info .price-w .price2{
		 margin-left:0;
		 line-height:1.2;
	 }
     .my-page>.flex-x{
          flex-direction: column;
          gap: 20px;
     }
     .my-page .side-bar{
          width: 100%;
     }    
     .my-page .my-info{
          width: 100%;
          padding: 40px ;
     }
     .my-page .my-info .content{
          margin: 20px 0;
     }
	 	  .my-page .login-page .form{
          width: 100%;
     }
	 .login-page h1{
		 width: auto;
		         font-size: 36px;
	 }
	/*  .login-page h1::after{
		     left: 50%;
    width: 30%;
    transform: translateX(-50%);
	 } */
     .login-page .form{
          width: 80%;
     }


     .product-list-page>.top{
          padding: 30px 0;
     }
     .product-list-page>.top h1{
          font-size: 40px;
     }
     .product-list-page>.top h2{
          font-size: 30px;
     }
     .product-list-page .content>.item{
          flex-direction: column-reverse;
     }
     .product-list-page .content>.item .left{
          width: 100%;
     }
     .product-list-page .content>.item .right{
          width: 100%;
     
          text-align: center;
     }
     .product-list-page .content>.item .right img{
          width: 90%;
     }
     .product-list-page .content>.item:nth-child(2n+2){
          flex-direction: column-reverse;
     }

     .product-detail-page1 .content{
          padding: 30px 0;
		          display: flex;
        flex-direction: column-reverse;
        align-items: center;
		  
     }
	 
     .product-detail-page .content .p-item>.top h1{
          font-size: 30px;
     }
	  .product-detail-page1 .content .product-img{
          position: static;
         width:90%;
     }
     .product-detail-page2 hr{
          width: 100%;
     }
     .product-detail-page2 .info-list{
          width: 100%;
          flex-wrap: wrap;
          height: auto;
          padding: 20px 0;
          gap: 15px 10px;
          line-height: 36px;
          /* overflow-y: auto; */
     }
     .product-detail-page2 .info-list li+li{
          margin-left: 0;
     }
     .product-detail-page2 .info-list li{
          white-space: nowrap;
          border: 1px solid #ccc;
          border-radius: 10px;
     }
     .product-detail-page2 .info-list li.active::before{
          display: none;
     }
     .product-detail-page2 .info-list li.active{
          border-color: #fff;
     }
     .product-detail-page2 .item-list{
		 width:100%;
          padding: 20px 0;
          gap: 20px;
     }
     .product-detail-page2 .item-list li{
          margin: 0;
     }
     .product-detail-page3{
          padding: 30px 0;
     }
     .product-detail-page3 .list{
          margin: 10px 0 20px;
     }
     .product-detail-page5{
          padding: 30px 0;
     }
     .product-detail-page5 .top ul{
          width: 100%;
     }
     .product-detail-page5 .top ul li{
          width: 100%;
     }
     .product-detail-page5 .top ul li .item{
          width: 33.3%;
     }
     .product-detail-page5 .top ul li .item{
          font-size: 20px;
     }
     .product-detail-page5 .editor{
          width: 92%;
          margin: 0 auto;
     }
	 
	 .product-detail-page5 .editor table{
		 width:100%;
	 }
	 
	   .accessory-page1{
          padding: 50px 0 30px;
     }
	 .accessory-page1 input{
		 width:90%;
	 }
     .accessory-page2{
          padding: 20px 0;
     }
     .accessory-page2 .list>li{
          margin: 10px 0;
          padding: 30px ;
          flex-direction: column;
     }
     .accessory-page2 .list>li .left{
          position: static;
          width: 100%;
          
     }
     .accessory-page2 .item{
          gap: 20px 6%;
         
     }
     .accessory-page2 .item li{
          margin: 0;
          width: 47%;
          padding: 0;
     }
     .accessory-page2 .item li a{
          display: inline-block;
          width: 100%;
          height: 100%;
          text-align: center;
          padding:  0 10px;
		  white-space: nowrap;
     }

     .accessory-page2 .list>li .right{
          width: 100%;
     }
     .accessory-list-page2{
          padding: 30px 0;
     }
     .accessory-list-page2 ul{
          gap: 15px;
     }
     .accessory-list-page2 ul li{
          margin: 0;
     }
     .accessory-list-page2 .title{
          text-align: center;
     }
     .accessory-list-page2 ul li a{
          padding: 10px 20px;
     }
	 
	.accessory-detail-page{
          padding: 20px 0;
     }
     .accessory-detail-page .w1520{
          flex-direction: column;
     }
     .accessory-detail-page .left{
          width: 100%;
          margin-bottom: 20px;
     }
     .accessory-detail-page .right{
          width: 100%;
          padding: 30px ;
     }
     .accessory-detail-page .right .top{
          flex-direction: column;
     }
     .accessory-detail-page .right .name{
          width: 100%;
          text-align: left;
          margin-bottom: 10px;
          overflow: hidden;
          word-wrap: break-word;
          font-size: 36px;
     }
     .accessory-detail-page .right .price2{
          font-size: 16px;
     }
     .accessory-detail-page .right .price{
          font-size: 20px;
     }
	.accessory-detail-page .right .btns .add-cart{
		width:160px;
		font-size:16px;
	}
	.accessory-detail-page .right .btns .step{
		padding: 10px 165px 10px 0;
	}
	 
	 
	 
	 

     .index-editor{
          padding: 30px 0;
     }
     .cart-page .cart-list{
          padding: 30px 0 0;
     }
     .product-item .product-item-top{
          flex-direction: column;
     }
     .product-item img{
          width: 90%;
          max-height: 200px;
          margin: 0 auto 20px;
     }
     .product-item .info{
          width: 100%;
     }
     .cart-page .product-item-bottom .btn img{
          margin: 0 6px 0 0;
     }
     .cart-page .product-item-bottom{
          padding: 15px 15px;
     }
     .cart-page .step .num{
          min-width: 50px;
     }

     .price-bar{
          width: 100%;
          margin: 0;
          padding: 20px;
		  margin-bottom:30px;
     }
     .my-order-list{
          margin-left: 0;
     }
     .my-order-list .top{
          flex-direction: column;
     }
     .my-order-list .item{
          padding: 0 20px;
     }

     .my-order-list .item .bottom{
          flex-wrap: wrap;
     }
     .my-order-list .item .total-price{
          width: 100%;
          text-align: right;
          margin-bottom: 10px;
     }

     .pay-page .flex-x{
          flex-direction: column;
     }
     .pay-page-list .top{
          flex-direction: column;
     }
     .pay-form .pay-form-checkbox{
          flex-wrap: wrap;
          justify-content: center;
     }

	














     .footer{
          padding: 20px 0 10px;
     }
     .footer .bottom-left ul {
          padding: 20px 0;
          gap: 10px 0;
     }
     .footer .bottom-left ul li{
          width: 50%;
          text-align: center;
     }
     .footer .bottom-left ul li a{
          font-size: 16px;
     }
     .footer .bottom-left .icp-info{
          line-height: 1.2;
     }
     .footer .bottom-right{
          display: none;
     }


}