@charset "UTF-8";
body {
	font-size: 12px;
	line-height: 150%;
}
.box {
	margin:0 auto;
	width:460px;
	position: relative;
}
.nandu {
	margin:auto;
	width:460px;
	position: relative;
	float:left;
	text-align:center
}
.chess_left {
	float:left;
	text-align:center
}
.chess_right {
	float:left;
	display:none
}
.move_info {
	float:left;
	margin-top:20px;
	display: none;
	color:rgba(255, 255, 255, 0)
}
.bill_box {
	height: 320px;
	width: 80px;
	overflow:auto;
}
.bill_box li {
	cursor:pointer;
	text-align:left
}
.bill_box li:hover {
	cursor:pointer;
	background: #C6A577;
}
.bill_box li:active {
	cursor:pointer;
	background: #fff;
}
#billList {
	margin-top:20px
}
.bn_box {
	display:none
}

.tricksButtons{
text-align:center;
}
.tricksButtons a{
margin-right: 16px;
margin-bottom: 10px;
display: inline-block;
text-transform: uppercase;
padding: 1em 1.5em 0.75em;
border-radius: 2px;
font-weight: bold;
border: none;
color: #fff !important;
text-decoration: none;
font-family: 'Open Sans Condensed',sans-serif;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
.tricksButtons a:hover,.read-more a:hover{
opacity:0.9;
}
.tricksButtons .demo{
font-size: 18px;
padding: 1.2em 2.5em 1em;
background-color: #a5d16d;
box-shadow: 0 0 5px #a4cf6c inset, 0 1px 1px #eee;
}
.tricksButtons .download{
margin-right:0;
font-size: 18px;
padding: 1.2em 2.5em 1em;
background-color: #93d0ea;
box-shadow: 0 0 5px #8fcde7 inset, 0 1px 1px #eee;
}
.xinshou{
	background-color: pink;
  color: rgb(0, 0, 0);
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.xinshou:hover {
  background-color: white;
  color: rgb(255, 82, 212);
}

.huiqi{
	background-color: rgb(255, 0, 212);
  color: rgb(255, 255, 255);
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.huiqi:hover {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.main-logo {
  position: fixed;
  top: 5px;
  left: 0;
  max-height: 45px;
  background: #FFF;
  padding: 10px 10px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 2;
}
@media (max-width: 768px) {
  .main-logo {
    display: none;
    z-index: 2;
  }
}
.text0{
    position: fixed;
  top: 11px;
  left: 0;
  width: 60px;
  height: 54px;
    z-index: 1;
    border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.main-logo0 {
  position: fixed;
  top: 55px;
  left: 0;
  max-height: 45px;
  background: #fff;
  padding: 10px 10px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 2;
}
@media (max-width: 768px) {
  .main-logo0 {
    display: none;
    z-index: 2;
  }
}
.logo_0 {
  display: inline-block;
  position: relative;
}

.logo_0 .main-logo {
  display: block;
  transition: opacity 0.7s ease-in-out;
}
.logo_0 .main-logo0 {
  display: block;
  transition: opacity 0.7s ease-in-out;
}

.logo_0 span {
  display: none;
  position: absolute;
  /*top: 100%;*/
  left: -5;
  width: 100%;
  color: #FFF;
  z-index:  10;
  /*background-color: #000;*/
  text-align: center;
  font-weight:bold;
}

.logo_0:hover .main-logo {
  opacity: 0;
}
.logo_0:hover .main-logo0 {
  opacity: 0;
}

.logo_0:hover span {
  display: block;
}