@charset "UTF-8";
/*lky 2016-8-5 首页*/
body { background: #ffffff; min-width: 1200px; }

/*---------------↓ 公用部分 ↓---------------*/
/*模块内容宽度*/
.hot-pro, .ticket-con, .hotel-con, .activity-con, .destination-con, .news-booking { width: 1200px; margin-left: auto; margin-right: auto; }

/*模块标题*/
.modular-title { padding-top: 10px; margin-bottom: 30px; }
.modular-title strong { display: block; margin: 0 auto; width: 150px; height: 40px; background-image: url("../images/index/modular-title-img.png"); background-repeat: no-repeat; text-indent: -99999px; }
.modular-title .more { float: right; color: #999; font: normal 12px/20px "Microsoft YaHei"; padding-top: 20px; }
.modular-title .more:hover { color: #2fbfe4; }
.modular-title .m-tit-info { display: block; height: 18px; width: 100%; font: normal 14px/18px "Microsoft YaHei"; color: #999; text-align: center; background: url("../images/index/modular-title-bg.png") repeat-x left center; }
.modular-title .m-tit-info em { font-style: normal; display: inline-block; *zoom: 1; *display: inline; background: #fff; padding: 0 6px; }

.tit-bg1 { background-position: 0 0; }

.tit-bg2 { background-position: 0 -50px; }

.tit-bg3 { background-position: 0 -100px; }

.tit-bg4 { background-position: 0 -150px; }

.tit-bg5 { background-position: 0 -200px; }
.tit-bg6 { background-position: 0 -250px; }
.ico-sj { display: block; position: absolute; right: 0; top: 15px; height: 0; width: 0; border-right: 4px solid #2fbfe4; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

/*---------------↓ 右侧悬浮菜单 ↓---------------*/
.right-menu { position: fixed; right: 0; top: 0; z-index: 99; width: 36px; height: 100%; background: #333; }
.right-menu .right-menu-ul { margin-top: 210px; }
.right-menu li { width: 100%; height: 36px; margin-bottom: 1px; position: relative; }
.right-menu i.rmenu-ico { display: block; width: 36px; height: 36px; background-image: url("../images/index/right-menu-ico.png"); background-repeat: no-repeat; }
.right-menu .menu-qrcode, .right-menu .menu-gotop { display: block; width: 36px; height: auto; position: absolute; right: 0; bottom: 87px; }
.right-menu .menu-qrcode p, .right-menu .menu-gotop p { color: #fff; padding: 10px 10px 0; width: 16px; text-align: center; }
.right-menu .menu-qrcode:hover, .right-menu .menu-gotop:hover { background: #666; -moz-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
.right-menu .menu-gotop { height: 36px; bottom: 50px; }
.right-menu .ico-qq {  
    background-image: url(../images/index/tel.png)!important;
    background-position: center;
    background-size: cover;
 }
.right-menu .ico-coupon { background-position: 0 -50px; }
.right-menu .ico-qrcode { background-position: 0 -100px; }
.right-menu .gotop { background-position: 0 -150px; }
.right-menu .bg1 { background: #2fbfe4; }
.right-menu .bg2 { background: #ffa900; }
.right-menu .bg_gray { background: #4d4d4d; }

/*在线QQ内容*/
.qq-online-con { display: none; position: absolute; left: -126px; top: 0; width: 126px; padding-top: 12px; background: #fff; text-align: center; overflow: hidden; transition: 500ms; -moz-box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.4); box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.4); }
.qq-online-con .head-qq { display: block; margin: 0 auto 5px; width: 72px; height: 62px; padding-top: 10px; background: #2fbfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; }
.qq-online-con .head-qq img { margin: 0 auto; width: 44px; height: 48px; }
.qq-online-con p { font: normal 12px/20px "Microsoft YaHei"; }
.qq-online-con p.time { color: #ffa900; }
.qq-online-con .xline { border-bottom: 1px dotted #ddd; margin: 10px 3px 8px; }
.qq-online-con .online-btn { display: block; margin: 0 auto 8px; width: 70px; height: 26px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; text-align: center; color: #2fbfe4; font: normal 12px/26px "Microsoft YaHei"; border: 1px solid #2fbfe4; }
.qq-online-con .online-btn:hover { background: #2fbfe4; color: #fff; -moz-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }

.qq-online:hover .qq-online-con { display: block; }

/*我的优惠券*/
.coupons-preview { display: none; position: fixed; right: 36px; top: 0; width: 226px; height: 100%; background: #000; background: rgba(0, 0, 0, 0.5); }
.coupons-preview .ico-sj { border-right-color: #ffa900; top: 261px; }

.coupons-box { position: absolute; top: 50%; margin-top: -280px; width:100%;}

.member-info { text-align: center; padding: 10px 0 10px; }
.member-info .head-img { width: 70px; margin: 0 auto; height: 70px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.member-info .head-img img { width: 70px; height: 70px; }
.member-info .login-info { margin: 0 20px; font: normal 14px/26px "Microsoft YaHei"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }
.member-info .login-info a { color: #fff; }
.member-info .login-info a:hover { color: #ffa900; }

.menu-coupons-tit { text-align: center; padding-bottom: 20px; }
.menu-coupons-tit strong { color: #fff; font: normal 18px/30px "Microsoft YaHei"; }
.menu-coupons-tit span { margin: 0 20px; display: block; font: normal 12px/20px "Microsoft YaHei"; color: rgba(255, 255, 255, 0.3); *color: #fff; text-transform: uppercase; }
.menu-coupons-tit span:before { content: ''; float: left; margin-right: 5px; width: 40px; height: 1px; background: #fff; background: rgba(255, 255, 255, 0.3); margin-top: 9px; }
.menu-coupons-tit span:after { content: ''; float: right; margin-left: 5px; width: 40px; height: 1px; background: #fff; background: rgba(255, 255, 255, 0.3); margin-top: 9px; }

.menu-coupons { padding-left: 12px; }
.menu-coupons li { width: 171px; height: 90px; margin-bottom: 16px; background: url("../images/index/coupons-li-bg.png") no-repeat 0 0; padding: 0 15px; position: relative; }
.menu-coupons li a { display: block; cursor: pointer; color: #f0960c; height: 100%; }
.menu-coupons li .coupon-state { display: block; width: 46px; height: 46px; position: absolute; right: 10px; top: 3px; }
.menu-coupons li .tit { font: normal 12px/40px "Microsoft YaHei"; height: 40px; padding-top: 3px; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-coupons li .tit span { font-size: 30px; padding: 0 5px; }
.menu-coupons li .text { font: normal 14px/20px "Microsoft YaHei"; margin-bottom: 4px; margin-right: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-coupons li .time { font: normal 12px/18px "Microsoft YaHei"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-coupons li.invalid { background-position: 0 -100px; }
.menu-coupons li.invalid a { color: #aaa; }
.menu-coupons li.invalid .coupon-state { background: url("../images/index/coupons-state.png") no-repeat; }

/*关注我们，二维码*/
.qrcode-con { display: none; position: absolute; right: 36px; top: 0; width: 120px; height: 120px; background: #fff; -moz-box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.4); box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.4); }
.qrcode-con img { margin: 5px; width: 110px; height: 110px; }

.menu-qrcode:hover .qrcode-con { display: block; }


/*---------------↓ banner ↓---------------*/
.banner { width: 100%; position: relative; z-index: 8; }

.flexslider { margin: 0; padding: 0; width: 100%; height: 500px; position: relative; overflow: hidden; }

.flexslider .bd { height: 500px; display: block; width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; z-index: 1; }

.flexslider .bd li { display: block; height: 500px; }

.flexslider img { width: 100%; height: 100%; }

.flexslider .hd { position: absolute; right: 0; bottom: 30px;  display: block; width: 100%; height: 10px; text-align: center; z-index: 2; }

.flexslider .hd ul { margin-right: 15px; }

.flexslider .hd li { display: inline-block; vertical-align: top; *float: right; width: 10px; height: 10px; margin: 0 5px; background: #fff; background: rgba(255, 255, 255, 0.6); text-indent: -99999px; transition: 0.2s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; overflow: hidden; }

.flexslider .hd li.on { background: #f4b200;  }

/*最新预订*/
.news-booking-box { background: #fff; border-bottom: 1px solid #ebebeb; position: relative; z-index: 10; }

.news-booking { height: 74px; position: relative; }
.news-booking h3 { padding-left: 52px; font: normal 16px/22px "Microsoft YaHei"; background: url("../images/index/news-booking-bg.png") no-repeat 13px 3px; height: 60px; float: left; padding-top: 14px; }
.news-booking h3 span { font: normal 12px/16px "Microsoft YaHei"; text-transform: uppercase; }
.news-booking h3 strong { display: block; }
.news-booking .booking-info { width: 550px; float: left; margin: 22px 0 0 20px; padding-left: 60px; *display: inline; background: url("../images/index/ico-booking.png") no-repeat left center; height: 30px; line-height: 30px; overflow: hidden; }
.news-booking .booking-info ul li { height: 30px; font: normal 12px/30px "Microsoft YaHei"; overflow: hidden; }
.news-booking .booking-info ul li a { display: block; cursor: pointer; }
.news-booking .booking-info ul li .text { display: inline-block; *zoom: 1; *display: inline; float: left; vertical-align: top; max-width: 360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-booking .booking-info ul li .price { float: left; color: #f60; font-weight: bold; padding-left: 15px; }
.news-booking .booking-info ul li .time { float: right; }

.weather { float: right; position: absolute; right: 0; top: -85px; width: 260px; height: 180px; padding-top: 40px; padding-left: 20px; background: url("../images/index/ban-nubshow-bg.png") no-repeat; }
.weather .address { background: url("../images/index/ico-address.png") no-repeat left center; padding-left: 30px; width: 150px; height: 30px; font: normal 14px/40px "Microsoft YaHei"; color: #fff; margin-bottom: 0px; }
.weather .address .ban-nub { float: right; font-size: 26px; }
.weather .address .ban-nub em { font-size: 32px; margin-right: 3px; font-style: normal; }
.weather .address .ban-nub strong { margin-left: 3px; font-size: 20px; font-weight: normal; }
.weather #decorate-ico { position: absolute; right: 0; top: 1px; width: 26px; height: 26px; background: url("../images/index/decorate-ico.png") no-repeat; background-size: 100% 100%; -moz-transform: rotate(0deg) scale(1, 1); -webkit-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1); }
.weather .ban-rot { animation: mymove 1s linear 1; -webkit-animation: mymove 1s linear 1; /*animation:命名 播放时间 播放曲线 重复播放infinite*/ animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
.weather .ban-rot2 { animation: mymove2 1s linear 1; -webkit-animation: mymove2 1s linear 1; /*animation:命名 播放时间 播放曲线 重复播放infinite*/ animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }

.weather-con { width: 220px; height: 50px; }

/*banner播放转圈圈动画*/
@keyframes mymove { 0% { transform: rotate(0deg) scale(1, 1); }
  50% { transform: rotate(180deg) scale(1, 1); }
  100% { transform: rotate(360deg) scale(1, 1); } }
@-webkit-keyframes mymove /*Safari and Chrome*/ { 0% { -webkit-transform: rotate(0deg) scale(1, 1); }
  50% { -webkit-transform: rotate(180deg) scale(1, 1); }
  100% { -webkit-transform: rotate(360deg) scale(1, 1); } }
@keyframes mymove2 { 0% { transform: rotate(0deg) scale(1, 1); }
  50% { transform: rotate(180deg) scale(1, 1); }
  100% { transform: rotate(360deg) scale(1, 1); } }
@-webkit-keyframes mymove2 /*Safari and Chrome*/ { 0% { -webkit-transform: rotate(0deg) scale(1, 1); }
  50% { -webkit-transform: rotate(180deg) scale(1, 1); }
  100% { -webkit-transform: rotate(360deg) scale(1, 1); } }
/*---------------↓ 热卖 ↓---------------*/
.hot-pro-box { background: #f5f5f5 url("../images/index/hot-pro-bg.jpg") no-repeat center bottom; height: 455px; padding: 15px 0 40px 0; }

.hot-pro .modular-title { width: 1100px; margin: 0 auto; }
.hot-pro .modular-title .m-tit-info { background-image: url("../images/index/modular-title-bg2.png"); }
.hot-pro .modular-title .m-tit-info em { background: #f5f5f5; }

/*标题，换一批按钮*/
.replace-btn { margin-top: 14px; float: right; font: normal 14px/20px "Microsoft YaHei"; }
.replace-btn .ico-replace { float: left; width: 20px; height: 20px; background: url("../images/index/ico-replace.png") no-repeat center; margin-right: 8px; transform: rotate(0deg); transition: 500ms; }
.replace-btn:hover .ico-replace { transform: rotate(180deg); }
.replace-btn:active .ico-replace { transition: 300ms; transform: rotate(360deg); }

.hot-pro-slider { padding-top: 32px; width: 1100px; margin: 0 auto; }
.hot-pro-slider .hot-hd { width: 1140px; margin-left: -20px; position: relative; }
.hot-pro-slider li { float: left; margin: 6px 20px 0; height: 335px; background: #fff; border-bottom: 3px solid #e0e0e0; width: 340px; position: relative; -moz-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
.hot-pro-slider li:hover { margin-top: 0; }
.hot-pro-slider li .img-tag { position: absolute; left: 26px; top: 16px; z-index: 5; display: inline-block; padding: 0 20px; height: 32px; font: normal 14px/32px "Microsoft YaHei"; color: #fff; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.hot-pro-slider li .img-tag.c1 { background: #fd8d39; }
.hot-pro-slider li .img-tag.c2 { background: #ff6060; }
.hot-pro-slider li .img-tag.c3 { background: #1cc7f3; }
.hot-pro-slider li .img-a{ display:block; width:340px; height:240px;}
.hot-pro-slider li img { width: 340px; height: 240px; }
.hot-pro-slider li h4 { font: normal 16px/24px "Microsoft YaHei"; padding: 5px 20px 0; word-break: break-all; height: 48px; overflow: hidden; margin-bottom: 5px; }
.hot-pro-slider li p { padding: 0 20px; }
.hot-pro-slider li .price { font: normal 20px/30px "Microsoft YaHei"; color: #ff6600; }
.hot-pro-slider li .price em { font-size: 14px; }
.hot-pro-slider li .price b { font-size: 14px; color: #999; }
.hot-pro-slider li .price del { padding-left: 14px; color: #999; font: normal 12px/30px "Simsun"; }
.hot-pro-slider li p a { float: right; *display: inline; padding: 0 10px; height: 28px; font: normal 12px/28px "Microsoft YaHei"; color: #999; border: 1px solid #ccc; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.hot-pro-slider li p a:hover { background: #f63; color: #fff; border-color: #f63; }
.hot-pro-slider .next, .hot-pro-slider .prev { position: absolute; cursor: pointer; left: -50px; top: 140px; display: block; width: 45px; height: 45px; background: url("../images/index/hot-pro-slider-ico.png") no-repeat 0 0; }
.hot-pro-slider .next:hover, .hot-pro-slider .prev:hover { background-position: 0 -45px; }
.hot-pro-slider .next { background-position: -45px 0; left: auto; right: -50px; }
.hot-pro-slider .next:hover { background-position: -45px -45px; }

/*---------------↓ 门票&度假&活动 ↓---------------*/
.ticket-con { margin-bottom: 10px; }

.modular-l { width: 237px; height: 524px; float: left; }
.modular-l h3 { margin: 0 15px 1px; padding: 35px 0 5px; text-align: center; font: normal 18px/24px "Microsoft YaHei"; color: #fff; border-bottom: 1px double #fff; border-bottom: 1px double rgba(255, 255, 255, 0.2); }
.modular-l h3 span { font-size: 12px; line-height: 18px; display: block; text-transform: uppercase; }
.modular-l ul { border-top: 1px double #fff; border-top: 1px double rgba(255, 255, 255, 0.2); margin: 0 15px; padding-top: 13px; display: inline-block; }
.modular-l ul li { float: left; margin: 0 3px 10px 0; }
.modular-l ul li a { color: #fff; display: inline-block; padding: 0 8px; height: 24px; font: normal 14px/22px "Microsoft YaHei"; }
.modular-l ul li a:hover { background: #f9ca41; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }

.modular-r { float: right; width: 963px; }
.modular-r li { float: left; margin-left: 26px; height: 252px; width: 455px; background: #f0f0f0; overflow: hidden; margin-bottom: 20px; }
.modular-r li:hover { box-shadow: 0 0 8px #ccc; }
.modular-r li:hover .img-box img { width: 106%; height: 106%; left: -3%; top: -3%; }
.modular-r li .img-box { display: block; width: 455px; height: 200px; overflow: hidden; position: relative; }
.modular-r li img { width: 455px; height: 200px; position: absolute; left: 0; top: 0; -moz-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
.modular-r li .price { padding-top: 5px; float: right; color: #ff6600; font: normal 20px/24px "Microsoft YaHei"; margin-right: 15px; *display: inline; }
.modular-r li .price em { font-size: 14px; }
.modular-r li .price b { font-size: 14px; color: #999; font-weight: normal; }
.modular-r li .price del { color: #999; font: normal 12px/14px "Simsun"; display: block; text-align: center; }
.modular-r li p { display: table; height: 50px; padding-left: 15px; padding-right: 20px; *padding-top: 7px; }
.modular-r li p span { display: table-cell; vertical-align: middle; font: normal 14px/18px "Microsoft YaHei"; }

/*活动*/
.activity-box { background: #ebebeb; }

.activity-con { padding: 14px 0 20px; }
.activity-con .modular-title .m-tit-info { background-image: url("../images/index/modular-title-bg2.png"); }
.activity-con .modular-title .m-tit-info em { background: #ebebeb; }
.activity-con .modular-r li { background: #fff; }
.activity-con .modular-l ul li a:hover { background: #e65158; }

/*---------------↓ 热门目的地 ↓---------------*/
.destination-con { margin-bottom: 10px; }
.destination-con li { float: left; width: 550px; height: 150px; margin: 0 15px; *display: inline; position: relative; left: 0; top: 0; opacity: 1; -moz-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
.destination-con li:hover { opacity: 0.8; }
.destination-con li:active { opacity: 1; left: 2px; top: 4px; transition: 100ms; }
.destination-con li.mr60 { margin-right: 55px; }
.destination-con li a { display: block; height: 100%; }
.destination-con li img { width: 100%; height: 100%; }