@media (min-width: 768px) and (max-width: 4000px) {
.container {
    width: 1200px;
    max-width: 1200px; } 
}

.us_news .home_realtime_news {
	margin: 60px auto;
}
.us_news .realtime_news {
	clear:both;
}
.us_news .home_realtime_news .realtime_news {
    border-top: 5px solid #00477b;
}

.us_news .home_realtime_news .tl {
	line-height: 44px;
    background: none;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 3px;
    padding-left: 0;
    color: #517ba6;
}

.us_news .home_realtime_news .remark .right {
	margin-top: 18px;
}

@media (max-width: 768px) {
.us_news .home_realtime_news .realtime_news ul.left {
	width: 100%;
	border-right: none;
}
.us_news .home_realtime_news .realtime_news ul.right {
	display: none;
}
} 

#page .header.scroll_down .content {
  box-sizing: unset; }

.us_index_page {
  margin-top: 5px; }
  .us_index_page #header {
    width: 1000px;
    height: 830px;
    overflow: hidden;
    position: relative; }
  .us_index_page .header-item {
    width: 100%;
    height: 845px;
    overflow: hidden;
    position: relative; }
    .us_index_page .header-item .header-title {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      z-index: 10;
      position: absolute;
      top: 10%; }
      .us_index_page .header-item .header-title img {
        width: 52%; }
    .us_index_page .header-item .header-title-2 {
      width: 100%;
      text-align: left;
      left: 10%;
      top: 20%; }
      .us_index_page .header-item .header-title-2 img {
        width: 40%; }
    .us_index_page .header-item .header-bg {
      width: 100%;
      height: 100%;
      background-position: bottom center;
      background-size: cover;
      transform: scale(2);
      transition: all 2s ease;
      opacity: 0.5; }
      .us_index_page .header-item .header-bg.zout {
        transform: scale(1);
        opacity: 1; }
      .us_index_page .header-item .header-bg.header-bg-1 {
        background-image: url(/home/images/usindex/header1.png); }
      .us_index_page .header-item .header-bg.header-bg-2 {
        background-image: url(/home/images/usindex/header2.png); }
  .us_index_page .header-nav {
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 45%;
    text-align: center; }
  .us_index_page .nav-btn {
    border: 1px solid #aaa;
    border-radius: 10px;
    width: 9px;
    height: 9px;
    cursor: pointer; }
    .us_index_page .nav-btn.active {
      background: #aaa; }
  .us_index_page .live-charts {
    margin-top: -277px;
    margin-bottom: 50px;
    position: relative;
    min-height: 350px; }
    .us_index_page .live-charts .chart-container {
      background: rgba(255, 255, 255, 0.8); }
  .us_index_page .four-tabs-container {
    margin-top: 0;
    position: relative; }
  .us_index_page .transformable {
    transition: all 0.5s ease-in-out;
    opacity: 0; }
    .us_index_page .transformable.from-top {
      transform: translateY(-30px); }
    .us_index_page .transformable.from-bottom {
      transform: translateY(20px); }
    .us_index_page .transformable.from-left {
      transform: translateX(-20px); }
    .us_index_page .transformable.active {
      transform: translate(0px, 0px) !important;
      opacity: 1; }
  .us_index_page .four-tabs {
    background: no-repeat transparent url(/home/images/usindex/tab-bg.png);
    background-size: cover;
    min-height: 620px; }
    .us_index_page .four-tabs .icon {
      transition: all 0.8s ease-in-out;
      transform: translateY(20px);
      opacity: 0; }
      .us_index_page .four-tabs .icon.active {
        transform: translateY(0px);
        opacity: 1; }
      .us_index_page .four-tabs .icon img {
        height: 100%;
        width: auto; }
      .us_index_page .four-tabs .icon.icon-1 img {
        width: 70%;
        padding-left: 40px; }
      .us_index_page .four-tabs .icon.icon-2 img {
        width: 43%;
        padding-left: 11px; }
      .us_index_page .four-tabs .icon.icon-3 img {
        width: 30%;
        padding-left: 0; }
      .us_index_page .four-tabs .icon.icon-4 img {
        width: 43%;
        padding-left: 0; }
    .us_index_page .four-tabs .tab-corner.tab-corner-1 {
      margin-left: 29.2%; }
    .us_index_page .four-tabs .tab-corner.tab-corner-2 {
      margin-left: 15%; }
    .us_index_page .four-tabs .tab-corner.tab-corner-3 {
      margin-left: 10%; }
    .us_index_page .four-tabs .tab-corner.tab-corner-4 {
      margin-left: 10%; }
    .us_index_page .four-tabs .tab-corner img {
      display: none; }
    .us_index_page .four-tabs .tab-corner.active img {
      display: block; }
    .us_index_page .four-tabs .details {
      margin-left: 30%;
      margin-top: 10px;
      padding-left: 5px;
      border-left: 1px solid #aaa;
      min-height: 225px; }
      .us_index_page .four-tabs .details.details-2 {
        margin-left: 15%; }
      .us_index_page .four-tabs .details.details-3 {
        margin-left: 10%; }
      .us_index_page .four-tabs .details.details-4 {
        margin-left: 10%; }
      .us_index_page .four-tabs .details .title {
        color: #d7d2cb;
        font-size: 32px;
        line-height: 42px; }
      .us_index_page .four-tabs .details .desc {
        margin-top: 20px;
        font-size: 16px;
        color: #e8e9e9;
        min-height: 70px; }
      .us_index_page .four-tabs .details .learn {
        margin-top: 20px;
        font-size: 11px;
        color: #e8e9e9;
        background: #e8e9e9;
        color: #00477b;
        display: inline-block;
        padding: 1px 12px;
        border-radius: 3px;
        cursor: pointer; }
    .us_index_page .four-tabs .learn-content {
      position: absolute;
      width: 87%; }
      .us_index_page .four-tabs .learn-content .mobile {
        font-size: 16px;
        font-weight: bold; }
    .us_index_page .four-tabs .tab-content.no-gutters {
      margin-right: 15px;
      margin-left: 15px; }
    .us_index_page .four-tabs .tab-content .tab-content-container {
      width: 87.5%;
      margin: auto;
      padding: 10px;
      background: rgba(232, 233, 233, 0.65);
      color: #115880;
      font-size: 16px;
      height: 100px; }
  .us_index_page .index-container {
    min-height: 500px; }
    .us_index_page .index-container a.view-more-btn {
      display: inline-block;
      color: #000;
      background: transparent url(/home/images/usindex/more.png) no-repeat bottom;
      width: 190px;
      height: 48px;
      text-align: left;
      font-size: 20px;
      padding-left: 28px;
      position: absolute;
      right: 0;
      top: 50px;
      text-decoration: none; }
	.zh_cn .us_index_page .index-container.nasdaq-container {
      background: #fff url(/home/images/usindex/nas_sc.png) no-repeat; }  
    .us_index_page .index-container.nasdaq-container {
      background: #fff url(/home/images/usindex/nas.png) no-repeat; } 
    .zh_cn .us_index_page .index-container.dow-container {
      background: #fff url(/home/images/usindex/dow_sc.png) no-repeat;
      background-size: contain; }
    .us_index_page .index-container.dow-container {
      background: #fff url(/home/images/usindex/dow.png) no-repeat;
      background-size: contain; }
	 
    .zh_cn .us_index_page .index-container.dj-container {
      background: #fff url(/home/images/usindex/dj.png) no-repeat; } 
    .us_index_page .index-container.dj-container {
      background: #fff url(/home/images/usindex/dj.png) no-repeat; }
	  
    .us_index_page .index-container .header-2020 {
      min-height: 350px; }
    .us_index_page .index-container .index-title {
      font-weight: bold;
      font-size: 28px;
      letter-spacing: 3px; }
      .us_index_page .index-container .index-title.bull {
        color: #517ba6 !important; }
      .us_index_page .index-container .index-title.bull .index-border {
        border-bottom: 5px solid #00477b;
        margin-bottom: 20px; }
      .us_index_page .index-container .index-title.bear {
        color: #ed8b00 !important; }
        .us_index_page .index-container .index-title.bear .index-border {
          border-bottom: 5px solid #ed8b00;
          margin-bottom: 20px; }
    .us_index_page .index-container .data-item {
      margin-bottom: 10px; }
    .us_index_page .index-container .data {
      padding-top: 10%;
      padding-left: 8%; }
      .us_index_page .index-container .data .number {
        color: #fff;
        font-weight: bold;
        font-size: 38px;
        line-height: 34px; }
	  .us_index_page .index-container .data .number a {
        color: #fff; }
      .us_index_page .index-container .data .desc {
        color: #fff; }
      .us_index_page .index-container .data.bear-data {
        padding-top: 10%;
        padding-left: 4%; }
    .us_index_page .index-container .bull-data {
      background: transparent url(/home/images/usindex/bull-bg.png) no-repeat;
      background-size: contain;
      min-height: 100px; }
    .us_index_page .index-container .bear-data {
      background: transparent url(/home/images/usindex/bear-bg.png) no-repeat;
      background-size: contain;
      min-height: 100px;
      background-position-y: -9px; }
    .us_index_page .index-container .more-details {
      padding-top: 10%;
      font-size: 14px;
      padding-left: 10px; }
  .us_index_page .pie-container {
    margin-top: 30px;
    padding: 50px 0;
    min-height: 800px;
    background: transparent url(/home/images/usindex/pie-bg.png) no-repeat;
    background-size: cover; }
    .us_index_page .pie-container .chart {
      margin-bottom: 50px; }
    .us_index_page .pie-container .chart-a,
    .us_index_page .pie-container .chart-b,
	.us_index_page .pie-container .chart-dj{
      position: relative;
      width: 80%;
      display: block;
      margin: 30px auto;
      height: 480px; }
      .us_index_page .pie-container .chart-a img,
      .us_index_page .pie-container .chart-b img,
	  .us_index_page .pie-container .chart-dj img{
        position: absolute;
        top: 0;
        left: 0;
        display: none; }
    /*.us_index_page .pie-container .chart-b {
      width: 100%; }*/
    .us_index_page .pie-container .details {
      color: #1c6a64;
      padding-left: 10%;
      padding-top: 5%;
      text-align: left;
      position: relative;
      z-index: 999; }
      .us_index_page .pie-container .details .title {
        color: #1c6a64;
        font-size: 52px;
        letter-spacing: 5px;
        font-weight: bold; }
      .us_index_page .pie-container .details .sub {
        font-weight: bold;
        font-size: 30px;
        line-height: 38px; }
      .us_index_page .pie-container .details .composite {
        margin-top: 20px;
        width: 220px;
        position: relative; }
        .us_index_page .pie-container .details .composite .toggle-btn {
          position: absolute;
          color: #fff;
          font-weight: bold;
          font-size: 20px;
          top: 1px;
          left: 40px;
          cursor: pointer; }
        .us_index_page .pie-container .details .composite .composite-list {
          position: absolute;
          color: #fff;
          font-weight: bold;
          font-size: 16px;
          padding: 15px;
          top: 30px;
          left: 29px;
          width: 177px;
          background: rgba(28, 106, 100, 0.8);
          cursor: pointer;
          opacity: 0;
          transition: all 0.3s ease;
          z-index: 900; }
          .us_index_page .pie-container .details .composite .composite-list.active {
            opacity: 1; }
      .us_index_page .pie-container .details .desc {
        line-height: 28px;
        margin-top: 20px;
        margin-bottom: 30px;
        float: left;
		clear: both; }
      .us_index_page .pie-container .details .remarks {
        font-size: 12px;
        color: #000; 
		clear:both; }
      .us_index_page .pie-container .details.dow {
        padding-right: 5%;
        padding-left: 20px;
        padding-top: 0%;
        color: #00477b; }
	   .us_index_page .pie-container .details.dj {
        padding-right: 4%;
        padding-left: 20px;
        padding-top: 5%;
        color: #564984; }
        .us_index_page .pie-container .details.dow .title {
          color: #00477b;
          letter-spacing: 2px; }
		.us_index_page .pie-container .details.dj .title {
          color: #564984;
          letter-spacing: 2px; }
        .us_index_page .pie-container .details.dow .composite,
        .us_index_page .pie-container .details.dow .desc,
        .us_index_page .pie-container .details.dow .remarks {
          float: left; }
		.us_index_page .pie-container .details.dj .composite,
        .us_index_page .pie-container .details.dj .desc,
        .us_index_page .pie-container .details.dj .remarks {
          float: left; }
        .us_index_page .pie-container .details.dow .composite-list {
          left: 16px;
          background: rgba(0, 71, 123, 0.8);
          cursor: pointer; }
        .us_index_page .pie-container .details.dj .composite-list {
          left: 16px;
          background: rgba(86, 73, 132, 0.8);
          cursor: pointer; }
		  .us_index_page .pie-container .details a.view-more-btn{
			/*display: inline-block;*/
			color: #225c87;
			background: transparent url(/home/images/usindex/more_white.png) no-repeat bottom;
			width: 190px;
			height: 48px;
			text-align: left;
			font-size: 20px;
			padding-left: 45px;
			position: absolute;
			right: 60px;
			bottom: 40px;
			text-decoration: none;
		   }
  .us_index_page .three-icons .icon-container {
    text-align: center; }
    .us_index_page .three-icons .icon-container .line-container {
      width: 280px;
      height: 200px;
      display: inline-block; }
      .us_index_page .three-icons .icon-container .line-container .line {
        height: 5px;
        border-bottom: 1px solid #aaa;
        margin-top: 30%; }
    .us_index_page .three-icons .icon-container .icon {
      width: 180px;
      min-height: 220px;
      display: inline-block;
      font-size: 14px;
      color: #000;
      font-weight: bold;
      position: relative; }
      .us_index_page .three-icons .icon-container .icon .text {
        position: absolute;
        width: 100%;
        bottom: 70px; }
      .us_index_page .three-icons .icon-container .icon .icon-img {
        position: absolute;
        width: 100%; }
    .us_index_page .three-icons .icon-container .icon-middle {
      margin: 0 20px; }
    .us_index_page .three-icons .icon-container .icon-right .text {
      bottom: 60px; }
  .us_index_page .chart {
    text-align: center; }
    .us_index_page .chart.row {
      background: no-repeat url(/home/images/usindex/Greg-bg.png);
      background-size: cover;
      padding-top: 20px;
      margin-bottom: 30px; }
    .us_index_page .chart .title {
      color: #00477b;
      font-size: 65px;
      margin-top: 30px; }
  .us_index_page .data-table .table {
    text-align: center;
    color: #1c6a64 !important;
    font-weight: bold;
    font-size: 18px; }
    .us_index_page .data-table .table th {
      font-weight: bold;
      color: #000;
      padding: 5px; }
    .us_index_page .data-table .table td {
      padding: 5px; }
  .us_index_page .data-table .remarks {
    font-size: 12px;
    color: #000; }
  .us_index_page .risk-section {
    margin-top: 50px;
    background: url(/home/images/usindex/bottom-bg.png);
    height: 360px; }
    .us_index_page .risk-section .title {
      color: #fff;
      font-size: 65px;
      line-height: 145px;
      margin-top: 0px; }
    .us_index_page .risk-section .tab-buttons {
      width: 960px;
      margin: 0 auto;
      overflow: hidden; }
      .us_index_page .risk-section .tab-buttons .tab-btn {
        float: left;
        width: 25%;
        background: #7db9c3;
        font-weight: bold;
        color: #Fff;
        font-size: 28px;
        cursor: pointer; }
        .us_index_page .risk-section .tab-buttons .tab-btn.active {
          background: #3c8595; }
    .us_index_page .risk-section .risk-detail {
      width: 960px;
      margin: 0 auto;
      background: rgba(255, 255, 255, 0.5);
      padding: 30px; }
      .us_index_page .risk-section .risk-detail .detail {
        text-align: left;
        display: none;
        font-weight: bold; }
        .us_index_page .risk-section .risk-detail .detail.active {
          display: block; }
      .us_index_page .risk-section .risk-detail a {
        color: #000;
        text-decoration: underline; }
  .us_index_page #data-chart {
    position: relative; }
    .us_index_page #data-chart .legend {
      position: absolute;
      width: 200px;
      bottom: 72%;
      left: 5%; }
	.us_index_page #data-chart .year{
      position: absolute;
      bottom: 2%;
      color: #fff;
      font-size: 12px;
      width: 40px;
      text-align: center;
      left: 50%;
      margin-left: -20px;
	}  
    .us_index_page #data-chart .remarks-1 {
      position: absolute;
      color: #fff;
      bottom: 0;
      left: 2%;
      font-size: 12px; }
    .us_index_page #data-chart .remarks-2 {
      position: absolute;
      color: #fff;
      bottom: 0;
      right: 2%;
      font-size: 12px; }
    /*.us_index_page #data-chart svg {
      background: url("/home/images/usindex/chart-bg.png") no-repeat;
      background-size: cover; }*/
    .us_index_page #data-chart path.line {
      fill: none;
      /*stroke: #aaa;
      stroke: #43484c;
      stroke: #405275;
      stroke: rgba(40, 53, 79, .95);
      stroke: #161719;
      stroke: #f99e1a;*/
      stroke: #f89e35;
      stroke-width: 2px;
      stroke-dasharray: 6000;
      stroke-dashoffset: 6000; }
      .us_index_page #data-chart path.line.active {
        animation: dash 5s linear forwards; }
    .us_index_page #data-chart .line1 {
      fill: none;
      stroke: #a8ad00;
      stroke-width: 2px;
      stroke-dasharray: 1000;
      stroke-dashoffset: 1000;
      animation: dash 5s linear; }
@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    .us_index_page #data-chart path.area {
      fill: #e7e7e7; }
    .us_index_page #data-chart .axis {
      shape-rendering: crispEdges; }
    .us_index_page #data-chart .x.axis line {
      stroke: #fff; }
    .us_index_page #data-chart .x.axis .minor {
      stroke-opacity: 1; }
    .us_index_page #data-chart .x.axis path {
      display: none; }
    .us_index_page #data-chart .y.axis line, .us_index_page #data-chart .y.axis path {
      fill: none;
      stroke: #fff; }
    .us_index_page #data-chart .axisWhite line {
      stroke: #fff; }
    .us_index_page #data-chart .axisWhite path {
      stroke: #fff; }
    .us_index_page #data-chart .axisWhite text {
      fill: #fff; }
    .us_index_page #data-chart .guideline {
      margin-right: 100px;
      float: right; }
    .us_index_page #data-chart .curtain {
      opacity: 0; }
    .us_index_page #data-chart .grid line {
      stroke: lightgrey;
      stroke-opacity: 0.3;
      shape-rendering: crispEdges; }
    .us_index_page #data-chart .grid path {
      stroke-width: 0; }
    .us_index_page #data-chart .label-spx {
      font-size: 12px;
      fill: #a8ad00;
      background: #a8ad00; }
    .us_index_page #data-chart .label-hsi {
      font-size: 12px;
      fill: #ed8b00;
      background: #ed8b00; }
    .us_index_page #data-chart .label-hdx {
      font-size: 12px;
      fill: #4d7aa7;
      background: #4d7aa7; }
    .us_index_page #data-chart .tick text {
      transform: translate(10px, 5px); }
    .us_index_page #data-chart .label-spx-text,
    .us_index_page #data-chart .label-hdx-text,
    .us_index_page #data-chart .label-hsi-text {
      font-size: 10px;
      fill: #fff; }
  @media (max-width: 767px) {
    .us_index_page {
      margin-top: 0; }
	  .navigate_area {
		  display: none }
      .us_index_page #header {
        height: 300px; }
        .us_index_page #header .header-item {
          height: 300px; }
        .us_index_page #header .header-title {
          top: 14%; }
        .us_index_page #header .header-title-2 {
          top: 16%; }
        .us_index_page #header .header-nav {
          bottom: 28%; }
      .us_index_page .live-charts {
        margin-top: -100px;
        margin-bottom: 50px;
        position: relative;
        min-height: 350px;
        text-align: center; }
      .us_index_page .four-tabs-container {
        margin-top: -100px; }
        .us_index_page .four-tabs-container .four-tabs {
          height: auto;
          min-height: 0;
          padding-bottom: 30px; }
        .us_index_page .four-tabs-container .details {
          min-height: 95px;
          padding-left: 2px;
          margin-left: 22%; }
          .us_index_page .four-tabs-container .details .title {
            font-size: 16px;
            line-height: 26px;
            height: 80px; }
          .us_index_page .four-tabs-container .details .desc {
            display: none; }
          .us_index_page .four-tabs-container .details.details-4 {
            margin-left: 3%; }
          .us_index_page .four-tabs-container .details .learn {
            padding: 1px 5px; }
        .us_index_page .four-tabs-container .learn-content {
          font-size: 14px; }
        .us_index_page .four-tabs-container .icon img {
          height: 100%;
          width: auto; }
        .us_index_page .four-tabs-container .icon.icon-1 img {
          width: 100%;
          padding-left: 20px; }
        .us_index_page .four-tabs-container .icon.icon-2 img {
          width: 88%;
          padding-left: 30px; }
        .us_index_page .four-tabs-container .icon.icon-3 img {
          width: 67%;
          padding-left: 20px; }
        .us_index_page .four-tabs-container .icon.icon-4 img {
          width: 79%;
          padding-left: 13px; }
        .us_index_page .four-tabs-container .tab-content {
          margin-top: 25px; }
          .us_index_page .four-tabs-container .tab-content .tab-content-container {
            width: 93.5%;
            height: 180px; }
        .us_index_page .four-tabs-container .tab-corner {
          display: none; }
      .us_index_page .index-container {
        background-size: contain !important;
        background-position: 0px 20px !important; }
        .us_index_page .index-container .header-2020 {
          min-height: 190px; }
        .us_index_page .index-container .index-title {
          font-size: 20px; }
        .us_index_page .index-container .data {
          padding-top: 15%;
          padding-left: 16%; }
        .us_index_page .index-container .more-details {
          padding-top: 4%;
          padding-bottom: 4%;
          font-size: 12px;
          padding-left: 15px; }
        .us_index_page .index-container .bear .data-item {
          padding-left: 10px; }
        .us_index_page .index-container a.view-more-btn {
          width: 170px;
          height: 38px;
          text-align: right;
          font-size: 16px;
          padding-right: 10px;
          position: absolute;
          right: 0;
          top: 15px; }
        .us_index_page .index-container.dow-container {
          background-position: 0px 40px !important; }
          .us_index_page .index-container.dow-container a.view-more-btn {
            top: 55px; }
      .us_index_page .pie-container .details .title {
        color: #1c6a64;
        font-size: 28px;
        font-weight: bold;
        letter-spacing: 2px; }
      .us_index_page .pie-container .details .sub {
        font-size: 20px;
        line-height: 29px; }
	  .us_index_page .pie-container .details a.view-more-btn {
		right:0;
		bottom:60px;}
      .us_index_page .pie-container .chart-a,
      .us_index_page .pie-container .chart-b,
	  .us_index_page .pie-container .chart-dj{
        min-height: 350px;
        max-width: 350px;
        height: auto; }
      /*.us_index_page .pie-container .chart-b {
        max-width: 410px; }*/
      .us_index_page .pie-container .details.dow {
        padding-left: 10%;
        padding-right: 5%; }
	  .us_index_page .pie-container .details.dj {
        padding-left: 10%;
        padding-right: 5%;
		padding-top: 0%; }
      .us_index_page .chart .title {
        font-size: 20px;
        margin-top: 0px; }
      .us_index_page .chart #data-chart {
        margin-top: 20px; }
        .us_index_page .chart #data-chart .legend {
          width: 15vw;
          bottom: 23%;
          left: 5vw; }
        .us_index_page .chart #data-chart .remarks-1 {
          position: absolute;
          color: #fff;
          bottom: 5%;
          left: 3%;
          font-size: 10px; }
        .us_index_page .chart #data-chart .remarks-2 {
          position: absolute;
          color: #fff;
          bottom: 1%;
          left: 3%;
          right: auto;
          font-size: 10px; }
      .us_index_page .data-table .table {
        font-size: 12px; }
        .us_index_page .data-table .table th {
          padding: 1px; }
      .us_index_page .risk-section {
        background-size: contain;
        background-repeat: no-repeat;
        height: auto; }
        .us_index_page .risk-section .title {
          font-size: 20px;
          line-height: 47px; }
        .us_index_page .risk-section .tab-buttons {
          width: 100%; }
          .us_index_page .risk-section .tab-buttons .tab-btn {
            font-size: 14px;
            padding: 5px 0; }
        .us_index_page .risk-section .risk-detail {
          width: 100%;
          background: #3c8595;
          color: #Fff;
          font-size: 14px; }
          .us_index_page .risk-section .risk-detail .detail {
            font-weight: normal; }
        .us_index_page .risk-section a {
          font-size: 12px;
          color: #fff;
          text-decoration: underline; } }
  .us_index_page .disclaimer {
    font-size: 11px; }
  .us_index_page ul {
    margin: 0; }
  .us_index_page ul.dashed {
    list-style-type: none;
    padding-inline-start: 15px; }
  .us_index_page ul.dashed li{ float:none;}	
  .us_index_page ul.dashed > li:before {
    content: "- ";
    position: absolute;
    margin-left: -1.1em; }
  .us_index_page .arrow {
    width: 20px;
    margin-top: -3px; }
  .us_index_page .blink_me {
    animation: blinker 2s linear infinite; }
