body,iframe,div {margin:0;padding:0;font-family: Verdana, 微软雅黑; box-sizing: border-box;}
a {text-decoration:none;color:rgb(0, 4, 255);}
iframe {border-width:0;}
.Container {
  max-width: 96%;
  margin: 5px auto;
}

#background {position: fixed;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;pointer-events: none;}

#sortTowerSelect{margin:10px;background-color:rgba(252, 252, 252, 0.6)}

.towerTab {
  background-color:rgba(252, 252, 252, 0.6);
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
} 
.towerTab:hover {
  box-shadow: 0 2px 2px 0 rgba(87, 198, 232,.74), 0 3px 1px -2px rgba(87, 198, 232,.80), 0 1px 5px 0 rgba(87, 198, 232,.72);
}
.towerTab {
  float: left;
  margin-bottom: 12px;
  margin-left: 1%;
  margin-right: 1%;
  overflow: hidden;
  position:relative;
  height: 270px;
  width: 98%;
  background-origin: border-box !important;
}

@media (min-width: 600px) {
  .Container {
    max-width: 95%;
  }
  .towerTab {
    width: 48%;
  }
}

@media (min-width: 960px) {
  .Container {
    max-width: 90%;
  }
  .towerTab {
    width: 31.333333%;
  }
}

@media (min-width: 1400px) {
  .Container {
    max-width: 85%;
  }
  .towerTab {
    width: 23%;
  }
}

.towerAuths {
  position:absolute;left:10px;bottom:10px;
}
.towerAuth {
  font-size: 16px;
  color: #6e6e6e;
}
.towerAuth2 {
  font-size: 16px;
  color: #a1a1a1;
}
.towerTag {
  font-size: 14px;
  color: #828282;
  text-shadow: 0px 0px 1px rgba(128, 128, 128, 0.7);
  position:absolute;right:10px;bottom:10px;
}
.towerInfo {
  font-size: 12px;
  cursor: pointer;
  background-color:rgba(240, 240, 240, 0.6);
  position: absolute;
  top: 35px;
  left: 0;
  bottom: 26px;
  right: 0;
  overflow: auto;
  padding: 2px 5px;
}

.towerAuthString{
  font-size: 13px;
  position: absolute;
  left: 0;
  bottom: 26px;
  font-weight: bold;
}

.towerTab {color:black;}
.towerTab > *{margin:3px 10px;}
.towerTab > :last-child{margin-bottom:8px;}

.searchLogo {
    width: 15px;
	height: 15px;
	position: absolute;
	left: 6px;
	top: 6px;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJmdWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpldj0iaHR0cDovL3d3dy53My5vcmcvMjAwMS94bWwtZXZlbnRzIj4KPGc%2BCgk8cG9seWdvbiBmaWxsPSIjNjY2IiBwb2ludHM9IjkuMjA3LDYuMTI2IDcuNzkzLDcuNTQxIDExLjc5MywxMS41NDEgMTMuMjA3LDEwLjEyNiIgLz4KCTxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik01LjkxNywyYzEuNjA4LDAsMi45MTcsMS4zMDgsMi45MTcsMi45MTdTNy41MjUsNy44MzMsNS45MTcsNy44MzNTMyw2LjUyNSwzLDQuOTE3UzQuMzA4LDIsNS45MTcsMgoJCSBNNS45MTcsMEMzLjIwMSwwLDEsMi4yMDEsMSw0LjkxN3MyLjIwMSw0LjkxNyw0LjkxNyw0LjkxN3M0LjkxNy0yLjIwMSw0LjkxNy00LjkxN0MxMC44MzMsMi4yMDEsOC42MzIsMCw1LjkxNywwTDUuOTE3LDB6IiAvPgo8L2c%2BCjwvc3ZnPgo%3D');
}

