@charset "utf-8";

/************banner************/
.h_banner{height:170px;text-align:center;padding-top:130px;color:#fff;}
.h_banner02{height:230px;text-align:center;padding-top:130px;color:#fff;}
.h_banner p,.h_banner02 p{font-size:24px;color:#999;padding-top:5px;}
.know_banner{background:url(/static/images/know_banner.jpg) no-repeat center #323232;}
.help_banner{background:url(/static/images/help_banner.jpg) no-repeat center #323232;}
.news_banner{background:url(/static/images/news_banner.jpg) no-repeat center #323232;}
.calendar_banner{background:url(/static/images/calendar_banner.jpg) no-repeat center #323232;}

.trader{background:#f5f5f5;}
.trader_con{width:1240px;margin:0 auto;background:#fff;box-shadow:1px 2px 7px rgba(0, 0, 0, 0.03);line-height:28px;position:relative;top:-60px;z-index:9;min-height:300px;}

/************行业新闻、快讯样式************/
.news li a{display:block;color:#999;}
.date{width:150px;float:left;text-align:center;padding:25px 0;color:#999;}
.news_list{width:1060px;border-bottom:1px solid #eee;float:left;padding:25px 30px 25px 0;}
.news_list strong{color:#323232;}
.news_list strong:hover{color:#baba00;}
.news_list p{font-size:14px;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;}

.news_calendar_title{border-bottom:1px solid #eee;padding:25px 30px;color:#999;line-height:24px;}
.news_calendar_title span{float:right;width:120px;padding-left:20px;}
.news_calendar_title span a{width:48px;height:24px;display:block;float:right;}
.news_calendar_title span a.open{background:url(/static/images/tips_btn.png) no-repeat 0 0;}
.news_calendar_title span a.off{background:url(/static/images/tips_btn.png) no-repeat 0 -24px;}
.news_calendar{width:1060px;border-bottom:1px solid #eee;float:left;padding:25px 30px 25px 0;line-height:22px;}
.news_calendar p{font-size:14px;padding-top:5px;}
.news_calendar img{width:36px;margin:5px 15px 0 0;float:left;display:block;}
.news_calendar span{float:right;}

/************财经日历选择日期样式************/
.calendar_title{width:100%; overflow:auto; padding:0 30px;height:80px;border-bottom:1px solid #eee;}
.calendar_title ul{width:738px;}
.l_calendar_title{width:660px;float:left;}
.l_calendar_title ul{width:540px;padding:0 15px;float:left;}
.l_calendar_title ul li{width:8.28%;padding:0 3%;float:left;}
.l_calendar_title ul li a{padding:15px 0;height:48px;display:block;font-size:14px;line-height:24px;text-align:center;}
.l_calendar_title ul li a:hover,.l_calendar_title ul li a.cur{color:#baba00;border-bottom:2px solid #baba00;}
.last_week,.next_week{width:30px;height:30px;line-height:28px;border-radius:50%;text-align:center;border:1px solid #ddd;color:#ccc;display:block;float:left;margin-top:24px;}
a.last_week:hover,a.next_week:hover{background:#3989f1;border:1px solid #3989f1;color:#323232;}

.r_calendar_title{width:220px;height:48px;background:#f5f5f5;padding:0 20px;margin-top:16px;float:right;display:block;border-radius:24px;}
.calendar_text{width:190px;height:48px;line-height:48px;background:#f5f5f5;background:url(/static/images/calendar_icon.png) no-repeat left;padding-left:40px;}

/************财经日历列表样式************/
.data_name{background:#f8f8f8;padding:12px 30px;color:#999;font-weight:bold;}
.data_tips{font-size:14px;color:#999;padding:0 30px;height:30px;line-height:14px;background:#f8f8f8;}
.calendar_data ul li{background:#fff;border-bottom:1px solid #f5f5f5;padding:20px 30px;line-height:22px;display:inline-table;}
.l_calendar_data{width:120px;float:left;}
.l_calendar_data span{width:50%;float:left;}
.l_calendar_data span img{width:24px;margin:0 auto;}
.r_calendar_data{width:1060px;float:left;}
.data_title,.event_affect span{width:40%;float:left;}
.data_list{width:25%;float:left;}
.data_list span{width:33%;float:left;}
.data_list span i{display:none;}
.data_affect{width:30%;float:right;}
.data_affect span,.data_tips span,.event_city{float:left;}
.event_affect{width:280px;float:left;}
.event_title,.holiday_title{width:780px;float:left;}
.no_data{width:100%;text-align:center;color:#999;padding:30px 0;}

/************快讯、日历的重要级及利多利空样式************/
.green_lv01,.green_lv02,.red_lv01,.red_lv02{font-size:14px;height:24px;line-height:24px;padding:0 10px;border-radius:15px;margin-right:10px;display:block;}
.green_lv01{border:1px solid #0da88b;color:#0da88b;}
.green_lv02{border:1px solid #0da88b;background:#0da88b;color:#fff;}
.red_lv01{border:1px solid #ef5656;color:#ef5656;}
.red_lv02{border:1px solid #ef5656;background:#ef5656;color:#fff;}
.star01,.star02,.star03{width:60px;height:26px;display:block;float:right;margin-right:25px;}
.star01{background:url(/static/images/star.png) no-repeat 0 0;}
.star02{background:url(/static/images/star.png) no-repeat 0 -26px;}
.star03{background:url(/static/images/star.png) no-repeat 0 -52px;}

/************投资百科************/
.know_con{width:1200px;margin:0 auto;padding:60px 0 60px 0;min-height:320px;}
.know-box{padding: 20px 0 30px 0 !important;}
.help{width:380px;float:left;margin:40px 25px 0 25px;display:block;}
.category{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.category li{width: 595px;height: 374px;background-color: #FFFFFF;margin-bottom: 10px;position: relative;}
.category li .text-header{display: flex;justify-content: flex-start;padding: 20px 0 0 20px;}
.category li .header-top{display: none;}
.category li .text-header .header-right{padding-left: 15px;}
.category li .text-header .header-right p:nth-of-type(1){font-weight: bold;font-size: 26px;line-height: 33px;display: flex;align-items: center;}
.category li .text-header .header-right p:nth-of-type(1) a{color: #111111;}
.category li .text-header .header-right p:nth-of-type(1) span{width: 8px;height: 22px;display: block;margin-right: 10px;border-radius: 4px; background-image: linear-gradient(to bottom, #2d83f3, #2a7bd7);}
.category li .text-header .header-right p:nth-of-type(2){width: 307px;padding-top: 10px;color: #666666;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-weight: bold;}
.category li .text-header img{width: 240px;height: 120px;display: block;}
.category li .text-content{padding: 23px 20px;}
.category li .text-content .content-item{font-size: 14px;color: #888888;display: flex;justify-content: space-between;align-items: center;height: 38px;line-height: 38px;}
.category li .text-content .content-item span:nth-of-type(1){overflow: hidden;text-overflow:ellipsis;white-space: nowrap;flex: 1.5;padding-right: 5px;}
.category li .text-content .content-item span:nth-of-type(2){text-align: right;}
.category li .more{color: #2d83f3;font-size: 14px;position: absolute;top: 7%;right: 3%;font-weight: bold;display: flex;align-items: center;}
.category li .more img{width: 5px;height: 9.06px;display: block;margin-left: 10px;}

/************投资百科列表************/
.know_nav{padding:20px 25px 10px 25px;}
.know_nav li{float:left;padding:0 15px 15px 0;}
.know_nav li a{height:36px;line-height:36px;padding:0 20px;color:#999;border:1px solid #ddd;border-radius:30px;display:block;}
.know_nav li a:hover,.know_nav li a.cur{background:#3989f1;border:1px solid #3989f1;color:#323232;}
.know_nav li a span{font-size:12px;padding-left:6px;}
.konw_list li{width:380px;float:left;margin:0 25px;}
.konw_list li a,.help dd ul li a{height:54px;line-height:54px;color:#323232;border-bottom:1px dashed #ddd;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;}
.konw_list li a:hover,.help dd ul li a:hover{color:#baba00;}
.konw_lists,.lis{display: block;}
.curs{background:#3989f1;border:1px solid #3989f1;color:#323232 !important;}

.know-content{width: 1190px;}
.know-content .know-item{width: 100%; display: flex;justify-content: space-between;padding-top: 40px;}
.know-content .know-item img{width: 200px;height: 140px;display: block;flex: 0.5;}
.know-content .know-item .know-text{flex: 1.5;padding-left: 10px;display: flex;flex-direction: column;justify-content: space-between;}
.know-content .know-item .know-text p:nth-of-type(1){color: #555;font-weight: bold;font-size: 18px;line-height: 33px;}
.know-content .know-item .know-text p:nth-of-type(2){color: #999999;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: justify;line-height: 2;}
.know-content .know-item span{flex: 0.5;text-align: right;line-height: 140px;color: #999999;font-size: 14px;}
.know-swipernav{display: none;}

/************帮助中心************/
.help_search{width:370px;height:30px;padding:9px 10px 9px 25px;border-radius:30px;background:#fff;margin:15px auto;}
.search_text{height:30px;line-height:30px;width:330px;float:left;}
.search_btn{height:30px;width:40px;background:url(/static/images/search.png) no-repeat 0 0;float:right;}
.search_btn:hover{background:url(/static/images/search.png) no-repeat 0 -30px;}
.help dd ul{padding:10px 0 20px 0;}
.help_tips{text-align:center;color:#999;padding:30px 0;}

/************行情************/
.quotes_nav{height:60px;line-height:60px;background:#f5f5f5;}
.quotes_nav li{float:left;}
.quotes_nav li a{padding:0 40px;display:block;}
.quotes_nav li a:hover{color:#323232;}
.quotes_nav li a.cur{background:#fff;color:#323232;font-weight:bold;}

.quotes,.contract,.transaction_data{padding:30px;}
.quotes_title{height:50px;}
.title_data01{width:140px;float:left;}
.title_data01 strong{font-size:24px;}
.title_data01 p{font-size:14px;color:#999;}
.quotes_data{float:left;}
.quotes_data dt{width:340px;float:left;padding-top:5px;}
.quotes_data dt h2{font-size:48px;line-height:36px;float:left;padding-right:15px;}
.quotes_data dd{width:280px;float:left;}
.quotes_data dd ul li{width:140px;float:left;font-size:14px;}
.quotes_data dd ul li span{color:#999;padding-right:10px;}

.quotes_btn{width:130px;float:right;}
.quotes_btn a{height:48px;line-height:48px;display:block;background:#3989f1;color:#323232;border-radius:40px;text-align:center;}
.quotes_btn a:hover{background:#baba00;color:#323232;}
.k_line{padding-top:30px;}
.k_line img{width:100%;}

.contract th{text-align:right;color:#999;border-bottom:1px solid #eee;padding:15px 0;font-weight:normal;}
.contract td{border-bottom:1px solid #eee;padding:15px 0 15px 30px;}
.transaction_data th{background:#f5f5f5;border-bottom:1px solid #eee;padding:15px 0;font-weight:normal;color:#999;}
.transaction_data td{text-align:center;border-bottom:1px solid #eee;padding:15px 0;}
.london{display: none;}
.londons,.los{display: block;}

/************品种介绍************/
.introduction{padding-bottom:40px;}
.superiority,.about_variety,.market{padding-top:40px;}
.int_title{font-size:30px;background:url(/static/images/data_bg02.png) no-repeat left bottom;padding-bottom:8px;margin:0 0 10px 30px;}
.about_variety p,.market_tips{padding:10px 30px 0 30px;}
.superiority ul li strong{font-size:24px;}
.superiority_con,.market_con{padding-left:20px;}
.superiority_con li{width:340px;float:left;margin:20px 10px 0 10px;padding:20px;display:block;background:#f8f8f8;min-height:100px;}
.superiority_con li p,.factor_con li p{color:#999;padding-top:10px;}
.factor_con li{float:left;margin:20px 30px 0 30px;padding:20px;display:block;background:#f8f8f8;}
.market_con li{width:280px;float:left;margin:20px 10px 0 10px;display:block;}
.market_con li strong{background:#323232;color:#fff;padding:30px 20px 20px 20px;font-size:24px;border-radius:10px 10px 0 0;display:block;}
.market_con li p{padding:15px 20px;border:1px solid #eee;border-radius:0 0 10px 10px;min-height:180px;}

/************今日汇率************/
.exchange{padding:30px;}
.exchange ul li{width:27%;padding:30px 3%;float:left;text-align:center;background:#f5f5f5;border-right:3px solid #fff;}
.exchange ul li p{width:40%;float:left;}
.exchange ul li strong{font-size:24px;}
.exchange ul li img{width:40px;margin:0 auto 10px auto;display:block;}
.amount{width:20%!important;font-size:48px;color:#bbb;padding-top:25px;}
.exchange_tips{padding-top:25px;}
.exchange_tips p{color:#999;padding:5px 0 15px 0;}

/************网站地图************/
.sitemap{padding:40px 60px 60px 60px;}
.sitemap ul{float:left;padding-right:110px;}
.sitemap ul li{padding-bottom:20px;line-height:24px;}
.sitemap ul li a:hover{color:#baba00;}

/************专家点评样式************/
.review_teacher{float:left;}
.review_teacher li{padding:0 25px;float:left;}
.review_teacher li a{padding:17px 0 13px 0;height:48px;display:block;line-height:24px;text-align:center;color:#323232;}
.review_teacher li p{font-size:14px;color:#999;}
.review_teacher li a:hover,.review_teacher li a.cur{color:#baba00;border-bottom:2px solid #baba00;}
.review_teacher li a.cur p{color:#baba00;}

.teacher{padding:25px 30px 25px 0;background:#f8f8f8;}
.teacher dt{width:150px;float:left;}
.teacher dt img{width:60px;height:60px;border-radius:50%;display:block;margin:0 auto;}
.teacher dd{width:1060px;float:left;}
.teacher dd h2 span{font-size:14px;color:#999;padding-left:15px;}
.teacher dd p{font-size:14px;color:#999;line-height:24px;padding-top:5px;}
.review_con p{color:#999;}
.review_con .date{padding:26px 30px 0 30px;width:90px;}
.review_name{padding-top:10px;line-height:20px;}
.review_name img{width:20px;height:20px;border-radius:50%;float:left;display:block;margin-right:10px;}

@media screen and (max-width:800px){
	.h_banner,.h_banner02{height:100px;padding:20px 16px !important;}
    .h_banner p,.h_banner02 p{font-size:18px;}
    .trader_con{width:100%;top:0;}

	/************行业新闻、快讯、财经日历************/
	.news_list p,.news_calendar_title,.news_calendar img,.know_nav,.r_calendar_title,.last_week,.next_week,.data_tips,.quotes_btn,.hide{display:none;}
	.date{width:90%;text-align:left;padding:15px 5% 0 5%;font-size:14px;}
    .news_list,.news_calendar{width:90%;padding:0 5% 15px 5%;line-height:24px;}
	.news_calendar span.star01,.news_calendar span.star02,.news_calendar span.star03{float:left;}
	.news_calendar p.affect{height:28px;}
	.star01,.star02,.star03{margin-right:0;}
	.green_lv01,.green_lv02,.red_lv01,.red_lv02{font-size:12px;height:20px;line-height:20px;margin:2px 0 0 10px;float:right!important;}

	.data_name{padding:5px 4%;font-size:14px;font-weight:normal;}
	.calendar_title{padding:0;height:60px;}
	.l_calendar_title{width:100%;}
    .l_calendar_title ul{width:100%;padding:0;}
    .l_calendar_title ul li{width:14.28%;padding:0;}
    .l_calendar_title ul li a{padding:10px 0;height:38px;font-size:12px;line-height:20px;}
	.l_calendar_data{width:10%;text-align:center;}
    .l_calendar_data span{width:100%;font-size:14px;color:#999;padding:2px 0;}
	.calendar_data ul li{padding:15px 0;width:100%;height:auto;}
    .l_calendar_data{width:16%;text-align:center;}
    .l_calendar_data span,.event_affect,.event_title{width:100%;}
    .r_calendar_data{width:80%;}
	.data_title{width:100%;padding:2px 0;}
	.data_list{width:100%;font-size:12px;color:#999;}
	.data_list span{width:auto;padding-right:15px;}
    .data_list span i{font-style:normal;display:inline-block;}
    .data_affect{width:100%;float:left;}
	.event_affect span{width:50%;}
	.event_city{float:right!important;font-size:14px;text-align:right;color:#999;}
	.holiday_title{width:100%;font-size:14px;color:#999;padding-top:5px;}

	/************百科、帮助************/
	.know_con{width:100%;margin:0 auto;padding:0 0 0 0;}
    .category li,.help{width:100%;margin:10px 0 0 0;}
	.category li .know_title p{padding:27% 5% 0 5%;}
	.konw_list li{width:100%;margin:0;}
	.help_search{width:88%;max-width:330px;}
    .search_text{width:76%;}

	/* 手机端百科 */
	.know-box{padding: 0 0 10px 0 !important;}
	.category li{height: auto;}
	.category li .text-header img{width: 150px;height: 75px;display: block;}
	.category li .header-top{padding: 10px 15px 0 15px;display: block;font-size: 17px;}
	.category li .header-top p{display: flex;align-items: center;width: 100%;}
	.category li .header-top p span:nth-of-type(1){width: 5px;height: 17px;display: block;margin-right: 5px;border-radius: 4px; background-image: linear-gradient(to bottom, #FFD100 , #FEA400);}
	.category li .header-top a{color: #111111;font-weight: bold;}
	.category li .text-header{padding: 13px 0 0 13px;}
	.category li .text-header .header-right{display: flex;padding-left: 10px;line-height: 24px;}
	.category li .text-header .header-right p:nth-of-type(1){display: none;}
	.category li .text-header .header-right p:nth-of-type(2){font-size: 14px;padding-top: 0px;width: auto;padding-right: 15px;}
	.category li .text-content{padding: 10px 15px;}
	.category li .more{display: none;}
	.category li a.more2{color: #F5960B;font-size: 14px;font-weight: bold;display: flex;align-items: center;justify-content: flex-end;flex: auto;}
	.category li .more2 img{width: 12px;height: 10px;display: block;margin-left: 5px;}

	/* 手机端投资百科导航 */
	.know-swipernav{width: 100%;height: 44px;background-color: #ffffff;display: block;overflow-x: scroll;display: flex;justify-content: flex-start;align-items: center;}
	.know-swipernav::-webkit-scrollbar{display:none}
	.know-swipernav li{color: #4B4B4B;font-size: 15px;margin-left: 20px;flex:none;}
	.know-swipernav li a{color: #4B4B4B;}
	.know-swipernav li:nth-last-of-type(1){margin-right: 5%;}
	.textactive{color: #111111 !important;font-size: 17px !important;font-weight: bold !important;border-bottom: 3px solid #F5960B;}
	.know_nav{display: none;}
	.item-height{width: 100%; padding-top: 10px;background-color: #F5F6FA;}

	/* 投资百科 */
	.know-content {width: 90%;padding: 0 5%;background-color: #FFFFFF;}
	.know-content .know-item{display: block;padding-top: 0;margin-top: 20px;}
	.know-content .know-item img{margin: 0 auto;width: 100%;height: auto;}
	.know-content .know-item .know-text p:nth-of-type(1){font-size: 18px;padding: 5px 0;}
	.know-content .know-item .know-text p:nth-of-type(2){line-height: 24px;}
	.know-content .know-item .know-text{line-height: 0;padding-left: 0;}
	.know-content .know-item span{line-height: 0;padding:15px;display: block;text-align: right;}


	/************行情************/
	.quotes_title{height:auto;}
	.quotes_nav{height:48px;line-height:48px;}
	.quotes_nav li{width:20%;text-align:center;}
    .quotes_nav li a{padding:0;}
	.quotes_nav li a span{right: 6px !important;top: 6px !important;}
	.quotes,.contract,.transaction_data{padding:20px 5%;}
	.contract th,.transaction_data th,.transaction_data td{font-size:14px;line-height:22px;}
	.contract td{padding:15px 0 15px 20px;font-size:14px;line-height:22px;}

	/************品种介绍************/
	.introduction{padding-bottom:20px;}
	.superiority,.about_variety,.market{padding-top:20px;}
	.int_title{font-size:24px;margin:5% 0 10px 5%;}
	.about_variety p,.market_tips{padding:10px 5% 0 5%;}
	.superiority ul li strong{font-size:18px;}
	.superiority_con,.market_con,.factor_con{padding:0 5%;}
	.superiority_con li,.factor_con li{width:90%;margin:20px 0 0 0;padding:15px 5%;min-height:60px;}
	.superiority_con li p,.factor_con li p{padding-top:5px;}
	.market_con li{width:100%;margin:20px 0 0 0;}
	.market_con li p{min-height:130px;}

	/************今日汇率************/
    .exchange{padding:20px 5%;}
    .exchange ul li{width:94%;padding:30px 3%;border-right:none;border-bottom:3px solid #fff;}

	/************网站地图************/
	.sitemap{padding:20px 5%;}
	.sitemap ul{width:33.33%;padding-right:0;min-height:360px;}

	/************专家点评样式************/
	.review_teacher{width:100%;}
	.review_teacher li{padding: 0 25px;}
	.review_teacher li a{padding:10px 0;height:38px;font-size:14px;line-height:20px;}

	.teacher{padding:15px 0;}
	.teacher dt{width:100%;}
	.teacher dd h2{width:100%;text-align:center;padding-top:10px;}
	.teacher dd h2 span{width:100%;padding:0;display:block;}
	.teacher dd{width:90%;padding:0 5%;}
	.review_con .date{padding:10px 5% 0 5%;width:90%;}
	.review_list .review_name{display:block}

	}