@keyframes blinker {
  50% {
    opacity: 0; } }
  .us_index_page .shift_me {
    animation: shifter 2s linear infinite; }
@keyframes shifter {
  0% {
    transform: translate(-20px, 0px);
    opacity: 0; }
  50% {
    transform: translate(0px, 0px);
    opacity: 1; } }

/*# sourceMappingURL=page.css.map */

/* chart area */
.index-chart{
  position: absolute;
  top: 580px;
  left: 0;
  z-index: 1000;
}

.point_area{
  overflow: hidden;
  margin: 0;
}

.chart-area{
  overflow: hidden;
  background: #ffffff;
  width: 80%;
    margin: 0 auto;
    padding: 15px;
}

.chart-area .chart{
  /*background: url(/home/images/demo-chart.jpg) no-repeat;
  background-size: cover;*/
  width: 100%;
  /*height: 225px;*/
  display: block;
}
.chart-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;
}
.chart-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;
}


.chart-area .left, .chart-area .center, .chart-area .right{
  float: left;
  width: 48%;
  position: relative;
}
.us_index .chart-area{
	width:96%;
}
.us_index .chart-area .left{ 
	margin-right:0;
}
.us_index .chart-area .center{ 
	margin:0 2%;
}
.us_index .chart-area .left, .us_index .chart-area .right, .us_index .chart-area .center{
	width: 32%;
	padding: 18px !important;
}

