body {
	max-width:480px;
	margin: 0 auto;
}

.number-input .form-control{
	padding:0;
	font-size:24px;
	line-height:40px;
	height:40px;
	text-align:center;
}
.code-input {
	font-size:18px;
}

.code-input input::-webkit-outer-spin-button,
.code-input input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.code-input input[type='number'] {
   -moz-appearance: textfield;
}

.orderinfo li span {
	color:#666
}
#loading {
  position: fixed;
  top: 20%;
  left: 0;
  right:0;
  width:100%;
}
.loading-image {
  margin:0 auto;
  background-color:#fff;
  width:75px;
  height:75px;
  border-radius:10%;
  z-index:10;

}
.toasts {
  color:#fff;
  position: fixed;
  top: 10px;
  left: 10%;
  right:10%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index:99;
  text-align:center;
  line-height:48px;
  border-radius:10px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index:2;
}
.open-tips{
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  z-index:10;
}
.dialog {
  background-color:#fff;
  z-index:10;
  margin:0 auto;
  border-radius:8%
}
.tips-title {
	font-weight:600;
	font-size:18px;
}

.success-title {
	font-size:20px;
	font-weight:bold;
	padding:30px 0;
}

.box-number{
	color:#f00;
	font-size:65px;
	font-weight:800;
}

.blink{ 
	display: block;
	background: linear-gradient(left, #f71605, #e0f513); 
	background: -webkit-linear-gradient(left, #f71605, #e0f513);
	background: -o-linear-gradient(right, #f71605, #e0f513);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation:scratchy 0.5s linear forwards infinite;
	/* 其它浏览器兼容性前缀 */
	-webkit-animation:scratchy 0.5s linear forwards infinite;
	-moz-animation: scratchy 0.5s linear forwards infinite;
	-ms-animation: scratchy 0.5s linear forwards infinite;
	-o-animation: scratchy 0.5s linear forwards infinite;
}  
 @keyframes  scratchy {
        0% {
            background-position: 0 0;
        }
        25% {
            background-position: 0 0;
        }
        26% {
            background-position: 20px -20px;
        }
        50% {
            background-position: 20px -20px;
        }
        51% {
            background-position: 40px -40px;
        }
        75% {
            background-position: 40px -40px;
        }
        76% {
            background-position: 60px -60px;
        }
        99% {
            background-position: 60px -60px;
        }
        100% {
            background-position: 0 0;
        }
  }
  /* 添加兼容性前缀 */
  @-webkit-keyframes scratchy {
        0% {
            background-position: 0 0;
        }
        25% {
            background-position: 0 0;
        }
        26% {
            background-position: 20px -20px;
        }
        50% {
            background-position: 20px -20px;
        }
        51% {
            background-position: 40px -40px;
        }
        75% {
            background-position: 40px -40px;
        }
        76% {
            background-position: 60px -60px;
        }
        99% {
            background-position: 60px -60px;
        }
        100% {
            background-position: 0 0;
        }
 }
 @-moz-keyframes scratchy {
        0% {
            background-position: 0 0;
        }
        25% {
            background-position: 0 0;
        }
        26% {
            background-position: 20px -20px;
        }
        50% {
            background-position: 20px -20px;
        }
        51% {
            background-position: 40px -40px;
        }
        75% {
            background-position: 40px -40px;
        }
        76% {
            background-position: 60px -60px;
        }
        99% {
            background-position: 60px -60px;
        }
        100% {
            background-position: 0 0;
        }
 }
 @-ms-keyframes scratchy {
       0% {
            background-position: 0 0;
        }
        25% {
            background-position: 0 0;
        }
        26% {
            background-position: 20px -20px;
        }
        50% {
            background-position: 20px -20px;
        }
        51% {
            background-position: 40px -40px;
        }
        75% {
            background-position: 40px -40px;
        }
        76% {
            background-position: 60px -60px;
        }
        99% {
            background-position: 60px -60px;
        }
        100% {
            background-position: 0 0;
        }
 }
 @-o-keyframes scratchy {
       0% {
            background-position: 0 0;
        }
        25% {
            background-position: 0 0;
        }
        26% {
            background-position: 20px -20px;
        }
        50% {
            background-position: 20px -20px;
        }
        51% {
            background-position: 40px -40px;
        }
        75% {
            background-position: 40px -40px;
        }
        76% {
            background-position: 60px -60px;
        }
        99% {
            background-position: 60px -60px;
        }
        100% {
            background-position: 0 0;
        }
 }