@charset "utf-8";
.us_index_page{ width:1100px; margin:0 auto; margin-top:6px;}
.page_area {
    width: 940px;
    margin: 0 auto 0 auto;
}

.banner a{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.banner .image{
	width:100%;
	max-width:640px;
}

.us_index_page .tl{
	font-size: 22px;
    line-height: 32px;
    background: url(/home/images/bg_home_right_area_tl_darkblue.jpg) no-repeat left;
    padding-left: 12px;
	color: #041e42;
	font-weight:bold;
}
.us_index_page .sub_tl{ font-size:22px; font-weight:bold;}

.us_index_page .space{ background:#dddfe0; height:1px; width:100%; margin:35px 0;}

.us_index_page .space.no_bottom{ margin-bottom:0;}

.us_index_page ul.point{}

.us_index_page .owl-theme .owl-dots .owl-dot{ outline:none;}

.us_index_page .banner_area .banner{ display:flex; justify-content:space-between;}

.us_index_page .banner_area .banner .text {
	display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 640px);
    box-sizing: border-box;
    padding: 1rem 3rem;
    margin-bottom: 1rem;
}

.us_index_page .banner_area .banner .text h4{ font-size:38px; /*line-height:1;*/ margin:0; color:#31373d; margin:15px 0 5px 0;}
.us_index_page .banner_area .banner .text h4 span{ color:#936846; display:block;}

/*.us_index_page.china .banner_area .banner .text h4:first-child{ font-size:26px;}*/
.us_index_page.china .banner_area .banner .text h4{ 
	font-size: 38px;
    color: #936846;
    margin: 10px 0;
    font-weight: 400;
}
.us_index_page.china .banner_area .banner .text h4 span{ display:inline;}
.us_index_page.china .banner_area .banner .text p{     
	color: #31373d;
    margin: 10px 0;
    font-size: 22px;
    line-height: 1;
}

.us_index_page .banner_area.owl-theme .owl-dots{ margin:0; position:absolute; bottom:0;}
.us_index_page .banner_area.owl-theme .owl-dots .owl-dot span{ width:5px; height:5px; margin:0 5px 0 0;}
.us_index_page .banner_area.owl-theme .owl-dots .owl-dot.active span, .banner_area.owl-theme .owl-dots .owl-dot:hover span{ background:#936846;}
.us_index_page .banner_area.owl-theme .owl-dots .owl-dot.active span{ width:25px!important;}

.us_index_page .index_area .reload{ background:url(/home/images/icon_timer_reload.jpg) no-repeat left; padding-left:22px; font-size:15px; display:inline-block; line-height:38px; color:#4e8bc1; float:right;}
.us_index_page .index_area .reload a{ color:#4e8bc1;}

.us_index_page .index_area .index_all{}
.us_index_page .index_area .index_one{ width:49%; float:left; margin-bottom:18px;}
.us_index_page .index_area .index_one:nth-child(3), .us_index_page .index_area .index_one:nth-child(3), 
.us_index_page .index_area .index_one:nth-child(3), .us_index_page .index_area .index_one:nth-child(4){ margin-bottom:0;}

.us_index_page .index_area .index_one:nth-child(odd){ margin-right:1%;}
.us_index_page .index_area .index_one:nth-child(even){ margin-left:1%;}

.us_index_page .index_area .index_one .box{ background:#f5f7f8; padding:12px 24px;}
.us_index_page .index_area .index_one .index_tl{ color:#936846; font-size:22px; font-weight:bold;}
.us_index_page .index_area .index_one .index_tl a{ color:#936846;}
.us_index_page .index_area .index_one .box .top{ display:flex; justify-content:space-between; align-items:center;}
.us_index_page .index_area .index_one .box .data{ display:flex; justify-content:space-between; align-items:center; width:60%;}
.us_index_page .index_area .index_one .box .point{ font-size:30px;}
.us_index_page .index_area .index_one .box .change{ text-align:right;}
.us_index_page .index_area .index_one .box .change span{ display:block;}
.us_index_page .index_area .index_one .box .bottom{ display:flex; font-size:15px; margin:3px 0;}
.us_index_page .index_area .index_one .box .bottom > span{ margin:0 15px;}
.us_index_page .index_area .index_one .box .bottom .close{ float:none; font-size:15px; font-weight:normal; line-height:normal; color:#000; text-shadow:none; opacity: 1;}

.us_index_page.china .index_area .tabs #tabs li{ width:25%;}
.us_index_page.china .index_area .tabs #tabs li a{ background:url(/home/images/icon_arrow_cn_tab.jpg) no-repeat right 15px center #e3e5e6; text-align:center; display:block; color:#000; line-height:1; padding:8px 0;}
.us_index_page.china .index_area .tabs #tabs li a.inactive{ background:#fff;}
.us_index_page.china .index_area .tab{ margin-top:10px;}
.us_index_page.china .index_area .tab .data{ 
    background: #f5f9fc;
    float: left;
    width: calc(100% - 481px);
    padding: 25px 40px;
	min-height:314px;
}
.us_index_page.china .index_area .tab .data:after{ content:""; display:table; clear:both;}
.us_index_page.china .index_area .tab .data .point_area{ 
	background: none !important;
    padding: 0 0 15px 0!important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
}
.us_index_page.china .index_area .tab .data .point_area .point{ font-size:34px; font-weight:bold; line-height:1; float:left;}
.us_index_page.china .index_area .tab .data .point_area .change_area{ 
	float: right;
    font-size: 16px;
    line-height: 1;
    text-align: right;
}
.us_index_page.china .index_area .tab .data .point_area .change_area .number{ display:block;}
.us_index_page.china .index_area .tab .data .tl{ background:none; padding-left:0; color:#936846; margin-bottom:5px;}
.us_index_page.china .index_area .tab .data .tl a{ color:#936846; font-size: 21px;}
.us_index_page.china .index_area .tab .data .tl .night{
	background: url(/home/images/bg_future_night_icon_bgblue.jpg) no-repeat center;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 2px;}
.us_index_page.china .index_area .tab .data .detail ul li{     
	font-size: 16px;
    line-height: 1;
    padding: 9px 0;
    text-shadow: none;
    font-weight: normal;
    opacity: 1;
	width:50%;
}

.us_index_page.china .index_area #msci.tab .data .detail ul li.volume{ display:none;}

.us_index_page.china .index_area .tab .data .detail ul li span{ margin-left:5px;}
.us_index_page.china .index_area .tab .data .detail ul li:nth-child(odd){ float:left;}
.us_index_page.china .index_area .tab .data .detail ul li:nth-child(even){ float:right;}
.us_index_page.china .index_area .tab .data .detail:after{ content:""; display:table; clear:both;}
.us_index_page.china .index_area .tab .chart{ 
	float: right;
    border-right: 1px solid #dddfe0;
    border-top: 1px solid #dddfe0;
    border-bottom: 1px solid #dddfe0;
	position:relative;
}
.us_index_page.china .index_area .tab .chart .historical_button{ 
	position: absolute;
    right: 5px;
    background: #ddd;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 13px;
    top: 5px;
}
.us_index_page.china .index_area .tab .chart .historical_button a{ color: #000000;}
.us_index_page.china .index_area .tab .chart .historical_button a span{ font-size: 12px; padding-left: 3px;}
.us_index_page.china .index_area .tab:after{ content:""; display:table; clear:both;}

.us_index_page.china .focus_area .tabs #tabs_focus li{ width:33.33%; display:block;}
.us_index_page.china .focus_area .tabs #tabs_focus li a{ background:url(/home/images/icon_arrow_cn_tab.jpg) no-repeat right 15px center #e3e5e6; text-align:center; display:block; color:#000; line-height:1; padding:8px 0;}
.us_index_page.china .focus_area .tabs #tabs_focus li a.inactive{ background:#fff;}

.us_index_page.china .compare_bar_chart{ width:930px;}

.us_index_page.china .merge_index .tl{ float:left;}
.us_index_page.china .merge_index .reload{ float:right; background:url(/home/images/icon_timer_reload.jpg) no-repeat left; padding-left:22px; font-size:15px; display:inline-block; line-height:32px; color:#4e8bc1; float:right;}
.us_index_page.china .merge_index .reload a{ color:#4e8bc1;}
.us_index_page.china .merge_index .part{}
.us_index_page.china .merge_index .part .quick_search_area{ width:300px; float:left;}
.us_index_page.china .merge_index .quick_search_area .tl{ background:none; padding-left:0; float:none; line-height:35px;}
.us_index_page.china .merge_index .quick_search_area .tl a{ color:#936846; font-size:20px;}
.us_index_page.china .merge_index .quick_search_area .point_area{ background:#fff!important; padding:10px 0 0 0!important; border-top:1px solid #d8d9d9;}
.us_index_page.china .merge_index .quick_search_area .point_area .point{ font-size:30px; line-height:34px; color:#000!important; float:left; font-weight:bold;}
.us_index_page.china .merge_index .quick_search_area .point_area .change_area{ float:right; font-size:15px; text-align:right; line-height:18px;}
.us_index_page.china .merge_index .quick_search_area .point_area .change_area span{ display:block; line-height:18px;}
.us_index_page.china .merge_index .quick_search_area .point_area .chart{ border-top:1px solid #000; border-bottom:1px solid #000; margin-top:5px;}
.us_index_page.china .merge_index .quick_search_area .point_area .detail{ clear:both; border-bottom:1px solid #d8d9d9; padding:5px 0 0 0;} 
.us_index_page.china .merge_index .quick_search_area .point_area .detail.top li{ float:left; width:50%; padding-right:2%; padding-left:0; font-size:14px; color:#000; font-weight:normal; line-height:24px; opacity:1;}
.us_index_page.china .merge_index .quick_search_area .point_area .detail.top li span{ }
.us_index_page.china .merge_index .quick_search_area .point_area .detail.top li:nth-child(even){ width:50%; padding-right:0%; padding-left:2%;}
.us_index_page.china .merge_index .quick_search_area .point_area .detail.top li.four_pm{ width:100%; padding:0;}
.us_index_page.china .merge_index .quick_search_area .point_area .detail.top li.four_pm span{ }
.us_index_page.china .merge_index .quick_search_area .point_area .detail:after{ content:""; display:table; clear:both;}
.us_index_page.china .merge_index .quick_search_area .point_area .drop span.arrow{ background:url(/home/images/bg_drop_home.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;}
.us_index_page.china .merge_index .quick_search_area .point_area .rise span.arrow{ background: url(/home/images/bg_rise_home.jpg) no-repeat; width:11px; height: 8px; display:inline-block; margin-left:5px; position:initial; top:0;}
.us_index_page.china .merge_index .quick_search_area .eclipse-arrow.eclipse-next{ top:128px;}
.us_index_page.china .merge_index .quick_search_area .eclipse-arrow.eclipse-prev{ top:128px;}
.us_index_page.china .merge_index #data-chart .tabs{ padding:0;}
.us_index_page.china .merge_index #data-chart .label{ padding:0; float:right;}
.us_index_page.china .merge_index #data-chart .label ul{ margin-bottom:0;}
.us_index_page.china .merge_index .part .compare_bar_chart{ width:590px; float:right;}
.us_index_page.china .merge_index .quick_search_area .point_area .timer{ float:left;}
.us_index_page.china .merge_index .quick_search_area .point_area .detail_button{ margin-top:5px; float:right; background:#ddd; padding:3px 6px; border-radius:4px; font-size:13px; top:5px;}
.us_index_page.china .merge_index .quick_search_area .point_area .detail_button a{ color:#000000;}

.us_index_page.china .side_index_area .side_index{ display: flex;}
.us_index_page.china .side_index_area .side_index .half{ width: 49%;}
.us_index_page.china .side_index_area .side_index .half:nth-child(odd){ margin-right:1%;}
.us_index_page.china .side_index_area .side_index .half:nth-child(even){ margin-left:1%;}
.us_index_page.china .side_index_area .side_index .tl{ background:none; padding-left:0; position:relative;}
.us_index_page.china .side_index_area .side_index .tl a{ color:#936846;}
.us_index_page.china .side_index_area .side_index .data .box{ background:#f5f9fc; padding:10px;}
.us_index_page.china .side_index_area .side_index .data .index_box{ display:flex;}
.us_index_page.china .side_index_area .side_index .data .point_area{ background:#f5f9fc!important; background:none!important; padding:0 0 10px 0!important; margin-bottom:10px; border-bottom:1px solid #000; display:flex; align-items:center; justify-content:space-between;}
.us_index_page.china .side_index_area .side_index .data .point_area .point{ font-size:24px; font-weight:bold; line-height:1; float:left;}
.us_index_page.china .side_index_area .side_index .data .point_area .change_area{ float:right; font-size:14px; line-height:1; text-align: right;}
.us_index_page.china .side_index_area .side_index .data .point_area .change_area .number{ display: block;}
.us_index_page.china .side_index_area .side_index .data .detail{ }
.us_index_page.china .side_index_area .side_index .data .detail ul li{ font-size:13px; line-height:1; padding:0 0 10px 0; text-shadow:none; font-weight:normal; opacity:1; width:50%;}
.us_index_page.china .side_index_area .side_index .data .detail ul li.four_pm{ width:100%;}
.us_index_page.china .side_index_area .side_index .data .detail ul li:last-child{ padding:0;}
.us_index_page.china .side_index_area .side_index .data .detail:after{ content:""; display:table; clear:both;}
.us_index_page.china .side_index_area .chart .adv_chart{ width:200px; height:150px;}
.us_index_page.china .side_index_area .chart{ border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.us_index_page.china .side_index_area #msci .data .detail ul li.close, 
.us_index_page.china .side_index_area .half:nth-child(even) .data .detail ul li.close{ width:100%;}
.us_index_page.china .side_index_area #msci .data .detail ul li.volume,
.us_index_page.china .side_index_area .half:nth-child(even) .data .detail ul li.volume{ display:none;}
.us_index_page.china .side_index_area .historical_button{ position:absolute; right:0; top:2px; background:#ddd; padding:3px 6px; border-radius:4px; font-size:13px; line-height:20px;}
.us_index_page.china .side_index_area .historical_button a{ color:#000!important; font-weight:normal;}
.us_index_page .time{ font-size:13px; clear:both; margin-top:5px;}
.us_index_page.china .side_index_area .reload{ background:url(/home/images/icon_timer_reload.jpg) no-repeat left; padding-left:22px; font-size:15px; display:inline-block; line-height:38px; color:#4e8bc1; float:right;}
.us_index_page.china .side_index_area .reload a{ color:#4e8bc1;}
.us_index_page .focus_area{ margin:0 0 0 0;}

.us_index_page .focus_area .sub_tl{ margin-top:5px; padding-left:12px;}
.us_index_page .focus_area .long .sub_tl{ color:#2b9ab3;}
.us_index_page .focus_area .short .sub_tl{ color:#ed8b00;}
.us_index_page .focus_area ul{ display:flex; /*justify-content:space-around;*/}
.us_index_page .focus_area ul li{ display:flex; min-width:33.33%;}
.us_index_page .focus_area ul li .number{ font-size:30px; font-weight:bold;}
.us_index_page .focus_area ul li .number a{ color:#fff; line-height:1;}
.us_index_page .focus_area ul li .desc{ line-height:1;}
.us_index_page .focus_area ul li .data{ width:135px; color:#fff; box-sizing:border-box;}
.us_index_page .focus_area .long, .us_index_page .focus_area .short{ margin:10px 0;}
.us_index_page .focus_area .long ul li .data{ padding:21px 0 0 32px; background:url(/home/images/bg_usindex_long_product.jpg) no-repeat; margin-right:14px;}
.us_index_page .focus_area .short ul li .data{ padding:21px 0 0 17px; background:url(/home/images/bg_usindex_short_product.jpg) no-repeat; margin-left:14px;}
.us_index_page .focus_area ul li .details{ margin-left:0; font-size:14px;}
.us_index_page .focus_area ul li .details .label{ /*font-size:11px;*/ border-radius:50px; /*padding:3px 5px; line-height:1; font-family:新細明體;*/ margin-left:11px;}
.us_index_page .focus_area .long ul li .details .label{ /*border:1px solid #2c9ab3;*/ color:#2c9ab3;}
.us_index_page .focus_area .short ul li .details .label{ /*border:1px solid #ed8b00;*/ color:#ed8b00;}
.us_index_page .focus_area ul li .details .item{ margin-left:11px;}

.us_index_page .focus_banner.owl-theme .owl-dots{ margin:0; position:absolute; right:0; top:-20px;}
.us_index_page .focus_banner.owl-theme .owl-dots .owl-dot span{ width:5px; height:5px; margin:0 5px 0 0;}
.us_index_page .focus_banner.owl-theme .owl-dots .owl-dot.active span, .banner_area.owl-theme .owl-dots .owl-dot:hover span{ background:#4d7aa7;}
.us_index_page .focus_banner.owl-theme .owl-dots .owl-dot.active span{ width:25px!important;}

.us_index_page.china .focus_area .scroll > .item{ margin-bottom:40px;}

.us_index_page .moneyflow_area .chart_table .num_box span{ height:232px;}
.us_index_page .moneyflow_area .money_flow_chart{ margin-top:10px;}

.us_index_page .moneyflow_area .money_flow_chart .chart_table .bar_containers{ display: flex;
    justify-content: space-between;}
	
.us_index_page .moneyflow_area .money_flow_chart .chart_table .flow_out_area .bar_containers{ flex-direction: row-reverse; }

.us_index_page .news_area .tl{ float:left;}
.us_index_page .news_area .remark{ font-size:13px; line-height:28px; font-family:Arial, Helvetica; float:right;}
.us_index_page .news_area .remark a{ color:#000;}

.us_index_page .news_area{ border-top:none!important;}
.us_index_page .news_area .realtime_news{ border-top: 4px solid #000;}
.us_index_page .news_area .realtime_news ul.no_data{ float:none; width:100%;}
.us_index_page .news_area .realtime_news ul.no_data li{ border-bottom:none; text-align:center;}
.us_index_page .news_area .realtime_news ul{ float:left; width:50%; box-sizing:border-box; }
.us_index_page .news_area .realtime_news ul.left{ /*border-right:1px solid #d8d9d9;*/}
.us_index_page .news_area .realtime_news ul.right{ border-right:none;}
.us_index_page .news_area .realtime_news ul li{ line-height:30px; margin:0; float:none; border-bottom:1px dashed #d8d9d9; font-size:15px;}
.us_index_page .news_area .realtime_news ul li.date{ background:#eaeaea; margin:0; padding:0 10px; border-bottom:none; font-weight:bold;}
.us_index_page .news_area .realtime_news ul li span{ color:#6e6d72;}
.us_index_page .news_area .realtime_news ul li a{color:#4D7AA7;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;width: 330px;float:right;}
.us_index_page .news_area .realtime_news ul li a:hover{ text-decoration:underline;}

.us_index_page .news_area .realtime_news .more_link{ text-align:right; float:right; }
.us_index_page .news_area .realtime_news .more_link a{ color:#54585a; font-size:13px; font-family:Arial, Helvetica; line-height:28px; background:url(/home/images/icon_home_more_link_gray.jpg) no-repeat right; padding-right:20px; font-weight:bold;}
.us_index_page .news_area .realtime_news .more_link a:hover{ text-decoration:underline;}
.us_index_page .news_area .realtime_news:after{ content:""; display:table; clear:both;}

.us_index_page .education_area{ background:url(/home/images/img_usindex_education.jpg) no-repeat left #f5f9fc;}
.us_index_page.china .education_area{ background:url(/home/images/img_usindex_education_china.jpg) no-repeat left #f5f9fc;}

.us_index_page .education_area .tl{ font-size:38px; line-height:1; color:#31373d; background:none; padding:40px 0 40px 250px;}
.us_index_page .education_area .tl span{ color:#936846;}
.us_index_page .education_area .education_banner{ padding-left:130px; box-sizing:border-box; padding-bottom:118px;}
.us_index_page .education_area .owl-carousel .owl-item{ }

.us_index_page .owl-carousel .owl-item img{ height:auto;}

.us_index_page .education_area .owl-carousel .owl-item .item{ padding:25px; min-height:230px; background:#fff; display:flex; flex-direction:column; justify-content:space-between;}
.us_index_page .education_area .owl-carousel .owl-item .item a{ display:flex; min-height:230px; flex-direction:column; justify-content:space-between;}
.us_index_page .education_area .owl-carousel .owl-item .item.one .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion1.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.two .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion2.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.three .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion3.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.four .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion4.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.five .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion5.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.six .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion6.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.seven .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion7.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.eight .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion8.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.nine .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion9.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.ten .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion10.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.elevn .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion11.jpg) no-repeat; background-size:cover;}
.us_index_page .education_area .owl-carousel .owl-item .item.twelve .icon{ width:56px; height:56px; background:url(/home/images/icon_usindex_educarion12.jpg) no-repeat; background-size:cover;}

.us_index_page.china .education_area .owl-carousel .owl-item .item.one .icon{ width:56px; height:56px; background:url(/home/images/icon_cnindex_educarion1.jpg) no-repeat; background-size:cover;}
.us_index_page.china .education_area .owl-carousel .owl-item .item.two .icon{ width:56px; height:56px; background:url(/home/images/icon_cnindex_educarion2.jpg) no-repeat; background-size:cover;}
.us_index_page.china .education_area .owl-carousel .owl-item .item.three .icon{ width:56px; height:56px; background:url(/home/images/icon_cnindex_educarion3.jpg) no-repeat; background-size:cover;}
.us_index_page.china .education_area .owl-carousel .owl-item .item.four .icon{ width:56px; height:56px; background:url(/home/images/icon_cnindex_educarion4.jpg) no-repeat; background-size:cover;}
.us_index_page.china .education_area .owl-carousel .owl-item .item.five .icon{ width:56px; height:56px; background:url(/home/images/icon_cnindex_educarion5.jpg) no-repeat; background-size:cover;}

.us_index_page .education_area .owl-carousel .owl-item .item h2{ font-weight:normal; margin:0; font-size:22px; padding-bottom:20px;}
.us_index_page .education_area .owl-carousel .owl-item .item.one h2{ border-bottom:3px solid #1a7b99;}
.us_index_page .education_area .owl-carousel .owl-item .item a{ color:#000;}
.us_index_page .education_area .owl-carousel .owl-item .item.two h2{ border-bottom:3px solid #e26e00;}
.us_index_page .education_area .owl-carousel .owl-item .item.three h2{ border-bottom:3px solid #9b57a6;}
.us_index_page .education_area .owl-carousel .owl-item .item.four h2{ border-bottom:3px solid #af8462;}
.us_index_page .education_area .owl-carousel .owl-item .item.five h2{ border-bottom:3px solid #1a7b99;}
.us_index_page .education_area .owl-carousel .owl-item .item.six h2{ border-bottom:3px solid #e26e00;}
.us_index_page .education_area .owl-carousel .owl-item .item.seven h2{ border-bottom:3px solid #9b57a6;}
.us_index_page .education_area .owl-carousel .owl-item .item.eight h2{ border-bottom:3px solid #af8462;}
.us_index_page .education_area .owl-carousel .owl-item .item.nine h2{ border-bottom:3px solid #1a7b99;}
.us_index_page .education_area .owl-carousel .owl-item .item.ten h2{ border-bottom:3px solid #e26e00;}
.us_index_page .education_area .owl-carousel .owl-item .item.elevn h2{ border-bottom:3px solid #9b57a6;}
.us_index_page .education_area .owl-carousel .owl-item .item.twelve h2{ border-bottom:3px solid #af8462;}

.us_index_page.china .education_area .owl-carousel .owl-item .item.four h2{ border-bottom:3px solid #1a7b99;}
.us_index_page.china .education_area .owl-carousel .owl-item .item.five h2{ border-bottom:3px solid #e26e00;}

.us_index_page .education_area .owl-carousel .owl-nav{ display:block; margin:0; position:absolute; margin-left:115px; margin-top:15px;}
.us_index_page .education_area .owl-carousel .owl-nav button{ background:#fff; width:54px; height:54px; border-radius:54px; color:#000;}
.us_index_page .education_area .owl-theme .owl-nav [class*=owl-]:hover{ color:#000;}

.us_index_page .education_area .pop_box{ display:none; position:absolute; z-index:1; top:20px;}

.jquery-modal ul li{ margin-bottom:20px;}
.jquery-modal .table{ margin-top:20px; overflow-x:auto;}
.jquery-modal .table table{ margin:0 auto;}
.jquery-modal .table table thead th{ line-height:1.5; font-size:15px;}
.jquery-modal .table table tbody td{ line-height:1.5; font-size:15px; vertical-align: middle;}
.jquery-modal .table table tbody td, .jquery-modal .table table tbody th{ border-right:none;}

.jquery-modal .table table tbody tr:hover td, 
.jquery-modal .table table tbody tr:nth-child(even):hover td{ background:#fff;}

.us_index_page .us_index_intro_area .subtl{ font-size:22px; color:#936846; font-weight:bold; margin-top:10px; padding-left:12px;}

/*.us_index_page.china .us_index_intro_area .chart .subtl{ margin-top:0; margin-bottom:10px;}*/

.us_index_page .us_index_intro_area .intro_area.owl-theme .owl-dots{ display:block; margin:0; position:absolute; right:0; top:-20px;}
.us_index_page .us_index_intro_area .intro_area.owl-theme .owl-dots .owl-dot span{ width:5px; height:5px; margin:0 5px 0 0;}
.us_index_page .us_index_intro_area .intro_area.owl-theme .owl-dots .owl-dot.active span, .banner_area.owl-theme .owl-dots .owl-dot:hover span{ background:#4d7aa7;}
.us_index_page .us_index_intro_area .intro_area.owl-theme .owl-dots .owl-dot.active span{ width:25px!important;}
.us_index_page .us_index_intro_area .box{ background:#f5f9fc; padding:15px 12px;}
.us_index_page .us_index_intro_area .box ul{ list-style:disc; margin-left:1em; padding-left:1em;}
.us_index_page .us_index_intro_area .box ul li{ float:none;}
.us_index_page .us_index_intro_area .chart{ width:470px; float:left; display:flex; flex-direction:column; margin-bottom:15px;}

.us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav{    
	margin-top: 0;
    position: absolute;
    width: 100%;
	top:50%;
}
.us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-prev, .us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-next{ position: absolute; font-size:46px; line-height:1; margin: 0;}
.us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-prev{ left: 0; border:none; outline:none;}
.us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-next{	right: 0; border:none; outline:none;}

.us_index_page .us_index_intro_area .intro_area.owl-theme .owl-nav{    
	margin-top: 0;
    position: absolute;
    width: 100%;
	top:50%;
}
.us_index_page .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-prev, .us_index_page .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-next{ position: absolute; font-size:46px; line-height:1; margin: 0;}
.us_index_page .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-prev{ left: 0; border:none; outline:none;}
.us_index_page .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-next{	right: 0; border:none; outline:none;}

.us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-prev:hover, .us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-next:hover{ background:none; color:#000;}

.us_index_page.china .us_index_intro_area .chart{ margin-bottom:0;}

.us_index_page .us_index_intro_area .chart img{ height:auto;}
.us_index_page .us_index_intro_area .chart .subtl{ color:#041e42;}
.us_index_page .us_index_intro_area .chart .remark{ padding-left:12px; font-size:13px; padding-right:40px; box-sizing:border-box; text-align:left;}
.us_index_page .us_index_intro_area .top10{ width:40%; float:right;}
.us_index_page .us_index_intro_area .top10 .subtl{ color:#041e42; padding-left:0; line-height:32px;}
.us_index_page .us_index_intro_area .top10 .moneyflow_link{ 
    background: url(/home/images/icon_china_moneyflow.png) no-repeat;
    background-size: auto 100%;
    padding-left: 30px;
	    margin-top: 10px;
}
.us_index_page .us_index_intro_area .top10 .moneyflow_link a{ color:#000; line-height:24px;}

.us_index_page .us_index_intro_area .top10 table{ border-top:4px solid #000;}
.us_index_page .us_index_intro_area .top10 table thead th{ text-align:left; background:#eaeaea; padding:3px 20px;}
.us_index_page .us_index_intro_area .top10 table tbody td{ border-bottom:1px solid #d8d9d9; padding:3px 20px;}

.us_index_page.china .us_index_intro_area .top10{ width:43%;}
.us_index_page.china .us_index_intro_area .top10 table thead th{ text-align:center; background:#eaeaea; padding:3px 5px;}
.us_index_page.china .us_index_intro_area .top10 table tbody td{ text-align:center; border-bottom:1px solid #d8d9d9; padding:3px 5px;}


.us_index_page .adv_chart_area .remark{
    padding-left: 12px;
    font-size: 13px;
    padding-right: 12px;
    box-sizing: border-box;
}
.us_index_page .adv_chart_area .remark .left{ float:left;}
.us_index_page .adv_chart_area .remark .right{ float:right;}

.us_index_page #data-chart{ background:#101920;}
.us_index_page .merge_index .label{ color:#fff; float:right; padding:0 0 0 25px; font-size:14px;}
.us_index_page .merge_index .label ul{ margin-bottom:5px;}
.us_index_page .merge_index .label ul:after{ content:""; display:table; clear:both;}
.us_index_page .merge_index .label ul li{ margin-left:25px; line-height:1; padding-top:5px; color:#000;}
.us_index_page .merge_index .label ul li:nth-child(1) span{ background:#b080ff;}
.us_index_page .merge_index .label ul li:nth-child(2) span{ background:#b9bc00;}
.us_index_page .merge_index .label ul li span{ width:13px; height:3px; float:left; margin-top:7px; margin-right:3px; margin-left:10px;}
/*.us_index_page #data-chart .label ul.us li:nth-child(1){ border-top:2px solid #b080ff;}*/
/*.us_index_page #data-chart .label ul.us li:nth-child(2){ border-top:2px solid #5484b6;}*/
/*.us_index_page #data-chart .label ul.us li:nth-child(3){ border-top:2px solid #b9bc00;}*/
.us_index_page .merge_index .label ul.us li:nth-child(4){ border-top:2px solid #8ae1ca;}
.us_index_page .merge_index .label ul.hk{ margin-bottom:0;}
.us_index_page .merge_index .label ul.hk li:nth-child(1){ border-top:2px solid #fb9200;}

.us_index_page #data-chart .tabs{ float:right; padding: 20px 25px 0 0;}
.us_index_page #data-chart .tabs ul li{ margin-left:5px;}
.us_index_page #data-chart .tabs ul li button{ background:#dedede; color:#000; border-radius: 4px; font-size: 13px; padding:3px 10px;}
.us_index_page #data-chart .tabs ul li button.active{ background:#4e7aa7; color:#fff;}

.us_index_page.china .bar_chart_area{}
.us_index_page.china .bar_chart_area .label{ color:#000; padding:0 25px 0 25px; font-size:14px; display:flex; justify-content:center;}
.us_index_page.china .bar_chart_area .label ul{ }
.us_index_page.china .bar_chart_area .label ul:after{ content:""; display:table; clear:both;}
.us_index_page.china .bar_chart_area .label ul li{ margin-left:25px; line-height:1; padding-top:5px;}
.us_index_page.china .bar_chart_area .label ul.us li:nth-child(1){ border-top:2px solid #b080ff;}
.us_index_page.china .bar_chart_area .label ul.us li:nth-child(2){ border-top:2px solid #5484b6;}
.us_index_page.china .bar_chart_area .label ul.us li:nth-child(3){ border-top:2px solid #b9bc00;}
.us_index_page.china .bar_chart_area .label ul.us li:nth-child(4){ border-top:2px solid #8ae1ca;}

.us_index_page.china .bar_chart_area .label.box li{ border-top:none!important;}
.us_index_page.china .bar_chart_area .label.box ul li span{ display:inline-block; width:13px; height:13px;}
.us_index_page.china .bar_chart_area .label.box ul li span.orange{ background:#af81fe;}
.us_index_page.china .bar_chart_area .label.box ul li span.blue{ background:#5484b5;}
.us_index_page.china .bar_chart_area .label.box ul li span.gray{ background:#babc01;}

.education_mobile{ background:#f5f9fc; padding: 0 0 20px 0;}
.education_mobile .tl span {
    color: #936846;
}
.education_mobile .tl{ font-size:38px; line-height:1; color:#31373d; background:none; padding: 20px 20px 10px 20px;}
.education_mobile .box{ background:#fff; margin:0 20px; padding: 10px;}

.education_mobile .collapsible_title {
    cursor: pointer;
    width: calc(100% - 15px);
    padding: 5px 20px 5px 50px;
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 15px;
    box-sizing: border-box;
	position:relative;
}
.education_mobile .collapsible_title:after{ content:""; width:16px; height:16px; background:url(/home/images/down-arrow.svg) no-repeat; background-size:100% auto; position:absolute; right:0;}
.education_mobile .active.collapsible_title:after{ background:url(/home/images/up-arrow.svg) no-repeat; background-size:100% auto; }

.education_mobile .collapsible_title.one{ background:url(/home/images/icon_usindex_educarion1.jpg) no-repeat left center; background-size:40px;}
.education_mobile .collapsible_title.two{ background:url(/home/images/icon_usindex_educarion2.jpg) no-repeat left center; background-size:40px;}
.education_mobile .collapsible_title.three{ background:url(/home/images/icon_usindex_educarion3.jpg) no-repeat left center; background-size:40px;}
.education_mobile .collapsible_title.four{ background:url(/home/images/icon_usindex_educarion4.jpg) no-repeat left center; background-size:40px;}
.education_mobile .collapsible_title.five{ background:url(/home/images/icon_usindex_educarion5.jpg) no-repeat left center; background-size:40px;}
.education_mobile .collapsible_title.six{ background:url(/home/images/icon_usindex_educarion6.jpg) no-repeat left center; background-size:40px;}
.education_mobile .collapsible_title.seven{ background:url(/home/images/icon_usindex_educarion7.jpg) no-repeat left center; background-size:36px;}
.education_mobile .collapsible_title.eight{ background:url(/home/images/icon_usindex_educarion8.jpg) no-repeat left center; background-size:36px;}
.education_mobile .collapsible_title.nine{ background:url(/home/images/icon_usindex_educarion9.jpg) no-repeat left center; background-size:36px;}
.education_mobile .collapsible_title.ten{ background:url(/home/images/icon_usindex_educarion10.jpg) no-repeat left center; background-size:36px;}
.education_mobile .collapsible_title.elevn{ background:url(/home/images/icon_usindex_educarion11.jpg) no-repeat left center; background-size:36px;}
.education_mobile .collapsible_title.twelve{ background:url(/home/images/icon_usindex_educarion12.jpg) no-repeat left center; background-size:36px;}

.us_index_page.china .education_mobile .collapsible_title.one{ background:url(/home/images/icon_cnindex_educarion1.jpg) no-repeat left center; background-size:40px;}
.us_index_page.china .education_mobile .collapsible_title.two{ background:url(/home/images/icon_cnindex_educarion2.jpg) no-repeat left center; background-size:40px;}
.us_index_page.china .education_mobile .collapsible_title.three{ background:url(/home/images/icon_cnindex_educarion3.jpg) no-repeat left center; background-size:40px;}
.us_index_page.china .education_mobile .collapsible_title.four{ background:url(/home/images/icon_cnindex_educarion4.jpg) no-repeat left center; background-size:40px;}
.us_index_page.china .education_mobile .collapsible_title.five{ background:url(/home/images/icon_cnindex_educarion5.jpg) no-repeat left center; background-size:40px;}

.education_mobile .collapsible_content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding:0 10px;
  margin: 10px 0;
}

.education_mobile .collapsible_content.one{ border-bottom:2px solid #197b98;}
.education_mobile .collapsible_content.two{ border-bottom:2px solid #e47710;}
.education_mobile .collapsible_content.three{ border-bottom:2px solid #ac74b5;}
.education_mobile .collapsible_content.four{ border-bottom:2px solid #af8462;}
.education_mobile .collapsible_content.five{ border-bottom:2px solid #197b98;}
.education_mobile .collapsible_content.six{ border-bottom:2px solid #e47710;}
.education_mobile .collapsible_content.seven{ border-bottom:2px solid #ac74b5;}
.education_mobile .collapsible_content.eight{ border-bottom:2px solid #af8462;}
.education_mobile .collapsible_content.nine{ border-bottom:2px solid #197b98;}
.education_mobile .collapsible_content.ten{ border-bottom:2px solid #e47710;}
.education_mobile .collapsible_content.elevn{ border-bottom:2px solid #ac74b5;}
.education_mobile .collapsible_content.twelve{ border-bottom:2px solid #af8462;}

.china .education_mobile .collapsible_content.four{ border-bottom: 2px solid #197b98;}
.china .education_mobile .collapsible_content.five{ border-bottom: 2px solid #e47710;}

.education_mobile .collapsible_content h2{
  font-size: 20px;
  font-weight: bold;
}

.modal {
    max-height: 65%;
    overflow: unset;
    max-width: 900px;
    width: 100%;
    border-radius: 0;
    padding: 45px 5px 25px 25px;
    position: relative;

}
.modal:after{
	    content: "";
    position: absolute;
    width: 300px;
    height: 12px;
    background: #1a7b99;
    top: 0;
}

.modal a.close-modal{
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==') center #000;
	    right: 0;
    top: 0;
}

.jquery-modal .scrolly {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
	font-size: 15px;
	padding-right: 25px;
}

.northbound_chart_area{}
.northbound_chart_area .chart_area{ border-top:1px solid #000;}
.northbound_chart_area .chart_area .detail_area{ width:350px; float:left; margin-left:5px;}

.northbound_chart_area .chart_area .detail_area .moneyflow_link{ 
    background: url(/home/images/icon_china_moneyflow.png) no-repeat;
    background-size: auto 100%;
    padding-left: 30px;
	    margin-top: 10px;
}
.northbound_chart_area .chart_area .detail_area .moneyflow_link a{ color:#000; line-height:24px;}

.northbound_chart_area .chart_area .detail_area li:first-child{ padding-top:15px;}
.northbound_chart_area .chart_area .detail_area li{ float:none; padding-top:20px;}
.northbound_chart_area .chart_area .detail_area li .flowin{ color:#228a02;}
.northbound_chart_area .chart_area .detail_area li .flowout{ color: #ee3224;}
.northbound_chart_area .chart_area .detail_area .tl{ padding-left:0; background:none; font-size:20px; line-height:1; margin-bottom:5px;}
.northbound_chart_area .chart_area .detail_area .tl .unit{ display:block;}
.northbound_chart_area .chart_area .detail_area .stock_area{ margin-bottom:10px;}
.northbound_chart_area .chart_area .detail_area .stock_area .stock_code{ float:left; padding-left:12px; background:url(/home/images/bg_home_right_area_tl_orange_new.jpg) no-repeat left; font-size:18px;}
.northbound_chart_area .chart_area .detail_area .stock_area .stock_code a{ color:#000;}
.northbound_chart_area .chart_area .detail_area .moneyflow{ float:right; font-size:18px;}
.northbound_chart_area .chart_area .detail_area .market_area{ margin-bottom:10px;}
.northbound_chart_area .chart_area .detail_area .market_area .market_name{ float:left; padding-left:12px; background: url(/home/images/bg_home_right_area_tl_orange_new.jpg) no-repeat left; font-size:18px;}
.northbound_chart_area .chart_area .detail_area .timer{ margin-top:10px;}
.northbound_chart_area .chart_area .chart{ width:100%; /*width:550px; float:left;*/}
.northbound_chart_area .description li.vshsi{ background:url(/home/images/bg_line_description_black_light.jpg) no-repeat left;}
.northbound_chart_area .description li.total{ background:url(/home/images/bg_line_description_green_new.jpg) no-repeat left;}


 .icon_bar{ background:url(/home/images/bg_new_event_bar.jpg) no-repeat #474c50; padding:1.6rem 2rem; display:flex; justify-content:space-evenly; flex-wrap:wrap;}
 .icon_bar > a{ display:flex; flex-direction:column; color:#fff; min-width:140px;}
 .icon_bar > a > span{ margin-bottom:10px;}
 .icon_bar > a:hover{ color:#1a7b99;}
 .socialitem {
  display: inline-flex;
  transform: rotate(0deg);
  transform-style: preserve-3d;
  transition: transform 0.25s;
  align-items: flex-start;
  flex-direction: column;
}
 .socialitem:hover {
  transform: rotate(0deg);
}
.socialitem > span {
  transform: rotate(-360deg);
  transition: transform 0.25s;
  margin-bottom: 5px;
}
.socialitem:hover > span {
  transform: rotate(0deg);
}
.social {
  text-align: center;
} 
.socialitem .txt{ display:flex; align-items: flex-start;}
.socialitem .txt .arrow{ background:url(/home/images/icon_bar_arrow.png) no-repeat center; width:15px; height:22px; margin-left:5px; transition:0.4s all;}
.icon_bar a{ text-decoration:none;}
.icon_bar a:hover .socialitem .txt .arrow{ background:url(/home/images/icon_bar_arrow_b.png) no-repeat center; width:15px; height:22px; margin-left:10px;}
.us_index_page .banner_area.owl-theme .owl-dots{ bottom: 15px; left: 1rem;}




@media only screen and (max-width: 767px) {
.us_index_page.china .side_index_area .side_index{ flex-direction:column;}
.us_index_page.china .side_index_area .side_index .half{ width:100%; margin:0!important;}
.us_index_page.china .side_index_area .side_index .data .index_box{ flex-direction:column; width:100%;}
.us_index_page.china .side_index_area .historical_button{ position:unset; float:right; margin-bottom:5px;}
.us_index_page.china .side_index_area .side_index .data .box{ padding:15px;}
.us_index_page.china .side_index_area .chart{ border:1px solid #eaeaea; margin:0;}
.us_index_page.china .side_index_area .chart .adv_chart{ width:100%;}
.us_index_page.china .side_index_area .side_index .tl a{ display:block;}
.us_index_page.china .side_index_area .side_index .half:nth-child(odd){ margin-bottom:15px!important;}
	
.us_index_page.china .merge_index .part .quick_search_area{ width:calc(100% - 40px); margin-top:5px; margin-left:20px; margin-right:20px;}
.us_index_page.china .merge_index .part .compare_bar_chart{ width:100%; margin-top:10px;}
	
.us_index_page.china .merge_index .quick_search_area .point_area .timer{ margin-left:0;}

.us_index_page.china .merge_index .quick_search_area .point_area .chart{ width:100%!important; margin-left:0;}
.us_index_page .merge_index .label ul li{ margin-left:auto;}
	
.us_index_page{ 
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
.us_index_page .banner_area .banner{
    flex-direction: column-reverse;
}
.us_index_page .banner_area .banner .text h4 span{ display:inline-block;}
.us_index_page .banner_area.owl-theme .owl-dots{
	margin: 10px;
    position: relative;
}
.us_index_page .index_area .index_one .box{ padding:12px;}
.us_index_page .index_area .index_all{ display:flex; flex-direction:column;}
.us_index_page .index_area .index_one{ width: 100%; margin-right:0!important; margin-bottom:10px!important;}
.us_index_page .index_area .index_one .box .bottom > span{ margin:0 10px;}
.us_index_page .focus_area ul{ flex-direction:row; align-items: flex-start; flex-wrap:wrap; display:flex; /*justify-content:space-around;*/}
.us_index_page .focus_area ul li{ margin-bottom:10px; flex-direction:column; width: 50%;}
.us_index_page .focus_area ul li .data{ margin-bottom:5px; min-width:0!important;}
.us_index_page .focus_area .long ul li .data{ padding-bottom:10px; margin-right:0!important;}
.us_index_page .focus_area .short ul li .data{ padding-bottom:10px; margin-right:0!important;}
.us_index_page .chart_table.etf tbody td.name{ width:50px;}

.us_index_page.china .focus_area .scroll{}
.us_index_page.china .focus_area ul{ flex-direction:row; align-items:center; display:flex; /* justify-content: space-around; flex-wrap: wrap; */ flex-wrap:nowrap; justify-content:flex-start; overflow-x:scroll;}
.us_index_page.china .focus_area ul li{ margin-bottom:10px; display:flex; flex-wrap:wrap; flex-direction:column; min-width:45%; align-items:center;}

.us_index_page .news_area .realtime_news ul.left {
    width: 100%;
    border-right: none;
}
.us_index_page .news_area .realtime_news ul.right{ display:none;}
.us_index_page .news_area .realtime_news ul li a{ width:calc(100% - 45px); padding-left:5px;}
.us_index_page .education_area .tl{ padding:20px 15px 15px 15px;}
.us_index_page .education_area{background:#f5f9fc;}
.us_index_page .education_area .education_banner{ padding-left:15px; padding-bottom: 15px;}
.us_index_page .education_area .owl-carousel .owl-nav{ margin-left:0; position:relative;}

.us_index_page .us_index_intro_area .chart{ width:100%; margin:0; padding:0;}
.us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-next{ right:-5px;}
.us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav .owl-prev{ left:-5px;}
.us_index_page .us_index_intro_area .chart .remark{ position:0 12px;}
.us_index_page .us_index_intro_area .top10{ width:100%; margin:0!important;}
.us_index_page .us_index_intro_area .top10 .subtl{ padding-left:12px;}
.us_index_page.china .us_index_intro_area .top10{ width:100%;}

.us_index_page.china .bar_chart_area img{ width:100%; height:auto;}

.us_index_page .chart img{ width:100%; height:auto;}
.us_index_page #data-chart .label ul.us{ margin-bottom:0;}
.us_index_page #data-chart .label ul li{ margin-bottom:10px; margin-left:0; margin-right:20px;}

.us_index_page.china .bar_chart_area .label{ float:none; padding:10px 25px 10px 25px;}
.us_index_page.china .bar_chart_area .label ul { margin-bottom:0;}
.us_index_page.china .bar_chart_area .label ul li{ margin-bottom:10px; margin-left:0; margin-right:20px;}

.us_index_page .chart{ margin-left:5px;}
.us_index_page .chart img{ width:115px; height:auto;}

.us_index_page.china .index_area .tabs #tabs li{ width:50%;}
.us_index_page.china .index_area .tabs #tabs li a{ background:#e3e5e6;}
.us_index_page.china .index_area .tab .data{ width:100%; float:none; padding:25px;}
.us_index_page.china .index_area .tab .chart{ width:100%; float:none; border:none; box-sizing:border-box; margin-left:0;}
.us_index_page.china .index_area .tab .chart img{ width:100%; height:auto;}

.us_index_page.china .focus_area ul#tabs_focus{ justify-content:space-between; overflow:unset; margin-top:10px;}
.us_index_page.china .focus_area .tabs #tabs_focus li{ min-width:0; width:auto;}
.us_index_page.china .focus_area .tabs #tabs_focus li a{ padding:8px 10px; background:#e3e5e6;}

.us_index_page.china .us_index_intro_area .intro_area.owl-theme .owl-nav{ top:30%;}

.northbound_chart_area .chart_area .detail_area li{ padding-top: 20px;}
.northbound_chart_area .chart_area .chart{ width:100%; margin:0;}
.northbound_chart_area .chart_area .detail_area{ width:100%; margin:0;}
.northbound_chart_area .timer{ margin-left:0;}

.os_table .table_container .num_range a{ font-size:12px; text-align:left;} 
.os_table tbody tr td.last_diff{ font-size:12px;} 
.os_table .table_container .num_range a.active{ background:url("../images/icon_os_chart_expand.jpg") center left 5px no-repeat;}
.os_table tbody tr td.focus{ width: 77px;}
}


@media only screen and (max-width: 767px){
	.icon_bar > a {
		width: 50%;
	}
	.socialitem {
		align-items: center;
	}
	.icon_bar .socialitem .txt .arrow{
		display:none;
	}
	.icon_bar > a:nth-child(1), .icon_bar > a:nth-child(2){
		margin-bottom:20px;
	}
	.us_index_page .banner_area .banner .text{
		width:100%;
	}
	.page_area {
    width: 100%;
    margin: 20px auto 0 auto;
	}	
}