.us_index .chart-area .detail.top ul.left-part{
	width: 100% !important;
    margin-right: 0 !important;
    border-right: none !important;;
}

.chart-area .timer{
	line-height:30px;
	clear:both;
	padding-top:5px;
}

.chart-area .left{
  margin-right: 4%;
}

.chart-area .point_area .point {
    float: left;
    color: #000!important;
    font-size: 30px;
    line-height: 34px;
}

.chart-area .turnover{
  /*font-size: 1.2rem;
      line-height: 1.2;
      opacity: 1;
      font-weight: 100;*/
}

.chart-area .turnover:not(:disabled):not(.disabled):hover{
  opacity: 1;
}


.chart-area .change_area {
    font-size: 20px;
    text-align: right;
    line-height: 34px;

}

.chart-area .detail.top{
  padding-bottom: 3px;
    border-bottom: 1px dashed #d8d9d9;
    margin-top: 0;

    overflow: hidden;
}

.chart-area .tl{
  font-size: 20px;
    line-height: 32px;
    background: url(/home/images/bg_home_right_area_tl.jpg) no-repeat left;
    padding-left: 12px;
}

.chart-area .detail.top ul{
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}

.chart-area .detail.top ul.left-part li {
    float: left;
    width: 63%;
    padding-right: 12px;
    padding-left: 0;
}
.chart-area .detail.top ul.left-part li span{ float:right;}

