@charset "utf-8";

input,select{ outline: none;}
input[type="text"],input[type="url"],input[type="submit"],input[type="button"],input[type="email"],input[type="date"],input[type="time"],input[type="tel"],input[type="password"]{ background-color:transparent; -webkit-appearance:none;}
input::-webkit-calendar-picker-indicator{ opacity:0;}/* 下拉小箭头 */
input[type="text"]:-webkit-autofill,input[type="password"]:-webkit-autofill{ box-shadow: 0 0 0px 1000px white inset;}
select{ background-color:transparent; -webkit-appearance:none;}
textarea{ -webkit-appearance:none;}
div,ul{ overflow:hidden;}
table{ border-collapse:collapse;}
a{ color:#333333;  cursor:pointer; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:hover{ text-decoration:none; color:#C62E02;}
button,input,select,textarea{ font-size:100%; margin:0; padding:0; outline:0; }
select::-ms-expand{ display:none;}
textarea,input{ resize:none; outline:0; }
textarea{ resize:none; -webkit-appearance:none; }
ul li{ list-style:none;}
input::-webkit-input-placeholder{ color:#cccccc;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */  color:#cccccc;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#cccccc;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#cccccc;}
input[type="button"],input[type="submit"],button{ cursor:pointer;}

body{ background:#ffffff; font-family: "微软雅黑", Arial, sans-serif; /* 设置全局字体 */}

input{ border:1px solid #dbdbdb;}
input[type="date"]{ background:url(https://img.gzjimg.com/www/images/steelhome.com/rili.jpg) no-repeat 94% center;}
input[type="submit"].white{ background:#ffffff;}
input.white:hover{ box-shadow:0 0 4px rgba(0,0,0,0.2);}
input.white:active{background:#f7f7f7;}
input[type="button"]:active{ background:#dddddd;}
select{ border:1px solid #dbdbdb; background:#ffffff url(https://img.gzjimg.com/www/images/steelhome.com/icon_select.jpg) no-repeat 94% center;}


/* 横向滚动条样式 */
.futures_overflow::-webkit-scrollbar,.price_list::-webkit-scrollbar {width: 5px;height: 8px; border-radius:8px;}
.futures_overflow::-webkit-scrollbar-thumb,.price_list::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 5px rgba(255,100,0,0.2);background: rgba(255,100,0,0.4);}
.futures_overflow::-webkit-scrollbar-track,.price_list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 8px;background: rgba(0,0,0,0.1);}

.navtree::-webkit-scrollbar,.price_list::-webkit-scrollbar {width: 5px;height: 8px; border-radius:8px;}
.navtree::-webkit-scrollbar-thumb,.price_list::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);background: rgba(0,0,0,0.5);}
.navtree::-webkit-scrollbar-track,.price_list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 8px;background: rgba(0,0,0,0.1);}

*{ margin:0; padding:0; outline:none; color:#333333; font-size:14px; font-family: "微软雅黑", Arial, sans-serif; /* 设置全局字体 */ word-break:break-all;/* 英文超宽度折行 */}
*:not(input,textarea){ -webkit-touch-callout:inherit;-webkit-user-select:auto;}
span#d1{ cursor:pointer;}
.kong{ width:100%; height:14px;}
.left{ float:left;}
.right{ float:right;}
span.red{color:#cc0000;}

.content_right{ height:100%;}
.content_right *{ font-size:12px;}
.content_right h2 *,.content_right h3 *{ font-size:14px;}

.col10,.col8,.col5,.col4_5,.col4_8,.col2_3,.col2,.col7_3,.col7,.col5_5,.col5_7,.col3_7,.col3_2,.col3,.col6_8,.col6_5,.col2_9,.col2_5,.col1_7,.col1_2,.col1,.col0_9{ float:left; display:inline;}
.col10{ width:100%;}
.col8{ width:80%;}
.col7_3{ width:72%;margin-right:1%;border: #cccccc 1px solid;margin-bottom: 2px;}
.col7{ width:70%; margin-right:1%;}
.col2_9{ width:29%;}
.col2_5{ width:25%;}
.col2_3{ width:23%;}
.col5_5 { width:55%; margin-right:1%;}
.col5_5 div,ul{ overflow: visible}
.col5_7{ width:57%; margin-right:1%}
.col5{ width:50%;}
.col4_5{ width:45%; margin-right:10%}
.col4_8{ width:48%; margin-right:4%;}
.col4_8:nth-child(2n){  margin-right:0;}
.col2{ width:20%;}
.col3_2{ width: 32%; margin-right: 2%; margin-bottom: 2px; border: #cccccc 1px solid;box-sizing:border-box;}
.col3_7{ width:37%; margin-right:1%}
.col3{ width:32.33%; margin-right:1%}
.col2_6{ width:26%; border: #cccccc 1px solid; box-sizing: border-box;}
.col1_7{ width:17%; margin-right:1%}
.col1_5{ width:15%;}
.col1_2{ width:12%;}
.col1{ width:10%;}
.col0_9{ width:9%;}
.col6_8{ width:68%;}
.col6_5{ width:65%;}
.jiezi,.hw_jiezi{ display:block; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; width:81%; float:left;}
.hot_jiezi{ display:block; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.jiezi_jiage{ display:block; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.mj_jiezi{ display:block; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.right_tree .jiezi{ width:94%;}
.space_between{ display:flex; justify-content:space-between;overflow: visible;}
.col5.listselect{overflow:visible;}
.col5.listselect div{overflow:visible; }
.col5 a h2{border: 1px solid #cccccc;margin-top: 5px;border-bottom: none;}
@media screen and (max-width: 1400px) {
    .hot_jiezi { width: 240px;}
    a.hot_jiezi { font-size: 12px;}
}

@media screen and (min-width: 1401px) {
    .hot_jiezi { width: 310px;}
}

.col7_3{ width:calc(72% + 8px);}
.col2_6_zyjxs{height:385px;}
.col2_6_zyjxs2{height:385px;}  
ul.tab_conbox_center{padding: 0;}
.tab_conbox_padding8{padding-left: 8px;}
@media screen and (max-width:1400px){
    .col7_3{ width:calc(72% + 2px);}
    .col2_6_zyjxs{height:347px;} 
    .col2_6_zyjxs2{height:348px;} 
}


/* 1.19 */
.dl_name{ display:flex; justify-content:center;}
.dl_left{ position:absolute; z-index:1; left:50%;width:135px; background:#ffffff;}
.dl_right{ position:absolute; z-index:1; right:50%;width:135px; background:#ffffff;}
.dl_right img{ float:right;}


@media screen and (max-width: 1400px) {
    .dl_left { margin-left:-655px;}
    .dl_right { margin-right:-655px;}
}

@media screen and (min-width: 1401px) {
    .dl_left { margin-left:-735px;}
    .dl_right { margin-right:-735px;}
}

@media screen and (max-width:1000px){
    .dl_left { margin-left:-480px;}
    .dl_right { margin-right:-824px;}
}

.content{ background:#ffffff; }

.show-border{ border:1px solid #cccccc;box-sizing: border-box;}
/* 1.19 */
.no-border{ border:none;}
.no-bottom{ border-bottom:none;}

.margin_right_none{ margin-right:0;}

.white_bgcolor{ background:#ffffff;position: relative;}
.head_login_over{overflow: visible}
.head_login_over *{overflow: visible}
.login_main ul{overflow: hidden;}
.red_bgcolor{ background:#ffffff;/*width: 1200px;margin: 0 auto;*/}
.gray_bgcolor{ background:#f7f7f7;}
.black_bgcolor{ background:#181818;}

.red{ color:#ff0000;}
.blue{ color:#0066cc;}
.gray{ color:#333333;}
.green{ color:#009900;}
.orange{ color:#ff6600;}
.frist-color{color:#f63051;}
.second-color{color:#ff6600;}
.third-color{color:#faa90e;}

h1{ position:relative; z-index:2; overflow:hidden;}
h1:after{ position:absolute; display:block; content:""; left:0; bottom:0; width:100%; height:1px; background:#C62E02; z-index:1;}
h1 a{ display:block; float:left; font-weight:normal; padding:0 4%;}
h1 a:first-child{ margin-left:10%;}
h1 a.btnon{ position:relative; background:#f7f7f7; border:1px solid #C62E02; border-top:2px solid #C62E02; border-bottom:0; color:#C62E02; font-weight:bold;}
h1 a.btnon:after{ position:absolute; display:block; content:""; left:0; bottom:0; width:100%; height:1px; background:#f7f7f7; z-index:2;}

h2{ position:relative; background: #f7f7f7;}
h2:after{ position:absolute; display:block; content:""; left:0; bottom:0; width:100%; height:1px; background:#cccccc; z-index:1;}
h2 span{ height:100%; border-bottom:1px solid #C62E02; display:block; float:left; margin-top:-1px; position:absolute; z-index:2; padding:0 10px; margin-left:10px;  font-weight: 600;}
h2 div{  float:right; }
h2 span.right{ float:right; position:relative; color:#666666; font-weight:normal; border-bottom:none; font-size:12px;}
h2 a{ float:left; display:block; font-weight:normal;}
h2.btn-box a{padding: 0 30px;}
h2 li a{ width:100%;}
h2 a.btnon{ color:#C62E02; font-weight:bold; border-bottom:1px solid #C62E02; margin-top:-1px; position:relative; z-index:2; margin-right:0;background: #ffffff;}
h2 a.more{ float:right; font-weight:normal; margin-right:10px; width:auto;}
h2 a.download{ font-family:SimHei; color:#008CF0; font-size:14px;  margin-left:120px; width:200px; /*background:url(../img/download.png) no-repeat 0 center;*/ padding-left:20px;}

.title_zhu{ position:absolute; top:0; left:120px; font-weight:normal; color:#cccccc;}

h3{ padding:0 10px;}
h3 span:first-child{ float:left; font-size:14px; color:#333333;}
h3 span:last-child{ float:right; font-weight:normal; color:#cccccc;}
h3 span a:first-child{ color:#333333; }
h3 span a:last-child{ color:#333333; }
.right_tree h3 span a{ display:inline;}
.left_tree h3 span a{ display:inline;}
.left_tree h2, .right_tree h2{border: 1px solid #cccccc;border-bottom: none;}
.left_tree dl, .right_tree dl{border: 1px solid #cccccc;}


h4.menu-btn{ font-weight:normal; overflow:hidden; width:100%; margin:6px 0 0 0;background: #f7f7f7;}
h4.menu-btn a{ display:block; border-radius:4px; color:#666666; text-align:center;line-height: 20px;}
h4.menu-btn a.btnon{ background:#ffffff; color:#C62E02;line-height: 20px;}

h4.menu-btn_jf{ display:flex; justify-content:space-between;}
h4.menu-btn_jf a{ display:table; line-height:22px; padding:0 10px;}

h4.bgcolor_gray{ background:#f7f7f7; margin:0; padding:10px 0 6px;}
h4.bgcolor_gray a:first-child{margin-left:16%;}

@media screen and (max-width:1400px){
h3 span:first-child{ font-size:13px;}
}
@media screen and (min-width:1401px){
h3 span:first-child{ font-size:15px;}
}

h5{ text-align:center;}

h6{ background:#eeeeee; /*url(../img/icon_h6.png) no-repeat 10px center;*/ text-indent:26px;}

h2 ul.tabs li a{ width:100%;}
h2 ul.tabs li.thistab{ margin:0;}

ul.tabs{ overflow:hidden;background: #f7f7f7;}
ul.tabs li{ float:left;  cursor:pointer;}
ul.tabs li.thistab{ color: #C62E02;}
ul.tabs li.thistab a{ color: #C62E02; background: #ffffff; font-weight:bold; text-align:center;}
ul.tabs li a{ display:block; padding:0 3px;}

ul.tab_conbox{ overflow:hidden; padding-left:8px;}
ul.tab_conbox.right_list#tab_conbox3 {
    overflow: hidden; /* 如果需要保持一致 */
    padding-left: 0px; /* 覆盖原来的 padding-left: 8px; */
}
dd.more{
    text-align: right;
    a{
        margin-right: 5px;
    }
}
div.hot_news ul.tab_conbox li.tab_con div a::before{
    content: '●';
    margin-right: 5px; /* 可根据需要调整间距 */
    color: #008CF0;
}
ul.tab_conbox li.tab_con div a::before{
    content: '·';
    margin-right: 5px; /* 可根据需要调整间距 */
}
/* 排除 div.login_main 下的 ul.tab_conbox 样式 */
div.login_main ul.tab_conbox li.tab_con div a::before {
    content: none;
}

ul.newslist,dl.newslist{ margin-top:5px; padding-left:8px; overflow:hidden;border: 1px solid #cccccc;}
.content_right ul.newslist{ padding: 0 6px;}
@media screen and (max-width:1400px){
.content_right ul.newslist{ line-height:24px;}
}
@media screen and (min-width:1401px){
.content_right ul.newslist{ line-height:26px;}
}
dl.newslist a{ float:left;}
dl.newslist span{ float:right;}
dl.newslist dd.more a{ color:#ff6600;}
ul.newslist li.more a{ color:#ff6600;}

ul.tab_conbox div span{ float:right;margin-right: 8px;}

.top,.content,.foot_search,.links{ margin:0 auto; position:relative;}

@media screen and (max-width:1400px){
*{ font-size:12px;}
h2 span{  font-size:14px;}
.content{ width:1040px;}

h1{ line-height:40px;}
h2{ height:40px; line-height:40px;}
h3{ height:40px; line-height:40px;}
h5{ height:40px; line-height:40px;}
h6{ line-height:30px; line-height:30px;}
h2 ul.tabs li a{ line-height: 39px;}

ul.tabs{ /* height:36px; line-height:36px;  margin-top:5px;*/ margin:1px 0;}
ul.tab_conbox div{ line-height:28px;}
}

@media screen and (min-width:1401px){
*{ font-size:14px;}
h2 span{  font-size:15px;}
.content{ width:1200px;}

h1{ line-height:44px;}
h2{ height:44px; line-height:44px;overflow: hidden;}
h3{ height:44px; line-height:44px;}
h5{ height:44px; line-height:44px;}
h6{ line-height:32px; line-height:32px;}
h2 ul.tabs li a{ line-height: 43px;}
ul.tabs{ height:30px; line-height:30px; margin-top:1px;}
div.hot_news  ul.tabs{ height:45px; line-height:45px; margin-top:1px;}
ul.tab_conbox div{ line-height:31px;}
}

/* ad3 start */
.ad3{ margin:14px auto; text-align-last: justify; display:flex;}
.ad3 a{ display: block; float:left; margin-right:6px;}
.ad3 a:last-child{ margin-right:0;}
.ad3 a img{ width:100%;}
.ad3 iframe{width: 396px;height: 62px;float: left;}


@media screen and (max-width:1400px){
    .ad3 iframe{width: 332px;height: 55px;margin-left: 4px;}
}
@media screen and (max-width:1400px){
    #Focus_list img{width: 332px;height: 55px;}
}

@media screen and (max-width:1400px){
    #Focus_shpi div{width: 332px;height: 55px;}
}
@media screen and (min-width:1401px){
    #Focus_shpi div{width: 396px;height: 62px;}
}

@media screen and (min-width:1401px){
.ad3 a{ width:396px;}
}
/* ad3 end */

/* ad5 start */
.ad5{ margin:14px auto;}
.ad5 a{ display: block; float:left; margin-right:10px;}
.ad5 a:last-child{ margin-right:0;}
.ad5 a img{ width:100%;}

@media screen and (max-width:1400px){
.ad5 a{ width:200px;}
}

@media screen and (min-width:1401px){
.ad5 a{ width:232px;}
}
/* ad5 end */

/* data_top start */
.data_banner{ margin:0px auto;}
.data_banner a{ display: block; float:left; margin-right:10px;}
.data_banner a:last-child{ margin-right:0;}
.data_banner a img{ width:100%;}

@media screen and (max-width:1400px){
.data_banner a{ width:1040px;}
}

@media screen and (min-width:1401px){
.data_banner a{ width:1200px;}
}
/* ad5 end */


/* 顶部广告 start */

.index_banner{ margin:0 auto;}
.index_banner ul{ position:relative; width:100%; overflow:visible}
.index_banner img{ width:100%; border:none; display:block; height:8.5em;}
.index_banner li{ position:absolute;top:0;left:0;width:100%; list-style:none; height:9em;}
.index_banner li a{ display:block;}
.index_banner cite{ display:none;}

/* 顶部广告 end */

/* top start */

.top{ position: absolute;left: 50%;z-index: 888;}
.top_login,.language,.top_nav{ float:left; height:30px; line-height:30px; padding-top:5px;}
.top_login input{display:block;  float:left;border-radius:3px;width: 88px;height:30px;line-height:30px;margin-right: 4px;}

.top_login a{ display:block;  float:left;  line-height:22px; text-align:center;  margin-right:10px;  margin-top:3px; width:44px; height:22px;  border:1px solid #E94502; border-radius:3px;}
.top_login a:first-child{background:#E94502; color:#ffffff;}
.top_login a:first-child:hover{background:#F17449; color:#ffffff;}
.top_login a:last-child{background:#ffffff; color:#E94502;}
.top_login a:last-child:hover{background:#FCDCD1; color:#E94502;}

.eject{ display: none; position: fixed; top: 0; left: 0; width: 100%; height:100%; background:rgba(0,0,0,0.4); z-index:9999;}
.eject *{ font-size:14px;}
.eject a.close{ position:absolute; left:74%; top:50%; margin-top:-220px; width:40px; height:40px; text-align:center; line-height:40px;  background:#ffffff; border-radius:50%;}
.eject ul.tabs{ height:50px;  line-height:48px; margin-top:0;}
.eject ul.tabs li{ width:50%; text-align:center;}
.eject ul.tabs li a{  font-size:20px;}
.eject ul.tabs li.thistab{ border-bottom:2px solid #E94502;}
.eject div.bg{ position: absolute; left:27%; top:50%; margin-top:-200px; width:46%; min-height:260px; padding-bottom:20px; border-radius:5px; background:#ffffff url(https://img.gzjimg.com/www/images/steelhome.com/ewm_login.png) no-repeat 5% center;  background-size:30%;}
.eject div.zhu{ width:80%; margin:0 auto; color:#ff6600; margin-top:10px;}


.login_main{ float:right; width:50%; border-left:1px solid #dddddd; margin:30px 20px 30px 0; padding:0 5%;}

.login_input_border{ border-bottom:1px solid #e3e3e3; line-height:40px;}
.login_input_border span{ float:left; width:20%; line-height:40px;}
.login_submit_border{ margin-top:10px;overflow: hidden;}
.login_input_border input{ width:80%; border:0; line-height:40px;}
.login_input_border input.password{ width:40%; border:0; line-height:40px;}
.login_input_border input.mima{ width:40%; border:0; line-height:40px; cursor:pointer;}
.login_submit_border input{ line-height:40px; color:#ffffff;background:#C62E02; border-radius:5px;}
.login_submit_border input:hover{ background:#F17449;}
.login_submit_border a{ display:block;  float:right; line-height:40px; color:#C62E02; text-align:center; background:#ffffff; box-shadow:0 0 0 1px rgba(229,53,3,1) inset; margin-right:0; border-radius:5px;}
.login_submit_border a:hover{background:#FCDCD1; color:#E94502;}
.eject li img{ width:10%; float:left; margin-top:4px;}
.eject li input[type="checkbox"]{ width:20px; float:left; position:relative; top:8px;}
.eject li a.fright{ float:right;}
.eject li div{ margin-top:6px;}
.eject li div span{ float:left;}
.eject dl{ display:table; margin:0 auto;}
.eject dt{ position:relative;  text-align:center; margin-bottom:10px;}
.eject dd{ float:left; border:1px solid #e3e3e3; border-radius:50%; width:40px; height:40px; margin:0 10px;}
.eject dd img{ width:20px; margin:10px;}

@media screen and (max-width:1400px){
.eject a.close{ left:82%;}
.eject div.bg{ left:27%; width:40%;background-size:25%;}
.login_main{ width:55%;}
.eject div.bg{ left:20%; width:60%; }
.eject dd{ margin:0 6px;}
}

/**  登录后样式 */

.top{ height:40px; background: #f1f1f1;}/*1.19*/
.top_user{ width:200px; height:30px; float:left;}
.user{ position:absolute;z-index:999;}
.user_left{ position:relative; width:110px; float:left;}
.user_left:after{ content:""; width:8px; height:8px; border-bottom:2px solid #cccccc; border-right:2px solid #cccccc; transform:rotate(45deg); position:absolute; right:5px; top:1px;}
.menu1{width:100%;height:auto;cursor:hand;overflow-y:hidden;}
.menu2{width:100%;height:22px;overflow-y:hidden;cursor:hand; float:left;white-space: nowrap;overflow: hidden;}
.list{ width:90px;line-height:24px;text-align:center;box-shadow:0 4px 4px rgba(0,0,0,0.3); margin:5px;}
.list a{ background:#f1f1f1; display:block;}
.list a:hover{ background-color:#f6f6f6;}

/*@media screen and (max-width:1400px){*/
/*    .user{  top:8px; left:50%; margin-left:-520px; }*/
/*}*/

/*@media screen and (max-width:1040px){*/
/*    .user{  top:8px; left:0; margin-left:0; }*/
/*}*/

/*@media screen and (min-width:1401px){*/
/*    .user{  top:10px; left:50%; margin-left:-600px; }*/
/*}*/

@media screen and (min-width:1401px){
    .user{ width:210px; float:left; margin-top:10px;}
    .top{ margin-left:-600px;}
}

@media screen and (max-width:1401px){
    .user{ width:210px; float:left; margin-top:10px;}
    .top{ margin-left:-520px;}
}

@media screen and (max-width:1000px){
    .top{ margin-left:-480px;}
}

.kong40{ height: 40px;}
.language a{ float:left; font-size:12px; margin-left:6px;}
.language a:first-child, .language a:first-child:hover{ background:url("https://img.gzjimg.com/www/images/steelhome.com/icon_china.jpg") no-repeat 0 center; padding-left:18px;}
.language a:nth-child(2), .language a:nth-child(2):hover{ background:url("https://img.gzjimg.com/www/images/steelhome.com/icon_En.jpg") no-repeat 0 center; padding-left:18px;}
.language a:nth-child(3), .language a:nth-child(3):hover{ background:url("https://img.gzjimg.com/www/images/steelhome.com/icon_old.jpg") no-repeat 0 center; padding-left:18px;}


.top_nav{ float:right;}
.top_nav a{ font-size:14px; padding:0 1px; color:#000000;}

@media screen and (max-width:1400px){
.top_nav a{ font-size:12px; padding:0 0px;}
}

/* top end */


/* nav start */
.nav a{ color:black; display:block; float:left;}
.nav a:hover, .content a:hover, .li a:hover, td a:hover, a:hover, a span:hover{ background:#F1F1F1; color:#C62E02;}
.nav a.now{   color:red;}
.nav{    display: flex;justify-content: space-between;border-bottom:1px solid #cccccc;}
@media screen and (max-width:1400px){
.nav{ height:40px;  line-height:40px;}
.nav a{ font-size:13px;  }
.nav a:nth-child(3){ padding:0 4px 0 3px;}
}

@media screen and (min-width:1401px){
.nav{ height:48px;  line-height:48px;}
.nav a{ font-size:14px; }
}

/* nav end */

/* head_logo start */

.head_logo{ margin:0 auto;padding: 10px 0;}
.head_logo *{ float:left; display:block;}
.head_logo a img{ width:100%;}
.head_logo a:last-child{ margin-right:0;}

@media screen and (max-width:1400px){
.head_logo *{ margin-right:10px; width:200px;}
.head_logo a:last-child{ margin-right:0;}
}

@media screen and (min-width:1401px){
.head_logo *{  margin-right:12px; width:230px;}
}
/* head_logo end */

/* position_nav start */
.position_nav{ line-height:30px; border-bottom:2px solid #000000; text-align-last: justify;}
.position_nav *{ color:#000000;}

@media screen and (max-width:1400px){
.position_nav *{ font-size:13px; padding:0 2px 0 2px;}
}

@media screen and (min-width:1401px){
.position_nav *{ font-size:14px;padding: 0 2px;}}

/* position_nav end */

/* pinzhong start */
.pinzhong{ line-height:30px; padding-top:5px; display:flex; justify-content:space-between;}
.pinzhong a{ color:#000000; }

@media screen and (max-width:1400px){
.pinzhong a{ font-size:12px; }
.pinzhong a:nth-child(6n){ padding:0 1px;}
}

@media screen and (min-width:1401px){
.pinzhong a{ font-size:13px; }
.pinzhong a:nth-child(2n){ padding:0 3px 0 4px;}
}
/* pinzhong end */

/* area start */
.area{ line-height:20px;     padding: 0 0px;text-align: justify;text-align-last: justify; border: 1px solid #000000;margin-bottom: 2px; border-left: none;border-right: none;}


@media screen and (max-width:1400px){
.area a{ padding:0 1px 0 0;font-size:12px; color:#000000;}
.area a:nth-child(4n){ padding:0 2px 0 1px;}
}

@media screen and (min-width:1401px){
.area a{ padding:0 1px 0 0;font-size:14px; color:#000000;}
/*.area a:nth-child(2n){ padding:0 5px 0 4px;}*/
}
/* area end */

/* price_zhishi start */
.price_zhishi{ padding:14px 0; border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}
.price_zhishi div{ text-align:Center; position:relative; line-height:18px;}
.last_noline{ display:flex; justify-content:space-between;}
.price_zhishi div{ font-size:12px;}
.price_zhishi div:hover{ background:#F1F1F1; color:#C62E02;}
.price_zhishi div span{  font-family:"Arial"; font-size:15px;font-weight: 700;}


.eject2{ overflow:visible; position:relative; cursor:pointer;}
.tipinfo2{ display:none; width: 343px;height: 192px; border-right: 8px;}
div.eject2:first-child{ margin-left:50px;}
.eject2:hover .tipinfo2{ display:block; position:absolute; z-index:999; top:55px; left:0px; width:343px; background: #ffffff; cursor:pointer;}
.xianhuo{ overflow:visible; min-height:60px; display: flex;  justify-content: space-between; background:#ffffff;margin-bottom:2px;border-top: none;}/*1.19*/
.row_line{ width:1px; height:50px; background:#dddddd; position:relative; top:3px; }

.price_zhishi .data_time{ width:100%; text-align:left; line-height:30px;}
.qihuo{ padding:14px 0;display:flex; justify-content:space-between; overflow:visible;background:#ffffff;}

@media screen and (max-width:1400px){
.qihuo div:nth-child(2n){ padding:0 5px;}
}


/* price_zhishi end */

/* 焦点图片 start */
.container{ float:left; border: #cccccc 1px solid;  }
.focusdown{ display:table; margin:10px 0 auto; color:white;}
.focusdown *{ font-size:16px; line-height:30px;}
.focusdown ul{ float:left; }
.focusdown img{ float:left; margin:5px 10px 0 0;}


.focusdown2{ margin-bottom:5px;}
.focusdown2 img{ float:left;}
.focusdown2 ul{ float:right;}
.focusdown2 li{float:left; width:50%;}

@media screen and (max-width:1400px){
.container_ys{padding-bottom: 10px; margin-bottom: 4px;}
.focusdown2 *{ font-size:14px; line-height:28px;}
.focusdown2 img{ margin:5px 0 0 0;}
.focusdown2 ul{ width:250px;}
}

@media screen and (min-width:1401px){
.container_ys{padding-bottom: 7px; margin-bottom: 4px;}
.focusdown2 *{ font-size:16px; line-height:30px;}
.focusdown2 img{ margin:10px 0 0 0;}
.focusdown2 ul{ width:300px;}
}

/* 焦点图片 end */


/* hot_news start */

.hot_news{ float:left; width:38%;  border: #cccccc 1px solid;box-sizing: border-box;}
.menubg_gray ul.tabs{ background:#f7f7f7; border-radius:5px; margin-bottom:9px; margin-top:0;}
.menubg_gray ul.tabs li{ width:15%; margin:0; margin-left:1.2%; border-bottom:0; text-align:center;}

.menubg_gray ul.tabs li.thistab a{ display:block; background:#ffffff; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,0.1);}

@media screen and (max-width:1400px){
.hot_news{margin:0 12px;padding-bottom: 4px; };
.hot_news ul.tabs{ height:42px; line-height:42px;}
.hot_news ul.tabs a{ line-height:30px; margin:5px 0;}
.hot_news ul.tabs li.thistab a{ margin-top:5px;}
.menubg_gray ul.tabs li a{ font-weight: 700;font-size: 13px;}
}

@media screen and (min-width:1401px){
.hot_news{margin:0 15px;padding-bottom: 4px; };
.hot_news ul.tabs{ height:48px; line-height:48px;}
.hot_news ul.tabs a{ line-height:32px; margin:8px 0;}
.hot_news ul.tabs li.thistab a{ margin-top:8px;}
.menubg_gray ul.tabs li a{ font-weight: 700;font-size: 15px;}
}
/* hot_news end */

/* 推荐资源 start */
.resources-table h3{ border: 1px solid #cccccc; border-bottom: none;}
.resource_table{ width:100%;background-color: #ffffff;}
/* .resource_table *{ font-size:12px;} */
.resource_table th,
.resource_table td {
    border: 1px solid #cccccc; 
}
.resource_table th{ background:#ffffff;}
.resource_table tbody td { text-align:left; padding-left:2%;}
.resource_table thead th { text-align:left; padding-left:2%;}
/* .resource_table tr:hover td{ background:rgba(0,0,0,0.05);} */
.resource_table a{ color:#333333;}

@media screen and (max-width:1400px){
.resources-table h3{ font-size: 12px;}
.resource_table th{ line-height:25px; text-align:left;}
.resource_table td{ line-height:23px; text-align:left;}
.resource_table td .jiezi {
    width: 48px;
}
.resource_table td a.jiezi {
    width: 58px;
}

td span.jiezi_jiage{ width:41px;}
.resource_table td .pm_jiezi {
    width: 75px;
}
.resource_table td .cz_jiezi {
    width: 80px;
}
.resource_table td .price_jiezi {
    width: 60px;
}
.resource_table td a.hw_jiezi {
    width: 248px;
}
}
@media screen and (min-width:1401px) {
    .resources-table h3 {
        font-size: 14px;
    }

    .resource_table th {
        line-height: 33px;
        text-align: left;
    }

    .resource_table td {
        line-height: 25px;
        text-align: left;
    }

    .resource_table td .jiezi {
        width: 50px;
    }

    .resource_table td a.jiezi {
        width: 62px;
    }

    td span.jiezi_jiage {
        width: 41px;
    }

    .resource_table td .pm_jiezi {
        width: 75px;
    }

    .resource_table td .cz_jiezi {
        width: 88px;
    }

    .resource_table td .price_jiezi {
        width: 68px;
    }

    .resource_table td a.hw_jiezi {
        width: 298px;
    }
}
/* 推荐资源 end */

/* 二级标题栏切换 start */

ul.bgcolor_red li{ margin-top:5px;}
ul.bgcolor_red li.thistab{ border-bottom:0;}
/* ul.bgcolor_red li.thistab a{ display:block; width:100%; background:#C62E02; color:#ffffff;} */
ul.bgcolor_red li.thistab a{ display:block; width:100%; background:#ffffff; color:#C62E02;}
@media screen and (max-width:1400px){
    ul.bgcolor_red li{ padding:0 1px 0 2px}
    ul.bgcolor_red li a{ line-height:20px; border-radius:10px; padding:0 2px}
}
@media screen and (min-width:1401px){
    ul.bgcolor_red li{ padding:0 3px}
    ul.bgcolor_red li a{ line-height:22px; border-radius:11px; padding:0 1px}
}

ul.bgcolor_gray li{ margin-top:5px;}
ul.bgcolor_gray li.thistab{ border-bottom:0;}
ul.bgcolor_gray li.thistab a{ display:block; width:100%; background:#ffffff; color:#C62E02;}
@media screen and (max-width:1400px){
    ul.bgcolor_gray li{ padding:0 1px 0 2px}
    ul.bgcolor_gray li a{ line-height:20px; border-radius:10px; padding:0 2px}
}
@media screen and (min-width:1401px){
    ul.bgcolor_gray li{ padding:0 3px}
    ul.bgcolor_gray li a{ line-height:22px; border-radius:11px; padding:0 1px}
}
/* 二级标题栏切换 end */


/* 一级标题栏切换 start */

h2 ul.tabs{ position:relative; z-index:2; background: #f7f7f7;}
h2 ul.tabs li.thistab{  border-bottom:1px solid #C62E02;}
h2 ul.tabs li.thistab a{ margin-top:0;}
h2 ul.tabs{ height:auto;  margin-top:0;}

@media screen and (max-width:1400px){
h2 ul.tabs *{ font-size:14px;}
h2 ul.tabs li{ padding:0 16px;}
h2 ul.tab_jxs li{ padding:0 2px;}
}
@media screen and (min-width:1401px){
h2 ul.tabs *{ font-size:15px;}
h2 ul.tabs li{ padding:0 20px;}
h2 ul.tab_jxs li{ padding:0 6px;}
}
/* 一级标题栏切换 end */



/* 调查 start */

.online_survey{ position:relative; margin:0 0 0 8%; }
.online_survey hgroup{ position:relative; padding-left:20px; margin-top:10px;}
.online_survey hgroup:before{ position:absolute; content:"";  background:#ffffff; border:1px solid #ff6600; width:13px; height:13px; border-radius:50%; left:0; top:2px;}
.online_survey:after{ position:absolute; content:""; border-bottom:1px solid #dddddd; width:90%; height:1px; left:0; bottom:29px;}
.survey{ position:relative; float:left; text-align:center; }
.survey:hover { cursor: pointer; }
.survey .bg{ height:94px; position:relative;}
.survey .bg div{ position:absolute; bottom:0;}
.yuan{ background:#ffffff; border:1px solid #cccccc; width:5px; height:5px; border-radius:50%; margin:10px auto;}

.survey .green{ background:#18B63E; width:100%; height:20%;}
.survey *{ text-align:center;}

.survey .red{ background:#FE3512; width:100%; height:50%;}
.survey .orange{ background:#FF9900; width:100%; height:20%;}
.survey .yellow{ background:#F1BE10; width:100%; height:10%;}

.zhangdie{ color:#000000;}

@media screen and (max-width:1400px){
    .survey .bg{ height:96px; }
    .survey{ width:40px; padding:0 16px;}
    .online_survey2 .survey{ padding:0 15px; width:30px;}
    .online_survey_one .survey{ width:58px;}
    .survey{ margin-top:5%;}
}
@media screen and (min-width:1401px){
    .survey .bg{ height:107px; }
    .online_survey_one .survey{ width:66px;}
    .survey{ width:42px; padding:0 20px;}
    .survey{ margin-top:5%;}
}
/* 调查 end */



/* 热点资源 start */

.hot_ziyuan{ /*border:1px solid #cccccc;*/ padding:0 0 10px 0;}
.hot_ziyuan h3{ /*width:96%;*/ margin:0 auto;  padding:0 10px; border:1px solid #cccccc;border-bottom: none;font-weight: 400;}
.hot_ziyuan table{width:100%;}
.hot_ziyuan tbody td { text-align:left; padding-left:2%;}

.hot_ziyuan thead th { text-align:left; padding-left:2%;}
.hot_ziyuan table th{ background:none; height:31px;}
.hot_ziyuan table tbody tr:nth-child(2n) td{ background:none;}
.hot_ziyuan table tbody tr td:first-child a{ color:#333333;}
@media screen and (max-width:1400px){
    .hot_ziyuan h3{font-size: 12px;}
.hot_ziyuan table tbody tr td:first-child a{width:66px;}
.hot_ziyuan table th{ text-align:left;  border:1px solid #cccccc; }
.hot_ziyuan table td{ height:26px; text-align:left;  border:1px solid #cccccc;}
.hot_ziyuan td span.jiezi{ width:54px;}
.hot_ziyuan table tbody tr td:first-child a{width:66px;}
}
@media screen and (min-width:1401px){
    .hot_ziyuan h3{font-size: 14px;}
.hot_ziyuan table th{ text-align:left;  border:1px solid #cccccc; }
.hot_ziyuan table td{ height:30px; text-align:left;  border:1px solid #cccccc; }
.hot_ziyuan td span.jiezi{ width:65px;}
.hot_ziyuan table tbody tr td:first-child a{width:72px;}
}
.hot_ziyuan tbody tr td a:hover{ background:#F1F1F1; color:#C62E02!important;}
/* 热点资源 end */

/* search start */

.search ul.tabs li{ width:18%; margin-left:1.5%; }
.search li.tab_con div{ border:1px solid #ededed; float:right; border-radius:5px;}
.search input[type="text"]{ width:80%; border:0; text-indent:10px;}
.search input.search_img{ float:right; border:none; margin-right:10px; background:url("https://img.gzjimg.com/www/images/steelhome.com/icon_search.jpg") no-repeat right center; font-size:0;  width:10%; cursor:pointer; display:inline-block; line-height:0;}

@media screen and (max-width:1400px){
.search ul.tabs li a{ font-size:14px;}
.search ul.tabs{ height:50px; line-height:50px;}
.search ul.tabs a{ line-height:34px; margin:7px 0;}
.search ul.tabs li.thistab a{ margin-top:7px;}
.search li.tab_con div{ width:45%; height:40px; line-height:40px;}
.search input.search_img{ height:40px;}
}

@media screen and (min-width:1401px){
.search ul.tabs li a{ font-size:15px;}
.search ul.tabs{ height:60px; line-height:60px;}
.search ul.tabs a{ line-height:42px; margin:8px 0;}
.search ul.tabs li.thistab a{ margin-top:8px;}
.search li.tab_con div{ width:50%;height:44px; line-height:44px;}
.search input.search_img{ height:44px;}
}


.steel_link dl{  overflow:hidden; }
.steel_link dl dt,.steel_link dl dd{ float:left; margin:0 5px;}
.steel_link dl dt a{  color:#C62E02; text-align-last:justify; display:block}

@media screen and (max-width:1400px){
.steel_link{ margin-bottom:8px; margin-top:4px;}
.steel_link dl{ margin-bottom:10px;}
.steel_link dl dt a{  width:56px;}
}
@media screen and (min-width:1401px){
.steel_link{ margin-bottom:8px; margin-top:8px;}
.steel_link dl{ margin-bottom:10px;}
.steel_link dl dt a{  width:60px;}
}
/* search end */

/* links start */

.links{ line-height:40px; border-top:1px solid #cccccc; padding-top:10px; text-align:center;}
.links span{ color:#F34830; font-weight:bold; float:left;}
.links img{ position:relative; top:10px; padding:0 10px; float:left;}
.links div{ float:left;}
.links a{ padding:0 3px;}
.links a.more{ color:#ff6600;}

@media screen and (max-width:1400px){
.links span{ font-size:14px;}
}

@media screen and (min-width:1401px){
.links span{ font-size:15px;}
}

/* links end */

/* footer start */

.footer{ text-align:center;}
.footer_link{ line-height:30px;}
.foot_infor{ position:relative;}
.foot_infor p{ color:#cccccc; line-height:26px; font-size:12px; margin-top:20px;}
.foot_infor img.ewm_left{ position:absolute; left:80px; top:20px;}
.foot_infor img.ewm_right{ position:absolute; right:80px; top:20px;}

@media screen and (max-width:1400px){
.foot_infor div img{ margin:15px 10px;}
}

@media screen and (min-width:1401px){
.foot_infor div img{ margin:15px 20px;}
}

/* 设置具体层级下面的table才生效，其他的是另外的样式*/

div.layui-layer-tips > div.layui-layer-content > table > thead > tr > th,
div.layui-layer-tips > div.layui-layer-content > table > tbody > tr > td,
div.layui-layer-tips > div.layui-layer-content > table > tbody > tr > th,
div.layui-layer-tips > div.layui-layer-content > table > tfoot > tr > td,
div.layui-layer-tips > div.layui-layer-content > table > tfoot > tr > th,
div.layui-layer-tips > div.layui-layer-content > table > tr > td,
div.layui-layer-tips > div.layui-layer-content > table > tr > th {
    border: none !important;
}


/* footer end */


/* head_logo2 start */

.head_logo2{ margin:0 auto;}/* 1.19 */

.head_logo2 *{ float:left;}
.head_logo2 a{float:right;}
.head_logo2 .head_ad1{float:right;}
.head_logo2 a img{ width:100%;}
.position_title{ font-size:20px; font-family:SimHei; font-weight:bold; height:42px; border-left:1px dotted #dddddd; line-height:40px; margin:7px 10px; padding:0 15px; color:#666666;}
.search_top{ background:#f1f1f1; border:1px solid rgba(223, 219, 219, 0.911); margin:8px 0 0 10px;}
.search_top *{ padding:0 0.5%;}
.search_top select{ float:left; width:12%; height:100%; border:none;}
.search_top div:first-child{ float:left; width:12%; height:100%; border:none;}

.search_top input[type="text"]{ float:left; padding-left:8px;background:#ffffff; height:100%; border:none; width:76%;}
.search_top .search-button{ float: left;color: black;width: 20%;border: none;height: 100%;background-color: #f1f1f1;font-size: 16px;}
.search_top .search-button:hover{ color:#C62E02;}

@media screen and (max-width:1400px){
.head_logo2{ height:62px; }
.head_logo2 a{ width:320px;}
.search_top{ width:38%; height:34px;border-radius: 4px;}
}
@media screen and (min-width:1401px){
.head_logo2{ height:70px; padding-top:10px;}
.search_top{ width:40%; height:36px;border-radius: 4px;}
}

/* head_logo2 end */

/* position_nav2 start */

.kong30{ height:30px;}
.kong50{ height:50px;}
.position_nav2{ position:absolute; z-index:666; left:50%; line-height:30px; overflow:visible;}
.position_nav2 *{ overflow:visible;}
.relative{ position:relative; display:flex;justify-content:space-between;}
.position_nav2 a{ color:#000000;}
.position_nav2 a.now{ color:#C62E02;}
.relative .list{ width:auto; background:#ffffff;}

.a_disabled {
    pointer-events: none;
    cursor: default; /* 修改光标形状 */
    color: gray; /* 修改文本颜色 */
}

.quick_dh{ height:auto;cursor:hand; overflow:visible;  line-height:30px; width:100px; font-size:16px;cursor: pointer;}
.quick_dh .list{ display:none; position:absolute; width:780px; top:20px; border:1px solid #dddddd;}
.quick_dh:hover .list{ display:block;}

.nav_two{ display:flex;  flex-wrap:wrap;}
.nav_two a{ display:inline-block; line-height:20px;}

@media screen and (max-width:1400px){
.position_nav2 a{ font-size:12px;}
.position_nav2{ margin-left:-520px;}
.nav_two a{ padding: 0 6px;}
.quick_dh2{ width:130px;}
}
@media screen and (min-width:1401px){
.position_nav2 a{  font-size:14px;}
.position_nav2{ margin-left:-600px;}
.nav_two a{ padding: 0 7px;}
.quick_dh2{ width:138px;}
}

@media screen and (max-width:1000px){
    .position_nav2{ margin-left:-488px;}
}

.list .thistab a{ background:none;}
.list .thistab a:hover{ background-color: transparent;}
.list .quick_nav a{ background:none; color:#666666;}
.list .quick_nav a:hover{ background-color:transparent; color:#cc0000;}

dl.quick_nav{ display:flex; flex-wrap:wrap; border-bottom:1px solid #dddddd; margin-bottom:6px; padding-bottom:6px;}
dl.quick_nav:last-child{ border-bottom:none;}
dl.quick_nav dt{  overflow:hidden; width:100%; text-align:left; text-indent:7px; font-weight: 700;}
dl.quick_nav dd{ margin:0 8px;}

/* position_nav2 end */


/* price_index start */

.price_index ul.tabs li{ padding:0 10px;}
.price_index ul.tabs li.thistab{ border-bottom:0; margin-top:5px;}
.price_table th{ font-weight:normal; color:#cccccc; text-align:center;}
.price_table td{ font-size:12px;}
.index_chart{ width:44%; float:left; margin:18px 0 0 0;}
.price_table{ width:55%; float:right;}
ul.tab_conbox div td span{ float:left;}

/* price_index end */

/* tuijian start */
.border{ border:1px solid #dfdfdf;}
ul.tuijian{ margin:6px 0 6px 4%;}
ul.tuijian li{ float:left; width:32%;}
ul.tuijian li a{ color:#007BC1;}

@media screen and (max-width:1400px){
ul.tuijian li{ line-height:25px;}
}
@media screen and (min-width:1401px){
ul.tuijian li{ line-height:29px;}
}
/* tuijian end */

/* steel_two start */
/* .position_two{ border-bottom:2px solid #C62E02; border: 1px solid #cccccc ;}
.position_two *{ float:left;}
.position_two_title{ position:relative; background:#C62E02; color:#ffffff; padding:0 20px; overflow:visible; margin-right:40px;}
.position_two_title:before{ content:""; display:block; position:absolute; width:50px; height:50px; top:10px; right:-23px; background:#C62E02; transform:rotate(50deg); z-index:0;}
.position_two_title span{position: relative;z-index: 5;color: #ffffff;} */
.position_two{ color: #000000; border: 1px solid #cccccc;margin-top: 2px; margin-bottom: 2px; }
.col5.listselect .position_two{overflow: hidden;}
.position_two *{ float:left;}
.position_two_title{    padding:0 4px; overflow:visible; margin-right:10px;}
.position_two_title::after{ content:"："; color: #C62E02;   }
.position_two_title span{position: relative;z-index: 5; color: #C62E02;}

@media screen and (max-width:1400px){
.position_two{ line-height:34px;}
.position_two *{ font-size:13px;}
}
@media screen and (min-width:1401px){
.position_two{ line-height:36px;}
.position_two *{ font-size:15px;}
}
.ul_list li a{ float:left; width:75%;}
.newslist li a,.newslist dd a{ float:left; width:80%;}
.left_tree .newslist{ padding:10px 0 10px 4%; border-bottom:8px solid #ffffff;}
.left_tree .newslist li a{ width:96%;}
.ul_list li span{ float:right;}
.content_right .newslist a{ width:86%;}
.content_right h2{ border: 1px solid #cccccc;border-bottom: none;border-top: none;}

.border-top{ border-top:10px solid #ffffff;}
.ul_list li{ border-bottom:1px dotted #dddddd; overflow:hidden;}
dl.steel_mill dd{ width:20%; text-align:center;}
.left_tree dl.steel_mill dd:nth-child(3n-1){ margin-left:0;}

.quotation_everyday { margin: 10px 0px; display: table;overflow: visible; width: 100%;border: 1px solid #cccccc;padding-top: 10px;}
.quotation_everyday div,ul{ overflow:visible;}

.search-page{margin-bottom: 16px;}
@media screen and (max-width:1400px){
    .quotation_everyday input{ width:80px;padding: 0 6px;}
    .quotation_everyday select{ width:80px;overflow:visible;}
    .quotation_everyday .layui-form-mid{ margin-right: 2px;}
    .quotation_everyday .search-input-datetime{ width:48px;overflow:visible;margin-right: 2px;}
    .quotation_everyday .search-input-datetime select{ width:48px;overflow:visible;margin-right: 2px;}
    .quotation_everyday .search-input-datetime  .layui-form-select .layui-input{ padding-right: 1px;}
    .quotation_everyday .search-input-datetime  .layui-form-select .layui-edge{ right: 2px;}
    .quotation_everyday .search-input-datetime input{ width:48px;}
    .quotation_everyday .search-input-dateyear{ width:60px;overflow:visible;margin-right: 4px;}
    .quotation_everyday .search-input-dateyear select{ width:60px;overflow:visible;margin-right: 4px;}
    .quotation_everyday .search-input-dateyear  .layui-form-select .layui-input{ padding-right: 1px;}
    .quotation_everyday .search-input-dateyear  .layui-form-select .layui-edge{ right: 1px;}
    .quotation_everyday .search-input-dateyear input{ width:60px;}
    .quotation_everyday .search-input-inline{ width:80px;overflow:visible;margin-right: 4px;}
    .quotation_everyday .show-variety{ width:350px;}
    .quotation_everyday .search-button-inline{ width:80px;overflow:visible;margin-right: 4px;}
    .quotation_everyday .search-button-inline button{ width: 80px;padding: 0 0;margin-left: 2px;background-color: #f1f1f1;color: black;}
    .search-keys input{ width:140px;}
    .search-page .search-input-datetime{ width:60px;overflow:visible;margin-right: 2px;}
    .search-page .search-input-datetime select{ width:60px;overflow:visible;margin-right: 2px;}
    .search-page .search-input-datetime  .layui-form-select .layui-input{ padding-right: 1px;}
    .search-page .search-input-datetime  .layui-form-select .layui-edge{ right: 5px;}
    .search-page .search-input-datetime input{ width:60px;}
    .search-page .search-input-dateyear{ width:70px;overflow:visible;margin-right: 2px;}
    .search-page .search-input-dateyear select{ width:70px;overflow:visible;margin-right: 2px;}
    .search-page .search-input-dateyear  .layui-form-select .layui-input{ padding-right: 1px;}
    .search-page .search-input-dateyear  .layui-form-select .layui-edge{ right: 1px;}
    .search-page .search-input-dateyear input{ width:70px;}
}
@media screen and (min-width:1401px){
    .quotation_everyday input{ width:90px;padding: 0 6px;}
    .quotation_everyday select{ width:90px;overflow:visible;}
    .quotation_everyday .layui-form-mid{ margin-right: 4px;}
    .quotation_everyday .search-input-datetime{ width:55px;overflow:visible;margin-right: 2px;}
    .quotation_everyday .search-input-datetime select{ width:55px;overflow:visible;margin-right: 2px;}
    .quotation_everyday .search-input-datetime  .layui-form-select .layui-input{ padding-right: 1px;}
    .quotation_everyday .search-input-datetime  .layui-form-select .layui-edge{ right: 5px;}
    .quotation_everyday .search-input-datetime input{ width:55px;}
    .quotation_everyday .search-input-dateyear{ width:65px;overflow:visible;margin-right: 2px;}
    .quotation_everyday .search-input-dateyear select{ width:65px;overflow:visible;margin-right: 2px;}
    .quotation_everyday .search-input-dateyear  .layui-form-select .layui-input{ padding-right: 1px;}
    .quotation_everyday .search-input-dateyear  .layui-form-select .layui-edge{ right: 1px;}
    .quotation_everyday .search-input-dateyear input{ width:65px;}
    .quotation_everyday .search-input-inline{ width:90px;overflow:visible;margin-right: 6px;}
    .quotation_everyday .show-variety{ width:420px;}
    .quotation_everyday .search-button-inline{ width:100px;overflow:visible;margin-right: 4px;}
    .quotation_everyday .search-button-inline button{ width: 100px;padding: 0 0;margin-left: 2px;background-color: #f1f1f1;color: black;}
    .search-keys input{ width:200px;}
    .search-page .search-input-datetime{ width:65px;overflow:visible;margin-right: 2px;}
    .search-page .search-input-datetime select{ width:65px;overflow:visible;margin-right: 2px;}
    .search-page .search-input-datetime  .layui-form-select .layui-input{ padding-right: 1px;}
    .search-page .search-input-datetime  .layui-form-select .layui-edge{ right: 5px;}
    .search-page .search-input-datetime input{ width:65px;}
    .search-page .search-input-dateyear{ width:75px;overflow:visible;margin-right: 2px;}
    .search-page .search-input-dateyear select{ width:75px;overflow:visible;margin-right: 2px;}
    .search-page .search-input-dateyear  .layui-form-select .layui-input{ padding-right: 1px;}
    .search-page .search-input-dateyear  .layui-form-select .layui-edge{ right: 1px;}
    .search-page .search-input-dateyear input{ width:75px;}
}



/* layuidate  */
.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div{background-color: #F1F1F1; }
layui-laydate .layui-this, .layui-laydate .layui-this>div {
    background-color: #ffb800!important;
    color: #fff!important;
}

.div-inline {margin-bottom: 5px;position: relative;display: inline-block;}
.more-search {height: 38px;line-height: 38px; cursor: pointer;}

.right_tree .right_list dd{ width:100%;}
.left_tree .right_list dd{ width:100%;}

.left_tree{ height:100%;}
.left_tree dd{ font-size:12px;}
.left_tree dl{ overflow:hidden;  padding:10px 0 10px 5%;margin: 4px 0;}
.left_tree dl.steel_mill{ padding:10px 0 10px 0;}

.left_tree dt{ width:100%; overflow:hidden; color:#C62E02; font-weight:bold; text-indent:10px;}
.left_tree dd{ float:left; width:33.33%;}
.left_tree a{ width:100%; display:block; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis}

/* .left_tree .survey{ padding-left:10%; margin-top:0;} */
.left_tree .online_survey, .right_tree .online_survey{ width:95%; margin-top: 2px;}
/* .left_tree .online_survey hgroup{ margin:0 auto 10px;} */

.left_tree .online_survey hgroup,.right_tree .online_survey hgroup{ line-height:20px;}

.right_tree{ background:#f7f7f7; height:100%;}
.right_tree *{ font-size:12px;}
.right_tree h2 *,.right_tree h3 *{ font-size:14px;}
.right_tree dl{ overflow:hidden; padding:0 0 0 10px;}
.right_tree dt{ width:100%; overflow:hidden; color:#C62E02; font-weight:bold;}

.nav_tree a{display:block; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; width:100%; }

.left_tree{ line-height:30px;}
.right_tree{ line-height:30px;}

.ul_list { padding: 0 4px; border: 1px solid #ccc;}
/* .col5 .ul_list{border-top: none;} */
.ul_list li{ line-height:44px;padding: 0 6px;}
.left_tree .survey,.right_tree .survey{ width:22%;}

@media screen and (max-width:1400px){
.left_tree .survey,.right_tree .survey{ padding:0 8px;}
.right_tree dd{ line-height:24px;}
.left_tree .online_survey,.right_tree .online_survey{ min-height:158px;}
.right_tree dd{ float:left; width:25%;}
}
@media screen and (min-width:1401px){
.left_tree .survey,.right_tree .survey{ padding:0 10px;}
.right_tree dd{ line-height:26px;}
.left_tree .online_survey,.right_tree .online_survey{ min-height:140px;}
.right_tree dd{ float:left; width:20%;}
}
/* steel_two end */

/* position_details start */

.info_details *{ font-size:14px;}
.info_details{ padding:10px 10px 0 0;background:url(https://img.gzjimg.com/www/images/steelhome.com/zhaimobanlogo.png) repeat;position:relative; z-index:999; top:0}
.show_ad{display: flex;justify-content: center;margin: 5px 0;}
.show_title{ text-align:center; margin:20px 0;}
.show_title h3{ font-size:20px; font-weight:bold; overflow:hidden; line-height:50px;}
.show{ line-height:200%; margin-bottom:20px;}
.show .show_img{ float:left; width:250px; margin:10px 10px 0 0;}
.show .show_img img{ width:100%;}

@media screen and (max-width:1400px){
.show{font-size:13px;}
}
@media screen and (min-width:1401px){
.show{font-size:15px;}
}

.show_title button{ background:none; border:none;}

.line{ border-bottom:1px solid #dddddd; height:1px; }
.zhuanfa{ border-bottom:1px dotted #dddddd; height:40px; margin-bottom:10px;}

.zhuanfa a{ display:inline-block; width:28px;height:22px; position:relative; top:5px;}
.zhuanfa a.fx_qq{ background:url(https://img.gzjimg.com/www/images/steelhome.com/fenxiang.png) no-repeat 0 0;}
.zhuanfa a.fx_wx{ background:url(https://img.gzjimg.com/www/images/steelhome.com/fenxiang.png) no-repeat -32px 0;}
.zhuanfa a.fx_wb{ background:url(https://img.gzjimg.com/www/images/steelhome.com/fenxiang.png) no-repeat -64px 0;}
.zhuanfa a.fx_more{ background:url(https://img.gzjimg.com/www/images/steelhome.com/fenxiang.png) no-repeat -96px 0;}
.zhuanfa a.zf{ float:right;}

.zhuanfa input{ float:right; height:20px;}
.zhuanfa input[type="text"]{ width:60px;}
.zhuanfa input[type="button"]{ position:relative; top:-3px; height:22px; padding:0 10px; margin:3px;}
.zhuanfa input[type="button"]:hover{ box-shadow:0 0 3px rgba(0,0,0,0.1);}

.comment{ margin:10px 0;}
.comment a{ position:relative; top:2px; display:inline-block; width:20px; height:20px; background:url(https://img.gzjimg.com/www/images/steelhome.com/star.png) no-repeat center top;}
.comment a:hover{ background:url(https://img.gzjimg.com/www/images/steelhome.com/star.png) no-repeat center -19px;}

textarea.comment_text{ width:95%; padding:1% 2%; border:1px solid #cccccc; height:120px; border-radius:10px; }
input.comment_bt{ float:right; padding:6px 30px;  overflow:hidden; margin:10px 0 20px;}

.content_right h2 ul.tabs li{ padding:0;}
.content_right h2 ul.tabs li a{ padding:0;}
.content_right h2 ul.tabs *{ font-size:14px;}

.content_right .more{ background:#ffffff;}
.content_right .more img{ display:table; margin:20px auto;}

/* position_details end */

/* main_menu start */

.main_menu{ background:#C62E02;}
.main_menu a{ display:inline-block; width:9%; text-align:center; color:#ffffff; float:left; font-size:15px;}
.main_menu a.now,.main_menu a:hover{ background:#AA2802; color:#ffff00;}
.col3_2:nth-child(3n){ margin-right:0;}

@media screen and (max-width:1400px){
.main_menu{ height:44px; line-height:44px;}
}
@media screen and (min-width:1401px){
.main_menu{ height:48px; line-height:48px;}
}
/* main_menu end */


/* member start */

.member{border-top:1px solid #dddddd; margin-top:10px; padding-top:10px;}

.member_right{ padding:0 0 0 1%;}

.el-checkbox__inner{ display:none;}
.el-checkbox{ display:none;}
.el-icon-caret-right:before{ content:"\00BB"; font-size:24px; }
.el-tree-node__content{ position:relative; border-top:1px solid #dbdbdb; line-height:50px; height:50px;}
.el-tree-node__children .el-tree-node__content{ border-top:none; line-height:30px; height:30px;}
.el-tree-node__content>.el-tree-node__expand-icon{ position:absolute; top:5px; right:0;}
.is-expanded .el-tree-node__label{ color:#E53300;}
.is-expanded .is-focusable .el-tree-node__label{ color:#000000;}
.is-expanded .is-focusable .el-tree-node__label:hover{ color:#E53300;}

@media screen and (max-width:1400px){
 .el-tree-node__label{ font-size:14px; margin-left:10px;}
.el-tree-node__children .el-tree-node__label{ font-size:13px;}
}
@media screen and (min-width:1401px){
 .el-tree-node__label{ font-size:16px; margin-left:10px;}
 .el-tree-node__children .el-tree-node__label{ font-size:13px;}
}

.search_tree{ background:#C62E02; height:42px; margin-bottom:10px;}
.search_tree input[type="text"]{ border:none; background:#ffffff; height:38px; margin:2px 0 2px 1%; width:80%;display:inline;}
.search_tree input[type="submit"]{ border:none; height:38px; width:19%;  color:#ffffff;}

.el-input__icon{ position:relative;}
.el-input__inner{ padding:0;}
.el-input--prefix .el-input__inner{ padding:0 0 0 10px;}
.el-input__suffix .el-input__icon:after{ content:""; display:block; position:absolute; background:url(https://img.gzjimg.com/www/images/steelhome.com/icon_date.png) no-repeat 0 0; width:16px; height:16px; top:6px; right:5px;}

.el-date-editor.el-input, .el-date-editor.el-input__inner{ width:104px;}
.el-input__inner{ height:30px;}
.el-button.is-round{ padding:6px 20px;}
.el-button.is-round span{ color:#ffffff;}
.el-button--danger{ background-color:#f1f1f1; border-color:#cccccc;}

.zst_title{ margin:30px 0 0 10px;}
.zst_title .title{ width:100%; text-align:center; font-size:18px;}
.zst_title .zst{ width:580px; margin:0 auto;}

.search_element{ margin:20px 0;}

.search_element .block{ float:left; margin:10px 0 10px 20px; height:30px; line-height:30px;}
.search_element .block span{ display:block; float:left;}
.search_element .block input{ float:left;}
.search_element .block span.el-input__prefix{display:none;}
.search_element input[type="checkbox"]{ position:relative; top:10px;}

.el-icon-arrow-left:before{ content:"\00AB"; font-size:20px; position:relative; top:-8px;}
.el-icon-d-arrow-left:before{ display:none;}
.el-icon-arrow-right:before{ content:"\00BB"; font-size:20px; position:relative; top:-8px;}
.el-icon-d-arrow-right:before{ display:none;}

@media screen and (max-width:1400px){
.el-input{ width:74px;}
.input104 .el-input{ width:104px;}
}
@media screen and (min-width:1401px){
.el-input{ width:94px;}
.input104 .el-input{ width:164px;}
}

table.gray_white_color{ width:100%;}
table.gray_white_color td{ border:1px solid #dbdbdb; height:42px; text-align:center;}
table.gray_white_color tr:nth-child(2n-1) td{ background:#f7f7f7;}

@media screen and (max-width:1400px){
table.gray_white_color td{ height:40px;}
}
@media screen and (min-width:1401px){
table.gray_white_color td{ height:44px;}
}

.page{ display:table; margin:20px auto;}
.page *{ float:left; line-height:28px; margin:0 5px;}
.page input[type="button"]{ background:#C62E02; color:#ffffff; height:28px; padding:0 20px; border:none; border-radius:15px;}
.page input[type="button"]:hover{ opacity:0.4;}
.page input[type="text"]{ width:60px; height:26px;}
/* member end */


/* xhbj */

.head_logo3{ margin:10px auto 0;}
.head_logo3 *{ float:left;}

.shuiying{ margin:0 auto; background:url('https://img.gzjimg.com/www/images/steelhome.com/steelhome_shy.png') repeat-y center; background-size:100%;}

@media screen and (max-width:1400px){
    .head_logo3 a img.head_ad{ width:740px;}
	.shuiying{ width:1040px;}
}
@media screen and (min-width:1401px){
    .head_logo3 a img.head_ad{ width:900px;}
	.shuiying{ width:1200px;}
}

.quotation_date{ float:right;}
.quotation_date input{ height:30px; margin-left:10px;}
.quotation_date input[type="date"]{ height:28px;}
.quotation_date input[type="submit"]{ padding:0 20px; background:#f2f2f2;}

.xhbj table{ width:100%;}
.xhbj h5{ font-size:16px; color:#E53402;}
p.top_right{ text-align:right;}
p.top_center{ text-align:center;}
.xhbj table th{ background:rgba(0,0,0,0.05); font-weight:normal;}
.xhbj table td,.xhbj table th{ border:1px solid #333333; line-height:18px; padding:6px 0; text-align:center;}

/* xhbj end */


/* steel_tg */

.btn-box{}

.steel_release span,.rolling_news{ float:left;}
.steel_release span{ color:#F34830; font-weight:bold;}

.rolling_news{ width:100%; height:220px; overflow:hidden;}
.rolling_news a{ float:left; display:inline-block; text-indent:10px; height:27px;}
.rolling_news img{ float:left; width:28px;}
.rolling_news a.jiezi{ width:96%;}
ul.newslist span{ float:right;}
h2 a.more{ float:right; padding:0;}

@media screen and (max-width:1400px){
    ul.newslist li{ line-height:28px;}
	.rolling_news{ height:257px; }
}
@media screen and (min-width:1401px){
    ul.newslist li{ line-height:31px;}
	.rolling_news{ height:269px; margin:12px 0 0 0;}
}

/* 铁合金指数走势图 */

.zszst select{ width:80%; height:29px; margin:10px 0; text-indent:5px;}
.zszst img{ width:100%;}

/* 月工业结算电价表 */

table.djb{ width:100%; margin-top:7px; text-align:center;}
table.djb td{ border:1px solid #cccccc; font-size:12px;}
table.djb tr:nth-child(2n) td{ background:#f5f5f5;}
table.djb thead td{ background:#f5f5f5;}

@media screen and (max-width:1400px){
table.djb{ height:250px;}
table.djb thead td{ height:19px;}
}
@media screen and (min-width:1401px){
table.djb{ height:272px;}
table.djb thead td{ height:21px;}
}

/* 外汇牌价表 */

table.djb-hb{ width:100%; margin-top:7px; text-align:center;}
table.djb-hb td{ border:1px solid #cccccc; font-size:12px;}
table.djb-hb tr:nth-child(2n) td{ background:#f5f5f5;}
table.djb-hb thead td{ background:#f5f5f5;}

@media screen and (max-width:1400px){
table.djb-hb{ height:258px;}
table.djb-hb thead td{ height:19px;}
}
@media screen and (min-width:1401px){
table.djb-hb{ height:287px;}
table.djb-hb thead td{ height:21px;}
}

/* 日合金主产区及原料汽运费汇总 */

table.qyfhz{ width:100%; margin:6px 0 0 0;}
table.qyfhz tr:nth-child(2n) td{ background:#f5f5f5;}
table.qyfhz thead td{ background:#f5f5f5; height:22px;}
table.qyfhz td{ border:1px solid #cccccc; text-align:center;}
table.qyfhz tr:nth-child(2n) td.nobg{ background:#ffffff;}

@media screen and (max-width:1400px){
table.qyfhz{ height:365px;}
}
@media screen and (min-width:1401px){
table.qyfhz{ height:400px;}
}

/* nav_three */

.nav_three{ display:flex; justify-content:space-between; line-height:36px;}

/* focusdown_sn */

.focusdown_sn{ width:100%; height:55px;}
.focusdown_sn caption{ height:23px; line-height:23px;}
.focusdown_sn td{ border:1px solid #cccccc; text-align:center; font-size:12px;}
.focusdown_sn tr:nth-child(2n-1) td{ background:#f5f5f5;}

img.width100{ width:100%;margin: 24px 0 0 0;}

/* 水泥用煤价格 */

table.snym_price{ width:100%; margin:6px 0 0 0;}
table.snym_price td{ text-align:center; border:1px solid #cccccc;}
table.snym_price thead td{ background:#f5f5f5;}
table.snym_price tbody tr:nth-child(2n) td{ background:#f5f5f5;}

@media screen and (max-width:1400px){
table.snym_price thead td{ height:28px;}
table.snym_price{ height:252px;}
.sn_div1{height: 235px;}
.sn_div2{height: 263px;}
.mj_ul1{height: 223px;}
.focusdown_sn caption{ height:31px; line-height:31px;}
}
@media screen and (min-width:1401px){
table.snym_price thead td{ height:32px;}
table.snym_price{ height:280px;}
.sn_div1{height: 261px;}
.sn_div2{height: 292px;}
.mj_ul1{height: 248px;}

}

/* mj_jgzs */

/* .mj_jgzs{ height:30px;}
.mj_jgzs .title_jgzs{ width:80px; float:left;}
*/
.gundong_title_left{ height:30px;  display: flex;}
.gundong_title_left .title_events{ width:80px;}

#wrapper_events { cursor: pointer; height:30px;  overflow: hidden; display: flex; }
#wrapper_events div,#wrapper_events ul{ overflow:visible;}
.scroll_content { display: flex; }
#list_events, #list1_events { display: flex; flex-shrink: 0; }
.item { height:30px; flex-shrink: 0; }
/*.item a{color: red; }*/

@media screen and (max-width:1400px){
#wrapper_events { width:960px;}
}
@media screen and (min-width:1401px){
#wrapper_events { width:1120px;}
}
.mj_area{ line-height:20px; padding-bottom:10px;display:flex; justify-content:space-between;border: 1px solid #cccccc;margin-bottom: 2px;padding-top: 10px;}
.mj_area a{ font-size:12px; color:#000000;}
.mj_jgzs{ height:88px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;margin-top: 4px;}
.mj_jgzs .title_jgzs{ width:80px;}
.mj_jgzs div span{  font-family:"Arial"; font-size:15px;font-weight: 700;}
.mj_jgzs dd{ text-align:center; overflow:visible; min-height:60px; padding:14px 0;  display: flex;  justify-content: space-between;}
.mj_jgzs dd div span{ font-family:Arial; font-size:15px;}


table.jtkc{ width:100%; margin:6px 0 0 0;}
table.jtkc td{ text-align:center; border:1px solid #cccccc;}
table.jtkc thead tr:nth-child(2n) td{ background:#f5f5f5;}
table.jtkc tbody tr:nth-child(2n) td{ background:#f5f5f5;}

@media screen and (max-width:1400px){
table.jtkc thead td{ height:28px;}
table.jtkc{ height:224px;}
.hw_content .tab_conbox{height: 196px;}
.hw_content .hw_tab_conbox{height: 223px;}


}
@media screen and (min-width:1401px){
table.jtkc thead td{ height:32px;}
table.jtkc{ height:249px;}
.hw_content .tab_conbox{height: 217px;}
.hw_content .hw_tab_conbox{height: 248px;}

}

ul.gongqiu{ position:absolute; top:8px; right:0;}
ul.gongqiu li{ padding:0 8px; line-height:22px;}
ul.gongqiu li.thistab{ background:#E53300;}
ul.gongqiu li.thistab a{ color:#ffffff;background: #E53300;}

table.gq{ width:100%; margin:10px 0;}
table.gq td{ padding:12px 0; line-height:16px; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; text-align:Center;}
/* table.gq td:first-child{ border-left:1px solid #cccccc;}
table.gq td:last-child{ border-right:1px solid #cccccc;} */
table.gq thead td{ background:#E53300; color:#ffffff;}
table.gq tbody tr:nth-child(2n) td{ background:#f5f5f5;}
.columnNavigation a{padding-right: 20px;}
.steel_content{display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;line-height: 25px; margin-bottom: 10px;}


/** 搜索页面使用 */
.search-font16 *{ font-size: 16px;}
.search-font14 *{ font-size: 14px;}
.search-font18 *{ font-size: 18px;}
.layui-tab .layui-tab-title li { font-size: 18px;}
.hwgsppingzhong a{
    padding-right: 20px;
}
.hwgsppingzhong{
    line-height: 30px;
    padding-top: 5px;
    display: flex;
}
.layui-tab-content.col6_5.search-font16.info_details, .layui-tab-content.col6_5.search-font16.info_details div{overflow:visible;}

/* bcyf */

.baichuan{ margin-top:10px; width:100%;}
.baichuan td{ text-align:left; padding:0 10px; border:1px solid #cccccc;}
.baichuan tr td:first-child{ width:100px; background:#f3f4f6;}
.baichuan td:nth-child(2) a{ padding:0 12px;}

/* bcyf end*/