body,
ul,
li,
ol,
img {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  font-size: 15px;
}
a:link {
  text-decoration: none;
}
li {
  list-style: none;
}
div {
  overflow: hidden;
}
hr {
  width: 95%;
  size: 1;
  color: #e1e1e1;
  border-style: dashed;
}
table {
  border-collapse: collapse;
  margin: 20px;
  font-size: 12px;
}
table tr,
table th {
  border: 1px solid #f96;
  border-top: 0px;
  width: 100px;
}
.luara- {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.luara- ul {
  padding: inherit;
  margin: 0;
}
.luara- ul li {
  display: none;
  margin: inherit;
  list-style: none;
}
.luara- ul li img {
  width: inherit;
  height: inherit;
}
.luara- ul li:first-child {
  display: block;
}
.example ol {
  position: relative;
  width: 80px;
  height: 20px;
  top: -30px;
  left: 500px;
}
.example ol li {
  float: left;
  width: 10px;
  height: 10px;
  margin: 5px;
  background: #000000;
}
.example ol li.seleted {
  background: #ffcc00;
}
.theico {
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  border: none;
}
@font-face {
  font-family: myFirstFont;
  src: url('Sansation_Light.ttf'), url('Sansation_Light.eot');
}
#thetop {
  height: 350px;
  width: 100%;
}
#thetop .frist {
  width: 100%;
  height: 100%;
}
.theleft {
  width: 710px;
  height: 350px;
}
#hptheright {
  position: absolute;
  top: 0px;
  left: 710px;
  width: 270px;
  height: 350px;
  background-image: url(../images/infHPSK.png);
  display: block;
  float: left;
}
#sqtheright {
  position: absolute;
  top: 0px;
  left: 710px;
  width: 270px;
  height: 350px;
  background-image: url(../images/infSK.png);
  display: block;
  float: left;
}
#qbtheright {
  position: absolute;
  top: 0px;
  left: 710px;
  width: 270px;
  height: 350px;
  background-image: url(../images/infQB.png);
  display: block;
  float: left;
}
#datheright {
  position: absolute;
  top: 0px;
  left: 710px;
  width: 270px;
  height: 350px;
  background-image: url(../images/infA.png);
  display: block;
  float: left;
}

#gjtheright {
  position: absolute;
  top: 0px;
  left: 710px;
  width: 270px;
  height: 350px;
  background-image: url(../images/130/goujititle.png);
  display: block;
  float: left;
}

#personinf {
  margin-top: 28%;
}
#ybbk {
  position: absolute;
  top: 250px;
  left: 40px;
  width: 200px;
  height: 50px;
  background: no-repeat;
  background: url(../images/btn.png) 200px 0px;
}
#ybbk:hover {
  width: 200px;
  height: 50px;
  background: no-repeat;
  background: url(../images/btn.png) 198px 56px;
}
#yb {
  margin: 10px 0 0 20px;
  width: 40px;
  height: 30px;
  border: none;
}
#thebottm {
  margin: 20px 0px 0px 0px;
}
#thebottm .qqphoto {
  margin: 10px;
  width: 400px;
  height: 300px;
}
.word {
  margin: 30px;
}
.content {
  margin: 10px 30px 5px 30px;
}
.thebottmleft {
  width: 710px;
}
.gameinfl {
  margin: 3px;
  width: 704px;
  border: 1px solid #e1e1e1;
}
.gameinfl li {
  list-style-type: none;
}
.more {
  margin: 0px 70px 10px 30px;
}
.morebut {
  float: right;
  position: relative;
  right: 30px;
  top: -15px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #000000;
  font-size: 13pt;
  padding: 0px;
  line-height: 50%;
}
#boxb {
  margin-top: -20px;
}
.gameheader {
  color: #006699;
  background: #e1e1e1;
  height: 30px;
}
.gameheader img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
}
.excelcolor {
  background: #fc9;
}
.thebottmright {
  position: absolute;
  top: 370px;
  left: 710px;
  width: 270px;
  height: 100%;
}
.gameinfr {
  margin: 4px;
  display: block;
  width: 266px;
  border: 2px;
}
.qqheader {
  background: #e68a47;
  width: 266px;
  height: 30px;
}
.qqheader img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  left: 70px;
}
.qqcontent {
  background: #ffd4aa;
  width: 266px;
}
.qqcontent li {
  margin: 5px 10px 5px 30px;
  list-style-type: none;
}
.qqcontent a {
  text-decoration: none;
  color: #0099CC;
}
.lt {
  color: #e68a47;
  width: 80%;
}