.chart-area .detail.top ul.left-part li:nth-child(2), 
.chart-area .detail.top ul.left-part li:last-child{

  width: 37%;
}

.chart-area .detail.top ul{
  float: left;
}

.chart-area .detail.top ul.left-part{
  width: 270px;
  margin-right: 20px;
  border-right: 1px dashed #d8d9d9;
}

.chart-area .detail.top ul.right-part{
  width: 130px;
}




.chart-area .tl a {
    font-size: 24px !important;
    line-height: 32px;
    /* padding-left: 12px; */
    /*top: -20px!important; */
    /*position: absolute!important; */
    background: #fff!important;
    width: 314px !important;
    padding: 0 5px !important;
    font-weight: bold !important;
    color: #666 !important;
  }
  
  .chart-area .left,
  .chart-area .center,
  .chart-area .right{
    border: 1px solid #666 !important;
    padding: 25px !important;
    background: #fff !important;
  }
  
  
  .point_area,
  .chart-area .detail.top{
    background: #F8FDFF !important;
    padding: 5px !important;
    font-weight: normal !important;
    font-size: 13px !important;
  }
  
  
  .chart-area .detail.top ul.left-part {
    width: 246px !important;
    margin-right: 20px !important;
    border-right: 1px dashed #d8d9d9 !important;
  }
  
  .chart-area .detail.top ul.right-part {
    width: 100px !important;
  }
  
  .chart-area{
    background:none !important;
  }
  
  .index-chart {
    position: relative; 
    top: -160px; 
    left: 0;
    z-index: 1000;
  }
  
  .chart-area .tl {
  font-size: 24px !important;
  line-height: 32px;
  background: url(/home/images/bg_home_right_area_tl.jpg) no-repeat left!important;
  /* padding-left: 12px; */
  /*top: -20px!important;*/
  /*position: absolute!important;*/
  background: #fff!important;
  width: 314px !important;
  padding: 0 5px !important;
  font-weight: bold !important;
  color: #666 !important;
}

