/* 清楚默认样式 */
html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  height: 100%;
  position: relative;
}

body {
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto,
  "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans",
  "Noto Sans CJK KR", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
  font-size: 0.24rem;
  color: #1c1c1c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #1c1c1c;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

input,
textarea {
  outline: none;
  border: none;
}

textarea {
  resize: none;
  overflow: auto;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: ".";
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.cp {
  cursor: pointer;
}

.hide {
  display: none !important;
}

.divider {
  height: 0.01rem;
  background: #000;
}

.large-img {
  cursor: pointer;
  transition: all 0.6s;
}

.large-img:hover {
  transform: scale(1.4);
  z-index: 1000;
}

.page-body-container {
  padding-top: 0.74rem;
}

.relative {
  position: relative;
}

/* 首页 */
.main-container {
  
    display: block;
	width: 100%;
	margin: auto;
	max-width: 500px;
	color: #FFFFFF;
	font-size: 0.14rem;
}

.header {
  padding-top: 0.33rem;
  text-align: center;
}


.result-body {
  margin:0 auto;
  width:80%;
  max-width:480px;
  text-align: center;
  color:#FFF;
  background: #000;
  margin-bottom:0.9rem;
  border-radius: 4px;
  height:2rem;
  padding:0.5rem;
  font-size: 0.6rem;
}

.result-img {
 
  height: 100%;
  width: 100%;
  margin: 0 auto;
  border:1px solid #f00;
  padding:0.4rem 0.6rem;
}
.result-title {
   width:100%;
  font-size:0.9rem;
  border:0px solid #F00;
  color:#000;
}
.result-title2{
  width: 100%;
            border: 0px solid #ccc;
           
            text-align: right; /* 图片右对齐 */
}
.result-title2 img{
 border:0px solid #F00;
 max-width: 100%;
 height: auto;
 padding-left:95%;
}

.scan-cont {
  width: 90%;
  margin: 0 auto;
  font-size: 0.57rem;
  font-family: Source Han Sans CN;
 
  color: #000000;
  line-height: 1.1rem;
  text-align: left;
  margin-bottom: 1.12rem;
  padding:1.1rem;

  border:2px solid #959595;
}

.scan-cont > img {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}


.toast-container {
            position: absolute;
			
            width:88%;
            max-width:480px;
            top: 0.5rem;
			left:5%;
            z-index: 1000;
            transform: translateY(calc(-100% - 0.5rem));
            opacity: 0;
            pointer-events: none;
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
			border:0px solid #F00;
			
        }
        
        .toast-container.show {
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }
        
        .toast {
            background-color: #F1F9EC;
            border-left: 0px solid #10b981;
            
			border-radius: 10px;
			
        }


.logo_div {
			
            position: relative;
            display: inline-block;
}
.logo_div img {
            width: 100%;
            height: auto;
            display: block;
}
.logo {
            position: absolute;
            top: 0.9rem;
            right: 1.8rem;
            width: 20px;
            height: 20px;
            background: url('/static/picture/p1.png') no-repeat center center;
            background-size: cover;
}

.black_overlay {
			position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
}
.white_content {
			background: white;
			position: absolute;
            top:2rem;
			padding:20px;
            border-radius: 1px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            max-width: 80%;
            max-height: 90%;
            overflow: auto;
			border:0px solid #f00;
}