*{
  margin: 0;
  padding: 0;
}
body, html{
  width: 100%;
  height: 100%;
}
body {
  background-color:#ffffff;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  line-height:1.2em;
}

A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none;
}
A.iconlink:hover {
	COLOR: #0080ff; TEXT-DECORATION: none;
}

table.gridtable{
  color:#333333;
  border-width:1px;
  border-spacing:0;
  cellspacing:0;
  cellpadding:0;
  border-style:solid;
  border-color: #666666;
  border-collapse:collapse;
  width:100%;
  margin:0 auto;
}
table.gridtable th{
  color:#0000a0;
  font-size:16px;
  padding: 10px;
  border-width:1px;
  cellspacing:0;
  cellpadding:0;
  overflow:hidden;
  border-style:solid;
  background-color: #dedede;
}
table.gridtable td{
  font-size:14px;
  text-align:left;
  vertical-align:top;
  padding: 0;
  border-width:1px;
  cellspacing:0;
  cellpadding:0;
  overflow:hidden;
  border-style:solid;
  background-color: #ffffff;
}
table.txttable{
  color:#333333;
  border-width:0px;
  border-spacing:0;
  cellspacing:0;
  cellpadding:0;
  margin: 10px auto 10px auto;
}
table.txttable td{
  font-size:20px;
  line-height: 24px;
  text-align:left;
  vertical-align:top;
  padding: 0;
  border-width:0px;
  cellspacing:0;
  padding:1px 5px 1px 5px;
  overflow:hidden;
  background-color: #ffffff;
}
div.box{
  width:84px;
  height:82px;
  line-height:16px;
  letter-spacing:0px;
  padding:0;
  background-color:none;
  display:inline-block;
}

div.box9{
  width:110px;
  height:110px;
  line-height:16px;
  letter-spacing:0px;
  vertical-align: bottom;
  padding:0;
  margin:0 auto;
  background-color:none;
  /*display:inline-block;*/
}

div.box9_1{
  width:20px;
  height:110px;
  font-size: 16px;
  line-height:18px;
  letter-spacing:0px;
  text-align: center;
  vertical-align: bottom;
  padding: 5px 0 0 0;
  margin:0 auto;
  background-color:none;
  display:inline-block;
}

div.box9_2{
  width:60px;
  font-size: 20px;
  line-height:24px;
  letter-spacing:0px;
  text-align: center;
  vertical-align: bottom;
  padding:0 0 5px 0;
  margin:0 auto;
  background-color:none;
  display:inline-block;
}

div.box9_3{
  width:20px;
  font-size: 16px;
  line-height:18px;
  letter-spacing:0px;
  text-align: center;
  vertical-align: bottom;
  padding:0 0 5px 0;
  margin:0 auto;
  background-color:none;
  display:inline-block;
}

/*.container{min-width: 340px; max-width: 680px;}*/
.container{
  min-width: 340px;
  max-width: 740px;
  margin: auto;
  padding: 0;
  text-align: center; 
  align-self: center;
}

.mylogo .card{
  border: 0;
  box-shadow: none;
  height: 100%
}

.block{
  width: 350px;
  border: 0;
  /*box-shadow: 0 .25rem 1rem rgba(48, 55, 66, .15);*/
  height: 100%;
  align-content: center;
  align-self: center;
  margin: 0 auto;
  padding: 0;
}

.card{
  width: 320px;
  border: 0;
  box-shadow: 0 .25rem 1rem rgba(48, 55, 66, .15);
  height: 100%;
  align-content: center;
  align-self: center;
  margin: 10px;
  display: inline-flex;
}
.card:hover{
  box-shadow: 0 0.5rem 2rem rgba(20,30,40,0.15);
}

.card-image:hover{
  /*transform: scale(1.02);*/
  box-shadow: 0.1rem 0.1rem 0.25rem rgba(0,0,0,0.25);
}

.tile-icon {
  align-content: space-around;
  align-items: center;
  background: #fff;/* #5755d9;*/
  border-radius: .1rem;
  color: #fff;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  -ms-flex-line-pack: distribute;
  font-size: 1.2rem;
  height: 2rem;
  width: 2rem;
}

.modal-body{
  line-height: 130%;
}

.modal-title{
  line-height: 150%;
}

oneline{/*超过1行显示省略号*/
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

fiveline{/*超过5行显示省略号*/
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}


.tooltips{
  position: relative;
  z-index: 2;
}

.tooltips.hover{
  z-index: 3;
  background: none;
}

.tooltips span{
  display: none;
}

.tooltips:hover span{
  display: block;
  position: absolute;
  top: 0px;
  width: 300px;
  border: none;
  background-color: #ffffff;
  padding: 0px;
  color: black;
}

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-cn {
  background-image: url(./cn.svg);
}
.flag-icon-us {
  background-image: url(./us.svg);
}

#gua {
  overflow: visible;
  margin: 30px auto 40px auto;
  height: 100%;
  width: 240px;
}

.yao{
    overflow:hidden;
    margin: 5px auto 5px auto;
    width: 100%;
    height: 40px;
    background-color: #99ccff;
}
.yinyang {
  overflow:hidden;
  position: relative;
  margin: 0 auto;
  width: 30px;
  height: 40px;
}

.yinyang.yin{
  background-color: #ffffff;
}

.yaoci{
  font-size: 16px;
  line-height: 20px;
  position: relative;
  z-index: 2;
}

.yaoci.hover{
  z-index: 3;
  background: none;
}

.yaoci span{
  display: none;
}

.yaoci:hover span{
  display: block;
  position: absolute;
  top: 0px;
  width: 240px;
  border: none;
  background-color: #ffffff;
  padding: 0px;
  color: black;
}