@charset "UTF-8";
/* lky 2016-7-18 引导页 */
.prologue-bg { width: 100%; height: 100%; background: #ffffff; background-size: cover; position: relative; }
.prologue-top{ width: 100%; height: 22rem;   background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.prologue-bottom{ width: 100%; height: 5.75rem; position:fixed; left: 0; bottom: 0;  background: url("../images/index/prologue-bottom.jpg") no-repeat center top; background-size:100% 100%;}
.ent-btn { display: block; width: 4.25rem; line-height: 1.5rem; font-size: 0.75rem; color: #2eb1df; border: 1px solid #2eb1df; -webkit-border-radius: 0.75rem; -moz-border-radius: 0.75rem; border-radius: 0.75rem; text-align: center; position: absolute; bottom: 0.85rem; left: 50%; margin-left: -2.125rem; animation: btnmove 1s linear infinite; -webkit-animation: btnmove 1s linear infinite; }

@keyframes btnmove { 0% { transform: scale(1, 1); }
  50% { transform: scale(0.95, 0.95); }
  100% { transform: scale(1, 1); } }
@-webkit-keyframes btnmove { 0% { -webkit-transform: scale(1, 1); }
  50% { -webkit-transform: scale(0.95, 0.95); }
  100% { -webkit-transform: scale(1, 1); } }
/* lky 2016-7-18 首页 */
body { background: #FFFFFF; color: #333; }

.page-line { height: 0.3rem; background: #eee; border-top: 1px solid #dadada; }

/*top*/
.home-top { position: relative; left: 0; top: 0; z-index: 10; width: 100%; height: 3px; background: url("../images/index/top-line.jpg") no-repeat center top; background-size: 100% 100%; }

.logo { position: absolute; left: 0; top: 3px; width: 7.2rem; height: 1.75rem; background: url("../images/index/top-logo.png") no-repeat center; background-size: 100% 100%; }

/*banner*/
.home-slider { height: 9.25rem; position: relative; z-index: 9; }

.home-slider .swiper-pagination-bullet { width: 0.3rem; height: 0.3rem; opacity: 1; }

.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0.3rem; height: 0.3rem; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.1rem; vertical-align: top; }

/*搜索*/
.search-box { width: 100%; height: 1.8rem; border-bottom: 1px solid #dadada; padding: 0; background: url("../images/index/search-bg.png") no-repeat 0.55rem center; background-size: 1.75rem 1.45rem; position: relative; left: 0; top: 0; z-index: 11; }
.search-box h3 { font-size: 0.55rem; width: 16%; margin-right: 2%; line-height: 1.8rem; text-align: right; float: left; }

.search-com { float: left; width: 8.6rem; height: 1.2rem; border: 1px solid #cfcfcf; box-sizing: border-box; margin-top: 0.3rem; position: relative; text-align: left; -webkit-border-radius: 0.6rem; -moz-border-radius: 0.6rem; border-radius: 0.6rem; overflow: hidden; }
.search-com .text { vertical-align: top; display: inline-block; height: 100%; box-sizing: border-box; width: 82%; line-height: 0.8rem; padding: 0.2rem 0 0.2rem 8%; margin: 0; font-size: 0.45rem; border: 0; color:#999; }
.search-com .search-btn { float: right; height: 100%; width: 18%; font-size: 0.6rem; color: #2fbfe4; font-weight: bold; background: none; border: 0; outline: none; }

.ban-decorate { position: absolute; right: 0.15rem; top: -1rem; width: 4.55em; height: 3.05rem; background: url("../images/index/decorate-bg.png") no-repeat; background-size: 100% 100%; }
.ban-decorate #decorate-ico { position: absolute; right: 0.6rem; top: 0.05rem; width: 0.95rem; height: 0.95rem; background: url("../images/index/decorate-ico.png") no-repeat; background-size: 100% 100%; transform: rotate(0deg) scale(1, 1); -webkit-transform: rotate(0deg) scale(1, 1); }
.ban-decorate .ban-rot { animation: mymove 500ms linear 1; -webkit-animation: mymove 500ms linear 1; /*animation:命名 播放时间 播放曲线 重复播放infinite*/ animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
.ban-decorate .ban-rot2 { animation: mymove2 500ms linear 1; -webkit-animation: mymove2 500ms linear 1; /*animation:命名 播放时间 播放曲线 重复播放infinite*/ animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }

@keyframes mymove { 0% { transform: rotate(0deg) scale(1, 1); }
  50% { transform: rotate(90deg) scale(1, 1); }
  100% { transform: rotate(180deg) scale(1, 1); } }
@-webkit-keyframes mymove /*Safari and Chrome*/ { 0% { -webkit-transform: rotate(0deg) scale(1, 1); }
  50% { -webkit-transform: rotate(90deg) scale(1, 1); }
  100% { -webkit-transform: rotate(180deg) scale(1, 1); } }
@keyframes mymove2 { 0% { transform: rotate(180deg) scale(1, 1); }
  50% { transform: rotate(270deg) scale(1, 1); }
  100% { transform: rotate(360deg) scale(1, 1); } }
@-webkit-keyframes mymove2 /*Safari and Chrome*/ { 0% { -webkit-transform: rotate(180deg) scale(1, 1); }
  50% { -webkit-transform: rotate(270deg) scale(1, 1); }
  100% { -webkit-transform: rotate(360deg) scale(1, 1); } }
/*导航*/
nav { display: inline-block; width:100%; vertical-align: top; padding: 0.6rem 0 0.2rem 0; }
nav a { float: left; width: 25%; height: 3.6rem; font-size: 0.5rem; text-align: center; margin-bottom: 0.35rem; }
nav i { display: block; position: relative; margin: 0 auto; width: 2.5rem; height: 2.5rem; background-repeat: no-repeat; background-size: 100% 100%; }
nav i.nav-ico-ticket { background-image: url("../images/index/nav-ico-ticket.png"); }
nav i.nav-ico-hotel { background-image: url("../images/index/nav-ico-hotel.png"); }
nav i.nav-ico-zyx { background-image: url("../images/index/nav-ico-zyx.png"); }
nav i.nav-ico-qz { background-image: url("../images/index/nav-ico-qz.png"); }
nav i.nav-ico-foods { background-image: url("../images/index/nav-ico-foods.png"); }
nav i.nav-ico-goods { background-image: url("../images/index/nav-ico-goods.png"); }
nav i.nav-ico-recreation { background-image: url("../images/index/nav-ico-recreation.png"); }
nav i.nav-ico-raiders { background-image: url("../images/index/nav-ico-raiders.png"); }
nav p { padding-top: 0.2rem; line-height: 0.9rem; font-size: 0.6rem; }
nav .hot-tag { display: inline-block; font-style: normal; font-size: 0.45rem; background: #fd2135; max-width: 4em; overflow: hidden; height: 0.7rem; line-height: 0.7rem; padding: 0 0.2rem; -webkit-border-radius: 0.35rem; -moz-border-radius: 0.35rem; border-radius: 0.35rem; color: #fff; position: absolute; right: -0.7rem; top: -0.1rem; }

/*每日推荐*/
.rec-titbg { width: 100%; height: 2.1rem; background: url("../images/index/recommend-bg.png") no-repeat; background-size: 100% 100%; }

.rec-one { text-align: center; }
.rec-one a { display: block; }
.rec-one img { width: 100%; height: 4.75rem; }
.rec-one .aty-tit { font-size: 0.6rem; color: #333; line-height: 1rem; padding: 0.2rem 0 0; word-break: break-all; }
.rec-one .aty-text { font-size: 0.6rem; color: #999; line-height: 1rem; margin-bottom: 0.2rem; word-break: break-all; }
.rec-one .aty-text del{  margin-right: 0.3rem;}
.rec-one .aty-text .price{ color: #fb285a; }
.rec-one .aty-state { display: inline-block; vertical-align: top; font-size: 0.5rem; color: #fff; background: #2eb1df; height: 0.9rem; line-height: 0.9rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem; border-radius: 0.15rem; padding: 0 0.5rem; margin-bottom: 0.6rem; }
.rec-one .aty-state.no { background: #aaa; }

.hot-scenic-box { width: 100%; position: relative; }

.hot-scenic { width: 100%; overflow: hidden; overflow-x: auto; }

.hot-scenic::-webkit-scrollbar { display: none; }

#hot-s-up, #hot-s-down { color: #fff; position: absolute; top: 20%; z-index: 20; font-size: 1rem; padding: 0.2rem; }

#hot-s-up { left: 0; }

#hot-s-down { right: 0; }

.hot-scenic ul { display: inline-block; height: 6.8rem; overflow: hidden; }

.hot-scenic ul li { float: left; margin: 0 0.25rem; width: 7rem; overflow: hidden; height: 6.8rem; }

.hot-scenic ul li a { display: block; }

.hot-scenic ul li img { width: 7rem; height: 4.25rem; -webkit-border-radius: 0.15rem 0.15rem 0 0; -moz-border-radius: 0.15rem 0.15rem 0 0; border-radius: 0.15rem 0.15rem 0 0; overflow: hidden; }

.hot-scenic ul li h4 { color: #666; font-size: 0.6rem; line-height: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 1rem; padding-top: 0.2rem; }

.hot-scenic ul li p .price { display: inline-block; vertical-align: top; color: #fb285a; font-size: 0.65rem; line-height: 1rem; }

.hot-scenic ul li p .price em { font-size: 0.4rem; }

.hot-scenic ul li p .original-price { display: inline-block; vertical-align: top; font-size: 0.4rem; color: #999; padding-left: 0.5rem; line-height: 1rem; }

/*产品展示*/
.tabs { width: 100%; background: #fff; height: 2.1rem; line-height: 2rem; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }

.tabs a { display: block; float: left; width: 33.3%; text-align: center; line-height: 2rem; height: 2.1rem; text-decoration: none; box-sizing: border-box; font-size: 0.7rem; color: #b7b7b7; background: url("../images/index/pro-ico-active.png") no-repeat center 2.2rem; background-size: 1.75rem 0.65rem; transition: 300ms; }

.tabs a:after { content: ''; display: block; float: right; height: 1rem; margin-top: 0.5rem; border-right: 1px solid #e1e1e1; width: 0; }

.tabs a:last-child:after { display: none; }

.tabs a.active { color: #2eb1df; background-position: center bottom; transition: 300ms; }

.wrap { margin: 0 auto; }

.swiper-pro { overflow: hidden; }
.swiper-pro ul { margin: 0 0.5rem; }
.swiper-pro ul li { width: 100%; overflow: hidden; padding: 0.45rem 0; border-bottom: 1px solid #ededed; }
.swiper-pro ul li a { display: block; height: 4.4rem; }
.swiper-pro ul li img { float: left; width: 5.75rem; height: 4.4rem; }

.gline-con { padding-left: 6.25rem; }
.gline-con h4 { font-size: 0.6rem; line-height: 1.1rem; height: 1.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gline-con .con-text { color: #999; font-size: 0.5rem; line-height: 0.7rem; height: 2.1rem; overflow: hidden; text-align: justify; padding-top: 0.1rem; word-break: break-all; }
.gline-con .con-lab { line-height: 0.75rem; display: inline-block; width: 100%; }
.gline-con .con-lab .price { display: inline-block; vertical-align: top; color: #fb285a; font-size: 0.65rem; line-height: 1rem; }
.gline-con .con-lab .price em { font-size: 0.4rem; }
.gline-con .con-lab .original-price { display: inline-block; vertical-align: top; font-size: 0.4rem; color: #999; padding-left: 0.5rem; line-height: 1rem; }

.pro-more { display: block; height: 2rem; line-height: 2rem; text-align: center; font-size: 0.6rem; color: #999; }

/*# sourceMappingURL=index.css.map */