.chart-area .left,
.chart-area .center,
.chart-area .right{
  border: 1px solid #666 !important;
  padding: 25px !important;
  background: #fff !important;
  position:relative;
  box-shadow:2px 2px 15px #aaa;
}


.point_area,
.chart-area .detail.top{
  background: #F8FDFF !important;
  padding: 5px !important;
  font-weight:normal !important;
  font-size: 13px !important;
}


.chart-area .detail.top ul.left-part {
  width: 262px !important;
  margin-right: 12px !important;
  border-right: 1px dashed #d8d9d9 !important;
}

.chart-area .detail.top ul.right-part {
  width: 110px !important;
}

.chart-area{
  background:none !important;
}

.index-chart {
  position: relative; 
  top: 0px; 
  padding:100px 0;
  padding-top:0;
  z-index: 1000;
}
.index-chart-container{
  background-image: url(/home/images/usindex/1200x680.jpg) !important;
}

.us_index_page #header {
    width: 1000px;
    height: 830px; /* 19 oct */
    overflow: hidden;
    position: relative; 
}
.index-chart { /* 20 oct */
  position: relative; 
  top: -230px; 
  padding:100px 0;
  padding-top:0;
  z-index: 1000;
}
.index-chart-container{ /* 20 oct */
  background-image: url(/home/images/usindex/1200x680.jpg) !important;
  height:300px;
}
.us_index_page .header-nav {
  bottom: 32% !important; /* 21 Oct */
}
.index-chart { /* 20 oct */
  position: relative; 
  top: -275px; /* 21 Oct */
  padding:100px 0;
  padding-top:0;
  z-index: 1000;
}
.index-chart-container{ /* 20 oct */
  background-image: url(/home/images/usindex/1200x680.jpg) !important;
  height:300px;
  background-position: left ; /* 21 Oct */
}

