body {
	padding: 16px;
	font-size: 14px;
	color: #303133;
}
img {
	max-width: 100%;
	border: none;
	display: inline-block;
	vertical-align: middle;
}
a {
	text-decoration-line: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
table td,
table th{
  word-wrap: break-word;
  border: 1px solid #e6e6e6;
  position: relative;
  padding: 9px 15px;
  min-height: 20px;
  line-height: 20px;
  font-weight: 400;
}

/* 搜索 */
.gua-search-sx{
	text-align: center;
}
.gua-search-sx img{
	width: 50px;
}
.gua-search-sx .gua-remarks{
	color: #909399;
}
.gua-search-img{
	text-align: center;
}
.gua-search-img img{
	width: 150px;
}
.gua-search-random{
	text-align: center;
}
.gua-search-random td > div{
	display: inline-block;
}


/* 详情 */
.gua-detail-top-title{
	margin: 0px 0px 16px 0px;
	padding: 12px;
	line-height: 22px;
	border-radius: 0 2px 2px 0;
	background-color: #F2F6FC;
	color: #409EFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.gua-detail-top-img img{
	width: 150px;
}
.gua-detail-top table{
	border-spacing: 0;
	text-align: center;
}
.gua-detail-top table td {
  border: 0px;
  padding: 4px 15px;
}
.gua-detail-top-type{
	font-weight: bold;
}
.gua-detail-title{
	margin: 16px 0px;
	padding: 12px;
	line-height: 20px;
	border-radius: 0 2px 2px 0;
	background-color: #F2F6FC;
	color: #409EFF;
	font-size: 14px;
	font-weight: bold;
}
.gua-detail-content-title{
	font-weight: bold;
	margin-bottom: 8px;
}
.gua-detail-content-text{
	margin-bottom: 12px;
	color: #606266;
}
.gua-detail-content-img img{
	width: 200px;
	margin-bottom: 8px;
}

/* 标签 */
.tabs {
  width: 100%;
}
.tabs-bar {
  border-bottom: 1px solid #ccc;
}
.tabs-nav {
  display: flex;
}
.tabs-item {
  font-size: 16px;
  padding: 10px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: color 0.3s;
}
.tabs-item-active {
  border-bottom-color: #409eff;
  color: #409eff;
}
.tabs-content {
  padding: 16px 12px;
}
.tabs-panel {
  display: none;
}

/* 爻 */
.yao-bar{
	cursor: pointer;
	margin: 10px 0px;
	transition: transform 0.3s ease-in-out;
}
.yao-bar:hover {
	transform: scale(1.05);
}
.yao-bar-1{
	width: 200px;
	height: 20px;
	border-radius: 10px;
	border-width: 5px;
	border-style: outset;
	border-color: red;
	background-color: red;
	transition: background-color 1s;
}
.yao-bar-0 div{
	display: inline-block;
	width: 90px;
	height: 20px;
	border-radius: 10px;
	border-width: 5px;
	border-style: outset;
	border-color: green;
	background-color: green;
	transition: background-color 1s;
}
.yao-bar-0 div:first-child{
	margin-right: 10px;
}
.yao-bar-1.yao-bar-curr{
	border-color: yellow;	
}
.yao-bar-0.yao-bar-curr div{
	border-color: yellow;	 
}
.yao-names{
	width: 210px;
	text-align: center;
}
 
/* 盘 */
.gua-search-random-pan{
	cursor: pointer;
}
.gua-search-random-pan img{
	width: 250px;
	height: 250px;
}
.gua-search-random-pan img:hover {
	transform: scale(1.05);
	transition: transform 0.3s ease-in-out;
}