/***** reset ******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section{margin:0;padding:0;box-sizing:border-box;}
html{
  color:#6a3906;
  height: 100%;
  overflow-y:scroll;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{ font-family: "Microsoft Yahei"; background:#fff;overflow: hidden; }

textarea,input,select{ font-size: 100%; } 
em,i{font-style: normal;}
table{ border-spacing: 0; border-collapse: collapse;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ul,ol{ list-style-type: none; }
.q:before,.q:after{content:''; display: block; height: 0; clear: both; visibility: hidden;}
del{text-decoration:line-through}
fieldset{border:0}
img{ display: block; border: 0; max-width:640px;margin: 0 auto;width: 100%; vertical-align: middle;}
a{ text-decoration: none; }
/*** root fontSize  ***/
@media screen and (min-width: 320px) {
  html{ font-size: 20px }
}
@media screen and ( min-width: 360px) {
  html{ font-size: 22.5px }
}
@media screen and ( min-width: 375px) {
  html{ font-size: 23.4575px }
}
@media screen and ( min-width: 400px) {
  html{ font-size: 25px }
}
@media screen and ( min-width: 414px) {
  html{ font-size: 25.875px }
}
@media screen and ( min-width: 480px) {
  html{ font-size: 30px }
}
@media screen and ( min-width: 600px) {
  html{ font-size: 37.5px }
}
@media screen and ( min-width: 640px) {
  html{ font-size: 40px }
}
img{ display:block;width:100%; }
*::-webkit-input-placeholder {color: #727171;font-family: "Microsoft YaHei","微软雅黑", Helvetica, Arial, sans-serif;}
*::input-placeholder {color: #727171;font-family: "Microsoft YaHei","微软雅黑", Helvetica, Arial, sans-serif;}
#page{ width:100%;max-width:640px;margin:0 auto;position:relative;}
.sheng_world{width: 100%;height: 0.85rem;line-height: .9rem;font-size: .58rem;text-align: center;color: #030303;background: url(../images/img_03.jpg) no-repeat center center/100% 100%;}
.sheng_world span{font-weight: bold;}
.tan_box{display: none;width: 100%;height: 100%;position: fixed;top: 0;background: rgba(0,0,0,.75);z-index: 999;}
.tan_box .form_group{width: 100%;height: 18.10rem;background: url(../images/mb_bg.png) no-repeat center center/100% 100%;padding-top: 9.8rem;    position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-60%);transform: translate(-50%,-60%);}
.tan_box .form_group .btn_group .imgBtn {width: 62%;margin-top: .7rem;}
.tan_box .close_btn{width: 7%;position: absolute; right: 1rem;top: 1.8rem;}
.tan_box .form_group .input_group{width: 66%;margin-bottom: 2%;}
.page_warp{position: relative;}
.page_warp .middle{position: absolute;top:57%;left:2%;width: 46%;}
.page_warp .middle div{position: absolute;}
.form_group {
    background: url(../images/img_04.jpg) no-repeat center/100%;
    height:6.9rem;
    padding-top: .5rem;
    position: relative;
}
.page_2 .input_group {
    margin: 0 auto 2%;
    width: 78%;
    clear: both;
    overflow: hidden;
    border:1px solid #272636;
    border-radius: .4rem;
}
.page_2 .input_group label {
    float: left;
    font-size: .7rem;
    line-height: 1.3rem;
    color: #ffcc00;
    margin-right: 3%;
}
.page_2 .input_group input {
    border: 0px #5293fe solid;
    width: 100%;
    padding: 3.5% 4% 3.5% 14%;
    font-size: .6rem;
    float: left;
}
.page_2 .input_group input.username {
    background: #fff url(../images/icon-head.png) no-repeat 2% center;
    background-size: 12%;
}
.page_2 .input_group input.tel{ background:#fff url(../images/icon-tel.png) no-repeat 2% center;background-size:12%;}
.page_2 .btn_group .imgBtn {
    width: 73%;
    position: relative;
    margin:3% auto 0;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.page_2 .rolling{ width:83%;height:63px;overflow:hidden;background:#f3e6fa;margin:2% auto 0; }
.page_2 .rolling p.one{ font-size:12px;text-align:center;padding:2px 0px; }
.page_2 .page_2_tips{ width:90%;margin:4% auto; }
.bgn15{width: 100%;height: 3.8rem;background: url(../images/ban_15.jpg) no-repeat center center/100% 100%;margin-bottom: 1.2rem;}
.down_num{width: 1.625rem;height:2rem;background: url(../images/pin_btn.png) no-repeat center center/100% 100%;    position: absolute;top: .2rem;right: 1rem;
  -webkit-animation: top_bot .5s ease-out infinite alternate;
  animation: top_bot .5s ease-out infinite alternate;
}
.btn2{    width: 54%; margin: 0 auto;position: relative;left: 7%;top: 22%;-webkit-animation: sc .8s ease-out infinite alternate;
  animation: sc .8s ease-out infinite alternate;}
.freeBtn{/*background:url(../images/btn2.png) top center no-repeat;background-size:100% auto; */width: 32%;position: absolute;bottom:14%;right:7%;
/*-webkit-animation: sc .8s ease-out infinite alternate;
  animation: sc .8s ease-out infinite alternate;*/}
.freeBtn2{width: 32%;position: absolute;bottom:9%;right:7%;}
.freeBtn3{width: 40%;position: absolute;bottom:18%;right:7%;}
.xs{width: 20%;position: absolute;right:0px;top:32%;-webkit-animation: donghua1 .8s ease-out infinite alternate;animation: donghua2 .8s ease-out infinite alternate;}
.btn_yue{
  background: #fe1542;
}
#footer_btn{ position:fixed;width:100%;max-width:640px;left:50%;bottom:0px;background:url(../images/footer_bg.png) no-repeat;background-size:100%;-webkit-transform:translateX(-50%) }
#footer_btn::after{ content:'';display:block;clear:both; }
#footer_btn img{ width:45%;float:right;margin-right:7%;margin-top:14%; }
.shan{width: 20%;position: absolute;right: -5px;top: 30px;}
@-webkit-keyframes sc{
  0%{ -webkit-transform: scale(0.8); }
  100%{ -webkit-transform: scale(1); }
}
@keyframes sc{
  0%{ transform: scale(0.8); }
  100%{ transform: scale(1); 7}
}
@-webkit-keyframes top_bot{
  0%{ -webkit-transform:translateY(0); }
  100%{ -webkit-transform:translateY(30%); }
}
@keyframes top_bot{
   0%{ transform:translateY(0); }
  100%{ transform:translateY(30%);}
}
@-webkit-keyframes donghua1 {
  from { top: 30px;right: -5px; }
  to { top: 8px; right: 8px;}
}

@keyframes donghua1 {
  from { top: 30px;right: -5px; }
  to { top: 8px; right: 8px;}
}
@-webkit-keyframes donghua2 {
  from { top: 20px;right: -5px; }
  to { top: 8px; right: 8px;}
}

@keyframes donghua2 {
  from { top: 20px;right: -5px; }
  to { top: 8px; right: 8px;}
}
.btn_sure{
  display: block;
  width: 8rem;
  margin:0.5rem auto 0;
}
.relative{position: relative;}
.btn_zixun1{  position: absolute;width: 32%;height: 10%;bottom: 2%;right: 9%;}
.btn_a {
    position: absolute;
    top: 14%;
    right: 7%;
    width: 48%;
    -webkit-animation: sc .8s ease-out infinite alternate;
    animation: sc .8s ease-out infinite alternate;
}
.btn_b {
    position: absolute;
    top: 14%;
    right: 5%;
    width: 48%;
    -webkit-animation: sc .8s ease-out infinite alternate;
    animation: sc .8s ease-out infinite alternate;
}
.bg{
  background: #f32a3a;
}
.swiper-wrapper{
  width: 1200%;
  overflow: hidden;
  position: relative;
}
.swiper-slide {
  float: left;
}
footer {
  /* display: none; */
  -webkit-box-sizing: border-box;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  bottom: 0;
  max-width: 640px;
  width: 100%;
  height:3.83rem;
  background: url(../images/cfooter.png) no-repeat center center/100% 100%;
  font-size: .6rem;
  padding: 0.6rem 0 0 0;
  z-index: 99;
}
.gao{height: 3.2rem;width: 100%;}
.clock { width:50%;float: left;color: #fff;}
.clock p {    text-align: left;padding-left: 18%;}
.clock p img { display: inline-block;vertical-align: middle; width: .76rem;margin-right: 6px;}
.clock p i { color: #fff000; font-style: normal;}
.btn_bot {-webkit-animation: spin 1s linear infinite;display: block;    float: right;
    width: 48%;
    margin: 1.4rem -.3rem 0 0;
}
.btn_bot  img{width: 72%; margin-top: -2%;}
@-webkit-keyframes spin {
  0% {-webkit-transform: scale(1);}
  50% {-webkit-transform: scale(1.1);}
  100% {-webkit-transform: scale(1);}
}
.down_pic{}
.down_pic{width: 50%;position: absolute;top: -24%;left: 0;right: 0;bottom:0;margin: auto;-webkit-animation: spinaa .7s linear infinite;animation: spinaa .7s linear infinite;}
@-webkit-keyframes spinaa {
  0% {-webkit-transform: translateY(0%);}
  100% {-webkit-transform: translateY(30%);}
}
@keyframes spinaa {
  0% {transform: translateY(0%);}
  100% {transform: translateY(30%);}
}
.num_box {
    width: 15rem;
    margin: auto;
    height: 2.1rem;
    font-size: 1rem;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
}
.num_box:before {
    content: "";
    width: 14.5rem;
    height: 2px;
    background: #bb0432;
    position: absolute;
    top: -.2rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.num {
    top: 0%;
    left: 0%;
    right: 0%;
    width: 9rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #bb0432;
    text-align: center;
    margin: auto;
    margin-bottom: 1rem;
    background: #fff;
    position: relative;
}
.num span {
    background: #bb0432;
    border-radius: .3rem;
    color: #fff;
    padding: 0 .13rem;
    margin: 0 .1rem;
    font-weight: 700;
    height: 1.4rem;
    display: inline-block;
    line-height: 1.4rem;
}
.num span:first-child {
    margin-right: -.2rem;
}
.word_p{font-size: .7rem;color: #bb0432;text-align: center;position: relative;z-index: 999;}
#slide {
    position: absolute;
    bottom: -4%;
    left: -1.5%;
    margin: 1rem 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.num_boxbb{top: 1.4rem;}
.btn6{width: 75%; position: absolute; top: 4rem; left: 5%;right: 0;margin: auto;}
/*.num_boxbb .num{background: none}*/
#slide ul {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 3.6rem;
    top: 0;
}
#slide li{padding-left: 3px; display: -webkit-box; -webkit-box-align: center; height: .8rem; line-height: .8rem; font-size: .58rem; color: #fff; }
.lunbo_box {
    overflow: hidden;
    height: 13rem;
    position: relative;
}
.mashang{width: 37%; position: absolute;right: 9%;bottom: 8%;-webkit-animation: spin 1s linear infinite;}
.lunbo_1 {
    width: 91%;
    margin: auto;
    border: 2px solid #ff0200;
    border-radius: .3rem;
}
.room_btn {
    display: -webkit-flex;
    width: 100%;
    margin: 0 auto 0;
    border-radius: .3rem;
}
.room_btn li {
    position: relative;
    text-align: center;
    font-size: 0.7rem;
    width: 30%;
    padding: .4rem 0;
    background: #fff;
    border: 1px solid #ff0200;
    color: #ffcc00;
    background: #a70f0c;
}
.room_btn li:first-child{
  border-radius: .2rem 0 0 0;
}
.room_btn li:last-child{
  border-radius:0 .2rem 0 0;
}
.room {
    width: 100%;
    margin: auto;
    border-radius: .2rem;
    margin-top: -0.1rem;
}
.lunbo_1 .room{
   border: 3px solid #ffcc00;
}
.cur{
  background:#ffcc00 !important;
  color: #ff0000 !important; 
}
.room_img li{display: none; }
#footer_btn{display: none;}
.gao{height: 67px!important;background: #f32a3a;max-width: 640px;width: 100%;margin:auto;}
.checkBox li.selected i:after {top: -3px;}
.bo2{height: 8.4rem;}
.bo3{height: 8.3rem;}

/*弹出报名框*/

.mask{
  z-index: 9999;
  position: fixed;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  max-width: 640px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: none;
}
.dialog{
  position: absolute;
  width: 90%;
  height: 14.15rem;
  background: url(../images/z5.png?v=1) center center/100% auto no-repeat;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.btn_group_box{ width: 100%;height: 4.78rem;background: url(../images/ban_12.gif) center center/100% 100% no-repeat;position: relative;}
.btn_group_box .left_btn,.btn_group_box .right_btn{width: 47%;height: 1.9rem;position: absolute;top: .9rem;}
.btn_group_box .left_btn{left: .4rem;}
.btn_group_box .right_btn{right: .4rem;}
.mt{margin-top: 16px;}
.relative{position: relative;}
.pos{  width: 38%;height: 100%;top: 0;position:absolute;}
.zixun{left: 7%;}
.freeyue{right: 7%;}
.pos1{  width: 30%;height: 13%;position:absolute;left: 7%; }
.zixun1{ top: -12%;}
.freeyue1{top: 3%;}
.dialog h4{
  padding-top: 2rem;
  /*font-size: 0.55rem;*/
  color: #000;
  text-align: center;
}
.dialog p{
  color: #a3a3a3;
  font-size: 0.5rem;
  text-align: center;
}
#tan_form{
  margin-top: 1.2rem;
  text-align: center;
}
#tan_form input{
  width: 10rem;
  height: 1.8rem;
    padding-left: 1.8rem;
    font-size: 0.7rem;
  border:1px solid #d2d2d2;
}
#xm2{ border-radius: 0.2rem 0.2rem 0 0; 
  background: #fff url(../images/icon-head.png) 0.6rem center/0.9rem auto no-repeat;border-bottom:none!important;}
#dh2{ border-top: 0; border-radius: 0 0 0.2rem 0.2rem;
  background: #fff url(../images/icon-tel.png) 0.6rem center/0.8rem auto no-repeat;}
#anniu{display: block; width: 12rem; margin:1.2rem auto 0; }  
.gif{
  background:url(../images/text.gif) 1.75rem center/0.035rem auto no-repeat ,url(../images/icon-head.png) 0.6rem center/0.9rem auto no-repeat,#fff !important;
}
.back{
  position: absolute;
  left: 50%;
  bottom: 0rem;
  -webkit-transform: translateX(-50%);
  display: block;
  width: 1.75rem;
  height: 1.1rem;
}
.close{
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
  display: block;
  width: 1rem;
  height: 0.9rem;
  border-radius: 50%;
}
/*弹出报名框END*/