*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%}
body{
  font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
  max-width:500px;margin:0 auto;position:relative;
  -webkit-user-select:none;user-select:none
}
a{text-decoration:none;color:inherit}
img{width:100%;vertical-align:top;display:block}
ul{list-style:none}
.can-click{cursor:pointer}

#container{
  width:100%;margin:0 auto;min-height:100%;
  background-size:100% auto;position:relative
}
.middle-content-contain{
  box-sizing:border-box;height:100%;
  padding-bottom:2.3rem;overflow-y:auto
}
.img-contain{width:100%}
.img-contain.pad{text-align:center;margin-top:10px}
.img-contain.pad img{width:95%;margin:0 auto}
.img-contain.pad.w80 img{width:80%}

#footer{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  height:2rem;color:#fff;width:100%;max-width:500px;z-index:100
}
.foot-style{
  display:flex;align-items:center;justify-content:space-between;
  height:100%;padding:0 .27rem;background:rgba(0,0,0,.8)
}
.bubble-box{position:relative;color:#fff;text-align:center;height:1.13rem;width:45.3%}
.bubble-btn{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;font-size:.4rem;border-radius:.27rem;
  white-space:normal;line-height:1.2;overflow:hidden
}
.cg-footer-bubble{
  position:absolute;bottom:1.013333rem;right:0;
  padding:.16rem .153333rem;background:#ea4e3d;border-radius:.213333rem;
  font-size:.35rem;max-width:calc(100% - .253333rem);
  white-space:normal;word-break:break-all
}
.cg-footer-bubble:before{
  content:"";position:absolute;display:block;width:0;height:0;
  border:.32rem solid transparent;border-left:.32rem solid #ea4e3d;
  left:0;bottom:-.186667rem
}

.operation-contain{
  flex-direction:column;align-items:center;
  position:fixed;display:flex;z-index:999;top:96px;right:4.8px
}
.operation-contain>li{
  width:1.61rem;height:1.61rem;margin-bottom:.267rem;
  display:flex;align-items:center;justify-content:center
}
.operation-img{max-width:100%;max-height:100%;width:auto;height:auto}
@media (min-width:500px){
  .operation-contain{right:auto!important;margin-left:420px}
}

/* 线路弹窗 */
.new1{display:none}
.cg-mask{
  position:fixed;top:0;left:0;right:0;bottom:0;
  z-index:9999;margin:0 auto;max-width:500px;
  background:rgba(0,0,0,.4)
}
.cg-modal-container{
  position:absolute;width:100%;height:100%;
  display:flex;align-items:center;justify-content:center
}
.cg-line-dialog{
  position:relative;
  width:8.8rem;
  height:auto
}
.cg-line-warp{
  padding:.253333rem;
  border-radius:.213333rem;
  border:1px solid #fff;
  overflow:hidden;
  background:rgba(34,17,17,.73)
}
.cg-line-item{
  height:1.2rem;
  display:flex;
  align-items:center;
  flex-wrap:nowrap
}
.cg-lines-space{
  flex-shrink:0;
  line-height:.32rem;
  text-align:center;
  min-width:.8rem
}
.cg-lines{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  height:16px;
  gap:2px
}
.cg-line-icon{
  display:inline-block;
  width:4px;
  height:16px;
  border-radius:2px;
  background:#04be02
}
.cg-line-icon.cg-line-1{height:8px}
.cg-line-icon.cg-line-2{height:12px}
.cg-ph{
  padding-left:.506667rem;
  padding-right:.506667rem
}
.cg-flex-con{
  flex:1;
  overflow:hidden;
  text-align:center;
  color:#fff;
  font-size:.35rem;
  white-space:nowrap
}
.text-success{color:#04be02}
.text-small{font-size:.28rem}
.cg-go-play{
  flex-shrink:0;
  height:.8rem;
  padding:0 .32rem;
  background:#000;
  border-radius:.213333rem;
  color:#fff;
  font-size:.293333rem;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap
}
.cg-close{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate3d(-50%,1.6rem,0);
  width:1.013333rem;
  height:1.013333rem;
  line-height:1.013333rem;
  text-align:center;
  color:#fff;
  font-size:.8rem;
  cursor:pointer;
  z-index:99
}