body,html {
	height: 100%;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
	overflow-y: auto;
	-webkit-tap-highlight-color: transparent;
	position: relative;
}
* {
	border: none;
	margin: 0;
	padding: 0;
}
ul {
  list-style: none
}
body, .bg-white {
   background-color: #FFFFFF
}
.container {
  overflow: hidden;
	max-width: 750px;
	margin: 0 auto;
/* 	outline: 1px solid red; */
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}

.page-header {
	padding: 1.533rem 0 0.9rem 0;
}
.logo-img {
	max-width: 100%;
	display: block;
}
.page-title {
	font-size: 0.75rem;
	color: #064691;
	font-weight: 500;
	/*margin-bottom: 2rem;*/
}
h4.page-title {
	font-size: 0.5rem;
}
.margin-top-sm{
	margin-top: 0.4rem;
}
.margin-top{
	margin-top: 1.2rem;
}
.margin-bottom-2 {
	margin-bottom: 2rem;
}
.footer-hint {
	font-size: 0.32rem;
	line-height: 0.48rem;
 }
/* anti -body */
.anti-body {
	padding: 0 1.42rem;
}
.anti-form-item {
	font-size: 0.35rem;
	padding: 0.374rem;
	border-radius: 0.18rem;
	border: 2px solid #c9c9c9;
	margin-bottom: 0.615rem;
	color: #000000;
	display: flex;
	position: relative;
}
.anti-item-label {
	flex: 0 0 1.54rem;
}
.anti-item-content {
	flex: 1;
	font-size: 0.35rem;
}
.anti-item-input {
	width: 100%;
	line-height: 0.35rem;
	font-size: 0.35rem;
}
.anti-item-input:active,
.anti-item-input:focus{
	outline: none;
}
.anti-form-group {
	line-height: normal;
	display: inline-table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 0.615rem;
}
.anti-form-group .anti-form-item {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	display: table-cell;
	box-sizing: border-box;
	margin-bottom: 0;
}
.b-flex {
	display: flex;
}
.bt-send {
	width: 1.46rem;
	height: 100%;
	font-size: 0.3rem;
	color: #000000;
	padding: 0.374rem 0.32rem;
	border-radius: 0 0.18rem 0.18rem 0;
	background-color: #c9c9c9;
	vertical-align: middle;
	display: table-cell;
	line-height: 0.35rem;
	border: 1px #C9C9C9 solid;
	text-align: center;
}
.btn-placeholder {
	flex: 0 0 2rem;
}
.error-text {
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	font-size: 0.4rem;
	line-height: 1.6rem;
	color: #cd0080;
	font-weight: 300;

}
.text-red {
	color: #cd0080
}
.error-text-content {
	 min-height: 0.4rem;
	 display: block;
	 word-wrap: break-word;
	 line-height: 0.5rem;
	 padding: 0.3rem 1.5rem;
}
.bt-login {
	font-size: 0.426rem;
	padding: 0.35rem 0.64rem;
	border-radius: 0.18rem;
	box-shadow: 0.1rem 0.1rem 0.086rem rgba(186,186,186,0.7);
	background-color: #cd0080;
	color: #ffffff;
}
.footer-tips {
	font-size: 0.35rem;
	line-height: 0.48rem;
	color: #000000;
	font-weight: 300;
	text-align: center;
}
.page-footer {
	margin-top: 1.72rem;
	margin-bottom: 1.05rem;
}
.tips-text {
	font-size: 0.26rem;
}
.text-underline {
	height: 100%;
	padding: 0 0.32rem;
	border-bottom: 1px solid #000000;
}
.user-body {
	padding: 0 1.36rem;
}
.user-prompt {
	font-size: 0.32rem;
	line-height: 0.48rem;
	color: #000000;
	font-weight: 300;
	height: 2.386rem;
	margin-bottom: 0.374rem;
}
/* table */
.report-table-th {
	display: flex;
}
.table-th {
	flex: 1;
	background-color: #064691;
	padding: 0.32rem;
	color: #FFFFFF;
	font-size: 0.3rem;
	border-right: 1px solid #ffffff;
	text-align: center;
}
.table-th:last-child {
	border-right: none;
}
.table-td {
	flex: 1;
	padding: 0.32rem;
	font-size: 0.3rem;
	color: #000000;
	border-right: 1px solid #ffffff;
	text-align: center;
}
.table-td:last-child {
	border-right: none;
}
.table-tr {
	display: flex;
}
.table-tr:nth-child(odd) {
	background-color: #ffecf8;
}
.table-tr:nth-child(even) {
	background-color: #edf6ff;
}
.btn-view {
	width: 100%;
	height: 100%;
	border-radius: 0.106rem;
	box-shadow: 0.05rem 0.05rem  0.03rem  rgba(186,186,186,0.7);
	background-color: #cd0080;
}

.btn-disable {
	width: 100%;
	height: 100%;
	border-radius: 0.106rem;
	box-shadow: 0.05rem 0.05rem  0.03rem  rgba(186,186,186,0.7);
	background-color: #c1c9cd;
}
.table-td.btn-td {
	padding: 0.2rem 0.32rem;
}
.pdf-view {
	width: 8.95rem;
	margin: 0 auto;
	height: 100%;
	text-align: center;
}
canvas {
  display: block;
	margin: 0 auto;
	max-width: 100%;
}
.report-view {
	position: relative;
}
.btn-container {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 750px;
}
.btn {
	width: 2.933rem;
	height: 1.067rem;
	border-radius: 0.18rem;
	box-shadow: 0.094rem 0.094rem 0.0867rem rgba(186,186,186,0.7);
	background-color: #cd0080;
	font-size: 0.42rem;
	color: #ffffff;
	font-weight: 500;
	text-align: center;
}
.bt-back {
	background-color: #064691;
	margin-left: 1.586rem;
}
.text-error {
	position: fixed;
	top: 15px;
	width: 100%;
	max-width: 750px;
}

.page-404 {
 padding: 2rem 1rem;
}
.image-404 {
 padding: 1rem;
}
.page-404 .error-text {
 font-weight: bold;
 margin-bottom: 0.42rem;
 font-size: 0.42rem;
}
.page-404 .image-tips {
 font-size: 0.5rem;
 margin-bottom: 0.42rem;
}
.page-404 .tips-404-p {
 font-size: 0.25rem;
}
.margin-bottom-sm {
 margin-bottom: 0.4rem;
}
.margin-bottom-p {
	margin-bottom: 0.25rem;
}
.qr-code {
	text-align: center;
}

.bg-gray {
   background-color: #7d7d7dcc;
   padding: 0.42rem 0;
}
.text-view-tips {
   width: 7.8rem;
   margin: 0 auto;
   font-size: 0.35rem;
   text-align: justify;
   color: #ffffff;
}
.text-view-tips span{
   font-weight: bold;
   text-decoration: underline;
}