@charset "UTF-8";
body {
  width: 7.5rem;
  margin: 0 auto !important;
  background: #f85233;
 
}
.indexBox {
  position: relative;
  background: #f85233;
}

.indexBox .bg {
  display: block;
  width: 100%;
}
.indexBox .box1{
  width: 100%;
  position: absolute;
  left: 0;
  top: 7.1rem;
}
.indexBox .box1 .tit h3{
  font-size: .26rem;
  color: #eaeaea;
  font-weight: normal;
  line-height: .36rem;
  text-align: center;
}
.indexBox .box1 .tit p{
  font-size: .24rem;
  color: #eaeaea;
  line-height: .36rem;
  text-align: center;
  margin-top: .04rem;
  margin-bottom: .1rem;
}
.indexBox .qgbox{
  display: block;
  width: 7.5rem;
  height: 8.23rem;
  background-image: url(../images/bg1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  padding-top: 1.55rem;
}
.indexBox .qgbox .item{
  width: 5.82rem;
  margin: 0 auto .18rem;
}
.indexBox .qgbox .item .img{
  position: relative;
}
.indexBox .qgbox .item .qgImg{
  display: block;
  width: 100%;
}
.indexBox .qgbox .item .btn{
  display: block;
  width: 2.2rem;
  height: .68rem;
  position: absolute;
  right: .2rem;
  bottom: 0;
  cursor: pointer;
}
.indexBox .qgbox .item .djs{
  font-size: .24rem;
  color: #e86443;
  line-height: .3rem;
  display: flex;
  align-items: center;
  margin-top: .1rem;
  margin-left: .2rem;
}
.indexBox .qgbox .item .djs img{
  display: block;
  width: .22rem;
  height: .24rem;
  margin-right: .08rem;
}
.indexBox .qgbox .item .djs span{
  color: #FFFFFF;
}
.indexBox .btnBot{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -.05rem;
}
.indexBox .btnBot .btn{
  display: block;
  width: 2.4rem;
  height: .88rem;
  margin: 0 .2rem;
  cursor: pointer;
}
.indexBox .yhqBtn2{
  display: block;
  width: .62rem;
  height: 1.34rem;
  position: absolute;
  right: 0;
  top: 2.52rem;
  cursor: pointer;
}
.indexBox .gzBtn2{
  display: block;
  width: .62rem;
  height: 1.34rem;
  position: absolute;
  right: 0;
  top: 4.02rem;
  cursor: pointer;
}

.gzBg{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  display: none;
}
.gzBox {
  width: 7.24rem;
  position: relative;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: none;
  margin: 0 auto;
  overflow-y: auto;
  background: linear-gradient(0deg, #d8a264 0%, #d05139 100%);
  border-radius: .64rem .64rem 0 0;
  -webkit-border-radius: .64rem .64rem 0 0;
  -moz-border-radius: .64rem .64rem 0 0;
  -ms-border-radius: .64rem .64rem 0 0;
  -o-border-radius: .64rem .64rem 0 0;
  border: .04rem solid #FFFFFF;
  border-bottom: 0;
}

.gzBox .box {
  width: 6.24rem;
  margin: 0 auto;
  font-size: .24rem;
  color: #ffffff;
  line-height: .46rem;
  padding-bottom: .5rem;
}
.gzBox .box .inner{
  max-height: calc(100vh - 3rem);
  overflow-y: auto;
}
.gzBox .box h3 {
  color: #5AE4E9;
}

.gzBox .box p {
  margin-bottom: .25rem;
  text-indent: .4rem;
}

.gzBox .box .tips {
  text-align: center;
}

.gzBox .close {
  width: .54rem;
  display: block;
  position: absolute;
  right: .42rem;
  top: .42rem;
  cursor: pointer;
  z-index: 9;
}
.commTit{
  width: 2.62rem;
  height: .68rem;
  background-image: url(../images/tit.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: 100%;
  margin: .34rem auto .5rem;
}
.commTit h4{
  font-size: .36rem;
  color: #FFFFFF;
  line-height: .7rem;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(0deg, #FFFFFF 0%, #43D6DD 0%, #4EDCE3 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tcBox {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
}
.formBox {
  width: 7.24rem;
  height: 11.3rem;
  background: linear-gradient(0deg, #d8a264 0%, #d05139 100%);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9;
  display: none;
  border-radius: .64rem;
  -webkit-border-radius: .64rem;
  -moz-border-radius: .64rem;
  -ms-border-radius: .64rem;
  -o-border-radius: .64rem;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.formBox .commTit{
  margin-bottom: .3rem;
}
.formBox p{
  width: 5.8rem;
  font-size: .28rem;
  color: #ffffff;
  line-height: .36rem;
  margin: .2rem auto .18rem;
}
.formBox p em{
  color: #F12B2B;
}
.formBox .lable {
  width: 5.8rem;
  margin: 0 auto;
  position: relative;
}

.formBox .lable input {
  width: 100%;
  height: .68rem;
  background: rgba(255,255,255,0.3);
  border: 1px solid #FFFFFF;
  font-size: .26rem;
  color: #ffffff;
  line-height: .68rem;
  padding: 0 .3rem;
  border-radius: .1rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
}
.formBox .lable .input {
  width: 100%;
  height: .68rem;
  background: rgba(255,255,255,0.3);
  border: 1px solid #FFFFFF;
  font-size: .26rem;
  color: #ffffff;
  line-height: .68rem;
  padding: 0 .3rem;
  border-radius: .1rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
}
.formBox .lable select {
  width: 100%;
  height: .68rem;
  background: rgba(255,255,255,0.3);
  border: 1px solid #FFFFFF;
  font-size: .26rem;
  color: #ffffff;
  line-height: .68rem;
  padding: 0 .3rem;
  border-radius: .1rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
}
.formBox .lable select option {
  color: black;
  padding: 8px;
}
.formBox .lable .xl {
  display: block;
  width: .16rem;
  position: absolute;
  right: .35rem;
  top: 50%;
  margin-top: -.05rem;
}

.formBox .tj {
  width: 5.8rem;
  height: .74rem;
  display: block;
  background-image: url('../images/btn7.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin: .4rem auto 0;
  font-size: 0;
  cursor: pointer;
}

.formBox .close {
  width: .54rem;
  display: block;
  cursor: pointer;
  position: absolute;
  right: .42rem;
  top: .42rem;
  margin: 0 auto;
}

.fromBox2 {
  width: 7.2rem;
  height: 6.6rem;
  background: linear-gradient(0deg, #d8a264 0%, #d05139 100%);
  border-radius: .64rem .64rem 0 0;
  -webkit-border-radius: .64rem;
  -moz-border-radius: .64rem;
  -ms-border-radius: .64rem;
  -o-border-radius: .64rem;
  border: .04rem solid #FFFFFF;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  z-index: 10;
  display: none;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  padding: 0 .66rem;
}
.fromBox2 p{
  font-size: .28rem;
  color: #ffffff;
  line-height: .36rem;
  margin: .24rem 0 .2rem;
}
.fromBox2 p em{
  color: #F12B2B;
}
.fromBox2 .lable {
  width:100%;
  margin: 0 auto .3rem;
  position: relative;
}

.fromBox2 .lable input {
  width: 100%;
  height: .68rem;
  background-color: #ffffff;
  font-size: .26rem;
  color: #ffffff;
  line-height: .68rem;
  background: rgba(255,255,255,0.3);
  border-radius: .1rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
  border: 1px solid #FFFFFF;
  padding: 0 .3rem;
}

.fromBox2 .lable2 {
  width: 100%;
  margin: 0 auto .3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fromBox2 .lable2 input {
  width: 3.6rem;
  height: .68rem;
  background-color: #ffffff;
  border-radius: .5rem;
  font-size: .26rem;
  color: #ffffff;
  line-height: .68rem;
  background: rgba(255,255,255,0.3);
  border-radius: .1rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
  border: 1px solid #FFFFFF;
  padding: 0 .3rem;
}

.fromBox2 .lable2 .yzmBtn {
  width: 2rem;
  height: .68rem;
  background-color: #ffffff;
  font-size: .26rem;
  line-height: .68rem;
  color: #ffffff;
  text-align: center;
  background: #f4b635 ;
  border-radius: .1rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
}

.fromBox2 .tj2 {
  width: 5.8rem;
  height: .74rem;
  display: block;
  background-image: url('../images/btn7.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin: .58rem auto 0;
  font-size: 0;
  cursor: pointer;
}

.fromBox2 .close {
  width: .54rem;
  display: block;
  cursor: pointer;
  position: absolute;
  right: .42rem;
  top: .42rem;
  margin: 0 auto;
}
.yhqBox {
  width: 7.5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  display: none;
  background: linear-gradient(0deg, #d8a264 0%, #d05139 100%);
  border-radius: .64rem .64rem 0 0;
  -webkit-border-radius: .64rem .64rem 0 0;
  -moz-border-radius: .64rem .64rem 0 0;
  -ms-border-radius: .64rem .64rem 0 0;
  -o-border-radius: .64rem .64rem 0 0;
  border: .04rem solid #FFFFFF;
  border-bottom: 0;
  padding-bottom: .5rem;
}

.yhqBox .box {
  position: relative;
  width: 7.12rem;
  margin: 0 auto;
}

.yhqBox .box ul {
  margin: 0 auto;
  position: relative;
  z-index: 9;
  height: calc(100vh - 7rem);
  overflow-y: auto;
}

.yhqBox .box ul li {
  width: 6.7rem;
  height: 2.31rem;
  position: relative;
  margin: 0 auto;
  background-image: url(../images/bg2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.yhqBox .box ul li .bg {
  display: block;
  width: 100%;
}

.yhqBox .box ul li .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: .54rem 0 0 3.1rem;
}

.yhqBox .box ul li p {
  font-size: .24rem;
  color: #676767;
  line-height: .36rem;
  text-align: left;
}
.yhqBox .box ul li p a{
  color: #676767;
}
.yhqBox .box ul li .p2{
  color: #2E5A98;
  margin: .05rem 0;
}
.yhqBox .box ul li .p2 span {
  width: 1.6rem;
  height: .4rem;
  background: #5f8bb6;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  -moz-border-radius: .3rem;
  -ms-border-radius: .3rem;
  -o-border-radius: .3rem;
  color: #ffffff;
  line-height: .4rem;
  text-align: center;
  display: inline-block;
  margin-right: .1rem;
}
.yhqBox .box ul li .p3{
 color: #000;
}
.yhqBox .box ul li .price{
  display: inline-block;
  width: 1.46rem;
  height: .3rem;
  margin-right: .1rem;
}
.yhqBox .box ul li em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yhqBox .box ul li .yhqEwm {
  position: absolute;
  left: .3rem;
  top: .2rem;
}
.yhqBox .box ul li .ewm{
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
  padding: .1rem;
  border-radius: .06rem;
  -webkit-border-radius: .06rem;
  -moz-border-radius: .06rem;
  -ms-border-radius: .06rem;
  -o-border-radius: .06rem;
  background: #ffffff;
}
.yhqBox .box ul li .yhqEwm p{
  font-size: .24rem;
  color: #ffffff;
  margin-top: .1rem;
}
.yhqBox .box ul li .hx {
  width: 1.36rem;
  display: block;
  position: absolute;
  right: .3rem;
  bottom: .35rem;
}

.yhqBox .box ul li canvas {
  width: 100%;
  height: 100%;
}
.yhqBox .box ul li .tkBtn{
  width: 1.8rem;
    height: 0.6rem;
    background: #5f8bb6;
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    color: #ffffff;
    line-height: .6rem;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.8rem;
    margin: 0 auto;
}
.yhqBox .btn10 {
  width: 6.28rem;
  height: .74rem;
  display: block;
  margin: .5rem auto .2rem;
  position: relative;
  z-index: 2;
}

.yhqBox p {
  font-size: .24rem;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 2;
}

.yhqBox .close {
  width: .54rem;
  display: block;
  position: absolute;
  right: .42rem;
  top: .42rem;
  cursor: pointer;
  z-index: 9;
}

.yhqTc {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
}

.yhqtcBox {
  width: 7.5rem;
  height: 8rem;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  display: none;
}

.yhqtcBox .img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.yhqtcBox .close {
  width: .54rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.yhqtcBox .btn2 {
  width: 2.34rem;
  height: .64rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.4rem;
  margin: 0 auto;
  cursor: pointer;
}





.tcBox2 {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.tcBox2 .box {
  width: 5rem;
  position: absolute;
  /*top: calc(50% - 1.75rem);
  left: calc(50% - 2.5rem);
  */border-radius: .06rem;
  -webkit-border-radius:.06rem;
  -moz-border-radius:.06rem;
  -ms-border-radius:.06rem;
  -o-border-radius:.06rem;
  background: #ffffff;
  font-size: .3rem;
  color: #333333;
  line-height: .4rem;
  padding: .2rem .3rem;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  z-index: 999;
}

.tcBox2 .box .text {
  
}

.ewmTc {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
}

.ewmBox {
  width: 4rem;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9;
  display: none;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.ewmBox .ewm {
  display: flex;
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  justify-content: center;
  padding: .2rem;
  background: #ffffff;
}

.ewmBox .ewm canvas {
  width: 100%;
  height: 100%;
}

.ewmBox p {
  font-size: .3rem;
  color: #ffffff;
  line-height: .4rem;
  text-align: center;
  margin-top: .3rem;
}
.ewmBox .btn{
  width: 4rem;
  display: block;
  margin: .3rem auto;
  cursor: pointer;
}
.loading {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}

.loading img {
  display: block;
  width: 1rem;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}