* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  font-family: verdana, "Microsfot Yahei";
}

div {
  margin:0;
  padding:0;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
}

img {
  margin: 0;
  padding: 0;
  border: 0px;
  vertical-align: middle;
}

input {
  outline: none;
  vertical-align: middle;
  border-radius: 0px;
  -webkit-appearance: none;
  appearance: none;
}
input[type="text"], input[type="password"] {
  border: solid 1px #EAEAEA;
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
}

textarea {
  resize: none;
  outline: none;
  border: solid 1px silver;
  -webkit-appearance: none;
  appearance: none;
}

form {
  margin:0;
  padding: 0;
}

hr {
  height: 1px;
  border: none 0 black;
  color: silver;
  background-color: silver;
}

button {
  color: white;
  margin:0;
  padding:0 20px;
  font-size: 0.875rem;
  line-height: 2em;
  font-family: verdana, "Microsoft Yahei";
  border: none 1px gray;
  vertical-align: middle;
  border-radius: 5px;
  background: rgba(0,0,0,0.25);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

button:active {
  background: rgba(0,0,0,0.20);
}

button:focus {
  outline: none;
}

input::-moz-focus-inner {border:0; padding:0}
button::-moz-focus-inner {border:0; padding:0}

h1 {font-size:36px;}
h2 {font-size:24px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}


a {
  color: #006291;
  cursor: pointer;
  text-decoration: none;
}
a:link {
  color: #006291;
}
a:visited {
  color: #006291;
}
a:hover {
  color: #FF6633;
  text-decoration: none;
}

em {
  font-weight: normal;
  font-style: normal;
}

small {
  font-size: 0.8em;
}

mark {
  background-color: transparent;
}

i, b {
  font-weight: normal;
  font-style:normal;
}

.o-full-fill {
  display: block;
  width: 100%;
  height: 100%;
}
.o-row {
  display: block;
  margin:0;
  padding:0;
  overflow: hidden;
}
.o-card {
  display: block;
  margin:  0.5rem;
}

.o-card-header {
  margin: 0;
  display: block;
  padding: 0.75rem 1.25rem;
  color: rgba(0,0,0,0.75);
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  background-color: rgba(0,0,0, 0.03);
  border: solid 1px #EAEAEA;
}

.o-listview {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.o-listview-item {
  margin: 0;
  padding: 0.5rem 1em;
  position: relative;
  margin-top: -1px;
  color: rgba(0,0,0,0.6);
  border: solid 1px #EAEAEA;
}

.o-link {
  padding-right: 2rem;
}

.o-link:hover {
  outline: none;
  background-color: rgba(0,0,0, 0.02);
}

.o-link:active {
  outline: none;
  background-color: rgba(0,0,0, 0.03);
}

.o-link::after {
  position: absolute;
  width: 1rem;
  height: 1rem;
  display: block;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23EAEAEA%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  top: 50%;
  right: 0.5rem;
  margin-top: -0.5rem;
  transition: all 0.3s ease-out;
}

.o-link a{
  margin:0;
  padding:0;
  color: rgba(0,80,80, 0.8);
  display: block;
}