/* 弹窗2*/
.resignbox_x{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.5);z-index: 9999999999999;display:none;overflow-y:scroll;}
.resignbg_x{width:700px;margin: auto;margin-top: 6%;overflow: hidden;background-repeat: no-repeat;background-position: top;background-size: 100% auto;min-height: 400px; padding:80px 80px;position: relative;}
.resigntit_t{ background: #fffbed; padding: 50px; text-align: center; font-size: 18px; color: #000;}
.resigntit_ta{ color: #000; background: #f9be00; border-radius:20px; width: 100px; line-height: 35px; margin: 30px 0px 0px 0px;  padding: 0px 0px; display:inline-block;}
.formbg1{width: 140px;position: absolute;left: 0px;top: 0px;z-index: 66;}
.bgy{ background: #f9be00;}
.resignbox{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.5);z-index: 66666;display: none;overflow-y:scroll;}
.resignbg{width:740px;margin: auto;margin-top: 6%;overflow: hidden;background-repeat: no-repeat;background-position: top;background-size: 100% auto;min-height: 400px; padding:80px 100px;position: relative;}
.resignrio{width: 100%;overflow: hidden;border-radius: 20px;}
.resigntit{width: 100%;overflow: hidden;padding: 20px 50px;position: relative;}
.resigntit img{display: inline-block;vertical-align: middle;}
.resigntit .resigntitsmall{display: inline-block;vertical-align: middle;color: #fff;width: 300px;}
.closeresign{position: absolute;right: 20px;top: 30px;color: #000;width: 35px;text-align: center;z-index: 111;display: block;font-size: 16px;}
.closeresign i{display: block;font-size: 20px;}
/*预约表单*/
.f22cf{font-size: 18px;color: #fff;}
.f30cf{font-size: 30px;color: #fff;display: block;line-height: 40px;}
.resignbox{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.5);z-index: 66;display: none;overflow-y:scroll;}
.resignbg{width:740px;margin: auto;overflow: hidden;background-repeat: no-repeat;background-position: top;background-size: 100% auto;min-height: 400px; position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.resignrio{width: 100%;overflow: hidden;border-radius: 20px;}
.resigntit{width: 100%;overflow: hidden;padding: 10px 50px;position: relative;}
.resigntit img{display: inline-block;vertical-align: middle;}
.resigntit .resigntitsmall{display: inline-block;vertical-align: middle;color: #fff;width: 300px;}
.closeresign{position: absolute;right: 20px;top: 30px;color: #000;width: 35px;text-align: center;display: block;font-size: 16px;}
.closeresign i{display: block;font-size: 20px;}
.formbg1{width: 140px;position: absolute;left: 31px;top: 41px;z-index: 66;}
.formbg2{width: 140px;position: absolute;right: 0px;top: 52px;z-index: 66;}
.formbg3{width: 140px;position: absolute;left: 62px;top: 51%;z-index: 66;}
.formbg4{width: 140px;position: absolute;right: 0px;top: 64%;z-index: 66;}
.formbg5{width: 140px;position: absolute;right: 70px;top: 62%;z-index: 66;display: none;}
.bgfff{background: #fff;}

.resignform{width: 100%;overflow: hidden;padding: 20px 30px 20px;}
input.formtj{width: 250px;line-height: 50px;height: 50px;border-radius: 40px;background: url(./images_old/book1.png) right bottom no-repeat;-webkit-appearance:none;background-color: #f9be00;border:0px;display: block;font-size: 20px;color: #fff;margin:10px auto;}
.formtit{color: #000;font-size: 20px;margin: 0px 0px;}
.formin{width: 100%;overflow: hidden;margin: 10px 0px;line-height: 30px;height: 35px;font-size: 18px;color: #333;padding: 0px 20px;}
.formin2{width: 100%;margin: 10px 0px;line-height: 30px;height: 35px;font-size: 18px;color: #333;padding: 0px 20px;padding-top: 3px;}
.formin input{width: 360px;line-height: 30px; height: 32px; outline: none;padding-left: 20px;border: 1px solid #ddd;}
.formin2 input{width: 150px;line-height: 30px; height: 32px;outline: none;padding-left: 20px;border: 1px solid #ddd;}
.formin2 input{overflow: visible;vertical-align: middle;}

.formin2 input[type=radio]{width:40px;line-height: 30px;height: 32px; outline: none;-webkit-appearance:none;background: url(../images_old/rbg1.png) no-repeat;  border: 0px;margin-left: 0px;padding-left: 0px;}
.formin2 input[type=radio]:checked{width:40px;line-height: 30px;height: 32px; outline: none;-webkit-appearance:none;background: url(../images_old/rbg2.png) no-repeat;  border: 0px;margin-left: 0px; padding-left: 0px;}

.formin select{border:none;width: 360px;line-height: 30px; height: 32px;outline: none;padding-left: 10px;background-color: #fff;border:solid 1px #ddd;background-size: 100%;}
.canguan{font-size:13px;color:#fff;}
.mianfei{font-size:41px;color:#fff;}
.whitePoint{
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 8px;
  margin: 11px 8px;
}
.my-top-text{
  position: relative;
  height: 50px;
}
.top-rectangle{
  height: 24px;
  width: 160px;
  border: 1px solid #fff;
  position: absolute;
  top: 20px;
  left: 8px;
}
.top-content{
  position: absolute;
  top: 0px;
  left: 20px;
  padding-left: 5px;
  padding-right: 7px;
  background: #f9be00;
  z-index: 5;
}
.big-text{
  font-weight: 800;
  font-size: 26px;
}

.reservation .code-fl{
  float: left;
}
.reservation .code-clearfloat:after{
   content:"."; 
   display:block; 
   height:0; 
   visibility:hidden; 
   clear:both; 
}
.reservation .code-input{
  width: 245px;
}
.reservation .code-input.show-num{
  width:228px;
}
.reservation .get-code{
  background-color: rgb(240,190,65);
  color: #fff;
  padding: 1px 10px;
  line-height: 29px;
  height: 32px;
  border-radius: 3px;
  display: inline-block;
}
.authorliaze{width:100%;overflow:hidden;margin-top:0;margin-left:0px;font-size:15px;line-height:30px;color:#888;text-align: center;padding-right: 15px;}
.authorliaze input[type=checkbox]{-webkit-appearance:none;background:url(../images_old/radiobg.png);width:30px;height:30px;margin-top:-3px;margin-right:5px}
.authorliaze input[type=checkbox]:checked{background:url(../images_old/radiobgc.png)}.yuyue .left.tr input[type=date]{-webkit-appearance:none}
.authorliaze a{color:#f9be00}
.authorliaze input{overflow: visible;vertical-align: middle;}
@media only screen and (max-width: 1440px) and (min-width: 1200px){
.resignbg{-webkit-transform:scale(0.8) translate(-50%,-50%);transform:scale(0.8) translate(-50%,-50%);}
}

@media only screen and (max-width: 767px) and (min-width: 320px){
  .reservation .get-code{
    line-height: 25px;
    height: 28px;
  }
  .reservation .code-input{
    width: 99px;
  }
  .reservation .code-input.show-num{
    width:67px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
  .reservation .code-input{
    width: 102px;
  }
  .reservation .code-input.show-num{
    width: 200px;
  }
}

 @media only screen 
and (min-width : 320px) 
/*and (max-width : 1024px){*/
and (max-width : 767px) {
.resignbg{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);}
  .resignbox_x{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.5);z-index: 9999999999999;display:none;overflow-y:scroll;}

.resignbg_x{width:100%;margin: auto;margin-top: 6%;overflow: hidden;background-repeat: no-repeat;background-position: top;background-size: 100% auto;min-height: 400px; padding:80px 10px;position: relative;}
.resigntit_t{ background: #fffbed; padding: 50px; text-align: center; font-size: 18px; color: #000;}
.resigntit_ta{ color: #000; background: #f9be00; border-radius:20px; width: 100px; line-height: 35px; margin: 30px 0px 0px 0px;  padding: 0px 0px; display:inline-block;}
  
  .resignbox{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.5);z-index: 66666;display: none;overflow-y:scroll;}
.resignbg{width:100%;margin: auto;margin-top: 20px;overflow: hidden;background-repeat: no-repeat;background-position: top;background-size: 100% auto;min-height: 400px; padding:70px 20px;position: relative;}
.resignrio{width: 100%;overflow: hidden;border-radius: 20px;}
.resignriowy{width: 100%;overflow: hidden;border-radius: 0px;}
.resigntit{width: 100%;overflow: hidden;padding: 15px 10px;position: relative;}
  .resigntit .f22cf{font-size: 13px;}
  .resigntit .f30cf{font-size: 18px;}
.resigntit img{display: inline-block;vertical-align: middle;}
.resigntit .resigntitsmall{display: inline-block;vertical-align: middle;color: #fff;width: 210px;margin-left: -3px;margin-top: -10px;}
.closeresign{position: absolute;right: 20px;top: 30px;color: #000;width: 35px;text-align: center;display: block;font-size: 16px;}
.closeresign i{display: block;font-size: 20px;}

.f22cf{font-size: 22px;color: #fff;}
.f30cf{font-size: 30px;color: #fff;display: block;line-height: 40px;}
.resignbox{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.5);z-index: 66666;display: none;overflow-y:scroll;}
.resignbg{width:100%;margin: auto;margin-top: 20px;overflow: hidden;background-repeat: no-repeat;background-position: top;background-size: 100% auto;min-height: 400px; padding:70px 20px;position: relative;}
.resignrio{width: 100%;overflow: hidden;border-radius: 20px;}
.resignriowy{width: 100%;overflow: hidden;border-radius: 0px;}
.resigntit{width: 100%;overflow: hidden;padding: 15px 10px;position: relative;}
  .resigntit .f22cf{font-size: 13px;}
  .resigntit .f30cf{font-size: 18px;}
.resigntit img{display: inline-block;vertical-align: middle;}
.resigntit .resigntitsmall{display: inline-block;vertical-align: middle;color: #fff;width: 200px;margin-left: -3px;margin-top: -5px;}
.closeresign{position: absolute;right: 20px;top: 30px;color: #000;width: 35px;text-align: center;display: block;font-size: 16px;}
.closeresign i{display: block;font-size: 20px;}
.formbg1{width: 140px;position: absolute;left: 0px;top: 0px;z-index: 66;display: none;}
.formbg2{width: 140px;position: absolute;right: 0px;top: 10px;z-index: 66;display: none;}
.formbg3{width: 140px;position: absolute;left: 0px;top: 50%;z-index: 66;display: none;}
.formbg4{width: 140px;position: absolute;right: 70px;top: 50%;z-index: 66;display: none;}
.formbg5{width: 140px;position: absolute;right: 19px;z-index: 100;top: 0px;display: none;}
.bgfff{background: #fff;}
.resignform{width: 100%;overflow: hidden;padding:15px; text-align: center;}
input.formtj{width: 200px;line-height: 40px;height: 40px;border-radius: 40px;background: url(./images_old/book1.png) right bottom no-repeat;-webkit-appearance:none;background-color: #f9be00;border:0px;display: block;font-size: 18px;color: #fff;margin:10px auto;}
.formtit{color: #000;font-size: 16px;margin: 0px 0px;}
.formin{width: 100%;overflow: hidden;margin: 5px 0px;line-height: 30px;font-size: 15px;color: #999;padding: 0px 5px;}
.formin2{width: 100%;overflow: hidden;margin: 10px 0px;line-height: 30px;font-size: 15px;color: #999;padding: 0px 10px;}
.formin input{width: 200px;line-height: 28px;outline: none;padding-left: 20px;border: 1px solid #ddd;height: 28px;}
.formin2 input{width:50px;line-height: 28px;outline: none;padding-left: 20px;border: 1px solid #ddd;height: 28px;}
.formin2 input[type=radio]{width:40px;line-height: 30px;height: 32px; outline: none;-webkit-appearance:none;background: url(../images_old/rbg1.png) no-repeat 0px 0px;border: 0px;margin-left: 0px;}
.formin2 input[type=radio]:checked{width:40px;background: url(../images_old/rbg2.png) no-repeat 0px 0px;margin-left: 0px;}
.formin select{width: 200px;line-height: 32px;outline: none;padding-left: 20px;background: url(../images_old/selectbgff2.jpg) no-repeat;background-size: 100% 100%;height: 28px; margin: 0px;}

.mianfei{font-size: 34px;}
.canguan{font-size: 12px;}

.whitePoint{
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 16px;
  margin: 8px 6px;
}
.top-rectangle{
  height: 22px;
  width: 140px;
  border: 1px solid #fff;
  position: absolute;
  top: 20px;
  left: 7px;
}
.top-content {
  position: absolute;
  top: 1px;
  left: 20px;
  padding-left: 4px;
  padding-right: 7px;
  background: #f9be00;
  z-index: 5;
}
.big-text {
  font-weight: 800;
  font-size: 22px;
}
.authorliaze{width: 100%;overflow: hidden;margin-top: 0px;margin-left:0px;font-size: 15px;line-height: 30px;color: #888;}
.authorliaze input[type=checkbox]{-webkit-appearance: none;background:url(../images_old/radiobg.png);width: 30px;height: 30px;margin-top: -3px;margin-right: 5px;outline: none;}
.authorliaze input[type=checkbox]:checked{background: url(../images_old/radiobgc.png);}
.authorliaze a{color: #f9be00;}
.authorliaze input{overflow: visible;vertical-align: middle;}



}
.closeresign{
  width: 24px;
  height: 24px;
  background: url(../images/chacha1.png) no-repeat center center;
  color: rgba(0,0,0,0);
}
.closeresign:hover{
  color: rgba(0,0,0,0);
}