/*PC端**/
 @media screen and (min-width:768px) {
  body{background-color: #F5F5F5;}
  header{box-shadow: none;}
  table, td, th{border: none;}
  .baseHeadCenter .logo{ width: auto;height: 52px; margin-right: 20px;border-right: 1px solid #e1e1e1;box-sizing: border-box;padding-right:16px;}
  .baseHeadCenter .logo.none{border-right: none;}
  .baseHeadCenter.account .wrap{padding-top: 25px;}
  .baseHeadCenter.account{border-bottom: none;}
  .header-title{float: left;}
  .header-title p{line-height: 76px;font-size: 24px;color: #333333;font-weight: bold;}
  .header-title span{line-height: 76px;font-size: 16px;color: #333333;font-weight: normal;}
  .chart-content{width: 1200px;margin: 0 auto;}
  .chart-content .chart-title{ width: 100%;float: left; line-height: 80px;font-size: 24px;color: #333333;font-weight: bold;}
  .chart-content .chart-title span{line-height: 80px;font-size: 16px;color: #333333;font-weight: normal;}
  .chart-content-text{ min-height: 100px;width: 100%;box-sizing: border-box;padding: 24px;background: #FFFFFF;float: left;margin-bottom: 16px; }
  .chart-content-text h1,.chart-content-text p{font-size: 14px;color: #666666;line-height: 28px;}
  .chart-content-main{width: 100%;height: auto;float: left;margin-bottom: 16px;}
  .chart-main-top{width: 100%;height: 676px; margin-top: 16px;}
  .chart-main-bot{width: 100%;height: 494px;}
  .chart-main-top img{width: 100%;height: 676px;}
  .chart-main-bot img{width: 100%;height: 494px;}
  .chart-main-box{width: 592px;height: 420px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
  .chart-main-box.le{float: left;}
  .chart-main-box.ri{float: right;}
  .chart-main-min{width: 592px;height: 320px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
  .chart-main-min-title{width: 100%;line-height: 28px;font-size: 18px;font-weight: bold;color: #666666;margin-bottom: 20px;}
  .chart-main-max{width: 100%;height: 485px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
  .chart-main-max.table{height: 570px;}
  .chart-main-min.le{float: left;}
  .chart-main-min.ri{float: right;}
  .chart-main-468{width: 468px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;}
  .chart-main-568{width: 568px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;}
  .chart-main-568 img{width: 100%;height: 100%;display: block;}
  .chart-main-300{width: 300px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: right;margin-left: 16px;}
  .chart-main-400{width: 400px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: right;margin-left: 16px;}
  .chart-main-390{width: 390px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;margin-right: 15px;}
  .chart-main-390.none{margin-right: 0;}
}

/*移动端**/
 @media screen and (max-width:768px){
  body{background-color: #F5F5F5;}
  header{box-shadow: none;}
  table, td, th{border: none;}
  .baseHeadCenter.account .wrap{padding-top: 10px;}
  .baseHeadCenter.account{border-bottom: none;}
  .header-title{display: none;}
  .chart-content{width: 100%;margin: 0 auto;box-sizing: border-box;padding: 3vw;}
  .chart-title{ width: 100%;float: left; line-height: 8vw;font-size: 4vw;color: #333333;font-weight: bold;}
  .chart-title span{line-height: 8vw;font-size: 16px;color: #333333;font-weight: normal;}
  .chart-content-text{ min-height: 60vw;width: 100%;box-sizing: border-box;padding: 3vw;background: #FFFFFF;float: left;margin-bottom: 10vw; }
  .chart-content-text h1,.chart-content-text p{font-size: 3.4vw;color: #666666;line-height: 6vw;}
  .chart-content-main{width: 100%;height: auto;float: left;margin-bottom: 16px;}
  .chart-main-box{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
  .chart-main-box.le{float: left;margin-bottom: 16px;}
  .chart-main-box.ri{float: left;}
  .chart-main-min{width: 100%;height: 42vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
  .chart-main-max{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
  .chart-main-min.le{float: left;margin-bottom: 16px;}
  .chart-main-min.ri{float: left;}
  .chart-main-568{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
  .chart-main-468{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
  .chart-main-400{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
  .chart-main-300{width: 100%;height: 60vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
}