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

        @media screen and (min-width:321px) and (max-width:400px) {
             .catego_left li{font-size: 12px !important;}
        }

        @media screen and (min-width:400px) {
           
        }
          @media screen and (max-width:700px) {
             #categories_all{width: 100%;display: inline-block;height: auto;}
        }
        @media screen and (min-width:750px) {
            #categories_all{width: 100%;height: auto;display: inline-block;    margin: 0 auto;width: 750px !important;position: absolute;top: 0;left: 50%;margin-left: -375px;}
            .header_title{font-size: 32px !important;}
            .one_nav p,.search_bar p{font-size: 24px !important;}
            .catego_left li{font-size: 26px !important;}
        }
        ::-webkit-scrollbar{display: none;}
		html,
		body {
		   background-color: #FFF;
		   width: 100%;
		   height: auto;
		   font-size: 12px;
		   overflow-x: hidden;
		   overflow-y: visible;
		   box-sizing: border-box;
		}
		header{width: 100%;height: 0.8rem;background-color: rgb(2,1,1);line-height: 0.8rem;overflow: hidden;position: relative;}
		.header_left{width: 0.24rem;height: 0.46rem;position: absolute;left: 0.3rem;top: 0.17rem;}
		.header_title{text-align: center;width: 100%;height: 100%;line-height: 0.8rem;font-size: 16px;color: #FFF;}

		.search_all{width: 100%;height: 1.02rem;background-color: rgb(239,239,244);overflow: hidden;}
		.search_bar{width: 6.9rem;height: 0.62rem;border-radius: 5px;box-shadow: 0 0 1px #FFF;margin-top: 0.2rem;margin-left: 0.3rem;z-index: 9;background-color: #FFF;}
         .search_bar img{width: 0.34rem;height: 0.31rem;margin: 0.14rem;    float: left;}
         .search_bar p{border: none;outline: none;height: 100%;line-height: 0.62rem;width: 5.66rem;font-size: 12px;color: #91918f;float: left;}
         ::-webkit-input-placeholder{color: #91918f;}

         .all_catego{width: 100%;height: auto;overflow: hidden;position: relative;}
         .catego_left{width: 1.46rem;height: auto;display: inline-block;float: left;border-right: 1px solid rgb(239,239,244);min-height: calc(100vh - 1.86rem);box-sizing: border-box;    overflow: scroll;}
         .catego_left li{height: 0.66rem;line-height: 0.66rem;color: #020101;font-size: 13px;text-align: center;    -webkit-display: flex;
                            display: flex;justify-content: center;align-items: center;}
         .catego_chose{color: #FFF !important;background-color: rgb(185,24,24) !important;}
         .catego_right{overflow: scroll;left: 1.46rem;position: absolute;right: 0;top: 0;bottom: 0;height: auto;display: inline-block;}
         .catego_navs{height: auto;display: inline-block;margin-top: 0.68rem;padding: 0 0.3rem;}
         .one_nav{width: 0.98rem;height: auto;display: inline-block;float: left;    margin: 0 0 0.68rem 0.62rem;}
         .one_nav img{width: 100%;height: 0.98rem;margin-bottom: 0.14rem;/*box-shadow: 0 0 5px rgb(239,239,244);*/  box-shadow: 0 0 0px 2px rgba(230,230,230,1); border-radius: 50%;}
         .one_nav p{width: 100%;text-align: center;font-size: 12px;color: #020101;}
         [v-cloak] {
            display: none !important;
        }