/* .bg{background-image:url("../image/p0.jpg");
height: 100%;
background-repeat:no-repeat;} */

/* .bg{background:url(../image/p0.jpg) center top no-repeat;} */

/* .sel{width: 40%;
    height: 19%;
    position: absolute;
    top: 13%;
    left: 31%;
    background: url(../image/1.png) no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 99;} */

.echart{ width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: url("../image/quarter2.png?1") no-repeat 0 0;
   background-size: 100% 100%;
   overflow: hidden;} 
.container2{position: absolute;
    left: 0px;
    top: 50%;
    width: 414px;
    height: 368px;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}

.select-top {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../image/select.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.select-mid {
    /* z-index: 999; */
    z-index: 999;
    position: absolute;
    top: 39%;
    width: 100%;
    height: 46%;
    left: 0%;
}

.select-mid select {margin-top: 10%;
    width: 58%;
    height: 13%;
    margin-left: 21%;
    text-align: right;
    text-align-last: right;
    border: 0;
    /* letter-spacing: 4px; */
    color: #a45d33;
    font-size: 20px;
    font-family: 黑体;
    font-weight: bold;
    /* background: url(../image/p0.1.png), url(../image/1.png)no-repeat 0 0; */
    background-size: 100% 100%;
    z-index: 199;
    display: block;
    margin: 14% auto;
    opacity: 0;
}
.cover{
    background-size: 100% 100%;
    line-height: 255%;
    width: 63%;
    height: 19%;
    margin-left: 19%;
    text-align: center;
    border: 0;
    letter-spacing: 4px;
    color: #a45d33;
    font-size: 20px;
    font-family: 黑体;
    font-weight: bold;
    background-color: red;
    top: 46%;
    position: absolute;
    z-index: -1;
    background: url(../image/p0.1.png)no-repeat 0 0;
    background-size: 100% 100%;
}
/* .cover1{
  line-height: 222%;
  width: 63%;
    height: 13%;
    margin-left: 18%;
    text-align: center;
    border: 0;
    letter-spacing: 4px;
    color: #a45d33;
    font-size: 20px;
    font-family: 黑体;
    font-weight: bold;
    background-color: red;
    top: 46%;
    position: absolute;
    z-index: -1;
    background: url("../image/p0.1.png"), url("../image/1.png")no-repeat 0 0;
} */

.cover2{
    line-height: 275%;
    width: 63%;
    height: 19%;
    margin-left: 19%;
    text-align: center;
    border: 0;
    letter-spacing: 4px;
    color: #a45d33;
    font-size: 20px;
    font-family: 黑体;
    font-weight: bold;
    background-color: red;
    top: 16%;
    position: absolute;
    z-index: -1;
    background: url(../image/p0.1.png)no-repeat 0 0;
    background-size: 100% 100%;
}

.no-pian {
  padding: 0 21%;
}

.pian {
  padding: 0 22%;
}

.select-mid select option {
  text-align: center;
  text-align-last: center;
  font-size: 1em;
}

.select-mid span {
  display: block;
  width: 34.46%;
  height: 4.54%;
  margin-left: 33%;
  text-align: center;
  margin-top: 5.2%;
  font-family: 黑体;
  font-weight: bold;
  color: #c8b281;
  letter-spacing: 8px
}

.submit input {width: 44.46%;
    height: 16.54%;
    position: absolute;
    top: 70.16%;
    left: 28%;
    /* background: url(../image/submit.png); */
    background-size: 100% 100%;
    border: 0;
    text-align: center;
    opacity: 0;
}

.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../image/quarter1.png?1") no-repeat 0 0;
  background-size: 100% 100%;
  /* overflow: hidden; */
}

.bg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../image/pm.jpg?1") no-repeat 0 0;
  background-size: 100% 100%;
  /* overflow: hidden; */
}

.title {
  margin: 5% auto;
  text-align: center;
  color: #c8b281;
}

.quarter {
  text-align: center;
  font-family: 黑体;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 3px;
  color: #fef0c7;
  top: 8%;
  position: absolute;
  width: 100%;
}

.total {
  width: 80%;
  height: 60%;
  background: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  margin-top: -18%;
  border-radius: 15px 15px 15px 15px;
}

.top {
  width: 100%;
  height: 10%;
  background-color: #aabbcc;
  margin-top: 40%;
  margin-left: 0 auto;
  border-radius: 15px 15px 0px 0px;
  background-color: #c8b281;
}

.top span {
  font-family: 黑体;
  text-align: center;
  background: #EEE;
  margin-top: 80%;
  margin-left: 20%;
  text-align: center;
  line-height: 15%;
}

/* div div{width:100%;} */

.below {display: flex;}

.below div {
  text-align: center;
  margin-bottom: 4px;
  color: #f2917c;
  flex: 1;
}

/* 单期页面 */

.down {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../image/list.jpg?") no-repeat 0 0;
  background-size: 100% 100%;
}

.down div {
  font-family: 黑体;
    font-weight: bold;
    color: #fef0c7;
}

.province {
  width: 100%;
    font-size: 26px;
    position: absolute;
    top: 18%;
    /* left: 16%; */
    text-align: center;
}

.ranking {
  width: 100%;
  height: 30%;
  font-size: 36px;
    position: absolute;
    top: 40%;
  /*   left: 38%; */
    text-align: center;
}

.Accounted {
  width: 100%;
  font-size: 38px;
  position: absolute;
  top: 56%;
  text-align: center;
}
/* add */
.container{
  width: 87%;
  margin: 0 auto;
  margin-top: 47%;
  overflow-y: scroll;
  height: 45%;
  -webkit-overflow-scrolling: touch;
}

.go-back{width: 43%;
  height: 6%;
  top: 68%;
  position: absolute;
  left: 28%;
}

.go-back2{
  width: 39%;
  height: 8%;
  position: absolute;
  top: 86%;
  left: 31%;
  background: url(../image/go-back.png);
  background-size: 100% 100%;
  border: 0;
  text-align: center;
}

.right{width: 43%;
  height: 6%;
  position: absolute;
  top: 16.16%;
  left: 51%;
}
.left{width: 43%;
  height: 6%;
  position: absolute;
  top: 16.16%;
  left: 6%;
}

.quar-per{width: 100%;
  height: 30%;
  font-size: 20px;
  position: absolute;
  top: 30%;
  text-align: center;
}


  .yuan{
    width:10px;
    height:10px;
    border:1px solid #000;
    border-radius:50%;
    box-shadow:0px 0px 0.5px red;
  }

  .order {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../image/load2.png") no-repeat 0 0;
  background-size: 100% 100%;
  /* overflow: hidden; */
}



#hide{
width: 12%;
height: 6%;
margin-left: 87%;
}
/*人为制造一个占据整个屏幕的Div,其透明度为0.7且z-index为9999使之前的页面被压在底层无法点击*/
#fullScreen{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /*opacity: 0.7;*/
  opacity: 0;
  background-color: black;
  z-index: 9999;
}

/*浮层,可随意设置大小宽高，但是z-index必须比上面fullScreen大才能显示出来*/
#floatLayer{
  z-index: 10000;
  width: 100%;
  height: 120%;
  position: absolute;
  top: 0%;
  left: 0%;
}