.index-container .more_button {
    font-size: 15px;
    color: #FFF;
    line-height: 28px;
    background: #54585a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    float: right;
}
.index-container .more_button a {
    color: #FFF;
    display: block;
    background: url(/home/images/bg_home_more_button.jpg) center right 21px no-repeat;
    padding: 0 31px 0 20px;
}

@media (max-width: 767px) {
	.index-chart-container{ /* 28 oct */
    height:auto;
  }
    .index-chart{
      position: inherit;
      top: 0;
	  padding-bottom: 0;
    }
    .us_index .chart-area, .chart-area{
      width: 100%;
      padding: 20px 0;
	  padding-top:0; /* 28 oct */
    }
	.chart-area .change_area {
		line-height:34px;
    }
    .chart-area .left, .chart-area .center, .chart-area .right, .us_index .chart-area .left, .us_index .chart-area .center, .us_index .chart-area .right {
      float: inherit;
      width: 100%;
	  padding:10px!important;
	border:none!important;
	box-shadow: none;
  }
  .chart-area .left{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d8d9d9;
	
  }
  .chart-area .detail.top ul.left-part{
    /*width: 245px;
    margin-right: 10px;*/
	width: 100%!important;
    margin-right: 0!important;
    border-right: none!important;
  }
  
  .chart-area .detail.top ul.right-part {
    width: auto;
  }
  .chart-area .detail.top ul.right-part li span{
    /*display: block;*/
  }
  .chart-area .detail.top ul.left-part li{
    font-size: .9rem;
  }
  .chart-area .turnover{
    font-size: .9rem;
  }
  .chart-area .change_area span{
      /*display: block;*/
      /*margin-bottom: 5px;*/
  }
  .us_index_page .four-tabs-container {
      margin-top: 0;
  }
 
  .us_index_page #header {
    height: 200px; /* 28 oct */
	}
  .us_index_page #header .header-item {
    height: 300px;
	}
	.chart-area .chart{
		width:100%;
	}
	.index-chart-container{
		height:auto;
	}
	.us_index_page #header .header-nav {
      bottom: 0% !important; /* 28 oct */
  }
}