:root {
  --main-background-color: #fff;
  --main-text-color: #333;
  --main-font-fmaiy:"";

  --page-header-height: 140px;
  --select-color: rgba(36, 142, 204, 1);
}
*{
  margin:0;
  padding:0;
}
html {
  font-size: 100%;
  #-webkit-filter: grayscale(100%);
}

button,
hr {
  overflow: visible;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
a{
  cursor:pointer;
  color:#333;
}

*,
button {
  background: 0 0;
  border: 0
}

button:disabled,
html {
  cursor: default
}

*,
:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0
}

*,
button,
fieldset,
hr,
iframe,
img {
  border: 0
}

a,
a:active,
a:link,
a:visited,
ins {
  text-decoration: none
}

dialog,
ins,
mark {
  color: #000
}

*,
progress,
sub,
sup {
  vertical-align: baseline
}
body img{
  vertical-align: bottom;
  display:block;
}
button,
legend {
  color: inherit
}

img,
legend {
  max-width: 100%
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat
}

::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit
}

ul, ol, li {
  list-style: none;
}

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  word-break: break-word
}
main{
  padding: 0 15px;
  max-width: 1470px;
  margin: 0 auto;
}
.HideTwoLines{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1.5;
  min-height: 3em;
  max-width: 100%; 
}

.limited-one-line {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.toast {
  position: fixed;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: #a4d2eb;
  color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  padding: 8px 60px;
  font-size: 18px;
  font-weight:500;
  text-align: center;
  opacity: 0;
  z-index: 0;
  transition: all 0.3s ease;
}

.toast.show {
  opacity: 1;
  z-index: 99;
  top: 2%;
}

@media(max-width:1200px){
  main{
    max-width:930px;
  }
}
@media(max-width:992px){
  main{
    max-width:780px;
  }
}
@media(max-width:768px){
  main{
    max-width:611px;
  }
}