body
{
  margin:0px;
  padding:0px;
  background-color:#000000;
  font-family:Microsoft Yahei;
}

html, body
{
  overflow:hidden;
  height:100%;
}

#main
{
  width: 100%;
  height: 449px;
  background-image: url(../img/bkgnd.png);
  background-repeat:no-repeat;
  overflow:hidden;
}

#sheet
{
  margin:0px;
  padding:0px;
  position:absolute;
  left: 2px;
  top: 81px;
  width:398px;
  height:324px;
  background: transport;
}


#gonggao
{
  position:absolute;
  left:220px;
  top:20px;
  width:345px;
  padding: 5px;
  line-height: 16px;
  color: #ffffff;
  font-size: 12px;
}

#jzds
{
  position:absolute;
  left:223px;
  top:40px;
  width:268px;
  padding:2px;
  padding-top:4px;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
}

#buy
{
  margin: 0px;
  padding: 0px;
  height: 30px;
  width: 110px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: 0px -555px;
  top: 333px;
  left: 295px;
}

#panel-1
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: 0px 0px;
  top: 0px;
  left: 0px;
}
#panel-1:hover
{
  background-image: url(../img/ui.png);
  background-position: 0px -36px;
}

#panel-11
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: 0px -72px;
  top: 0px;
  left: 0px;
}

#panel-2
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -93px 0px;
  top: 0px;
  left: 93px;
}

#panel-2:hover
{
  background-image: url(../img/ui.png);
  background-position: -93px -36px;
}

#panel-22
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -93px -72px;
  top: 0px;
  left: 93px;
}

#panel-3
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -186px 0px;
  top: 0px;
  left: 186px;
}

#panel-3:hover
{
  background-image: url(../img/ui.png);
  background-position: -186px -36px;
}

#panel-33
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -186px -72px;
  top: 0px;
  left: 186px;
}

#panel-4
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -279px 0px;
  top: 0px;
  left: 279px;
}

#panel-4:hover
{
  background-image: url(../img/ui.png);
  background-position: -279px -36px;
}

#panel-44
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -279px -72px;
  top: 0px;
  left: 279px;
}

#panel-5
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -372px 0px;
  top: 0px;
  left: 371px;
}

#panel-5:hover
{
  background-image: url(../img/ui.png);
  background-position: -372px -36px;
}

#panel-55
{
  margin: 0px;
  padding: 0px;
  height: 36px;
  width: 93px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -372px -72px;
  top: 0px;
  left: 371px;
}

.table_grid{
    padding-top:44px;
    width: 683px;
    height: 276px;
    padding-left: 5px;
}

.scroll-container {
    margin-top:0px;
    width: 683px;
    height: 246px;
    overflow: auto;
    overflow-x:hidden;
}
.scroll-content {
    width: 668px;
    overflow: hidden;
}

#grid
{
  width:678px;
  height:29px;
  background-image: url(../img/ui.png);
  background-position: 0px -223px;
  background-repeat: no-repeat;
  table-layout: fixed;
  font-size:12px;
  border: 0;
}

#grid2
{
  width:668px;
  height:49px;
  background-image: url(../img/ui.png);
  background-position: 0px -252px;
  background-repeat: no-repeat;
  table-layout: fixed;
  font-size:12px;
  border: 0;
}

#grid2 td
{
  text-align:center;
  vertical-align:middle;
  box-sizing: border-box;
  overflow:hidden;
  white-space:normal;
  overflow-wrap:anywhere;
  color:#ffffff;
  line-height: 12px;
}

#grid2 img
{
  width:40px;
  height:40px;
  display:block;
  margin:0 auto;
}

.grid2_input
{
  width:45px;
  border:0px;
  text-align:center;
  font-size:12px;
}

.spin
{
  display:inline-block;
  vertical-align:middle;
  margin-left:-10px;
  margin-top:-5px;
  zoom: 1; /* 触发hasLayout */
}
.spin a
{
  display:block;
  width:10px;
  height:15px;
  line-height:15px;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:10px;
  background:transparent;
  cursor: pointer;
  zoom: 1; /* 触发hasLayout */
}


#right_btn1
{
  margin: 0px;
  padding: 0px;
  height: 32px;
  width: 83px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -84px -115px;
  top: 73px;
  left: 592px;
}

#right_btn2
{
  margin: 0px;
  padding: 0px;
  height: 32px;
  width: 83px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -84px -148px;
  top: 39px;
  left: 592px;
}

#right_btn3
{
  margin: 0px;
  padding: 0px;
  height: 32px;
  width: 83px;
  overflow: hidden;
  position: absolute;
  background-image: url(../img/ui.png);
  background-position: -84px -181px;
  top: 6px;
  left: 592px;
}