@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  margin: 0.67em 0;
  font-size: 2em; }

mark {
  color: #000;
  background: #ff0; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  height: 0;
  box-sizing: content-box; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0; }

legend {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

td,
th {
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: auto;
  outline: none; }

body {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 21px;
  background-color: #f3f3f3;
  -webkit-overflow-scrolling: touch; }

a {
  color: #007aff;
  text-decoration: none; }
  a:active {
    color: #0062cc; }

img {
  vertical-align: bottom; }

p {
  margin-top: 0;
  margin-bottom: 0; }

textarea {
  resize: none; }

input, textarea, button {
  border: 0;
  outline: 0; }

.wrapper {
  max-width: 7.5rem;
  min-height: 100vh;
  margin: 0 auto; }

.index {
  width: 100%;
  min-height: 100vh;
  background-size: 100% 100%;
  background-color:#fef1de;
  position:relative;
}
.audio-box{
  width:.6rem;
  height:.6rem;
  position:absolute;
  top:.1rem;
  right:0;
}
.audio-box .btn{
  width:.6rem;
  height:.6rem;
  background:url(../images/play.png) no-repeat;
  background-size: 100% 100%;
}
.audio-box .btn.closed{
  width:.6rem;
  height:.6rem;
  background:url(../images/paused.png) no-repeat;
  background-size: 100% 100%;
}
.index .banner{
  display:block;
  width:100%;
}
.index .title{
  display:block;
  width:4.97rem;
  height:.96rem;
  margin:0 auto .8rem;
}
.index .box{
  width:6.4rem;
  margin:0 auto;
  position:relative;
  height:10.28rem;
  margin:0 auto;
  background:url(../images/bg1.jpg) no-repeat;
  background-size:100% 100%;
}
.box .con{
  width:100%;
  height:6.4rem;
  /* background:url(../images/bg.png) no-repeat;
  background-size:100% 100%;*/
  padding-top:2.6rem;
  /* display:flex;
  justify-content: center;
  align-items: center; */
  position:relative;
}

.all{
  display:block;
  width:2.86rem;
  height:.72rem;
  margin:.8rem auto 0;
}
.box .con p{
  width:.98rem;
  height:.98rem;
  border-radius:100%;
  line-height:.98rem;
  border:0.04rem solid #fff;
  background-color:#fef1de;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  color:#c4c3c2;
  position:absolute;
}
.box .con .select{
  background-color:#e60012;
  color:#fff;
}
:root {
  --animate-delay: 0.25s;
}
p:nth-child(2){
  top:0;
  right:50%;
  margin-right:-.49rem;
}
p:nth-child(3){
  top:.4rem;
  right:21%;
}
p:nth-child(4){
  top:1.35rem;
  right:6%;
}
p:nth-child(5){
  top:2.7rem;
  right:0;
}
p:nth-child(6){
  top:4.08rem;
  right:6%;
}
p:nth-child(7){
  top:5.04rem;
  right:21%;
}
p:nth-child(8){
  top:5.51rem;
  right:50%;
  margin-right:-0.49rem;
}
p:nth-child(9){
  top:0;
  left:21%;
  top:5.04rem;
}
p:nth-child(10){
  top:4.08rem;
  left:6%;
}
p:nth-child(11){
  top:2.7rem;
  left:0;
}
p:nth-child(12){
  top:1.35rem;
  left:6%;
}
p:nth-child(13){
  top:.4rem;
  left:21%;
}
.index .sc{
  display:block;
  width:1.88rem;
  height:1.47rem;
  margin:0 auto;
}
.index .sc .titles{
  display:block;
  width:100%;
  height:.97rem;
}
.index .sc .btn{
  display:block;
  width:1.49rem;
  height:.39rem;
  margin:.11rem auto 0;
}
.index .footer{
  display:block;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
}
.list{
  width:100%;
  min-height:100vh;
  background:url(./../images/list-bg.jpg) no-repeat;
  background-size:100% 100%;
  padding-top:.2rem;
  position:relative;
}
.list .dyj{
  display:block;
  width:98%;
  margin:0 auto;
}
.list-box{
  width:100%;
  padding:0 1.02rem .03rem;
  height:9.1rem;
  overflow-y: scroll;
  margin-top:-1.2rem;
}
.list-box .list-item{
  width:100%;
  background:url(./../images/bg.png) no-repeat;
  background-size:100% 100%;
  padding:.4rem 0 .2rem;
  font-family:'微软雅黑';
  display:none;
}
.list-box .list-item .title{
  width:3.07rem;
  height:.76rem;
  background:url(./../images/btn-bg.png) no-repeat;
  background-size:100% 100%;
  line-height:.76rem;
  text-align:center;
  color:#fff;
  font-size:18px;
  font-weight:bold;
}

.list-box .list-item .con{
  font-size:15px;
  padding:0 .25rem;
  font-weight:bold;
  line-height:26px;
  color:#c04040;
  font-weight:550;
  text-indent:2em;
  margin-top:.36rem;
}
.ky-img{
  display:block;
  width:3.56rem;
  height:4.53rem;
  margin:0 auto;
}
.jy-img{
  display:block;
  width:4.5rem;
  margin:-.5rem auto;
}
.wh-img{
  display:block;
  width:100%;
  margin:1.4rem auto 0;
}
.jk-img{
  display:block;
  width:100%;
  margin:1.4rem auto 0;
}
.gg-img{
  display:block;
  width:5.07rem;
  margin:.4rem auto 0;
}
.jt-img{
  display:block;
  width:5.28rem;
  margin:0 auto 0;
}
.jj-img{
  display:block;
  width:3.85rem;
  margin:.32rem auto 0;
}
.zf-img{
  display:block;
  width:5.08rem;
  margin:.36rem auto 0;
}
.yl-img{
  display:block;
  width:100%;
  margin:.1rem auto 0;
}
.xf-img{
  display:block;
  width:4.35rem;
  margin:.1rem auto 0;
}
.jy2-img{
  display:block;
  width:3.02rem;
  margin:.72rem auto 0;
}
.hj-img{
  display:block;
  width:4.85rem;
  margin:0.2rem auto 0;
}
.jk-img{
  display:block;
  width:2.92rem;
  margin:0.3rem auto 0;
}