* {
  margin: 0;
  padding: 0;
}
ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
a {
  text-decoration: none;
}
.banner {
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
}
.banner img {
  width: 100%;
  cursor: pointer;
  vertical-align:bottom;
  text-align: center;
}
.main-container {
  min-height: 100vh;
  background: #1c2842 url(https://tlk-mattress.oss-cn-shanghai.aliyuncs.com/security/bgman.png) center bottom no-repeat;
  background-size: 100% auto;
  box-sizing: border-box;
  padding-top: 5.33333vw;
  padding-left: 5.33333vw;
  padding-right: 5.33333vw;
  padding-bottom: 0;
  font-size: 3.73333vw;
}
.logo {
  text-align: center;
}
.logo .logoimg {
  height: 48vw;
  width: 48vw;
  background: url(../images/logo.png) no-repeat;
  background-size: contain;
  margin: 2.13333vw auto 3.73333vw;
  position: relative;
}
.headline {
  color: #efd1ab;  
  text-align: center;
  display: block;
  padding-bottom: 20px;
}
.headline .title {
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 10px;
}
.headline .subtitle {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 40px;
  padding-left: 0px;
}
.headline .subtitle .item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 0;
}
.headline .subtitle .item .flex-center {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.headline .subtitle .item .flex-center img {
  max-width: 100%;
  max-height: 100%;
}
.headline .subtitle .item .item-title {
  font-size: 14px;
  color: #fff;
}
.search {
  margin-bottom: 2vh;
  border-radius: 6px;
  border: 0;
}
.search input {
  border: none;
  outline: none;
  background: transparent;
}
.search input {
  width: 100%;
  height: 11.73333vw;
  outline: none;
  border: none;
  background: rgba(165,165,165,.9);
  border-radius: 1.06667vw;
  box-sizing: border-box;
  padding: 0 5.33333vw;
  color: #fff;
  margin-bottom: 2vh;
}
.search button {
  width: 100%;
  height: 11.73333vw;
  background: #cba983;
  border-radius: 1.06667vw;
  color: #fff;
  border: none;
  outline: none;
  font-size: 3.73333vw;
}
.search button:hover {
  background: #996e39;
}
.explain {
  padding-top: 5.66667vw;
  padding-bottom: 2.66667vw;
  margin: 0;
}
.explain .title {
  font-size: 3.73333vw;
  color: #ddd;
  line-height: 6.4vw;
  font-weight: normal;
}
.explain .dec {
  padding: 8.86667vw 0 8.86667vw 0;
  margin: 0;
}
.explain .dec li {
  list-style: none;
  color: #ddd;
  margin-bottom: 5.86667vw;
  padding-left: 13.33333vw;
}
.explain .dec li:nth-child(1) {
  background: url(../images/dec_1.svg) 1.33333vw center no-repeat;
  background-size: 8vw 8vw;
}
.explain .dec li:nth-child(2) {
  background: url(../images/dec_2.svg) 1.33333vw center no-repeat;
  background-size: 8vw 8vw;
}
.explain .dec li:nth-child(3) {
  background: url(../images/dec_3.svg) 1.33333vw center no-repeat;
  background-size: 8vw 8vw;
}
.explain .dec li h3 {
  font-size: 3.73333vw;
  font-weight: normal;
  line-height: 6.4vw;
  color: #c08d62;
}
.explain .dec li p {
  font-size: 2.66667vw;
  line-height: 6.4vw;
}
.result {
  margin: 0;
  padding: 0;
  border: 0;
}
.result .err {
  padding-top: 8vw;
  text-align: center;
}
.result .err img {
  width: 48vw;
}
.result .tip {
  text-align: center;
  line-height: 1.8;
  font-size: 4.73333vw;
  color: #fff;
}
.result .tip span {
  font-size: 5.33333vw;
  color: #ffd07b;
  font-weight: bold;
  padding-left: 1vw;
  padding-right: 1vw;
}
.result .tip .subtit {
  padding-top: 10vw;
  font-size: 4.2vw;
}
.result .tip .subtit span {
  color: #ba9970;
}
.result .service {
  padding-top: 8vw;
  padding-bottom: 15vw;
  text-align: center;
  line-height: 1.8;
  font-size: 4.13333vw;
  color: #fff;
}
.result .service span {
  font-size: 4.13333vw;
  color: #ffd07b
}
.result .service a {
  font-size: 4.13333vw;
  color: #ba9970;
}
.result .error {
  text-align: center;
  padding-top: 10vw;
  padding-bottom: 10vw;
}
.result .error h1 {
  font-size: 6.33333vw;
  color: #ea284b;
  font-weight: bold;
  padding-bottom: 10vw;
}
.result .error p {
  text-align: center;
  line-height: 1.8;
  font-size: 3.73333vw;
  color: #fff;
}
.result .error a {
  font-size: 4.13333vw;
  color: #ffd07b
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width:360px) {

}