﻿/* ==资讯频道首页样式== */

/*#region ====渐隐广告轮播====*/
.adfade_wrap{position:relative;}
.adfade_wrap #close_ad_btn{display:block; width:24px; height:26px;position:absolute;top:0;right:40px;cursor:pointer;z-index:1;background:url(/web/img/close_24x24.png) no-repeat left 2px;}
#scroll_product_list {display:block;width:100%;position:relative; height:60px;}
#scroll_product_list li {display:none;text-align:center;position:absolute;left:0;top:0; width:100%; height:60px;}
#scroll_product_list li img{ width:1200px; height:60px;}
#scroll_product_list li.on {display:block;}
#scroll_product_list li div {width:1200px; display:inline-block;}
#scroll_product_list li div.tooltip,#scroll_product_list li div.tooltip div{ width:auto;}

/*#region ==============顶部轮播图模块============*/
/*列表*/
.right_list_wrap span{ display:inline-block; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.right_list_wrap .pro_list_title{ width:100%; height:43px; line-height:43px; background-color:#ddd; color:#6b6573;}
.right_list_wrap .pro_list_title span{ font-size:16px;}
.right_list_wrap .pro_list_title span.c1{ width:80px;}
.right_list_wrap .pro_list_title span.c2{ width:120px;}
.right_list_wrap .pro_list_title span.c3{ width:120px;}
.right_list_wrap .pro_list_title span.c4{ width:75px;}

/*轮播图右侧推荐企业*/
.banner_right_content_wrap{ width:390px; margin-left:20px;}
.right_list_wrap .reconmmend_company_logo_wrap ul{ border-top:1px solid #f2f2f2; border-right:1px solid #f2f2f2; padding:0; display:inline-block; margin-top:20px;}
.right_list_wrap .reconmmend_company_logo_wrap ul li{ width:193px; height:78px; border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; float:left; text-align:center;}
.right_list_wrap .reconmmend_company_logo_wrap ul li:hover img{ padding-left:20px;}
.right_list_wrap .reconmmend_company_logo_wrap ul li img{ width:165px; height:78px;}

/*轮播图右侧产品列表*/
.right_list_wrap ul.pro_list{ width:390px; display:inline-block; background-color:#f9f9f9;color:#818181; padding:0 10px;}
.right_list_wrap ul.pro_list li{ height:39px; line-height:39px;border:1px solid #f9f9f9;border-bottom:1px solid #dfdfdf; cursor:pointer;}
.right_list_wrap ul.pro_list li:hover{border:1px solid #f28f18; padding-left:5px;}
.right_list_wrap ul.pro_list li a{ color:#333; display:inline-block; width:385px;}
.right_list_wrap ul.pro_list li a:hover{ color:#333;}
.right_list_wrap ul.pro_list li span.c1{ width:65px;}
.right_list_wrap ul.pro_list li span.c2{ width:120px;}
.right_list_wrap ul.pro_list li span.c3{ width:125px;}
.right_list_wrap ul.pro_list li span.c4{ width:75px;}

.right_list_wrap .more a{ display:inline-block; width:390px;-width:390px; height:39px;-height:30px; padding:0 10px; border-bottom:1px solid #dfdfdf; background-color:#ededed;color:#333; line-height:39px;-line-height:30px; text-align:center;}

/*轮播图右侧互动投票*/
.right_list_wrap .vote_list_wrap{ color:#8c8c8c;}
.right_list_wrap .vote_list_wrap .vote_title{ margin:10px 0 9px; font-size:16px;}
.right_list_wrap .vote_list_wrap ul{ border:1px solid #dfdfdf; background-color:#fcfafb;}
.right_list_wrap .vote_list_wrap ul li{ padding:7px 10px; *padding:5px 10px; border-bottom:1px dotted #e0dedf; margin-bottom:-1px;}
.right_list_wrap .vote_list_wrap ul li p{ margin-bottom:8px; *margin-bottom:5px;}
.right_list_wrap .vote_list_wrap ul li div.process_bar{ float:left; width:300px;}
.right_list_wrap .vote_list_wrap ul li div.process_bar span.progress_slid{ width:10px; height:12px; background-color:#f28f18; border-radius:10px;}
.right_list_wrap .vote_list_wrap ul li div.process_bar span.vote_add{ color:#f28f18; width:20px; text-align:right; display:none;}
.right_list_wrap .vote_list_wrap ul li div.vote_btn{ float:right; width:60px;}
.right_list_wrap .vote_list_wrap ul li div.vote_btn span{ display:inline-block; width:40px;}

/*#endregion */

/*#region ==============中间内容============*/
/*#region ======左侧======*/
.channel_link { cursor:pointer;}
.info_main_left_list_wrap .article_text{ max-width:100%; float:left;}
.info_main_left_list_wrap .article_text_imgnull{ width:100%;}
.info_main_left_list_wrap .article_text_imgnull h2{ width:100%;}
.info_main_left_list_wrap .article_img{ display:inline-block;width:200px; height:130px;margin: 20px 0 0 30px;width: 200px; text-align:right;}
.info_main_left_list_wrap .article_img img{ width:200px; height:130px;}

/*专题分析*/
.info_main_left_list_wrap .topics_analyze{ margin-bottom:30px;}

/*#endregion*/

/*#region ======右侧======*/
/*推荐企业、产研报告ul样式*/
.info_main_right_recommend_wrap ul.muodles_hover_view{ margin-top:10px;}
.info_main_right_recommend_wrap ul.muodles_hover_view li{ padding:10px 0; border:1px solid #fff; border-bottom:1px solid #eee;}
.info_main_right_recommend_wrap ul.muodles_hover_view li:hover{ padding-left:10px; padding-right:10px;}
.info_main_right_recommend_wrap ul.muodles_hover_view li:hover{ border-color:#f5ab54;}
.info_main_right_recommend_wrap ul.muodles_hover_view li.last{ border-bottom:1px solid #fff;}
.info_main_right_recommend_wrap ul.muodles_hover_view li.last:hover{ border-color:#f5ab54;}
.info_main_right_recommend_wrap ul.muodles_hover_view li a{ font-size:14px;}
.info_main_right_recommend_wrap ul.muodles_hover_view li a span{ display:inline-block; font-weight:normal; font-size:18px; color:#272322; line-height:23px;white-space: nowrap;width: 324px;}
.info_main_right_recommend_wrap ul.muodles_hover_view li a div{ margin-top:5px; line-height:23px; color:#7c7c7c;}

/*推荐企业*/
.info_main_right_recommend_wrap .recommend_company_wrap{ margin-bottom:30px;}
.info_main_right_recommend_wrap .recommend_company_wrap .page_title_line_wrap{}

/*产研报告*/
.info_main_right_recommend_wrap .pro_research_wrap .page_title_line_wrap{ width: 360px; margin:0 auto;}

/*社区ul样式*/
.info_main_right_recommend_wrap .community_wrap{margin-bottom: 20px;}
.info_main_right_recommend_wrap .community_wrap ul.community_list li{font-size:14px; border-bottom:1px dashed #e1e1e1;}
.info_main_right_recommend_wrap .community_wrap ul.community_list li a{color:#7c7c7c; display:inline-block;}
.info_main_right_recommend_wrap .community_wrap ul.community_list li a div{ display:inline-block; width:360px; height:50px; line-height:50px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.info_main_right_recommend_wrap .community_wrap ul.community_list li a span{ color: White; float:left; font-size: 12px;height: 50px;line-height: 50px;text-align: center;vertical-align: top;width: 15px;}
.info_main_right_recommend_wrap .community_wrap ul.community_list li:hover a div{ color:#f5ab54; padding-left:15px;}
.info_main_right_recommend_wrap .community_wrap ul.community_list li:hover{ background:url(/web/img/bg_community_trangle_26_24.png) left center no-repeat;}
.info_main_right_recommend_wrap .community_wrap ul.community_list li:hover a span{}

/*板材首页推荐企业样式*/
.info_main_right_recommend_wrap .coil_community_wrap{ margin-bottom:20px;}
.info_main_right_recommend_wrap .coil_community_wrap ul.community_list li{font-size:14px; border-bottom:1px dashed #e1e1e1;padding: 12px 0 8px;}
.info_main_right_recommend_wrap .coil_community_wrap ul.community_list li a h4{color: #333;display: inline-block;font-size: 16px;font-weight: normal;padding-bottom: 5px;}
.info_main_right_recommend_wrap .coil_community_wrap ul.community_list li a:hover h4{ color:#1f8ccd;}
.info_main_right_recommend_wrap .coil_community_wrap ul.community_list li div{ display:inline-block; width:360px; line-height:23px; color:#888;}/* white-space:nowrap; overflow:hidden;text-overflow: ellipsis;*/


/*现货库存*/
.info_main_right_recommend_wrap .resource_wrap{ margin-bottom:40px;}
.info_main_right_recommend_wrap .resource_wrap span{ display:inline-block; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.info_main_right_recommend_wrap .resource_wrap .pro_list_title{ margin-top:10px; width:100%; height:43px; line-height:43px; background-color:#ddd; color:#6b6573;}
.info_main_right_recommend_wrap .resource_wrap .pro_list_title span{ font-size:16px;}
.info_main_right_recommend_wrap .resource_wrap .pro_list_title span.c1{ width:80px;}
.info_main_right_recommend_wrap .resource_wrap .pro_list_title span.c2{ width:115px;}
.info_main_right_recommend_wrap .resource_wrap .pro_list_title span.c3{ width:120px;}
.info_main_right_recommend_wrap .resource_wrap .pro_list_title span.c4{ width:75px;}
.info_main_right_recommend_wrap .resource_wrap .more a{ display:inline-block; width:100%;height:39px;border-bottom:1px solid #dfdfdf; background-color:#ededed;color:#333; line-height:39px;-line-height:30px; text-align:center;}


/*广告位*/
.info_main_right_recommend_wrap .ad_wrap{ text-align:center; margin-bottom:20px;}
.info_main_right_recommend_wrap .ad_wrap img{ max-width:360px; max-height:325px;}

/*#endregion */


/*#endregion*/

/*#region ====字数限制====*/
.font_size_hidden {
    font-size: 15px;
    max-height: 48px;
    line-height: 24px;
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    white-space: nowrap;
    width: 528px;
}
/*#endregion ====字数限制====*/

#lme_chart{width:370px; margin:10px auto 10px 15px;}


/*#region ==============板卷首页广告图模块245*60============*/
div.news_index_wrap{height:60px;margin:30px 0 30px -11px;}
div.news_index_wrap ul li { float:left; width:auto;}
div.news_index_wrap ul li a { display:inline-block; width:245px;height:60px;background:url(/web/news/img/xuwei_zhongda.jpg) left top no-repeat;margin-left:12px; background-size:245px 60px;}
div.news_index_wrap ul li a img {width:245px;height:60px;background-color:white;}
/*#endregion*/

/*#region ==============顶部轮播图模块============*/
div.news_index_ad_wrap{height:60px;margin:40px 0 40px -11px;}
div.news_index_ad_wrap ul li { float:left;}
div.news_index_ad_wrap ul li a { display:inline-block; width:230px;height:60px;background:url(/web/index/img/xuwei_zhong.jpg) left top no-repeat;margin-left:12px; background-size:230px 60px;}
div.news_index_ad_wrap ul li a img {width:230px;height:60px;background-color:white;}
/*#endregion*/

/*引导层*/
.colse_btn{ width:48px; height:48px;float:right;}
.back_btn{width:108px;height:41px;}
.colse_btn,.next_guide,.finish_guide{cursor:pointer;}
.next_guide{width:92px;height:60px;}
.finish_guide{width:90px; height:60px;}
.guide1,.guide2{ position:absolute; z-index:19891017;}


/*#region ==============板卷首页改版样式============*/
.coil_index_page ul.muodles_hover_view{ margin-top:10px;}
.coil_index_page ul.muodles_hover_view li{ padding:5px 0; border:none; border-bottom:none;}
.coil_index_page ul.muodles_hover_view li:hover{ padding-left:0px; padding-right:0px;}
.coil_index_page ul.muodles_hover_view li.last{ border-bottom:none;}
.coil_index_page ul.muodles_hover_view li a{overflow: hidden; display:inline-block; font-weight:normal; font-size:16px; color:#272322; line-height:23px;white-space: nowrap;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.coil_index_page ul.muodles_hover_view li a:hover{ color:#1f8ccd;}
/*#endregion */


/*#region LME/SHFE table*/
.dc_table {border-collapse: separate;table-layout: fixed;width: 100%;}
.dc_table th { padding:11px 0; color:black; text-align:center; font-size:15px; }
.dc_table td { padding:8px 10px; line-height:24px; text-align:center; font-size:14px; }
.recommend_company_wrap li{line-height: 21px;margin-bottom: 0;}
/*#endregion*/

/*#region 原料首页改版*/

/*原料首页推荐企业样式*/
.info_main_right_recommend_wrap .reconmmend_company ul{ border-top:1px solid #f2f2f2; border-right:1px solid #f2f2f2; padding:0; display:inline-block; margin-top:20px;}
.info_main_right_recommend_wrap .reconmmend_company ul li{ width:193px; height:78px; border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; float:left; text-align:center;}
.info_main_right_recommend_wrap .reconmmend_company ul li:hover img{ padding-left:20px;}
.info_main_right_recommend_wrap .reconmmend_company ul li img{ width:165px; height:78px;}

/*原料首页汇率样式*/
div.community_wrap div.tab_content{width:98%;text-align:center;margin:0 auto;}
div.community_wrap div.tab_content table{width:100%;text-align:center;}
div.community_wrap div.tab_content table tr{line-height:18px;}
div.community_wrap div.tab_content table tr td{padding:12px;font-weight:bold;font-size:14px;width:38%;}
div.community_wrap div.tab_content table tr td:first-child{text-align:left;width:35%;font-weight:100;}
div.community_wrap div.tab_content table tr td:last-child{text-align:center;width:25%;font-weight:100;}

/*导航条切换效果*/
.info_main_right_recommend_wrap .news_block{ margin-left:10px; height:290px;overflow: hidden;}
.news_box_tab{ position:relative;}
.news_box_tab .news_block_tab1,.news_box_tab .news_block_tab2{ position:absolute; top:10px; left:10px;width: 97%; background-color:White; min-height:350px;}
.news_box_tab .show{ z-index:4;}
.community_wrap .news_block_title{ background:url("/web/index/img/bg-index-2-222.gif") repeat-x scroll 0 -166px;border-bottom: 3px solid #ccc; height:32px;}
.community_wrap .news_block_title .news_block_title_name{ float:left; border-bottom: 3px solid #f28f19;font-size: 16px;font-weight: bold; cursor:default; padding:0 15px; height:32px; line-height:32px; display:inline-block; text-align:center; min-width:50px;}
.community_wrap .news_block_title .news_block_tab{ display:block; float:left; border-bottom-color:#ccc; cursor:pointer;}
.community_wrap .news_block_title .news_block_tab1{ border-bottom-color:#ccc;}
.community_wrap .news_block_title .news_block_tab2{ border-left:1px solid #ccc;}
.community_wrap .news_block_title .news_block_tab_on{ border-bottom-color:#f28f19;}

/*#endregion*/

/*带材列表页调整*/
.price_day_list{padding-left:20px;margin:0;width:390px;}
.price_day_list ul.news_price_list{margin-top:16px;}
.price_day_list ul.news_price_list li{border: medium none;padding: 5px 0;line-height:24px;margin-bottom:0;}
.price_day_list ul.news_price_list li a{color: #272322; display: inline-block; font-size: 16px; font-weight: normal;line-height: 24px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width: 100%;}
.price_day_list ul.news_price_list li a:hover{color:#1f8ccd;}
.info_main_right_recommend_wrap .recommend_knowledge_wrap{margin-bottom:30px;}
.info_main_right_recommend_wrap .recommend_knowledge_wrap ul{margin-top:10px;}
.info_main_right_recommend_wrap .recommend_knowledge_wrap ul li{border: medium none;padding: 5px 0;line-height:21px;margin-bottom:0;}
.info_main_right_recommend_wrap .recommend_knowledge_wrap ul li:hover{padding: 5px 0;}
.info_main_right_recommend_wrap .recommend_knowledge_wrap ul li a{color: #272322; display: inline-block; font-size: 16px; font-weight: normal;line-height: 23px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width: 100%;}
.info_main_right_recommend_wrap .recommend_knowledge_wrap ul li a:hover{color:#1f8ccd;padding:0;}