/**css by Magic.C QQ81594559 2019.3**/



@media only screen and (min-width: 1000px) and (max-width:1200px) {

}

@media only screen and (min-width:768px) and (max-width:999px) {

}

/*========针对所有大屏*/
@media only screen and (min-width: 768px) {
	
}

/*========针对所有小屏*/
@media only screen and (max-width: 767px) {
    body{flex-wrap:wrap;}
    .logo{text-align: center;min-width:100%;margin-top: 5px;}
    .wrap-left{width:100%;min-width:100%;height:auto;padding-left:0;padding-right:0;}
    .wrap-right{width:100%;min-width:100%;height:auto;padding:20px 5px;}
    .detail .colors .item{display: block;margin-left:auto !important;margin-right:auto;width:100px;}
    .detail .colors .item p{margin-top: 5px;}
    .ad-box{height:120px;}
    .detail .back{display: none;}
    .detail .colors{margin-top: 0;}
    .detail .colors i{height:100px;width:100px;}

    #jianbiannav{padding-left: 0px;padding-right: 0px;overflow-x: scroll}
    #jianbiannav .subnav{padding:0;width:600px;}
    #jianbiannav .subnav li{margin-right: 0;}
    #jianbiannav .subnav a{font-size: 12px;}
    .top-bar{padding-left: 0;padding-right: 0;}
    #topnav{display: block;width: 100%;}
    #topnav .nav-bar{min-width: 100%;margin-left: 0;justify-content: space-around;}
    #topnav .nav-bar li{margin-left: 0;}
    #topnav .nav-bar a{font-size: 12px;height:40px;line-height: 40px;}
}


/*====PC端=====*/
/*1600 1680 1920*/
@media only screen and (min-width: 1601px) {

	
}
/*1600*/
@media only screen and (min-width: 1441px) and (max-width:1600px) {
    .wrap-right{padding:20px;}
    .colors-list .item{height:250px;padding-top:90px;}
    .colors-list .item i{height:70px;width:70px;}
    .nav-bar a{font-size: 15px;}
}

/*1366 1440*/
@media only screen and (min-width: 1281px) and (max-width:1440px) {
    .wrap-right{padding:20px;}
    .wrap-left{width:280px;min-width:220px;max-width:300px;}
    .colors-list .item{height:240px;padding-top:90px;}
    .colors-list .item i{height:60px;width:60px;}
    .nav-bar a{font-size: 14px;}
    .nav-bar li{margin-left:25px;}
}

/*1280*/
@media only screen and (min-width: 1153px) and (max-width:1280px) {
    .wrap-right{padding:20px;}
    .wrap-left{width:280px;min-width:220px;max-width:300px;}
    .colors-list .item{height:240px;padding-top:90px;}
    .colors-list .item i{height:60px;width:60px;}
    .nav-bar a{font-size: 13px;}
    .nav-bar li{margin-left:20px;}
}

/*800 1024 1152*/
@media only screen and (min-width: 768px) and (max-width:1152px) {
    .wrap-right{padding:20px;}
    .wrap-left{width:280px;min-width:220px;max-width:300px;}
    .colors-list .item{height:240px;padding-top:90px;}
    .colors-list .item i{height:60px;width:60px;}
    .nav-bar a{font-size: 12px;}
    .nav-bar li{margin-left:15px;}

}


/*====移动端====*/
/*540 640 720 768*/
@media only screen and (min-width: 481px) and (max-width:767px) {
	
}

/*328 360 371 375 393 414 432 480*/
@media only screen and (min-width: 321px) and (max-width:480px) {
	
}

/*240 320*/
@media only screen and (max-width: 320px) {
	
}