/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧 
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:   807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+-------------------------------------------*/



body{background-color: #f4d9ce;min-width: 1200px;}
.boxItem01{min-width: 1200px;overflow: hidden;}
.boxItem01 img{width: 100%;display: block;}

/*预约*/

.boxItem02 {background:url(../images/bg02.png) no-repeat center 0 #820413;padding: 10px 0;height: 766px;}
.title h3{font-size: 60px;color:#f8ccad;background:url(../images/tit_bg.png) no-repeat center 0 ;line-height: 126px;text-align: center;height: 166px;letter-spacing: 4px;}
.tcbox .fl{width: 570px;padding:25px 0 0 5px;}
.tcbox .fl p{font-size: 38px;padding-bottom: 20px;letter-spacing: 1px;}
.tcbox .fl p em{color:#f8ccad;}
.tcbox .fl p img{padding-right: 5px;}
.tcbox .fl>em{font-size: 14px;display: block;width: 520px;margin-left: 50px;color:#f1f1f1;}
.tcbox .fl a{display: block;width: 300px;height: 40px;border: 1px solid #f8ccad;text-align: center;border-radius: 30px;color: #f8ccad;line-height: 40px;font-size: 20px;margin: 40px 0 0 58px;
    letter-spacing: 2px;}
.tcbox .fr{width: 570px;position: relative;}
.tcbox .fr a{position: absolute;left:36px;top:36px;}
.tcbox{border:1px solid #f8b485;border-radius: 14px;padding:10px;color: #fff;}
.boxItem03 .gglt{background:url(../images/gg01.png) no-repeat center 0 #820413;height: 195px;}
/*爆款*/
.listbox{background:url(../images/bg03.png) no-repeat center 0 #931f1a;height: 680px;padding-top:81px;}
.listbox02{background:url(../images/bg04.png) no-repeat center 0 #931f1a;}
.listbox .img img{width: 637px;height: 575px;display: block;}
.listbox .img{display: block;background: #fff;padding: 10px;box-shadow: -1px 8px 5px #211f1f4a;}
.text{width: 470px;}
.text h3{color:#fff;font-size: 42px;letter-spacing: 2px;    text-overflow: ellipsis; white-space: nowrap;   overflow: hidden;margin-top: 20px;    color: #f1dcad;
    -webkit-mask: linear-gradient(to top, #500f0f, #0000009c);}


.text .city{border-bottom: 1px solid #c37f7d;color:#c99c9b;font-size: 22px;margin-bottom: 10px;line-height: 56px;}
.text .hx{color:#fff;font-size: 18px;}
.text .yh{background:url(../images/yy_bg02.png) no-repeat center 0;color:#fff;font-size: 18px;display: block;width: 352px;height: 50px;text-align: center;line-height: 50px;margin: 20px 0 100px 0;}
.text .txt{color:#fff;font-size: 18px;}
.text .yy{width: 420px;height: 73px;background:url(../images/yy_bg.png) no-repeat center 0;line-height: 73px;padding-left: 20px;color:#9d0615;font-size: 18px;margin-top: 20px;}
a.more{color:#fff;background: #333;width: 100px;height: 34px;line-height:34px;font-size:18px;text-align: center;border-radius: 30px;margin-top:5px;
  margin-bottom: 30px;   background:#9d0615;float: right;margin-right: 15px;margin-top:20px;}
.text .yy b{font-size:32px;}



/*特价*/
.boxItem04 .gglt img{width: 100%;display: block;}
.listbox03{background:url(../images/bg2.jpg) no-repeat center 0;padding-top: 130px;height: 453px;}
.listbox03 .comWidth{width: 1022px;}
.listbox03 .img02 a img{width: 570px;height: 340px;display: block;}
.listbox03 .img02{display: block;background: #fff;padding: 10px;box-shadow: -1px 8px 5px #211f1f4a;position: relative;}
.listbox03 .img02 em{position: absolute;left: 0;top:0;}
.text02{width: 390px;}
.text02 h3{font-size: 42px;letter-spacing: 2px;    text-overflow: ellipsis; white-space: nowrap;   overflow: hidden;border-bottom: 2px solid #fff;    color: #f1dcad;  -webkit-mask: linear-gradient(to top, #500f0f, #0000009c);}
.text02 .city{color:#fff;font-size: 22px;margin-bottom: 10px;line-height: 56px;}
.text02 .hx{color:#fff;font-size:20px;}
.text02 .yh{background:#fff;color:#73050c;font-size: 20px;display: block;width: 383px;height:40px;line-height:40px;margin: 20px 0 20px 0;text-indent: 20px;letter-spacing: 2px;}
.text02 .yh em{padding: 0 10px;}
.text02 .yy{width: 370px;height:50px;line-height:50px;padding-left: 20px;color:#fbdfa1;font-size: 18px;margin-top: 20px;border:1px solid #fff;}
a.more02{color:#72050c;background: #fff;width: 120px;height: 50px;line-height:50px;font-size:18px;text-align: center;   background:#fff;float: right;}
.text02 .yy b{font-size:32px;}
.listbox04{background:url(../images/bg3.jpg) no-repeat center 0;}
.listbox04 .comWidth{background: #fff;border: 3px solid #f1dcad;}
.listbox04 .img03 a img{width: 570px;height: 340px;display: block;}
.listbox04 .img03{display: block;background: #fff;padding: 10px;box-shadow: -1px 8px 5px #211f1f4a;position: relative;}
.listbox04 .img03 em{position: absolute;left: 0;top:0;}
.text03{width: 490px;}
.text03 h3{font-size: 42px;letter-spacing: 2px;    text-overflow: ellipsis; white-space: nowrap;   overflow: hidden;border-bottom: 2px solid #72050c;color:#424242;}
.text03 .city{color:#72050c;font-size: 22px;margin-bottom: 10px;line-height: 56px;}
.text03 .hx{color:#666;font-size:20px;}
.text03 .yh{background:#72050c;color:#fff;font-size: 20px;display: block;width: 450px;height:40px;line-height:40px;margin: 20px 0 40px 0;text-indent: 20px;letter-spacing: 2px;}
.text03 .yh em{padding: 0 10px;}
.text03 .yy{width: 370px;height:50px;line-height:50px;padding-left: 20px;color:#72050c;font-size: 18px;margin-top: 20px;border:1px solid #72050c;}
a.more03{color:#fff;background:#72050c;width: 120px;height: 50px;line-height:50px;font-size:18px;text-align: center;   float: right;}
.text02 .yy b{font-size:32px;}
.bg01{background: #fff;;padding:30px;height:380px;
 background: -webkit-linear-gradient(left,#fff, #e3e3e3);
    background: -o-linear-gradient(left,#fff, #e3e3e3);
    background: -moz-linear-gradient(left,#fff, #e3e3e3);
    background: linear-gradient(left,#fff, #e3e3e3);
}

.bg02{
 background: -webkit-linear-gradient(right,#fff, #e3e3e3);
    background: -o-linear-gradient(right,#fff, #e3e3e3);
    background: -moz-linear-gradient(right,#fff, #e3e3e3);
    background: linear-gradient(right,#fff, #e3e3e3);
}

.copyRight{text-align: center;font-size: 20px;color:#e4b884;line-height: 205px;}

/*报名弹框样式*/

.tc_visible {    opacity: 1;    visibility: visible;    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;    transition: opacity 0.3s 0s, visibility 0s 0s;}
.tc_container {    position: relative;    width:560px;    margin:170px auto;    height :362px;  border: 8px;
    background: #FFF;    border-radius: .4rem .4rem .4rem .4rem;   text-align: center;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  -webkit-transform:scale(0.8);  -moz-transform:scale(0.8);  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);  transform:scale(0.8);    -webkit-backface-visibility: hidden;    -webkit-transition-property: -webkit-transform;    -moz-transition-property: -moz-transform;    transition-property: transform;
    -webkit-transition-duration: 0.3s;   -moz-transition-duration: 0.3s;    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;    transition-duration: 0.3s;
}
.tc_close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.tc_close img{width: 30px; height: 30px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.tc_close img:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.tc_visible .tc_container {  -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1);  -o-transform:scale(1);  transform:scale(1);
  }


.tc_title{width: 100%;height: 84px;background: url(../images/bm.png) no-repeat center;background-size: 100% 100%;color: #f1dcad;font-size: 32px;text-align: center; line-height: 84px;}
.tc_x{font-size: 16px; margin-top: 15px;}
.tc_center{width: 500px;margin: 0 auto; margin-top: 35px;}
.tc_center_left{float: left;width: 500px; }
.tc_center_left input{display: block;height: 40px;background: #f5faff;width: 300px;text-indent:12px;border: 1px solid #e4f1fd;border-radius: 5px;font-size: 16px;color: #333333;margin:0 auto 20px auto;}
.tc_center_left .btn{ display: inline-block; box-shadow: 0px 0px 10px 2px #ccc;font-size: 20px;color: #fff;background: #cea242;width:300px;height: 40px;line-height: 40px; border: none;border-radius: 5px;}

/*参团*/
.yh_shenqing{    position: fixed;    left: 0;    top: 0;    height: 100%;   width: 100%;
    background-color: rgba(0, 0, 0, 0.5);    opacity: 0;   visibility: hidden;   -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;    transition: opacity 0.3s 0s, visibility 0s 0.3s;    z-index:9999;}
.yh_shenqing.yh_visible {    opacity: 1;    visibility: visible;    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;   -moz-transition: opacity 0.3s 0s, visibility 0s 0s;    transition: opacity 0.3s 0s, visibility 0s 0s;}
.yh_container {   position: relative;   width:560px;    margin:170px auto;    height:362px;border: 8px;    background: #FFF;   border-radius: .4rem .4rem .4rem .4rem;    text-align: center;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;   -webkit-transition-duration: 0.3s;    -moz-transition-duration: 0.3s;   -ms-transition-duration: 0.3s;   -o-transition-duration: 0.3s;   transition-duration: 0.3s;}


.yh_close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.yh_close img{width: 30px; height: 30px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.yh_close img:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.yh_visible .yh_container {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }



/*优惠申请*/
.yh_shenqing01{    position: fixed;    left: 0;    top: 0;    height: 100%;    width: 100%;    background-color: rgba(0, 0, 0, 0.5);    opacity: 0;
    visibility: hidden;    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;    transition: opacity 0.3s 0s, visibility 0s 0.3s;    z-index:9999;
}
.yh_shenqing01.yh_visible {    opacity: 1;    visibility: visible;    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;    transition: opacity 0.3s 0s, visibility 0s 0s;}

/*抽奖*/
.yh_shenqing02{    position: fixed;    left: 0;    top: 0;    height: 100%;    width: 100%;    background-color: rgba(0, 0, 0, 0.5);    opacity: 0;
    visibility: hidden;    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;    transition: opacity 0.3s 0s, visibility 0s 0.3s;    z-index:9999;
}
.yh_shenqing02.yh_visible {    opacity: 1;    visibility: visible;    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;    transition: opacity 0.3s 0s, visibility 0s 0s;}

.chlist ul li:hover img,.pic a:hover img{transform:scale(1.1,1.1);transition:all 0.5s;}
.move2{position: absolute;left: 0;bottom: -30px;}
 .orbit {border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.orbit#earth-orbit {
  -webkit-animation: orbit 36.5s linear infinite;
          animation: orbit 36.5s linear infinite; height: 300px;  left: 50px;  top: 50px;  width: 300px;
}
.orbit#moon-orbit {z-index: 999;
  -webkit-animation: orbit 2.7s linear infinite;
          animation: orbit 2.7s linear infinite;  height: 140px; left: 160px; top: 165px; width: 140px;          background: url(../images/chouj023.png) no-repeat center center;}
 .orbit .globe { border-radius: 50%;  position: absolute;}
 .orbit .globe#earth { background: aqua;  height: 30px;  right: 28px;  top: 28px;  width: 30px;}
 .orbit .globe#moon { right: 2px; top: 8px;}

@-webkit-keyframes orbit {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes orbit {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.orbit {position: absolute;}
.orbit img{position: absolute;left: -110px;top:-40px;transform:rotate(-90deg);}