::-webkit-scrollbar {
   display: none;
}

* {
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   margin: 0;
   padding: 0;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
object,
iframe,
applet,
figure,
aside,
span {
   border: thin none;
   margin: 0;
   padding: 0;
   list-style: none
}

.loading {
   width: 0.32rem;
   display: inline-block;
   vertical-align: middle;
   margin-right: 4px;
   animation: loading 1.2s linear infinite;
   -webkit-animation: loading 1.2s linear infinite;
}

@keyframes loading {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
   }
}

img {
   border: medium none;
   margin: 0;
   padding: 0;
   vertical-align: top
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.fl {
   float: left
}

.fr {
   float: right
}

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

.clearfloat {
   zoom: 1;
}

a:link {
   text-decoration: none;
}

a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

html {
   width: 100%;
   overflow-x: hidden;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-user-select: none;
   -webkit-tap-highlight: rgba(0, 0, 0, 0);
   -webkit-text-size-adjust: none;
   overflow: -moz-scrollbars-vertical;
   background-color: rgba(248,130,56);

}

body {
   width: 100%;
   overflow-x: hidden;
   font-family: "微软雅黑", Helvetica;
   min-width: 320px;
   max-width: 640px;
   padding: 0;
   -webkit-user-select: none;
   position: relative;
   margin: 0 auto;
   background-color: rgba(248,130,56);
}
@media only screen and (min-width: 375px) and (max-height: 667px) {
   .page .pos-bottom {
      bottom: 12% !important;
  }
}
.page-main {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
}

img {
   width: 100%
}

.download_txt {
   width: 50%;
   margin: 25px auto;
}

.text-center {
   text-align: center;
}

.flex-1 {
   flex: 1;
}

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

.end {
   width: 46%;
   height: auto;
   padding: 4px 0 20px;
   margin: 0 auto;
   display: block;
}

button {
   background: transparent;
}

/* 奔跑中的dog */
.loading-dog {
   position: fixed;
   top: 50%;
   left: 50%;
   z-index: 99999;
   transform: translate(-50%, -50%);
}

.dog-box {
   background-color: rgba(255, 255, 255, 0.8);
   border-radius: 10px;
   width: 131px;
   height: 115px;
   position: relative;
   padding-top: 81px;
   margin: 10px auto;
}

.dog-box .text {
   font-size: 0.22rem;
   text-align: center;
   line-height: 2;
}

.dog-box-img {
   transform: scale(0.7);
   position: absolute;
   top: -16px;
   left: 0;
   right: 0;
   margin: 0 auto;
}

.loading_ani {
   width: 131px;
   height: 131px;
   background: url(../images/dog.png) 0 0;
   -webkit-animation: loading_ani steps(3, end) 0.6s infinite;
   animation: loading_ani steps(3, end) 0.6s infinite;
   margin: 0 auto;
}

@-webkit-keyframes loading_ani {
   from {
      background-position: 0 0;
   }

   to {
      background-position: 0 -393px;
   }
}

@keyframes loading_ani {
   from {
      background-position: 0 0;
   }

   to {
      background-position: 0 -393px;
   }
}

.page {
   height: 100vh;
   overflow: hidden;
   /* background: url(../images/bg.jpg) no-repeat #f98038;
   background-size: 100% auto; */
}
.page-bg-box{
   position: relative;
}

.page .logo {
   bottom: 0;
   margin: 0 auto;
   min-width: 32%;
   display: block;
   position: fixed;
   left: 0;
   right: 0;
}

.page .pos-bottom {
   position: fixed;
   bottom: 8%;
   left: 0;
   z-index: 7;
   width: 100%;
   text-align: center;
}

.page .b {
   margin:0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 7rem;
   text-align: center;
   color: #fff;
   font-size: 0.37rem;
   font-weight: bold;
   height: 0.96rem;
   /* background-color: #f76812; */
   border-radius: 0.96rem;
}

.page .btn2 {
   width: 2.78rem;
   font-size: 0.32rem;
   height: 0.7rem;
   background-color: #705a4c;
   border-radius: 0.7rem;
}

.page .btn1 img {
   width: 100%;
   /* margin-right: 10px; */
}

.scarle1 {
   animation: scarle1 ease-in-out 0.7s infinite;
   -webkit-animation: scarle1 ease-in-out 0.7s infinite;
}

@-webkit-keyframes scarle1 {
   0% {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
   }

   80% {
      transform: scale(1);
      -webkit-transform: scale(1);
   }
}

@keyframes scarle1 {
   0% {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
   }

   80% {
      transform: scale(1);
      -webkit-transform: scale(1);
   }
}