html{height:100%}
body{height:100%}





.market{ background-color:#fff; border:1px solid #eee;}
.market-menu-group{ float:left; width:20%;  box-sizing: border-box;  }
.market-menu-group .first-menu{display:block;line-height:101px; font-size:16px;  text-align:center;border-bottom:1px solid #eee; }
.market-menu-group .menu{ display:block; line-height:50px;  text-indent:20px;  border-bottom:1px solid #eee; cursor:pointer }
.market-menu-group .menu.active{ background-color:#0099cc;color:#fff}
.market-menu-group .menu:hover{ background-color:#fff; color:#333}
.market-content{ float:right; width:80%; border-left:1px solid #eee;box-sizing: border-box;  }
.market-content .number-group{ border-bottom:1px solid #eee}
.market-content .number-group .first-item{ float:left;line-height:101px; font-size:24px; width:15%; text-align:center;}
.market-content .number-group .item{ float:left; width:12%;  margin-top:28px; border-left:1px solid #eee;}
.market-content .number-group .item .number{ font-size:18px; text-align:center;}
.market-content .number-group .item .remark{ font-size:11px;text-align:center}
.market-content .chart-wrapper{ position:relative; padding-right:260px;}
.market-content .chart-wrapper .chart{ height:470px; margin-top:10px; padding-bottom:20px; box-sizing: border-box; }
.market-content .table-trade{ width:250px; position:absolute; right:10px; top:0px; }
.market-content .table{border:1px solid #eee;}
.market-content .th{ background-color:#eee; border-bottom:1px solid #eee;}
.market-content .tr{ border-bottom:1px solid #eee;}
.market-content .tr:hover{ background-color:#eee}



.market-content .trade-wrapper{ border-top:1px solid #eee}
.market-content .trade-box{  width:100%; display:inline-block; float:left; box-sizing:border-box; padding:20px;}
.market-content .trade-box h3{ font-size:16px; margin-bottom:10px;}
.market-content .trade-box.left{ border-left:1px solid #eee}

.market-content .table-wrapper{ border-top:1px solid #eee; padding:20px;}
.market-content .table-wrapper h3{ font-size:16px; margin-bottom:10px;}


select{ background-color: transparent; }
select:disabled{background-color:#eee!important; border:1px solid #eee; color:#eee}

.swiper-slide{width: 50%;}
@media screen and (max-width: 800px) { /*当屏幕尺寸小于500px时，应用下面的CSS样式*/



.market{}
.market-content .chart-wrapper{ padding-right:0px;}
.market-menu-group{ position:fixed;top:5px; left:60px; z-index:100; height:40px; width: 60%;}
.market-menu-group select{ text-align:center;background-color:#fff; line-height:30px;}
.market-content{ width:100%;border-left:1px solid #eee;border-right:1px solid #eee;}

.market-content .number-group .first-item{width:24%; font-size:14px;line-height:50px;}
.market-content .number-group .item{ width:24%;  margin-top:0px; padding:5px 0px; height: 50px;}
.market-content .number-group .item:nth-child(5){ border-left:0px;}

.market-content .number-group .item .number{ font-size:14px;}
.market-content .number-group .item .remark{ font-size:10px;}
.market-content .chart-wrapper .chart{ height:270px; margin-top:0px;}
.market-content .table-trade{ width:100%; position: inherit; right:0px; top:0px; }
.market-content .table-wrapper{ padding:5px;}
.market-content .trade-box{ padding:10px;}
.market-content .trade-box.left{ border-left:0px solid #eee}
.swiper-slide{width: 50%;}

}