.statistics {
    width: 24px;
    height: 24px;
    float: right;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ5OS45MDQsNDU2LjYwN0gxMi4wOTZDNS40MTUsNDU2LjYwNywwLDQ2Mi4wMjIsMCw0NjguNzAzYzAsNi42NzksNS40MTUsMTIuMDk2LDEyLjA5NiwxMi4wOTZoNDg3LjgwOCAgICBjNi42NzksMCwxMi4wOTYtNS40MTcsMTIuMDk2LTEyLjA5NkM1MTIsNDYyLjAyMyw1MDYuNTg1LDQ1Ni42MDcsNDk5LjkwNCw0NTYuNjA3eiIgZmlsbD0iIzdmN2Y3ZiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ2OC4zNyw4OC4zMDVoLTg0Ljk0OGMtNi42NzksMC0xMi4wOTYsNS40MTctMTIuMDk2LDEyLjA5NnY4Mi4yNGgtNjAuNzU3VjQzLjI5N2MwLTYuNjc5LTUuNDE3LTEyLjA5Ni0xMi4wOTYtMTIuMDk2ICAgIGgtODQuOTVjLTYuNjc5LDAtMTIuMDk2LDUuNDE3LTEyLjA5NiwxMi4wOTZ2MjI4Ljg4MmgtNjAuNzU3VjE2OS4zNmMwLTYuNjgxLTUuNDE3LTEyLjA5Ni0xMi4wOTYtMTIuMDk2SDQzLjYyNiAgICBjLTYuNjgxLDAtMTIuMDk2LDUuNDE1LTEyLjA5NiwxMi4wOTZ2MjMxLjU2M2MwLDYuNjgxLDUuNDE3LDEyLjA5NiwxMi4wOTYsMTIuMDk2aDg0Ljk0OGg4NC45NDhoODQuOTVoODQuOTQ5aDg0Ljk0OCAgICBjNi42ODEsMCwxMi4wOTYtNS40MTcsMTIuMDk2LTEyLjA5NlYxMDAuNDAxQzQ4MC40NjYsOTMuNzIyLDQ3NS4wNTEsODguMzA1LDQ2OC4zNyw4OC4zMDV6IE0xMTYuNDc5LDM4OC44MjdINTUuNzIyVjE4MS40NTYgICAgaDYwLjc1N1YzODguODI3eiBNMjAxLjQyOSwzODguODI3aC02MC43NTd2LTkyLjQ1Nmg2MC43NTdWMzg4LjgyN3ogTTI4Ni4zNzgsMTk0LjczN3YxOTQuMDlIMjI1LjYyVjU1LjM5M2g2MC43NThWMTk0LjczN3ogICAgIE0zNzEuMzI4LDM4OC44MjdoLTYwLjc1N1YyMDYuODMzaDYwLjc1N1YzODguODI3eiBNNDU2LjI3NiwzODguODI3SDM5NS41MnYtMTk0LjA5di04Mi4yNGg2MC43NTdWMzg4LjgyN3oiIGZpbGw9IiM3ZjdmN2YiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}

#search {
    width: 100px;
	background-color: #E9EBF2;
	border-radius: 10px;
	outline: none;
	padding-left: 20px;
	height: 14px;
}

#pages span {
    padding: 4px;
}

#pages2 span {
    padding: 4px;
}

.query {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}
#header {
margin-left: 10px;
margin-right: 10px;
line-height: 1.45;
background: cyan;
border: 1px solid #3dbaf1;
padding: 10px 30px 10px 10px;
color: blue;
position: relative;
font-weight: 600;
box-shadow: 2px 2px 2px #888888;
display: none;
}
#header p {
margin: 0;
}
#header .close {
background: transparent;
position: absolute;
top: 0;
right: 0;
height: 2rem;
width: 2rem;
font-size: 0;
border: none;
cursor: pointer;
padding: 0.5rem;
}
#header .close:after {
position: absolute;
font-family: entypo;
font-size: 18px;
top: 3px;
left: 3px;
content: '\274C';
color: #81aff7;
}

.colorText {
text-decoration: underline;
margin-left: 15px;
font-size: 16px;
}

.towerBottom {
  position:absolute;
  margin: 0;
  bottom: 0;
  height: 8px;
  width: 100%;
}