html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
  font-weight: normal;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
img {
  vertical-align: top;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ml15 {
  margin-left: .15rem;
}
.ml35 {
  margin-left: .35rem;
}
.ml95 {
  margin-left: .95rem;
}
.mr15 {
  margin-right: .15rem;
}
.mr20 {
  margin-right: .2rem;
}
.mt15 {
  margin-top: .15rem;
}
.mt20 {
  margin-top: .2rem;
}
.mt30 {
  margin-top: .3rem;
}
.mt40 {
  margin-top: .4rem;
}
.mt60 {
  margin-top: .6rem;
}
a,
a:hover,
a:active {
  text-decoration: none;
  color: inherit;
}
.center {
  text-align: center;
}
#app {
  font-size: .15rem;
  color: #999999;
  line-height: .14rem;
  text-align: left;
  width: 3.75rem;
  margin: 0 auto;
}
#app img {
  display: block;
}
#app .load {
  background-image: linear-gradient(-90deg, #ffab1a 0%, #ff8534 100%);
  border-radius: .05rem;
  width: .88rem;
  height: .3rem;
  text-align: center;
  color: #fff;
  line-height: .3rem;
  display: inline-block;
}
#app .header {
  background: #ffffff;
  border: 1px solid  #fff;
  height: .7rem;
  box-shadow: 0px 0.04rem 0.08rem 0px rgba(0, 0, 0, 0.1);
}
#app .header img {
  height: .3rem;
  display: inline-block;
  margin: .2rem;
}
#app .content .item {
  background: #f8f8f8;
  padding-top: .01rem;
  padding-bottom: .45rem;
}
#app .content .item > img {
  width: 100%;
}
#app .content .item .serviceList {
  width: 2.18rem;
  margin: .14rem auto;
  overflow: hidden;
}
#app .content .item .serviceList span {
  width: .71rem;
  float: left;
  font-size: .14rem;
  line-height: .16rem;
  color: #666666;
  border-left: 1px solid #7E7E7E;
  display: block;
  text-align: center;
}
#app .content .item .serviceList span:nth-child(1) {
  border-left: none;
}
#app .content .item .title {
  font-size: .22rem;
  color: #ff8534;
  line-height: .25rem;
  font-weight: 300;
  color: #333;
}
#app .content .item .sub-title {
  font-size: .2rem;
  color: #ff8534;
  line-height: .25rem;
  font-weight: 300;
  color: #333;
}
#app .content .item .text {
  font-size: .14rem;
  width: 3.25rem;
  margin: 0 auto;
}
#app .content .item .text .orange {
  color: #ff8534;
}
#app .content .item .text .p1 {
  font-size: .18rem;
  color: #666666;
  line-height: .48rem;
}
#app .content .item .text .p2 {
  font-size: .14rem;
  color: #999999;
  line-height: .24rem;
}
#app .content .item .text .p3 {
  display: block;
  width: 2.77rem;
  margin-left: auto;
  margin-right: auto;
}
#app .content .item .text .number {
  width: 3rem;
  overflow: hidden;
  margin: 0 auto;
}
#app .content .item .text .number p {
  font-size: .25rem;
  color: #333333;
  text-align: center;
  float: left;
  width: 33%;
  line-height: .5rem;
}
#app .content .item .text .number p span {
  display: block;
  font-size: .13rem;
  color: #666666;
  line-height: .2rem;
}
#app .content .item .list .li {
  overflow: hidden;
}
#app .content .item .list .li .img {
  display: block;
  width: 50%;
  float: left;
}
#app .content .item .list .li .img img {
  width: 50%;
  text-align: center;
  margin: .2rem auto;
}
#app .content .item .list .li p {
  float: left;
  width: 1.675rem;
  font-size: .11rem;
  line-height: .17rem;
  color: #666;
  padding: .2rem .1rem;
}
#app .content .item .appli {
  margin-top: .35rem;
}
#app .content .item .appli .trial {
  border: 1px solid #ff8534;
  border-radius: .05rem;
  width: 1.18rem;
  height: .33rem;
  font-size: .15rem;
  color: #ff8534;
  text-align: center;
  display: block;
  line-height: .33rem;
}
#app .content .item .appli .load {
  width: 1.2rem;
  height: .35rem;
  line-height: .35rem;
}
#app .content .item:nth-child(even) {
  background: #ffffff;
}
#app .link {
  text-align: center;
  background-color: #EEEEEE;
  padding: .2rem;
  display: block;
}
#app .link p {
  font-size: .16rem;
  color: #333333;
  line-height: .35rem;
}
#app .link span {
  font-size: .16rem;
  color: #333333;
  text-align: center;
  display: block;
}
#app .foster {
  padding: .3rem  0 .3rem ;
  background-color: #333;
  color: #fff;
}
#app .foster h4 {
  font-weight: normal;
  font-size: .22rem;
  margin-left: .25rem;
}
#app .foster ul {
  list-style: none;
  margin-top: .15rem;
  font-size: .14rem;
  margin-left: .25rem;
}
#app .foster ul li {
  overflow: hidden;
  line-height: .16rem;
  margin-bottom: .1rem;
}
#app .foster ul li img {
  display: block;
  width: .18rem;
  margin-right: .1rem;
  display: inline-block;
}
#app .foster ul li p {
  display: inline-block;
}
#app .foster ul li p.high {
  line-height: .22rem;
}
#app .foster .copyRight {
  border-top: 1px solid #656565;
  padding-top: .15rem ;
  font-size: .11rem;
  color: #fff;
  line-height: .15rem;
  text-align: center;
}
.appliBox {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.appliBox .form {
  width: 3rem;
  height: 3.05rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.5rem;
  margin-top: -1.9rem;
  border-radius: .05rem;
  background-color: #fff;
}
.appliBox .form .title {
  height: .7rem;
  position: relative;
  font-size: .2rem;
  color: #333;
  line-height: .7rem;
  text-align: center;
}
.appliBox .form .title .close {
  position: absolute;
  width: .13rem;
  height: .13rem;
  right: .2rem;
  top: .15rem;
}
.appliBox .form .title .close img {
  width: 100%;
}
.appliBox .form .group {
  border-bottom: 1px solid #F6F6F6;
  font-size: .15rem;
  color: #c0c0c0;
  padding: 0 .15rem;
  padding-bottom: .1rem;
  margin-bottom: .1rem;
}
.appliBox .form .group input {
  border: none;
  height: .22rem;
  width: 2.6rem;
  font-size: .15rem;
}
.appliBox .form .group input#code {
  width: 1.6rem;
}
.appliBox .form .group #sendCode {
  line-height: .22rem;
  display: inline-block;
  font-size: .15rem;
  margin-left: .1rem;
  color: #58b7ef;
  width: .9rem;
  text-align: center;
}
.appliBox .form .radioList {
  padding: 0 .15rem;
  margin-top: .1rem;
}
.appliBox .form .radioList .radio {
  height: .33rem;
  line-height: .33rem;
  color: #666;
  font-size: .15rem;
  text-indent: .3rem;
  background: url(img/11.png) no-repeat;
  background-size: .18rem;
  background-position: 0% 50%;
}
.appliBox .form .radioList .radio.on {
  background: url(img/10.png) no-repeat;
  background-size: .18rem;
  background-position: 0% 50%;
}
.appliBox .form .sub {
  background-image: linear-gradient(-90deg, #ffab1a 0%, #ff8534 100%);
  border-radius: .05rem;
  width: 2.70rem;
  height: .44rem;
  margin: .2rem auto;
  text-align: center;
  color: #fff;
  line-height: .44rem;
  font-size: .15rem;
}
#toast-container {
  top: 20%;
  width: 60%;
  left: 20%;
  font-size: .15rem;
}
#toast-container .toast {
  width: 100%;
  background-size: .2rem;
}