/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧 
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:   807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+-------------------------------------------*/



body{background-color: #fff;min-width: 1200px;}
.boxItem01{min-width: 1200px;overflow: hidden;}
.boxItem01 img{width: 100%;display: block;}
.quyud{margin-left: 5px; font-size: 14px;color: #999;}
/*预约*/
.boxItem02 {background:url(../images/bg2.jpg) no-repeat center 0;height: 320px;padding-top: 6px;}
.ybox{width: 770px;margin: 0 auto;}
.ybox a{position: relative;color:#feec8a;}
.ybox a em{ font-size: 32px;position: absolute;top:-63px;left: 116px;color:#feec8a;letter-spacing: 1px;letter-spacing: 2px;}
/*海景甄选*/
.boxItem03{background:url(../images/bg3.jpg) no-repeat center 0;padding-top: 10px;}
.daoyu{margin:0 auto;width: 1064px;margin-bottom: 45px;}
.title{background:url(../images/tit_bg.png) no-repeat center 0;padding-top: 90px;color:#fff;height:150px;margin-bottom: 20px;}
.title h3{text-align: center;font-size: 36px;letter-spacing: 2px;}
.title p{font-size: 21px;padding-top: 5px;}

/*图文列表*/
.chlist{margin-top:20px;}
.chlist ul li{width:370px;height: 435px;padding:8px;display: block;float: left;border:1px solid #e3e3e3;margin-bottom:20px;border-radius: 8px;overflow: hidden;margin-right: 18px;}
.chlist ul li .chimg{width:370px;height:230px;display: block;overflow: hidden;border-radius: 8px; }
.chlist ul li .chimg img{width:370px;height:230px;display: block; }
.chlist ul li h3{font-size: 24px;padding-top: 10px;text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
.chlist ul li>p{text-align: left;color:#383838;font-size: 16px;padding-top: 5px;text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
.chlist ul li p i{color:#999;}
.boxItem04 .chlist ul li p i,.boxItem05 .chlist ul li p i{color:#fe605d;}


.chlist ul li b{color:#fe605d;font-size: 26px;}
.chlist ul .clearfix{border-top: 1px solid #999;margin-top: 15px;padding-top:15px;}
.chlist ul .clearfix a{display: block;float: left;width: 104px;height: 40px;border:1px solid #999;color:#888;border-radius:8px;font-size:16px;line-height: 40px;text-align: center;margin-right: 15px;}
.chlist ul .clearfix a p{background:#fff;display: block;box-shadow: 1px 1px 1px #bbb;width: 180px;height:36px;line-height:36px;display:none;border-radius: 20px;position: absolute;top:-50px;left: 0;border:1px solid #eee;font-size: 18px;}
.chlist ul .clearfix a.dianhua{position: relative;}
.chlist ul .clearfix a.zaixian:hover,.boxItem03 ul .clearfix a.dianhua:hover{border:1px solid #fe605d;color:#fe605d;border-radius: 25px;transition:all 1s;}

.chlist ul .clearfix a.dianhua:hover p{display: block;transition:all 1s;color:#666;}
.chlist ul .clearfix a.ccyuyue{background-color:#fe605d;color:#fff;border:1px solid #fe605d; }
.chlist ul .clearfix a.ccyuyue:hover{border-radius: 25px;transition:all 1s;}
.fctit:hover{color:#fe605d;transition:all 1s;}

/*性价楼盘*/
.boxItem04{background: url(../images/bg4.jpg) no-repeat center 0;padding-top: 60px;margin: 30px 0;}
.boxItem04 a.submit02{margin-top:40px;}
.boxItem04 .list .clearfix{width: 590px;height: 312px;background: #955422;border-radius:7px;overflow: hidden;}
.list .txt{width: 200px;float: left;padding: 15px 0 0 15px;}
.list .txt b{display: block;width: 35px;height:2px;background: #fff;margin-bottom:10px;}
.list .txt h3 a{color:#fff400;font-size: 22px;letter-spacing: 1px;font-weight: normal;}
.list .txt h3 a:hover{padding-left:10px;transition: 0.5s;}
.list .txt em{font-size: 18px;color: #fff;line-height: 50px;}
.list .txt p{font-size: 16px;color: #fff;letter-spacing: 1px;}
.list .fr{width: 369px;height: 312px;float: right;overflow: hidden;}
.list .fr img{width: 369px;height: 312px;display: block;}
.boxItem04 .list {float: left;width: 590px;height: 412px;margin-right: 20px;}

/*养生度假*/
.boxItem05{background: url(../images/bg5.jpg) no-repeat center 0;padding-top: 40px;margin-bottom: 30px;}


.copyRight{background: url(../images/bg6.jpg) no-repeat center 0;text-align: center;font-size: 20px;color:#fff;height: 205px;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: #fff;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: #d00305;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;}


.chlist ul li:hover img{transform:scale(1.1,1.1);transition:all 0.5s;}

