div.linemd {
width: 99%;
margin: 0 1%;
max-width: 1280px;
float: left;
overflow: hidden;
display: block;
padding-bottom: 50px;
min-height: 600px;
position: relative;
}

/*
div.goods
{
display: block;
width: 100%;
margin: 20px 0;
line-height: 21px;
}
div.sub
{
display: block;
width: 100%;
margin: 10px 0;
}
*/
/*
div.goods>span,div.goods>div>span  {color:#b7b7b7;}
a.first, span.first
{
font-size:20px;line-height:50px;font-weight:bold;
}
a.third, a.fourth, span.third
{
color:#003a54;}
a.third::after, a.fourth::after, span.third::after
{content:",";}
div.sub::after{content:"...";}
*/

div.first{display:block;font-size: 25px;
font-weight: bold;
padding-top: 20px;
line-height: 33px;}

div.second, div.third, div.fourth, div.fifth
{
display:inline-block; padding-right:15px;line-height:20px;
}

/* 
div.first>a, div.second>a, div.third>a, div.fourth>a, div.fifth>a
{color:rgb(0,70,128);}
 */

div.second{font-size: 16px;}
div.third{font-weight:bold;}
div.inactive{color:#ccc;}
div.subcat_hid
{
display: block;
/* 
height: 75px;
width: 50%;
overflow: hidden;
 */
padding-left: 2px;
}
div.hidden
{
visibility: hidden;
height: 0;
}
div.show
{
visibility: visible;
height: auto;
}
a.ahid
{
color:#ccc;
}
/*v2*/

div.catcolumn {
display: inline-block;
float: left;
width: 24%;
height: 310px;
position:relative;
margin-right: 1%;
margin-bottom: 1%;
color: #5599FF;
box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
}
div.catline {
padding: 5px 20px;
}
div.cathead{height: 57px;
background-color: #5599FF;
color:#FFF;
display: inline-block;
width: 100%;
text-align: center;
position:relative;
margin-bottom: 10px;font-weight: bold;
}
div.center
{
width: 100%;
height: 50%;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;}
div.center>a{color:#fff;}
div.catcolumn:hover {box-shadow:0px 0px 30px #CCCCCC,inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;}
div.more{visibility:hidden;height: 0;}
div.catcolumn:hover 
div.more{
display: block;
height: 30px;
font-size: 10px;
background-color: #f7f7f7;
color: #FFF;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 30px;
visibility:visible;}
div.catcolumn:hover div.more>a{color:#aaa;}
div.center>a:hover, div.catcolumn:hover div.more>a:hover{color:#fb5;transition: color 0.5s;}

/***region_list**/

div.bold {font-weight:bold;}
div.block{display:block;}
div.all{margin: 20px 0;}
div.s_city {
display: inline-block;
width:24%;
position: relative;
line-height: 30px;
margin-bottom: 20px;
}
div.city_search 
{
display: block;
position: absolute;
width:308px;
z-index: 999;
background-color: #FFF;
box-shadow: 0px 15px 15px #d8d8d8, inset 0 1px 0 0 #f6f6f6, inset 0 -1px 0 0 #f6f6f6, inset -1px 0 0 0 #f6f6f6, inset 1px 0 0 0 #f6f6f6;
}
div.city_search>div {
border-bottom: 1px solid #f6f6f6;
color: #5599FF;
cursor: pointer;
padding-left: 20px;
}
div.city_search>div:hover{background-color:#f6f6f6;}
input.inp{height: 30px;
border:0;
box-shadow:inset 0 1px 0 0 #f6f6f6, inset 0 -1px 0 0 #f6f6f6, inset -1px 0 0 0 #f6f6f6, inset 1px 0 0 0 #f6f6f6;
/* 
border: solid 1px #f6f6f6;
 */
font-size: 13px;
width: 100%;
text-align: center;
color: #5599FF;padding:0;}
/* 
input.inp:focus{
/* box-shadow: 0px 15px 15px #d8d8d8; *//*
border-color:#59F; border-radius:1px;transition:0.5s;}
 */
#city_div{width:100%;}
input.inp:focus {
    /* box-shadow: 0px 15px 15px #d8d8d8; */
    border:0;
	box-shadow: inset 0 1px 0 0 #59F, inset 0 -1px 0 0 #59F, inset -1px 0 0 0 #59F, inset 1px 0 0 0 #59F;
    border-radius: 3px;
    transition: 0.5s;
    }
    
/***echo region*/
div.in_region,div.in_region_some{display:inline-block;}
div.in_region{box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;}
div.companies_inr h2 {margin-left:1%;margin-top:0;}
/* 
div.in_region{width:30%;}
 */
div.in_region{width:100%;}
div.in_region_some{width:70%; margin-left:auto;}
div.contain{display:flex;width:100%;}
div.in_region>ul{padding: 0 20px;
font-size: 15px;
line-height: 20px;}
div.in_region>ul>li{list-style-type: none;}

div.str {
padding-top: 20px;width: 99%;
margin-left: 1%;
display: block;
min-height: 130px;
position: relative;
box-shadow: inset 0 -1px 0 0 #ececec;
}
div.str:hover{box-shadow: 0 0 30px #CCCCCC, inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;}
div.cph {
width: 10%;
box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
display: inline-block;
padding: 5px;
margin-left: 20px;
text-align: center;
}
div.cph>a>img {
width: 100%;
}
div.company_info {
width: 100%;
display: inline-block;
position: absolute;
padding-left: 20px;
}
div.comp {
display: inline-block;
width: 70%;
font-size: 17px;
text-overflow: ellipsis;
padding-bottom: 10px;
}
div.comp>a {
color: #019642;
font-weight: bold;
}
div.comp>a:hover{color:#fb5;transition: color 0.5s;}
div.phis {
width: 100%;
}
div.companies_inr{display: inline-block;
/* 
padding: 0 20px;
 */
margin-bottom: 20px;
width:100%;


/* width: 95%; */
}
div.companies_inr>h2{color:#59f;}
/*
div.material_str {
position: relative;
text-align: left;
vertical-align: top;
display: inline-block;
box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration: none;
float: left;width: 99.5%;
margin-left: 3px;
margin-bottom: 6px;
height:215px;
}
div.img_inner_mimg_str {
position: relative;
border-radius: 3px;
border: 2px solid white;
box-shadow: 0px 0px 10px #cacaca;
overflow: hidden;
width: 170px;
height: 170px;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 20px;
display: inline-block;
float: left;}
img.mimg:hover {
-webkit-filter: brightness(105%);
-webkit-filter: contrast(115%);
transition: 0.3s;
transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
}

img.mimg {
width: 100%;
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
div.m_str {display:flex;height:100%;opacity:1;}
div.material_str:hover {box-shadow: 0px 0px 30px #CCCCCC;}
div.about_str {
display: inline-block;
/* width: 70%; *//*
width: 75%;
padding-right: 20px;
}
div.name_str {
display: inline-block;
margin-left: 20px;
margin-top: 22px;
}
div.name_str > a:hover, div.companies_str>a:hover {color: #fb5;transition:0.5s;}
div.name_str>a {
font-size: 17px;line-height:20px;
}
div.price_str {
margin: 20px;
display: inline-block;
width: 100%;
font-weight: bolder;
font-size: 17px;}
div.dsc {
display: inline-block;
width: 90%;
margin-left: 20px;
max-height: 50px;
overflow-y: auto;
overflow-x: hidden;
}
div.dsc::-webkit-scrollbar {
width: 5px;
}
div.dsc::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px #ccc;
}
div.dsc::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #eee;
}

div.companies_str {
font-size: 12px;
color: #019642;
overflow: hidden;
text-overflow: ellipsis;
width: 25%;
margin-top: 20px;
/* margin-left: auto; *//*
margin-right: 20px;
/* width: 20%; *//*
}

div.companies_str>a {
font-weight: bold;
color: #019642;
width: 100%;
float: left;
}
div.contact_str {
display:block;
color:#019642;
margin-top:25px;
margin-bottom:3px;
line-height:17px;
}
div.contact_str > a{color: #a5a5a5;}
div.contact_str > a:hover {
color: #fb5;
text-decoration: none;
border-bottom: 1px dashed;
cursor: pointer;
}
div.buy_str {
width: 90%;
margin-top: 50px;text-align: center;
display: block;
}
div.buy_str>a {
color: #59f;
line-height: 13px;
font-size: 15px;
}
a.md_buy_link:hover {
background-color: #5599FF;
color: #FFF;
text-decoration: none;
transition: background-color 0.5s linear 0s;
cursor: pointer;
}
a.md_buy_link {
display: block;padding: 7px;
border: 2px solid #5599FF;
color: #5599FF;
border-radius: 5px;
}*/
li.all_regions{margin-top:20px;font-weight:bold;}
div.bottom{position: absolute;
bottom: 20px;
width:20%;
min-width:130px;
display: block;
/* right: 5px;*/
}
li.bold{font-weight:bold;}

div.site_warning, div.site_note{display:inline-block;margin-bottom:20px;width:99%;}

div.side_contain{width:30%;display:flex;flex-direction:column;}

div.space{width:100%;height:auto;flex-grow:3;position:relative;}
div.space>div{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;}
h2{display: inline-block;
width: 100%;
color: #59f;}

div.catcolumn div[id^="marketWidget"] {padding:2%;}
div.catcolumn:hover div[id^="marketWidget"] {
position: absolute;
top: 0;
right: 0;
z-index: 999;
width: auto;
height: auto;
padding: 2%;
background: #fff;
box-shadow: 0px 0px 15px #ccc, inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
margin: 0;
overflow: visible;
max-height: unset;
}

@media screen and (max-width: 600px)
{
div.linemd{width:98%;}
div.choose_city_inner>div.s_city>div.city_search_main_domain{width: 285px;left: 8px;}
div.catcolumn,div.s_city{width:100%;}
div.s_city>#inp_city{width:100%;padding:0;}
/*region_list.php**/
div.line>div.s_city>#city_div{width:100%;left:0;}
/* 
div.line>div.s_city>#city_div{width:93.5%;left:0;}
 */
div.contain {display:block;}
div.in_region_some,div.in_region {width: 100%;}
div.in_region{margin-bottom:10px;padding-bottom:20px;}
div.companies_inr{margin-bottom:0;}
/*
div.material_str{text-align:center;width:100%;margin-left:0;min-height:530px;}
div.img_inner_mimg_str{height:250px;width:80%;margin-left:10%;margin-bottom:0;margin-top:10%;}
div.m_str {display: inline-block;}
div.name_str{margin-top:20px;max-height:60px;overflow:hidden;text-overflow: ellipsis;margin-left:0;}
div.name_str>a{font-size:15px}
*/
div.dsc{visibility:hidden;height:0;display:block;}
div.about_str{width:90%;}
/*
div.companies_str{width:100%;margin-top:0;margin-left:0;margin-right:0px;}
div.price_str{margin:10px 0 0 0;}
div.bottom{bottom:20px;right:0;width:100%;}
div.buy_str{width:70%;margin-top:0px;margin-left:15%;}
*/
div.cph{width:20%;}
div.company_info {width: 65%;padding-left:0;margin-left: 20px;}
div.comp{font-size:14px;}
div.str{min-height:170px;}
div.phis{width:95%;}
div.site_warning,div.site_note{width:90%;}
div.space{display:none;}
div.side_contain{width:100%;}
div.material_str{width:49%;height:570px;margin-left:0;margin-right:1%;}
div.companies_inr{width:101%;}
div.img_inner_mimg_str {
width: 220px;
height: 220px;
margin: 10% auto;display: block;float:unset;
max-width:80%;}
div.m_str{display:flex;flex-direction:column;height:292px;padding:0;}
div.name_str {
white-space: normal;
text-align: center;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
height: 53px;
width: 92%;
margin:0 4%;
line-height: 18px;
}
div.name_str >a{font-size:17px;}
div.price_str {padding:2% 5%;
width: 90%;
margin: 0;
text-align: center;}
div.companies_str>a {
-webkit-line-clamp:2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 20px;
width: 80%;
margin: 0 10%;
}
div.companies_str {
width: 100%;
height: unset;
margin: 0;
padding: 0;
text-align: center;
line-height: 20px;
font-size:13px;
flex-grow: 3;
position: relative;
}
div.about_str{width:100%;padding-right:unset;}

div.contact_str
{
position:absolute;
width: 80%;
padding: 0;
text-align: center;
margin: 0 10% 10px 10%;
text-align: center;
bottom: 90px;
}
div.buy_str {
padding: 0 0 20px 0;
position:absolute;
width: 70%;
margin-left: 15%;
}
div.note_str {
position: absolute;
left: 0;
bottom: 0;
width: 90%;
padding: 0;
margin: 0 5% 20px 5%;}
div.str{margin-left:0;width:99%;}
div.ads{height:auto;}
div.ads div.in_goods{height:max-content;margin:0;width:100%;}
div.ads:hover div[id^="marketWidget"]{position:relative;}
}

@media (max-width: 1100px) and (min-width: 800px)
{
div.linemd{width:100%;}
div.catcolumn,div.s_city{width:32%;}
div.material_str {width: 99%;margin-left: 1%;}
}

@media (max-width:800px) and (min-width: 470px)
{
div.in_region>ul>li {  float:left;width: 50%;}
div.in_region>ul>li:nth-child(2n+1) {clear:both;}
div.in_region>ul>li.all_regions{width:100%;}
div.str{margin-left:0;width:100%;}

}

@media (max-width:900px) and (min-width: 600px) {div.site_warning,div.site_note{width:88%;}}

@media (max-width: 800px) and (min-width: 600px)
{
div.catcolumn,div.s_city{width:49%;}


#city_div{max-height:165px;overflow-y:scroll;}
div.line>div.s_city>#inp_city{width: 49%;padding:0;}
div.line>div.s_city>#city_div{width: 49%;}

div.contain {width: 100%;display:block;}
div.in_region_some,div.in_region {width: 100%;}
div.in_region{padding-bottom: 20px;margin-bottom: 7px;}
/* 
div.in_region>ul>li {  float:left;width: 50%;}
div.in_region>ul>li:nth-child(2n+1) {clear:both;}
div.in_region>ul>li.all_regions{width:100%;}
 */
div.companies_inr div.price_str {margin:10px 0px;}
div.price_str {margin:0;}

div.cph {width: 15%;}
div.bottom{right:inherit;width:25%;min-width:50px;}
div.buy_str {width: 70%;}
div.about_str{width:70%;padding-right: 20px;}
div.companies_str{width:30%;}
div.space{display:none;}
div.side_contain{width:100%;}
div.name_str{height:unset;}
div.name_str>a{font-size:15px;
-webkit-line-clamp:2;
display: -webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
line-height:17px;}
}
@media (max-width: 400px)
{
div.catcolumn{height:320px;}
}
@media (max-width: 300px)

{div.s_city{width:97%;}
div.line>div.s_city>#city_div{width: 97.3%;}
}

@media (max-width: 470px)
{
div.material_str {width:99%;height:620px;margin-left:0;}
div.img_inner_mimg_str {width:250px;height:250px;}
}