@charset "utf-8";

/*首页*/

.index_sli{position: relative; width: 100%;}

.index_sli .swiper-slide img{width: 100%; height: 100%;}

.index_sli span.swiper-pagination-bullet{display: inline-block; width: 1.25rem ; height: 0.15rem; padding: 0;  margin-right: .35rem ; background: #fff; border-radius: 0; opacity: 1;}

.index_sli .swiper-pagination-bullets{padding-bottom: 0; bottom: 1rem ;}

.index_sli .swiper-pagination-bullet-active{background: #b82121 !important;}

.searchBox{padding:.75rem 1rem .75rem 1rem; height: auto; background: #b82121; }

.search {position: relative; height: 100%; padding: 0 1.5rem; background: #fff; border-radius: .75rem; overflow:hidden;}

.selectBox{width: 23%;  margin-right: 1rem; }

.search select{height: 2.9rem; width: 100%; border: none;  font-size: 1.2rem; line-height: 2.9rem;  color: #b82121; -moz-appearance: none; -webkit-appearance: none; background: url(../images/down.png) no-repeat right center; background-size: 1rem auto;}

.search input{width: 70%; height: 1.6rem; margin-top: .6rem;  padding-left: 1rem;  font-size: 1.1rem; line-height: 1.6rem;  border-left: 1px  solid #e6e6e6;  border-radius: 0; color: #999;}

.nav_list{position: relative; background: url(../images/navBg.png) no-repeat; background-size: 100% 100%; overflow: hidden;}

.flower{position:relative; top:0; left:0; width: 100%; }

.nav_ul{overflow: hidden;}

.setS{overflow-x: auto; overflow-y: hidden;}

.nav_ul li{float: left; width: 25%; box-sizing: border-box; -webkit-box-sizing:border-box ;border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}

.nav_ul.col3 li{width: 33.3%; }

.nav_ul li a{ display: block; padding: .5rem 0; width: 100%; text-align: center;  }

.nav_ul li:last-child{border-right: none !important;}

.nav_ul li img{height: 3.2rem; vertical-align: middle;}

.nav_ul li h3{ font-size: 1.4rem; font-weight: normal;}

.nav_icon{ display: block; font-size: 3.2rem; vertical-align: top;}

.nav_a0{color: #71b41b;}

.nav_a1{color: #fc9d22;}

.nav_a2{color: #23b0eb;}

.nav_a3{color: #6787e1;}

.nav_a4{color: #ff4c54;}

.nav_a5{color: #ac5af1;}

.nav_a6{color: #5ee921;}

.nav_a7{color: #fc7095;}

.envelope { overflow-x: auto; overflow-y: hidden;  border-bottom: 1px solid #e6e6e6;}

.envelope_list{ box-sizing: border-box; -webkit-box-sizing:border-box ;}

.envelope_list li{position: relative; float: left; width: 13rem; height: 9.6rem; padding: .75rem 0 .75rem .75rem; overflow: hidden;box-sizing: border-box; -webkit-box-sizing:border-box ;}

.envelope_list li:last-child{ padding-right: .75rem;}

.envelope_word{ position: absolute; left: 50%; top:50%; margin-left: -5rem; z-index: 1; width: 10rem ; }

.envelope_word span{display: block; padding: .5rem 0; text-align: center; color: #fff; }

.envelope_word span:first-child{  font-size: 1.4rem; line-height: 1.4rem;  border-bottom: 2px solid #fff;}

.envelope_word span:last-child{ font-size: 1.1rem; line-height: 1.4rem; }

.envelope_cover{position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}

.envelope_cover .red_c{position: absolute; left: 0; top: 0; z-index: 1; display: block;  width: 100%; height: 100%;  background: rgba(0,0,0,.4);}

.envelope_list li:hover .envelope_cover .red_c{background: rgba(0,0,0,.6);}

.recommendBox{padding: 2rem 0 1.5rem 0; margin-top: 1rem; background: url(../images/sjtjBg.png) no-repeat; background-size: 100% 100%; overflow: hidden;  border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}

.sjtj_tit{display: block; height: 2.75rem; margin: 0 auto; padding-bottom: .5rem; vertical-align: top;}

.swiperBx{padding: 1rem 1rem .5rem; overflow: hidden;}

.swiperBx .swiper-container{width: 100%; padding-bottom: 2.5rem;}

.look_more{display: none; width:8rem; height: 2.2rem; margin: 0 auto;  font-size: 1.2rem; line-height: 2.2rem;  color: #b82121; text-align: center; border: 1px solid #d24141; border-radius: .25rem; }

.look_more:hover{background:#b82121; color:#fff;}

.imgBox{display: block; width: 100%; height: 10rem; overflow: hidden;}

.recommend_img{width: 100%; min-height: 100%;}

.recommend_ul li{position: relative; width:45%;padding-bottom: 1px; font-size: 18px; ;overflow: hidden;;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.swiper-pagination02 .swiper-pagination-bullet{background: #ccc; border: 1px solid #ccc}

.swiper-pagination02 .swiper-pagination-bullet-active{background: #c71212 !important; border: 1px solid #c71212;}

.recommend_ul a{display: block; min-width:91.5%; padding: .5rem .5rem 1.4rem .5rem; overflow: hidden; border: 1px solid #d2d2d2; border-radius: .25rem;}

.circleImg{position: absolute; right: 1.5rem; top: 9rem; display: block; width: 3rem; height: 3rem; border-radius: 50%; overflow: hidden; border: 2px solid #fff;}

.circleImg img{width: 100%; min-height: 100%;}

.recommend_ul h3{max-width: 70%; padding-top: .8rem;  font-size: 1.4rem; line-height: 2.4rem;  color: #222; font-weight: normal; }

.addP{display: block; height: 1.3rem; padding-top: .5rem;  font-size: 1.1rem; line-height: 1.1rem;  color: #999;}

.addP i{display: inline-block; width: 1.2rem; height: 1.2rem;  margin-right: .5rem; vertical-align: top;}

.setImg{width: 100%;}

.driveBox{padding: 2rem 1rem 1.5rem 1rem; background: url(../images/zjyBg.png) no-repeat; background-size: 100% 100%; }

.driveBox a{display: block; margin-top:1rem;}

.map{border-radius: .25rem; vertical-align: top;}

.drive_tit{height: 2rem; margin-top: 1rem;  font-size: 1.6rem;  font-weight: normal; color: #222; background-position:0 -60px ; background-size: 1.9rem auto;}

.drive_tit i{display: inline-block; width: 1.6rem; height: 1.6rem; vertical-align: top;}

.hot_project{padding: 2rem .5rem 1.5rem .5rem; margin-top: 1rem; background: url(../images/hot_acBg.png) no-repeat; background-size: 100% 100%; border-top: 1px solid #e6e6e6;}

.hot_project_ul{padding-top: .5rem;padding-bottom: 1rem;}

.hot_project_ul li .hot_img,.buddhism_ul li a,.hot_shop_ul a{position: relative; display: block; border-radius: .25rem; overflow: hidden; }

.hot_project_ul li{float: left; padding: .5rem .5rem 0 .5rem; width: 50%;  box-sizing: border-box; -webkit-box-sizing:border-box ;}

.setAll,.jqthumb{width: 100% ;height:100%; background: #f5f5f5 url(../images/default_big.jpg) no-repeat center; background-size: 90% auto; object-fit: cover; }

.hot_img{position: relative;}

.hot_img a{position: absolute; left: 0; top: 0; z-index: 1; display: block; ; width: 100%; height: 100%; background: rgba(0,0,0,0);}

.hot_project_ul h3,.hot_shop_ul h3{padding: 1rem 0;  font-size: 1.4rem; line-height: 1.4rem;  color: #222; font-weight: normal;}

.buddhism{padding: 2rem 0 1.5rem 0; margin-top: 1rem; background: url(../images/foj.png) no-repeat; background-size: 100% 100%; border-top: 1px solid #e6e6e6;}

.buddhism_ul,.buddhism_ul1{padding: 1rem 1rem 0rem 1rem; background: #fff; margin-top:1rem; }

.buddhism_ul li,.buddhism_ul1 li{ position:relative;margin-bottom: 2rem;border-radius: 10px; overflow:hidden; box-shadow: 1px 3px 5px #ccc;}

.buddhism_ul h3,.buddhism_ul1 h3{position: absolute; bottom: 0; left: 0; width:100%; padding: 1rem 0;  font-size: 1.4rem;  line-height: 1.5rem;  color: #333;  font-weight: normal;  text-indent: 1rem; background:#fff;}

.stgyimg{ display: block;}

.hot_shopBox{padding: 2rem 0 1.5rem 0; margin-top: 1rem; background: url(../images/hot_shop.png) no-repeat; background-size: 100% 100%; border-top: 1px solid #e6e6e6;}

.shop_tj .ql{font-size: 1.1rem; color: #999;}

.shop_tj .hide{display: inline-block; max-width: 60%; font-size: 1.5rem; color: #222;}

.shop_tj .pr{padding-left: .5rem; font-size: 1.8rem ; color: #b82121 ;}

.hot_shop_ul{padding: 1rem .6rem 0 .6rem;}

.hot_shop_ul li{float: left; width: 33.33%; padding:0 .4rem; box-sizing: border-box; -webkit-box-sizing:border-box ;}

.nav{position: fixed; left: 0; bottom: 0; width: 100%; z-index: 5; padding: .65rem 0; background: #fff; border-top: 1px solid #e6e6e6;}

.nav a{display: block; text-align: center;}

.nav a img{width: 2.1rem; vertical-align: top;}

.nav a h3{padding-top: .5rem;  font-size: 1.1rem; line-height: 1.3rem;  color: #999; font-weight: normal;}

.nav a.curr h3,.nav a.curr .iconFont{ color: #b82121;}

.beg_load,.beg_load1{font-size: 1.2rem; text-align: center; color: #999;padding-bottom: 15px;margin-top: 16px;}

.href720{position: absolute; left: 1.5rem; top: 1.5rem; z-index: 5; display: block; width: 1.6rem; height: 1.6rem; font-size: 1rem; color: #fff; text-align: center; line-height: 1.6rem; background: rgba(0,0,0,.4); border-radius: 50%;}



/*享优惠*/

.favourable_nav{padding: 1rem .5rem; overflow-x: auto; overflow-y: hidden;}

.favourable_nav a{display: inline-block; height: 2.2rem;  padding: 0 1.25rem; margin: 0 .5rem; border-radius: 1.1rem; border: 1px solid #d2d2d2; font-size: 1.2rem; line-height: 2.2rem;  color: #555;}

.favourable_nav a.curr{background: #b82121; border: 1px solid #b82121; color: #fff;}

.favourable_ul{padding: 0 1rem 1rem;}

.favourable_ul a{position: relative; display: block; margin-top: 1rem;  border-radius: .25rem; overflow: hidden;}

.favourable_ul li:first-child a{margin-top: 0;}

.favourable_ul h3{position: absolute; left: 0; bottom: 0; z-index: 1; height: 5rem; width: 100%; font-weight: normal; background: url(../images/titBg.png) repeat; background-size: auto 100%;}

.favourable_ul span{position: absolute; bottom: 1rem; left: 1rem; display: block; width: 90%;  font-size: 1.6rem; color: #fff;}



/*探风景*/

.ground_video{position: relative;width:100%!important; height: 18rem!important;}

.tan_mask{position: absolute; left: 0; top:0;display: block; width: 100%; height: 100%; }

.tan_mask i{ position: absolute; left: 50%; top:50%; margin-top: -1.6rem; margin-left: -1.6rem; font-size: 3.2rem; color: #fff;}

.ground_video>video{ position: absolute; left: 0; top:0; width:100%; height:100%; background:#000; display:none;}

.video_num{ width: 100%;padding: 1.2rem 1rem 0; background-color:#c32222; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; }

.video_mess{color: #fff; font-size: 0;}

.video_mess > span{ display: block; margin-right:0.4rem; margin-bottom:0.4rem;  font-size: 1.1rem; line-height: 1.2rem;  text-align: center;  border-right:1px solid rgba(255,255,255,.4);}

.video_mess > span:last-child{ margin: 0; border-right:none; text-align: right;}

.video_mess > span:first-child{text-align: left;}

.video_mess > span > label{ font-size: 1.1rem; font-weight: bold; }

.video_link{ width: 100%; padding:1rem 0; line-height: 1.8rem; color: #fff;}

.video_link > span{ font-size: 1.3rem;}

.video_link > span > label{ font-size: 1.3rem; font-weight: bold; }

.video_link p{line-height:2rem;}

.vdo_money{ font-size: 1.8rem;}

.vdo_buy{ display: inline-block; vertical-align: top; padding: 0 0.8rem; font-size: 1rem; color: #fff; border:1px solid rgba(255,255,255,.5); -webkit-border-radius: 0.5rem; border-radius: 0.5rem; }

.vdo_tq{ display: inline-block;  margin-right: 1.5rem;  vertical-align: middle;  font-size: 1.3rem; line-height:1.8rem; }

.vdo_tq img{height: 1.5rem; margin-right: .3rem;}

.video_link .vdo_tq .weather_icon{margin-top:-0.1rem;}

.vdo_a{ display: inline-block; width: 2.2rem; height: 2.2rem;border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align: center; font-size: 1.1rem; vertical-align: top;}

.vdo_a720{ background: rgba(0,0,0,.6) ;}

.vdo_a i{ vertical-align: top; color: #fff;  font-size: 1.4rem; line-height: 2.2rem; }

.vdo_share{ background: rgba(0,0,0,.15);text-align: center;}

.vdo_a img{width: .9rem; padding-top: .5rem; vertical-align: top;}

.tan_tit{ padding: .9rem 1.3rem; height: 2.2rem;  background: #fff0d2; color: #444; border-bottom: 1px solid #e6e6e6; font-size: 1.5rem; line-height: 2.2rem; font-weight: normal;}

.tan_tit img{width: 1.5rem; margin-right: .5rem; vertical-align: top;}

.tan_slider{ padding:.65rem 0 1.5rem 0; border-bottom: 1px solid #e6e6e6; overflow: hidden; background: #fff;}

.tan_slider li{ position:relative;display:block; float:left;  width:100%;  }

.tan_slider .swiper-wrapper li{float: left;}

.tan_slider .swiper-wrapper li a{ width: 37%;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; text-align: center; }

.tan_slider .swiper-wrapper li a,.video_list a{display: inline-block;margin:.35rem .5rem ; padding: .5rem 1.2rem; color: #444;  border: 1px solid #d6d6d6; border-radius: 2rem;  -webkit-border-radius:2rem; font-size: 1.1rem; line-height: 1.3rem; }

.tan_slider li a:hover, .tan_slider li a.curr{background: #c32222; border: 1px solid #c32222; color: #fff;}

.video_list a{ padding: .4rem 1rem;}

.video_list a.curr{ border: 1px solid #c32222;}

.video_list a.dis{ color: #aaa; border: 1px solid #d6d6d6; background-color: #d6d6d6;}

.video_list_box{ padding-top: .5rem;}

.video_list_tit{ padding: 0 1rem;}



/*.tan_slider .swiper-wrapper .curr{background-color:#60c367; border-color:#60c367; color:#fff;}*/

.info_tit{ padding: 1.5rem 0 1rem; font-size: 1.5rem; color: #333; text-align: center; font-weight: normal;}

.info_tj{ position: relative; padding-bottom: 1.5rem; line-height: 2.2rem; color: #333; font-size: 1.6rem;  text-align: center;}

.info_tj > span{ position: relative; display: inline-block; margin-right: 0.5rem; padding: 0 0.8rem; color: #fff; font-size:1.2rem; -webkit-border-radius:0.5rem; border-radius:0.5rem; vertical-align:top;}

.info_tj > span.like{ background-color: #ffa800;}

.info_tj > span.hot{margin-left: 1.5rem; background-color: #ff5400;}



.tj_tip{ position: absolute; right:1rem; top:3rem; display: none; width: 13rem; padding: 1rem; color: #fff; font-size: 1.2rem; line-height: 1.6rem; text-align: center;  background-color: rgba(0,0,0,.7); -webkit-border-radius: 0.5rem; border-radius: 0.5rem;}

.tj_tip > i{ position: absolute; left:2rem; top:-0.6rem; display: inline-block; width: 0; height: 0; border-bottom: 0.6rem solid rgba(0,0,0,.7); border-left:0.6rem solid transparent; border-right:0.6rem solid transparent;}

.info_img{ width: 100%;}

.info_p{ padding: 1.2rem 1rem;}

.info_p img{ max-width: 100%;}



.mess{ height: 5rem; padding: 0 1rem;  font-size: 1.8rem; line-height: 5rem; font-weight: normal;  text-align: left;  color: #333; border-bottom: 1px solid #e6e6e6;}

.mess > img{width:2.45rem; margin:1.2rem  0.4rem 0 0; }

.edit_ly{ display: inline-block; vertical-align: top; width: 2rem;  background-size: 100% auto;}

.mess_lst{ padding-left: 1rem; background:#fff;}

.mess_lst li{ padding: 1.5rem 1rem 0 0.3rem; border-bottom: 1px solid #e6e6e6;}

.mess_user{ width: 3.6rem; height: 3.6rem; margin-right: 0.5rem; -webkit-border-radius: 50%; border-radius: 50%;}

.mess_name{ padding-top: 0.4rem; color: #555; font-size: 1.4rem; line-height: 1.4rem;}

.mess_time{ padding-top: 0.5rem; color: #999; font-size: 1rem; line-height: 1rem;}

.mess_font{ padding: 0.8rem 0 1.2rem; color: #999; font-size: 1.2rem; line-height: 1.6rem; text-align: left;  word-wrap: break-word;}

.want_mess{ width: 100%; padding: 0.8rem 1rem; opacity: 0;}

.want_mess > input{ display: block; height: 3.2rem; line-height: 3.2rem; padding-left: 0.5rem; border: 1px solid #e6e6e6; background-color: #fff; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.want_mess > a{ display: block; width: 6rem; height: 3.2rem; line-height: 3.2rem; margin-left: 0.5rem; font-size: 1.4rem; color: #fff; text-align: center; background-color: #ff7e00; -webkit-border-radius: 0.5rem;}

.look_message {display: block; height: 4.3rem; padding: 0 1rem;  font-size: 1.4rem; line-height: 4.3rem;  color: #b82121}

.look_message img{width: .55rem; vertical-align: middle;}

.leave_time{padding-left: .5rem; vertical-align: middle; color: #b1b1b1;}



.tan_map { position: relative;width: 100%;height: 30rem; background: #fff url(../images/aba_map.png) no-repeat center; background-size: 88%; border-bottom: 1px solid #e6e6e6; }

.map_icon { position: absolute; display: inline-block; text-align: center; }

.map_name { color: #787878; font-size: 1rem; }

.map_icon > span { display: inline-block; width: 2rem; height: 4.0rem; margin-top: 0.4rem; background: url(../images/icon.png) no-repeat; background-size: 100% auto; }

.map_icon > span.curr { background: url(../images/iconH.png) no-repeat; background-size: 100% auto; }

.icon1 { left: 43%; top: 0; }

.icon2 { left: 20%; top: 21%; }

.icon3 { right: 19%; top: 25%; }

.icon4 { right: 37%; bottom: 38%; }

.icon5 { right: 9%; top: 10%; }

.icon6 { left: 4%; top: 35%; }

.icon7 { left: 15%; top: 60%; }

.icon8 { left: 47%; bottom: 5%; }

.icon9 { left: 60%; top: 53%; }



/*地图*/

.map_navBox{width: 100%; position: absolute; left: 0; top: 0; z-index: 50;}

.map_nav{position: absolute; left: 0; top: 50px; padding: .25rem 0; background: rgba(0,0,0,.6);}

.map_nav a{display: block; padding: 1rem .7rem;  box-sizing: border-box; -webkit-box-sizing:border-box ;  font-size: 1.2rem; line-height: 1.4rem;  color: #fff; }

.map_nav span{display: inline-block;  padding:.6rem; border-radius: 50%; margin-right: .5rem; border: 1px solid #d2d2d2; vertical-align: top;}

.map_nav i{display: none; }

.map_nav a.curr span{ border: none;}

.map_nav a.curr i{display: inline-block;}

.map_nav a.curr span{width: 1.4rem; height: 1.4rem; padding:0;}

.map_nav a img{width: 100%; height:100%;}



.map_navBox .sou{position: relative; display: block; height: 2.8rem; line-height: 2.8rem;border-radius: .25rem;margin:.5rem 1rem;border: 1px solid #d2d2d2;background-color:#fff;}

.map_navBox .sou input{width: 80%; height: 2.7rem;  font-size:1.1rem; color: #999; line-height: 2.7rem;  text-align:center;}

.map_navBox .sou .iconFont{left: 25%; top: 50%;}

.map_navBox .sou .searchIcon{width: 12%;height:2.6rem;left: 65%;margin-top:-1.3rem!important;}

.map_navigation{position: fixed; left: 0; bottom: 5.3rem; z-index: 50;  width: 100%; background: #fff;   border-top: 1px  solid #d1cfcd;  border-bottom: 1px solid #e6e6e6; }

.mapD{position: relative; padding:1rem 0;}

.mapD div{padding-right: 1rem;}

.mapD .imgS{position: relative; display: block; padding: 0 1rem; width: 5rem; height: 5rem; overflow: hidden;}

.imgS img{ border-radius: .25rem;}

.mapD h3{padding: 0; font: normal 1.4rem/1.5rem "Microsoft YaHei"; color: #999; vertical-align: top; }

.mapD h3 span.ppFir{display: inline-block; width: 83%; vertical-align: middle; font-size:1.4rem; color: #333;}

.mapD p{padding-top: .3rem;}

.flyA{position: absolute; right: .5rem; top: 0; z-index: 51; display: block; width: 4.4rem;  height:4.4rem; border-radius: 50%; border: .25rem solid #fff; background: #b82121; text-align: center; box-shadow: 0 -1px 1px #cfcecb; }

.flyA img{width: 2rem; padding-top: .5rem; vertical-align: top;}

.flyA p{padding-top: 0; font-size: 1.1rem; color: #fff;}

.map_more{position: absolute; right: 1rem; top: 50%; margin-top: -.5rem; height: 1rem; font-size: 1.3rem; color: #c9c9c9; }

#container {  height: 100%; z-index: 1;}

.anchorBL {  display: none;  }

.searchIconRig{position:absolute;right:0;top:.7rem;display:inline-block;width:19%;height:1.4rem;line-height:1.4rem;color:#b82121;text-align:center;border-left:1px solid #ccc;}

.map_navBox .searchIconRig .iconFont{margin:0 .3rem 0 0;font-size:1.4rem;}

.searchIconMap{display:inline-block;width: 19%;height:2rem;margin-top:.5rem;padding-right:.3rem;line-height:2rem;font-size:1.2rem; color: #f10; text-align: right;border-left: 1px solid #ccc;  box-sizing: border-box; -webkit-box-sizing:border-box ;}

.searchIconMap .iconFont{margin:0 .3rem 0 0;font-size:1.8rem;}

.mapTop{width: 100%;z-index: 12;position: fixed; left: 0; top: 0;}

.map_type{width: 100%;padding:.9rem;overflow: hidden;background-color:#fff;border-bottom:1px solid #ccc;overflow-x: auto}

.map_type p{width:49rem;}

.map_type p a{display:inline-block;padding:.5rem 1.3rem;margin-right:1rem;font-size:1.3rem;color:#333;border-radius:5rem;background-color:#fff;border:1px solid #ccc;}

.map_type p a.curr{color:#fff;background-color:#f60;border:1px solid #f60;}

.map_my{position: fixed;right: 1rem;top: 10rem; z-index:10;width:3rem; height: 3rem; background: #fff url(../images/mapdw.png) no-repeat center; background-size: 100% 100%;border-radius:2rem;}

#container .amap-icon img,#container .BMap_Marker img{width: 100%; height: 100%; border-radius: 100%; object-fit: cover; }

.amap-icon,.BMap_Marker > div{border-radius: 100%;border: 1px solid #fff;overflow: hidden;}

/*半列表*/

.map_list{ position: fixed; left: 0; top: 50%; width: 100%; height: 50%; padding-top: 25px;z-index: 1; background: url(../images/bj_map.png) no-repeat center top; overflow: hidden;}

.map_list_box{ position: relative; width: 100%; height: 100%; overflow-y: auto; }

.map_list ul li{ border-bottom: 1px solid #e6e6e6; background-color: #fff;}



/*藏羌乐*/

.hotel_head{position: relative;width: 100%;  border-bottom: 1px solid #e6e6e6; -webkit-box-sizing: border-box;  box-sizing: border-box;}

.hotel_sear,.hotel_sear02{position: absolute; width:95%; height:2rem; padding: 0.4rem 0; line-height: 2.8rem; -webkit-border-radius: 1.4rem; border-radius: 1.4rem;  background-color: #fff; overflow: hidden; margin:0 auto; z-index:9999; left: 2%;
margin-top: -169px;}

.hotel_sear > input,.hotel_sear02 > input{ vertical-align: top; display: block; height: 2rem; width: 80%; font-size: 1.1rem; color: #444;  -webkit-border-radius: 0 1rem 1rem 0; border-radius:  0 1rem 1rem 0;  text-align: left; background:#fff;}

.searchIcon{position: absolute; left: 50%; top:50%; z-index: 10; display: block; width: 100%;  font-size: 1.1rem; color: #999; text-align: center;background-color: #fff;}

.searchIcon.none{display: none !important;}

.searchIcon02{display: inline-block; width: auto;}

.searchIcon i{ font-size: 1.3rem; color: #999; margin-right: .5rem;}

.searchIcon2{position: absolute; left: 10rem; top:.75rem; z-index: 10;  font-size: 1.1rem; color: #999;}

.fontOrange{padding-left: .5rem; color: #ff9000; font-size: 1.1rem;  vertical-align: middle;}

.fontGray{ margin-left: .5rem; padding-left: .7rem; color: #999; font-size: 1.2rem; border-left: 1px solid #e3e3e3; vertical-align: sub;}





.hotelList01{background: #fff; }

.hotelList01 li{padding: 1rem 0;  border-bottom: 1px solid #e6e6e6; position: relative;}

.hotelList01A{position: relative; display: block; width: 10rem; padding-left: 1rem; overflow: hidden;}

.hotelList01A img{ border-radius: .25rem ; background: url(../images/default_small.jpg) no-repeat center; background-size: 100% 100% !important; }

.hotelList01A p,.jkj{position: absolute; top: .2rem; left: 1rem; z-index: 1; padding: 0 .96rem 0 .2rem; height: 1.6rem; font-size: 1rem; line-height: 1.6rem; color: #fff; background: url(../images/jkj.png) no-repeat; background-size: 100% 100%; }

.hotelList01Div{display:block; padding:.2rem 1rem  0 .7rem; overflow: hidden; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }

/*.hotelList01Div .starBox{margin-top: .2rem;}*/

.scenic_pri{padding-top: .7rem; font-size: 1.2rem; color: #555;}

.hotelList01Div h3{max-width: 70%; color: #444;   font-size: 1.6rem; line-height: 2rem; font-weight: normal;}

.hotelList01Div h3 span{display: inline-block; }

.hotelList01Div h3 span.hide{max-width: 80%;}

.hotelStar{margin-left: .5rem; padding: .25rem .4rem; font-size: 1rem; line-height: .9rem; border-radius: .25rem; -webkit-border-radius:.3rem;  color: #ff9000; border: 1px solid #ffc881;}

.hotel_pri{/*padding-top: 0.8rem; */ font-size: 1.3rem; line-height: 1.8rem; }

.hotel_pri span{font-size: 1.4rem;color: #ff9000;}

.hotel_pri i{ margin-left: 0.1rem; font-style: normal; font-size: 2rem; color: #b82121;}

.hotel_add{padding-top:.2rem;font-size: 1rem; color: #999;}

.hotel_add span:first-child{max-width: 68%;}

.hotel_ding{position: absolute; right: 1rem; top: .8rem;  text-align: center;}

.hotel_ding a{display:block; float: left; width: 2.2rem; height: 2.2rem; vertical-align: middle; margin: .25rem  0 0 .25rem; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align: center; line-height: 2.2rem;}

.hotel_ding img{width: 1.2rem; padding-top: .3rem;}

.hotel_ding a.firJk{font-size: 1.3rem; background: #b82121; vertical-align: top; line-height: 2rem;}

.bg_green{padding: .5rem .58rem !important; background: #55c55d;}

.bg_oran{background: #ff9c00; color: #fff; vertical-align: bottom;   font-size: 1.2rem; line-height: 1.2rem; }

.hotelCover{ position: fixed; left: 0; top:7.7rem; width: 100%; height: 100%; z-index: 30; background: rgba(0,0,0,.5)}

.zang_le_slider{ border-bottom: 1px solid #e6e6e6; }

.le_box{padding:1rem;}

.le_box h3{font-size: 1.5rem; color: #222; font-weight: normal;}

.le_box h3 span{color: #b82121;}

.le_box p{padding-top: .8rem; font-size: 1.2rem; line-height: 1.7rem; color: #999;}

.zang_le_slider .swiper-slide{padding: 1rem 0 2rem 0;}

.zang_le_slider .swiper-pagination-bullets{bottom: 0;}

.zang_le_slider .swiper-wrapper a{display: block;}

.zang_le_slider .swiper-pagination02{bottom: 1.2rem;}

.look_more_le{width: 100%; padding: 1.2rem 0; }



.look_more_le a{display: block; width: 8.5rem; margin: 0 auto; font-size:1.1rem; color: #999; line-height: 2.2rem; text-align: center; border: 1px solid #e6e6e6; background: #fff;  border-radius: 1.1rem; }





/*我的*/

.my_header{position: relative; width: 100%; min-height:5rem; padding: 4rem 0 3.5rem 0; text-align: center; background:#fff url(../images/headerBg.png) no-repeat; background-size: 100% 100%; }

.my_login{display:block;width: 28%;margin: 0 auto;}

.my_toux{width: 28%;margin: 0 auto;}

.header_img{width: 6rem; height: 6rem; border-radius: 50%; background-color: #fff; border: .3rem solid #f2a8a8; vertical-align: top;}

.my_header p{padding-top:.7rem;font-size: 1.6rem; color: #fff; }

.my_header p span{display: inline-block;line-height: 1.6rem;}

.header_line{padding-right:.5rem;margin-right:.5rem;background:url(../images/head_line.png) no-repeat right center;}

.my_nav{ background: #fff; border-bottom: 1px solid #e6e6e6;}

.my_nav a{display: block;width:33.3%; padding: 1.5rem 0; text-align: center;}

.my_nav a img,.my_Interactive a img{height: 2rem;}

.my_nav a span{position: relative; display: inline-block;width:2.4rem;}

.my_nav p{padding-top: .5rem; font-size: 1.2rem; color: #222;}

.my_nav .num{position: absolute; right: -.5rem; top: -.5rem; display: block; width: 1.1rem; height: 1.1rem; border-radius: 50%; font-size: .8rem; color: #fff; text-align: center;  line-height: 1.3rem; font-style: normal; background: #eb5151;}

.my_Interactive{margin-top: 1rem; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}

.my_Interactive h3{padding: 0 1rem; font-size: 1.6rem; line-height: 4rem; color: #222; font-weight: normal; border-bottom: 1px solid #e6e6e6;}

.my_Interactive a{display: inline-block; float: left; width: 33%; padding: 1.5rem 0; text-align: center;}

.my_Interactive p{padding-top: .3rem; font-size:1.2rem; color: #222; }

.my_all{display: block; height: 4rem; padding: 0 1rem; line-height: 4rem;  background: #fff; border-bottom: 1px solid #e6e6e6; overflow: hidden;}

.my_all span:first-child{font-size: 1.6rem; color: #222;}

.my_all span:last-child{font-size: 1.2rem; color: #999;}

.my_all .more_icon{line-height: 4rem;}

.my_set {margin-top: 1rem; border-top: 1px solid #e6e6e6;}

.my_notic{margin-bottom: 1rem;}

.needM{margin: 1rem 0; border-top: 1px solid #e6e6e6;}

.myShare:hover p{color: #30ba9e;}

.myColl:hover p{color: #f19725;}

.myEva:hover p{color: #1e90e1;}

.robot001:hover p{color: #ce3150;}

.robot002:hover p{color: #f19725;}

.robot003:hover p{color: #ff5858;}





/*酒店列表*/

.hotel_time{position: relative; display: block; width: 6.5rem; height: 2rem; padding-left: 1.5rem; border-right:1px solid #e6e6e6;}

.hotel_time > p{ color: #999;  font-size: .8rem; line-height: 1rem; }

.hotel_time > p > span{ margin-left: 0.3rem; }

.hotel_time i{}

.hotel_time .iconFont{font-size: 1.8rem !important;position: absolute; right: 1rem;top:0; color: #c0c0c0;}

.hotelInput{vertical-align: top; display: block; height: 2rem; width: 90%; padding:0 1rem 0 2.5rem; font-size: 1rem; color: #444;  -webkit-border-radius: 0 1rem 1rem 0; border-radius:  0 1rem 1rem 0;  text-align: left !important;}

.hotel_search{position: relative;}

.changePa{padding-left: 1rem;}

.hotelList01Div h3{color: #444;  font-size: 1.5rem; line-height: 2rem; font-weight: normal; }

.setW{max-width: 74%  !important;}

/*时间选择*/

.hidden{visibility:hidden;}

.startDate,.endDate{ position: relative;}

.date_pop{ position: fixed; left:0; top:0;  width: 100%; z-index: 70; }

.info{ position: absolute;width:10rem; bottom:-2rem; left:50%; margin-left: -5rem; font-size: 1rem; color: #b82121; text-align: center;}

.pickmeup { position: absolute;  width:100%;   background:#fff;  display: none; z-index: 60; }

.pickmeup * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  }

.pickmeup .pmu-instance {  display: inline-block;  text-align: center;  width:100%;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }

.pickmeup .pmu-instance .pmu-button { cursor: pointer; outline: none; text-decoration: none; font-size: 1.5rem; color: #222;  }

.pickmeup .pmu-instance .pmu-not-in-month {  color: #666666;  }

.pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {  color: #333333;  cursor: default;  }

.pickmeup .pmu-instance .pmu-selected {  color:#fff;  background: #b82121;  }

.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {  color:#fff !important;  background: #ec8080;}

.pickmeup .pmu-instance nav {  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  color: #eeeeee;  line-height:3.3rem;  background: #fafafa;  padding:0 1rem;  }

.pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next {  height: 3em;  width: 5em;}

.pickmeup .pmu-instance nav .pmu-month {  width:100%; height:4.3rem; color: #b82121;   font-size: 1.4rem; line-height: 4.3rem;  background: #fafafa;}

.pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * {  display: inline-block;  line-height: 3.6em;  width: 3.5em;  }

.pickmeup .pmu-instance .pmu-day-of-week {  cursor: default;  background: #ebebeb;  font-size: 1.2rem;  color: #333;  }

.pickmeup .pmu-instance .pmu-day-of-week *{    width:14.2%;}

.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days .pmu-button{  width:14.2%;  display: inline-block;  text-align:center;}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-not-in-month{color: #999; visibility: hidden;}

.pickmeup .pmu-instance .pmu-day-of-week * {  line-height: 1.8em;  }

.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years { display: none;  }

.pmu-days{ padding:0 1rem 1rem;  text-align:left;-webkit-box-sizing: border-box;box-sizing: border-box;}

.pmu-days .pmu-button{ height:2.5rem;margin:1rem 0; color: #333;  font-size: 1.4rem; line-height: 2.5rem; }

.desccont{  padding-left: 1rem;text-align: right;}





/*特产*/

.shop_list li{margin-top: 1rem; padding-top: 1rem; background: #fff;}

.shop_list li:first-child{margin: 0; padding:0;}

.shop_list a{position: relative; display: block; width: 100%;}

.jkj{top: 1rem;}

.shop_box{padding: 1rem 1rem 1.3rem;}

.shop_box h3{max-width: 70%; font-size:1.5rem ; color: #222; font-weight: normal; }

.shop_box span{font-size: 1.8rem; color: #b82121; }

.shop_box span i{font-style: normal; font-size: 1.1rem; color: #999;}



/*贴心服务*/

form.fl{width:77%;}

.chanCc{color:#b82121 !important;}

.server{width: 100%;}

.server i{left: 7rem;}

.server_nav{position: absolute; left: 0; top: 4.2rem; width: 100%; z-index: 31; overflow:hidden;}

.choice_icon{ display:inline-block; width: 2.5rem; height:2.5rem;  font-size: 2.5rem; color: #9d9d9d; vertical-align:top; }

.server_list{position: relative; max-height:30rem; overflow-x:hidden; overflow-y:auto;}

.server_list>li{ width:100%; padding: 0 1rem; box-sizing: border-box; -webkit-box-sizing:border-box ; background: #fff; }

.server_list>li img{padding-top: 1rem; height:1rem; vertical-align: top; }

.server_list li a{font-size: 1.2rem; line-height: 3.1rem; color: #555;}

.server_list>li li{padding: 0 1rem; background: #ececec;}

.server_list ul{position: absolute; right: 0; top:0; width: 50%;}

.coverServer{top:4.2rem; }

.server_list>li.curr{ background: #ececec;}

.server_list>li.curr >a{color: #b82121;}

.server_list>li:active ul{display: block;}

.server_ul li{ position: relative; padding: 1rem 0; border-bottom: 1px solid #e6e6e6; background:#fff;}

.server_ul .flex{padding: .2rem 1rem 0 1rem;}

.server_ul .flex h3{padding-bottom: .2rem; font-size: 1.5rem; color: #222; font-weight: normal;}

.server_ul .flex p{padding-top: .5rem; font-size: 1.2rem;}

.returnTop{position: fixed; right: 1rem; bottom: 1rem; z-index: 10; display: block; visibility: hidden; width: 3.2rem; height: 3.2rem; font-size: 2rem; color: #fff; text-align: center; line-height: 3.2rem; background: rgba(0,0,0,.5); border-radius: 50%;}

.allPeople{ display: inline-block; vertical-align: middle; margin-top: .2rem; /*margin: .2rem 0 0 .3rem;*/ font-size: 1.2rem; color: #555;}

.allPeople span{font-size: 1.6rem; margin-right: .5rem}

.shop_tj .allPeople{padding-left:.5rem;}

/*图文列表*/

.text_ul li{margin-top: 1rem; background: #fff; border-bottom: 1px solid #e6e6e6;  border-top:1px solid #e6e6e6; }

.text_ul li:first-child{margin-top: 0;}

.text_ul li a{display: block; padding: 1rem;}

.text_ul li a p{ border-radius: .25rem; overflow: hidden;}

.text_text{padding: 0 1rem;}

.text_text h3{ font-size: 1.6rem; color: #222; font-weight: normal;}

.text_text h3 span{color: #b82121;}

.text_text p{padding: .3rem 0 1rem 0; font-size: 1.4rem; color: #999; }

.text_box{padding: 1rem .5rem; border-top: 1px solid #e6e6e6;}

.text_box span{padding: 0 .5rem; font-size: 1.1rem; color: #999;}

.text_box i{ padding-right: .3rem; font-size: 1.2rem; color: #aaa; vertical-align: top;}



/*藏羌乐详情*/

@-webkit-keyframes trans_rota{

    0%{-webkit-transform:rotate(0deg);}

    100%{-webkit-transform:rotate(360deg);}

}

@keyframes trans_rota{

    0%{ transform:rotate(0deg);}

    100%{ transform:rotate(360deg);}

}

.cang_desc_ban{position: relative; overflow: hidden;}

.cang_desc_ban > img{ width: 100%; min-height: 100%; }

.cang_desc_tit{position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding: 1.5rem 0 .8rem 0; background: url(../images/titBg.png) repeat; background-size: auto 100%;}

.cang_desc_tit h3{padding: 0 1rem; font-size: 1.6rem; color: #fff; font-weight: normal; }

.cang_desc_tit p{padding: 0 .5rem; font-size: 1.4rem; color: #fff;}

.cang_desc_tit p img{height:1.1rem;  padding:.1rem  .5rem 0 0; vertical-align: top;}

.cang_desc_tit p span{padding: 0 .5rem;}

.cang_desc_tit p span.fl{color: #ff9c00;}

.cang_desc_tit p a{color: #fff;}

.all_sce{position: absolute; right: 1rem; top: 1rem ; z-index: 1; display: block; padding: 0 1.3rem; height: 2.6rem; font-size: 1.2rem; color: #fff;  line-height: 2.6rem;text-align: center;   background: rgba(0,0,0,.6);  border-radius: 1.3rem;}

.all_sce:hover{background: rgba(0,0,0,.8);}

.cang_desc_nameC{width: 100% !important; }

.cang_desc_add{padding: 1rem; background: #fff; border-bottom: 1px solid #e6e6e6;}

.cang_desc_name{  width: 80%; padding-top:.3rem;  font-size:1.4rem; color: #222; font-weight: normal; line-height:2rem; vertical-align:middle;}

.cang_desc_name .add{width: 1.65rem; padding-right: .5rem; vertical-align: middle;}

.cang_desc_name .addSpan{width: 82%;}



.cang_desc_list{margin-top: 1rem; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}

.cang_desc_list2{margin-top: 1rem; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}

.cang_desc_list .tit,.cang_desc_list2 .tit{display: block; height: 4.4rem; padding: 0 1rem; line-height: 4.4rem; font-size: 1.8rem; color: #222; font-weight:normal;   border-bottom: 1px solid #e6e6e6;}

.tit .tit_img{width: 2.4rem; margin-top: 1rem; vertical-align: top; padding-right: .5rem;}

.media_box{padding: 1rem 0;}

.media_img{position: relative; width: 4.8rem; height: 4.8rem; margin: 0 1rem 0 1rem; border-radius: 50%; overflow: hidden;}

.media_img img:first-child{height: 100%; min-width: 100%;}

.media_img .btnAudio{position: absolute; left: 50%; top: 50%; z-index: 1; margin-top: -1.2rem; margin-left: -1.2rem; width: 2.4rem; }

.up{width:1rem; vertical-align: middle;}

.opara{ display:block; position:absolute; width:100%; height:100%; left:0; top:0;}

.play{ background:url(../images/media.png) no-repeat center; background-size:2.4rem 2.4rem;}

.pause{ background:url(../images/pause.png) no-repeat center; background-size:2.4rem 2.4rem; animation:trans_rota 2s linear infinite; -webkit-animation:trans_rota 2s linear infinite;}

.media_box div.flex{padding-right: 1rem;}

.media_box div.flex h3{font-size: 1.4rem ; color: #222; padding: 1rem 0 .3rem; font-weight: normal;}

.words{font-size: 1.4rem; line-height: 1.9rem; color: #555;}

.words p,.words p span{font-family: "Microsoft YaHei"!important;}

.words img{ max-width: 100%; height: auto;}

.ticket_list{padding:.5rem 0 .5rem 1rem ;  background: #fff;}

.ticket_list li{padding:1rem 0;  border-bottom: 1px solid #e6e6e6;}

.ticket_list li:last-child{border: none;}

.ticket_list li .tic_img{display: block; width: 8.8rem; height: 6.5rem; margin-right: .6rem; overflow: hidden; border-radius: .25rem;  -webkit-border-radius:.3rem ;}

.tci_pri{padding-top: 1.2rem; line-height: 1.7rem; font-weight: normal;}

.tci_pri span{display: block;}

.tci_pri i{margin-right: 0.3rem; font-style: normal;}

.tci_pri .tic_t{font-size: 1.5rem; color: #222;}

.tci_pri .pri{padding-top: .8rem; font-size: 1.8rem;  color: #b82121;}

.money{font-size: 1.3rem ; }

.unit{font-size: 1.1rem; color: #999;}

.reservation{display: block; width: 4.4rem; height: 2.2rem; margin: 2.2rem 1rem 0 0; background: #ffa200; color:#fff;  text-align: center;  border-radius: .25rem; -webkit-border-radius:.3rem ;  font-size: 1.2rem; line-height: 2.2rem; }

.reservation:hover{background: #ff9000;}

.reservation.curr{background: #d3d3d3; color: #fff;}

.needP{padding: 1rem;}

.setB{border-bottom: none !important;}

.right{height: 1rem; vertical-align: middle;}

.grade{display: inline-block; vertical-align: middle; }

.grade label{vertical-align: middle;}

.grade .fontOrange{padding-left: 0;}

.changeWord{font-size: 1.8rem; color: #222;}

.look_more_le{font-size: 1.2rem; color: #999; text-align: center;}

.look_more_le img{height: .6rem; padding: 0 .5rem; vertical-align: middle; }





/*酒店详情*/

.stay i{font-size: 1.5rem; color: #999; font-style: normal;}

.stay span{font-size: 1.5rem; color: #222;}

.orders_add{font-size: 1.2rem; line-height: 4.4rem; color: #b82121;}

.orders_add img{height: 1rem; padding:1.6rem 0 0 .3rem; vertical-align: top;}

#ld{padding-left: .3rem;}



/*图片*/

.picture_ul{padding: .5rem;}

.picture_ul li{ float: left; width: 50%;  box-sizing: border-box; -webkit-box-sizing:border-box ; padding: .5rem; overflow: hidden; }

.picture_ul li a{position: relative; display: block; border-radius: .25rem; overflow: hidden;}





/*生成订单*/

.add_warm{font-size: 1.2rem; color: #ff9000; text-align: center; line-height: 2.5rem; background: #ffefd7;}

.order{padding: 1rem 0; border-bottom: 1px solid #e6e6e6; background: #fff;}

.order .hotelList01A{margin: 0 1rem 0 0;}

.order .flex{padding-top:.7rem; }

.order h3{font-size: 1.5rem; color: #222; font-weight: normal;}

.order .flex .hotel_pri{padding-top: .5rem;}

.order_ul{margin-top: 1rem; padding-left: 1rem; border-top: 1px solid #e6e6e6;  border-bottom: 1px solid #e6e6e6; background: #fff;}

.order_ul li{height: 4.4rem; padding-right: 1.5rem; border-bottom: 1px solid #e6e6e6; overflow: hidden;}

.order_ul li:last-child{border-bottom: none;}

.order_name{font-size: 1.5rem; color: #555; line-height: 4.4rem;}

.order_date{width:5rem;text-align: center; font-size: 1.5rem ; color: #b82121; line-height: 4.4rem;}

.order_ul .more{height: 1rem; padding:1.7rem 0 0 .3rem;  vertical-align: top;}

.order_write{text-align: right; font-size: 1.5rem ; color: #555; line-height: 4.4rem;}

.submit_order{position: fixed; left: 0; bottom: 0; width: 100%; height: 5rem; border-top: 1px solid  #e6e6e6;}

.sub_num,.sub_btn{display: block; height: 100%;}

.sub_num{ background: #fff; padding-left: 1rem;}

.sub_num span{line-height: 5rem; }

.sub_sum{font-size: 1.4rem;}

.sub_money{font-size: 1.8rem; color: #b82121;}

.sub_btn{background: #ff9600; color: #fff; font-size: 1.8rem; text-align: center; line-height: 5rem;}

.sub_btn:hover{background: #ff8000;}

.sub_desc{padding-right: 1rem; font-size: 1.1rem; color: #999; }

.sub_desc img{width: 1rem; vertical-align: middle;}

.rotate{margin-top: -.5rem; transform: rotate(180deg); transition: all .3s linear;}

.rotate1{transform: rotate(180deg); transition: all .3s linear; }

.rotate2{margin-top: -.7rem; transform: rotate(90deg); transform-origin:50% 60%; }

.desc_cover{ position: fixed; left: 0; bottom:5.1rem; width: 100%; height: 100%; z-index: 30; background: rgba(0,0,0,.5)}

.order_desc{position: absolute; left: 0; bottom: 0; width: 100%; padding: 1rem 0; /*height: 4.4rem;*/ background: #fff;}

.order_desc span{ display: block; padding: 0 1rem; font-size: 1.5rem; line-height: 1.8rem;  color: #555;}

.order_desc span.scenic_num{ width: 29%; padding: 0 1rem 0 0; text-align: right;}





/*订单支付*/

.submit_order_box{background: #fff; border-bottom: 1px solid #e6e6e6;}

.submit_order_tit{height: 5.7rem; padding: 0 1rem; color: #b82121; line-height: 5.7rem; font-weight: normal; border-bottom: 1px solid #e6e6e6;}

.submit_order_tit .fl{width: 72%; font-size: 1.6rem;}

.submit_order_tit .fr{width: 26%;text-align: right;font-size: 1.2rem;}

.submit_order_tit .fr i{font-size: 1.8rem;font-style:normal;}

.submit_order_box li:last-child{border-bottom: none;}

.submit_order_ul{padding-left: 1rem;}

.submit_order_ul li{width:100%;height: 4.4rem; padding-right: 1rem; border-bottom: 1px solid #e6e6e6; line-height: 4.4rem; overflow: hidden; box-sizing: border-box; -webkit-box-sizing:border-box ;}

.order_name.fr{font-size: 1.5rem;}

.order_name02{color: #999 !important;}

.order_pri{color: #ff9000; font-size: 1.6rem;}

.pay_confirm{display: block; padding: 1.1rem 0 1rem;  margin:1rem 1rem 0 1rem ; background: #ff9600; color: #fff; border-radius: .3rem;  -webkit-border-radius:.3rem ;  text-align: center;  font-size: 1.5rem; line-height: 1.5rem;  vertical-align: bottom;}

.warn{padding: .7rem; color: #999; text-align: center;  font-size: 1rem; line-height: 1.2rem; }

.pay_style{padding: 0 0 .5rem 1rem; margin-top: 1rem; border-top: 1px solid #e6e6e6;  border-bottom: 1px solid #e6e6e6; background: #fff;}

.pay_style li{padding: 1rem  1rem 1rem 0;  border-bottom: 1px solid #e6e6e6;}

.zf{width: 3.8rem;}

.pay_style p{padding:.8rem 0 0 .7rem;font-size:1.6rem;}

.pay_style p span{display: block; font-size: 1.3rem ; color: #444;}

.pay_style p span.int{ color: #999;  font-size: 1rem; line-height: 1rem;}

.pay_style li:last-child{border: none;}

.pay_cho{display: block; width: 1.5rem ; height: 1.5rem ; margin-top:.9rem; border: 1px solid #ddd; background-color:#fff; text-align:center;border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;  }

.pay_cho i{padding-top: -.5rem;}

.pay_cho img{width: 1.5rem;}

.messageCover{top:0;}

.leave_starBox{position: fixed; left: 0; bottom: 0; z-index: 31; width: 100%;  background: #fff;}

.leave_star{padding: 1rem; border-bottom: 1px solid #e6e6e6;}

.leave_star .pj{height: 1.5rem; padding-left: .5rem; font-size: 1.4rem ; line-height: 1.5rem; color: #222; border-left: .3rem solid #ff9600; }

.resulD{padding-top: 1rem; display: inline-block;}

.resulD>img{ height:1.8rem;vertical-align:top;margin-left: 0.8rem;}/*星星评分*/

.starbox>span{ font: 2.1rem/1.8rem "STXihei"; color: #ff9c00;}

.leave_star textarea{width: 100%; margin-top: 1rem; height: 5rem; font-size: 1.4rem; color: #222; resize: none;}

.leave_starBox a{display: block; padding: 1rem;}

.leave_starBox input{width: 100%; height: 3.4rem; font-size: 1.6rem; color: #fff; line-height: 3.4rem; text-align: center; border-radius: .25rem; background: #ff9600; }

.leave_starBox input:hover{background:#ff8000;}









/*酒店订单*/

.changeLine .stay,.changeLine .orders_add{line-height: 4.3rem;}

.hotel_order{height: 5.7rem; padding: 0 1rem; border-bottom: 1px solid #e6e6e6; vertical-align: middle; font-size: 1.6rem; color: #222; font-weight: normal; line-height: 5.7rem;}

.hotel_order img{width: 2.4rem; vertical-align: middle; padding-right: .3rem;}

.submit_order_ul .submit_order_tit{padding-left: 0; font-size: 1.6rem;}



/*景区详情*/

.audio_box h3{padding-top: 0 !important;}

.def_play{width:100%; height: 0.2rem; margin-top: 1.4rem; background-color: #d8d8d8; position: relative;}

.def_start{height: 100%;background-color: #b82121; width: 0;}

.audiodot{position: absolute;left: 0; top: -0.8rem; display: block;padding:0 .75rem;  height: 1.7rem;   border-radius:.85rem; background:#fff;line-height: 1.7rem;  border: 1px solid #e6e6e6; font-size: 1.1rem; color: #999; font-style: normal;}

.time_b{font-size: 1.1rem; color: #999; }

.time_b i{padding-right: .5rem; font-size: 1.1rem; vertical-align: top;}

.time_b img{width: 1.2rem; padding-top: .1rem; margin-right: .3rem; vertical-align: top;}



/*特产详情*/

.tc_slider{position: relative; width: 100%;}

.tc_slider .swiper-slide img{width: 100%; min-height: 100%;}

.tc_slider span.swiper-pagination-bullet{ opacity: .4; border: none;}

.tc_slider .swiper-pagination-bullet-active{background: #ff9000 !important; opacity: 1 !important;}

.tc_desc{padding: 1rem; text-align: center; border-bottom: 1px solid #e6e6e6; background: #fff;}

.tc_desc h3{padding-bottom: .3rem; font-size: 1.6rem; color: #222; font-weight: normal;}

.tc_pri,.already{font-size: 1.2rem; color:#999;}

.price{font-size: 1.8rem; color:#b82121;}

.z_line{padding-left: .3rem; font-size: 1.4rem; color:#999; text-decoration:line-through;}

.tc_desc p{padding-top: .3rem;}



.now_ding{padding:.7rem 0 0 1rem; text-align: left;}

.now_ding span{text-align: left; line-height: 1.8rem;}

.since{padding-left: .3rem; font-size: 1.1rem; color: #999;}

.freight{font-size: 1.2rem; color: #999;}



/*特产支付*/

.fontRed{color: #b82121;}

.pay_messge{position: relative; padding: 1rem; background: #fff; ;}

.getM{margin-top: 1.85rem !important; border-top: 1px solid #e6e6e6;}

.setBg{position: absolute; left: 0; bottom: -.85rem; width: 100%; height: .85rem; background: url(../images/flo.png) repeat-x left bottom; background-size: .85rem auto}

.pay_messge p{padding-top: .3rem; font-size: 1.4rem; color: #222;}

.order_ul li.order_product{ height: 8rem;}

.order_product span.fr{ width: 70%;height: 8rem;}

.order_product textarea{padding-top: .85rem; height: 7.15rem; width: 100%; font: 1.4rem/3rem "Microsoft YaHei";  resize: none;}





/*服务详情*/

.cang_desc_name2{width: 87%;}

.setF span.fl{font-size: 1.6rem; color: #fff !important;}

.setF span{line-height: 1.6rem;}



/*图文详情*/

.graphicBox{padding: 1rem; overflow: hidden;}

.graphicBox img{max-width: 100%;width: auto!important; height: auto!important; margin: 1rem 0; vertical-align: top;}

.graphic_tit{font-size: 1.8rem; color: #222; font-weight: normal;}

.str_info span{margin-right: 1rem;}

.graphicBox p{padding-top: .3rem;}

.graphicBox p span{ font-size: 1.1rem; color: #999;}

.graphicBox p span:first-child{padding-left: 0;}

.content{padding: 1rem 0;}

.content .page{ display: block;}

.addBorder{border-bottom: 1px solid #e6e6e6;}

.leave_message{border-bottom: 1px solid #e6e6e6;}

.leave_message li{padding-right: 0; border-bottom:none;}

.leave_message li:last-child div.flex{border-bottom: none;}

.leave_message li:last-child{border-bottom: 1px solid #e6e6e6;}

.leave_message .leave_time{padding-left: 0; font-size: 1.1rem; color: #b1b1b1;}

.leave_message .mess_font{padding: .6rem 0 .8rem 0;}

.leave_message div.flex{padding: 0 1rem 1rem .2rem;   border-bottom: 1px solid #e6e6e6;}



/*收藏*/

.sum_col{padding: 1rem; font-size: 1.2rem; color: #999; text-align: center;}



/*点评*/

.my_ev li{margin-top:1rem; background: #fff; padding: 0 0 1rem 1rem;  border-bottom: 1px solid #e6e6e6;  border-top: 1px solid #e6e6e6; }

.my_ev li:first-child{padding-top: 0; border-top: none;}

.my_ev li h3{padding-right: 1rem; color: #444; font-size: 1.5rem; line-height: 3.3rem; font-weight: normal;   border-bottom: 1px solid #e6e6e6; }

.my_ev p{padding-top: .8rem;}

.my_ev li h3 .more_icon{line-height: 3.3rem;}

.my_ev p.word{padding-right: 1rem; font-size: 1.4rem; color: #999;}

.hotelOrderList li:first-child,.my_ev li:first-child{margin: 0;}

.noHeight{height: 0; padding: 0; transition: all .3s linear; overflow: hidden; }



/*免责申明*/

.liability{padding: 1rem; background-color: #fff; }

.liability h3{padding-bottom: .5rem; font-size: 1.6rem; color: #222; font-weight: normal;}

.liability p{padding-top: .5rem; font-size: 1.4rem; color: #555; line-height: 1.9rem; text-indent: 2em;}



/*全部订单*/

.all_order_nav{position:fixed;left:0;top:0;z-index:2;padding: 1rem 0; border-bottom: 1px solid #e6e6e6; background: #fff;}

.all_order_nav a{position: relative; display: block;  text-align: center; font-size: 1.4rem; color: #555; line-height: 2.25rem; border-right: 1px solid #e6e6e6; }

.all_order_nav a:last-child{border-right: none;}

.all_order_nav a i{position: absolute; bottom: -1.1rem; left: 0; display: none; width: 100%; height: 0; border-bottom: 2px solid #b82121; }

.all_order_nav a.curr{color: #b82121;}

.all_order_nav a.curr i{display: block;}

.all_order_list{padding-top: 4.25rem}

.all_order_list li{margin-top: 1rem; padding-left: 1rem; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fff;}

.all_order_list h3{font-weight: normal;}

.order_num{height:1.5rem;padding:1rem 1rem 1rem 0; font-size: 1.4rem; line-height: 1.5rem; border-bottom: 1px solid #e6e6e6;}

.order_num01{position:relative;width:70%;padding-left:1rem;color: #555;}

.order_num01 i{position:absolute;left:0;top:0;display:inline-block;width:.5rem;height:1.4rem;border-radius: .2rem;background-color:#d43d3d;}

.order_type{color: #ff8000;}

.order_box{padding: 1rem 0; border-bottom: 1px solid #e6e6e6;}

.order_box .imgS{display: inline-block; width: 7rem;}

.order_mes{padding:0 1rem;}

.order_mes p{ line-height: 1.6rem; font-size: 1.2rem;color: #999;}

.order_mes_tit{display: block; max-width: 82%; font-size: 1.5rem; color: #222; }

.order_mes_tit i{font-style: normal; font-size:1.2rem; color: #555;}

.order_mes_pri{font-size: 1.5rem; color: #222;}

.order_mes_time{font-size: 1.2rem; color: #999;}

.order_mes_num{font-size:1.2rem; color:#222;}

.actual{padding: .3rem 1rem; line-height: 3.3rem; font-size: 1.4rem; color: #222; text-align: right;}

.actual span{font-size: 1.8rem; color: #b82121;}

.order_input{padding: 1rem 1rem 1.5rem; text-align: right; border-top: 1px solid #e6e6e6; }

.order_input a{display: inline-block; height:2.3rem;  padding: 0 1.2rem; margin-left: 1rem; line-height: 2.3rem; font-size:1.2rem; border-radius: .25rem;  }

.close_order{border: 1px solid #e6e6e6; color: #999; }

.order_list{border: 1px solid #ff9600; color: #fff; background: #ff9600;}

.order_input a:hover{background: #ff8000; border: 1px solid #ff8000; color: #fff;}

.noBor{border-bottom: none;}

.noTor{border-top: none;}



/*申请退款*/

.pay_messge .apply_tit{font-size: 1.6rem; color: #b82121; font-weight: normal;}

.pay_messge .apply_old{font-size: 1.1rem; color: #999;}

.apply_num{padding-left: 1rem; margin-top: 1rem; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fff;}

.apply_num p{padding-right: 1rem; line-height: 4.4rem; border-bottom: 1px solid #e6e6e6;}

.apply_num p:last-child{border-bottom: none;}

.apply_sumNum{font-size: 1.5rem; color: #555;}

.apply_num02{padding-left: 0;}

.apply_num02 p{padding-left: 1rem;}

.apply_time{font-style: normal; font-size: 1.1rem; color: #999;}

.apply_circle{margin-top: 1.5rem; font-size: 1.5rem; color:#b82121;}

.apply_circle .iconFont{line-height: normal; vertical-align: top;}

.apply_circle.curr{border:none;}

.apply_circle.curr .iconFont{display: inline-block;}

.order_nameC{color: #555;}

.order_nameC01{font-size: 1.4rem; color: #555;}

.party{width: 1.4rem; height: 1.4rem; margin-top: 1.2rem; border: 1px solid #e6e6e6; border-radius: .25rem;}

.apply_money{margin-top: 1rem; padding: 1rem; background: #fff; text-align: center; border-top: 1px solid #e6e6e6;}

.apply_money a{display: inline-block; width: 10.5rem; height: 2.9rem; text-align: center; line-height:2.9rem; font-size: 1.4rem;  background: #b82121; border-radius: .25rem; color: #fff;}

.apply_money a:hover{background: #a91111;}

.order_name03{color: #222 ;}

.setMoney{padding:1rem 0 1rem 0;}

.setMoney .order_name,.setMoney p{ line-height: normal; border: none;}

.setMoney span.fr{font-size: 1.5rem; color: #b82121;}

.setMoney .say{padding-top: .5rem; font-size: 1.1rem; line-height: 1.1rem; color: #999;}

.sayBox{padding-right: 1rem;}

.sayBox textarea{width: 100%; height: 12rem; padding: 1rem 0; resize: none; font-size: 1.4rem; color: #999;}





/*退款成功*/

.apply_success{padding: 20% 3rem 0; text-align: center;}

.apply_success .iconFont{font-size: 5rem; color: #4bbc27;}

.succ01{padding-top: .8rem; font-size: 1.8rem; color: #ff9000;}

.succ02{padding-top: .5rem; font-size: 1.1rem; color: #999;}





/*在线评价*/

.online_mes{padding-left: 1rem; border-bottom: 1px solid #e6e6e6;}

.online_mes .leave_star{padding-left: 0;}

.online_mes .pj{border-left: .3rem solid #b82121;}

.send_online{display: block; padding: 1rem;}

.send_online .btn{width: 100%; height: 3.4rem; font-size: 1.8rem; color: #fff; line-height: 3.4rem; text-align: center; border-radius: .25rem; background: #b82121; }

.online_tit{ padding: 1.5rem 1rem; font-weight: normal; font-size: 1.6rem; color: #222; border-bottom: 1px solid #e6e6e6;}

.online_tit span{font-size: 1.2rem; color: #555;}



/*查看物流*/

.logistics{padding-top:1rem !important;}

.logistics_zt{font-size: 1.5rem; color: #222;}

.logistics_zt span{color: #10ac13;}

.logistics_num{padding-top: .8rem; font-size: 1.2rem; line-height: 1.2rem; color: #999;}

.logistics_mes{ margin-top: 1rem; padding:1.5rem 0 2rem 1rem; background: #fff; border-top: 1px solid #e6e6e6;}

.logistics_mes li.curr .iconFont,.logistics_mes li.curr .logistics_word p{color: #b82121 !important;}

.logistics_time{position: relative; width: 3.5rem; height: 100%; text-align: center; }

.logistics_word{padding: 1.5rem 1rem 1.5rem 0; border-bottom: 1px solid #e6e6e6; vertical-align: top;}

.logistics_mes li:last-child .logistics_word{border-bottom: none; padding-bottom: 0;}

.logistics_mes li:first-child .logistics_word{padding-top: 0;}

.logistics_time .line{display: inline-block; width: 0; height: 100%; border-left: 1px solid #e6e6e6; vertical-align: top;}

.logistics_name01{font-size: 1.4rem; color: #999; line-height: 1.9rem;}

.logistics_name02{padding-top: .5rem; font-size: 1.1rem; color: #999;}

.logistics_time .ic_p{position: absolute; left: 50%; top: 1.6rem; display: inline-block; padding: .1rem 0; background: #fff; font-size: 0; vertical-align: middle; }

.logistics_mes li:first-child .ic_p{top: 0;}

.logistics_mes li:last-child .line{height: 2rem !important;}

.ic_p .iconFont{font-size: 1.3rem; color: #b5b5b5;  vertical-align: middle; }





/*字体图标样式*/

.more_icon{margin-left: .3rem; font-size: 1.3rem; vertical-align: top; line-height: 4.4rem; color: #c9c9c9;}

.down_icon{ display: inline-block; vertical-align: middle; font-size: 2rem; line-height: 4.4rem; color: #c9c9c9; transition: all .3s linear;}

.icon360{font-size: 1.5rem;margin-right: .5rem;}

.iconPhone,.iconHome{padding-left: 1.5rem; vertical-align: middle; font-size: 2rem; color: #b82121;}

.iconPhone{padding-left: 1rem;}

.iconAdd{font-size: 2rem; margin-right: .5rem;  vertical-align: top;  color: #b82121;vertical-align:middle;}



.near_icon{margin-right: .5rem; font-size: 2rem; color: #c71212;}

.addP .iconFont{font-size: 1.3rem; color: #aaa;}

.search_icon{position: absolute; right: 1.5rem; top:0; display:block; width:2rem; height:2.9rem; line-height:2.9rem; font-size: 1.3rem; color: #b5b5b5; text-align:right;background-color:#fff;}

.fix_icon{font-size: 2.3rem; color: #aaa;}

.tit_icon{display:inline-block; padding-top:.2rem; font-size: 1.3rem; vertical-align: middle; line-height: 2rem; color: #c9c9c9;}

.icon_up{display: inline-block; font-size: 1.5rem; color: #c9c9c9; transition: all .3s linear;}

.icon_tit{margin-right: .5rem; font-size: 2.3rem; color: #b82121;}

.satrbox{padding: .7rem 0 1rem 0; }

.satrbox i{font-size: 1.1rem; color: #d3d3d3;}

.up_icon{display: inline-block; font-size: 2rem; color: #c9c9c9; vertical-align: middle;}

.pic_icon{font-size: 1.4rem; color: #fff; margin-right: .5rem; vertical-align: top;}

.pic_iconC{color: #ffa200;}

.tan_add{font-size: 2rem; color: #ff9000; padding-right: .5rem; }

.like .iconFont{font-size: 1.2rem; vertical-align: top; height: 1.1rem; margin-right: 0.4rem;}

.hot .iconFont{font-size: 1.2rem; vertical-align: top;}

.hot_what{font-size:2rem; vertical-align: top;}

.chanYellow{color: #ffa800;}

.fly{display: inline-block; padding-top: .3rem; color: #fff; font-size: 1.6rem; vertical-align: top;}

.my_nav .iconFont{font-size: 2.5rem;color: #aaa;}

.my_icon{font-size: 2rem;}

.my_icon01{color: #30ba9e;}

.my_icon02{color: #f19725;}

.my_icon03{color: #1e90e1;}

.my_icon04{color: #ce3150;}

.my_icon05{color: #f19725;}

.my_icon06{color: #ee6a60;}

.pay_cho .iconFont{display: none; font-size: 1.5rem; color: #b82121;}

.pay_style .curr .iconFont{display: inline-block;}

.pay_style .curr .pay_cho{border: none;}

.pay{font-size: 3.5rem;}

.pay01{color: #01aaef;}

.pay02{color: #61c527;}

.hotel_icon{margin-right: .5rem; font-size: 2.2rem; color: #b82121;}

.server_list .iconFont{font-size: 1.2rem; color: #b8b8b8; vertical-align: top;}

.no_message{width: 100%; padding-top: 20%; text-align: center;}

.no_message i{display: block; width: 8rem; height: 8rem; margin:0 auto; font-size: 6rem; text-align: center; line-height: 8rem; color: #fff;  border-radius: 50%; background: #e6e6e6; }

.no_message p{padding-top: 1rem; font-size: 1.4rem; color: #999; text-align: center;}

.cancel_coll{position: absolute; right: 0; bottom: 0; z-index: 1; display: block;  height: 1.6rem; padding:0 .5rem; overflow:hidden;

    background: rgba(0,0,0,.4); text-align: center; line-height: 1.8rem; color: #fff;  font-size: .9rem;  border-radius: 0 0 .25rem 0; }

.weaIcon{font-size: 1.4rem; color: #fff;}

.noM{margin-top: 0 !important; border-top: none !important;}

.changeBor{border-bottom: 1px solid #e6e6e6;}

.changeBor li:last-child{border-bottom: none;}

/*评分*/

.starS{font-size: 0; display: inline-block; vertical-align: middle; line-height: 1.1rem;}

.starS .iconFont{margin-right: .3rem; color: #d3d3d3; font-size: 1.1rem; vertical-align: top;}

.starS1 .iconFont:first-child{color: #ffa200;}/*1颗星*/

.starS2 .iconFont:nth-child(1),.starS2 .iconFont:nth-child(2){color: #ffa200;}/*2颗星*/

.starS3 .iconFont:nth-child(1),.starS3 .iconFont:nth-child(2),.starS3 .iconFont:nth-child(3){color: #ffa200;}/*3颗星*/

.starS4 .iconFont:nth-child(1),.starS4 .iconFont:nth-child(2),.starS4 .iconFont:nth-child(3),.starS4 .iconFont:nth-child(4){color: #ffa200;}/*4颗星*/

.starS5 .iconFont{color: #ffa200;}/*5颗星*/

.eval i{font-size: 2rem; margin-right: .4rem; color: #ffa200;}



/*hover*/

.zh{position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.0);}

.hot_project_ul li:hover .zh,.buddhism_ul li:hover .zh,.hot_shop_ul li:hover .zh,.picture_ul li:hover .zh{background: rgba(0,0,0,.3);}

.hotelList01 li:hover,.nav_ul li:hover,.recommend_ul li:hover,.my_nav a:hover,.my_ev li:hover,.server_ul li:hover,.text_ul li:hover,.server_ul li:hover{background: #f5f5f5;}



.index_sli img,.buddhism_ul img,.buddhism_ul1 img,.setDrive img,.favourable_ul img{background: url(../images/default_big.jpg) no-repeat center; background-size: cover;/* background-size:100% 100%;*/}

.hot_project_ul img,.recommend_ul img,.envelope_cover img{background: url(../images/default_small.jpg) no-repeat center; background-size: cover;/* background-size:100% 100%;*/}



/*热词*/

.searchBox{position: relative; z-index: 7;}

.hotelCover_hot{ top: 4rem; z-index: 6;}

.hot_word{position: fixed; left: 0; top: 5rem; z-index: 7; width: 100%;  background: #fff;}

.hot_word_con{padding: .75rem .75rem 1.25rem .75rem;}

.hot_word_list a{display: inline-block; height: 2.2rem; padding: 0 1.3rem; margin: .25rem; font-size:1.2rem; color: #555; text-align: center; line-height: 2.2rem;  border-radius:1.1rem; border: 1px solid #d2d2d2; }

.search_btn{padding: 0 1rem .75rem 1rem;}

.search_btn span.fl{font-size: 1.4rem; color: #b82121;}

.search_btn span.fr{font-size: 1.2rem; color: #999;}



/*救援*/

.help_list{ border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; }

.help_list li{padding: 1rem 0 0 1rem; background: #fff;}

.help_list li a{ display:block; padding:0 1rem 1rem 0;  border-bottom: 1px solid #e3e3e3;}

.help_list li:last-child a{ border-bottom: none;}

.help_list li span{display: block;}

.help_tel{padding-top: .6rem; font-size: 1.2rem; color: #888;}

.help_name{font-size: 1.5rem; color: #333;}

.help_list li .iconFont{display: inline-block; margin-top: .5rem; font-size: 2.5rem; color: #b82121; vertical-align: top;}

.help_list li .iconFont.fl{font-size: 3.8rem; margin-top: 0; margin-right: 1rem;}

.help_list li .flicon01{color:#f60;}

.help_list li .flicon02{color:#f6c;}

.help_list li .flicon03{color:#f63;}

.help_list li .flicon04{color:#09f;}

.help_list li .flicon05{color:#6c6;}

.help_list li .flicon06{color:#f66;}

.help_list li .flicon07{color:#2fa0ef;}

.help_list p.fl{max-width: 80%; overflow: hidden;}

.service_nav{width: 100%; vertical-align: top;}

.ser_ul{border-bottom:1px solid #e3e3e3;display: none;}

.ser_ul li{float: left; width: 25%; box-sizing: border-box; -webkit-box-sizing:border-box;background-color:#fff;}

.ser_ul li a{display: block; width: 100%; padding: 1rem 0; text-align: center; background: url(../images/sever_line.png) no-repeat right center; }

.ser_ul li:last-child a{background: none;}

.ser_ul li a .iconFont{font-size: 3.4rem; }

.icon01{color: #ff7474;animation: upHid 1.6s both infinite; -webkit-animation:upHid 1.6s both infinite;}

.icon02{color: #3aacfc;}

.icon03{color: #ff9a41;}

.icon04{color: #5fcc14;}

.ser_ul li p{padding-top: .6rem; font-size: 1.4rem; color: #222; }

.dis{display:block;}

.flex.dis{margin-right: 2rem;}

.dis01{padding-top:0 !important;}

.color01:hover{background:#fff3f4}

.color02:hover{background:#fff6ef}

.color03:hover{background:#ecf9ff}

.color04:hover{background:#f3fff4}

@-webkit-keyframes upHid{ 0%{ -webkit-opacity:.0;} 50%{ -webkit-opacity:1;} 100%{ -webkit-opacity:0; } }

@keyframes upHid{ 0%{ opacity:.0; } 50%{ opacity:1; } 100%{ opacity:0;} }

.help_tit{ position: relative; padding: 1.5rem 1rem; line-height: 1.5rem; font-size: 1.5rem; color: #333;}

.help_tit span{ float: left; display: inline-block; width: .4rem; height: 1.3rem; margin-right: .5rem; border-radius: .2rem; background-color: #d43d3d;}



/*详情页面新增*/

.no_bto{ border-bottom: none;}

.oldPri{display: inline; padding-left: .5rem; font-size: 1.2rem; color: #999; text-decoration: line-through;}

.room01{padding: 1rem; border-bottom: 1px solid #e6e6e6;}

.room01 h3{font-size: 1.6rem; line-height: 1.6rem; color: #222; font-weight: normal;}

.roomD{padding-top: .4rem; font-size: 1.1rem; line-height: 1.1rem; color: #999;}

.roomD span{padding-right: .5rem;}

.roomPri{padding-top: .4rem; font-size: 1.1rem; color: #999;}

.roomPri span{font-size: 1.8rem; color: #b82121;}

.roomPri label{ float: right;}

.roomType{padding: 1rem 0 0;}

.roomType .roomType01,.roomType .roomType02{padding: 0 1rem; font-size: 1.4rem; line-height: 1.4rem; color: #555;}

.roomType .roomType02{padding-top: .4rem;}

.roomType .words{padding: 1rem; margin-top: 1rem;  border-top: 1px solid #e6e6e6;}

/*.addM{margin-top: 1rem; border-top: 1px solid #e6e6e6;}*/

.roomOrder{padding: 1rem;}

.yellowWord{margin-top: 1rem;  font-size: 1.4rem; color: #ff9000; line-height: 1.4rem;}

.roomOrder .yellowWord:first-child{margin-top: 0;}

.blackWord{padding-top: .4rem; font-size: 1.4rem;  color: #555;}

.blackWord span{color: #999;}

.blackWord i{display: inline-block; width: .4rem; height: .4rem; margin: .7rem .5rem 0 0; background: #d3d3d3; vertical-align: top; border-radius: 50%; }

.rightOrder{display: block; height:4.4rem; line-height: 4.4rem; font-size: 1.6rem; color: #fff; text-align: center; background: #ff9600;}

.rightOrder:hover{background: #ff8000;}

.ask{padding: 1rem; border-bottom: 1px solid #e6e6e6; font-weight: normal; font-size: 1.6rem; color: #222; line-height: 1.6rem;}

.ask .as{display: block; padding-top: .5rem; font-size: 1.2rem; line-height: 1.2rem; color: #b82121;}



/*2017.3.2 by huangyue*/

/*条件筛选*/

.seaI{width: 70%; padding: 0 1rem; color: #222;}

.searchIconN{position: absolute; right: 1.5rem;  top: 0;  font-size: 1.3rem; color: #999;}

.hotel_sear03{width:auto; padding:.4rem 1rem; background:#fff;}

.choice_cover{position: fixed; left: 0; top: 5rem; z-index: 11; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.6);}

.sx_lstBox{width: 100%;/*z-index: 12; position: fixed;left: 0;top:179px;*/}

.sx_lstBox.fixed{position: fixed;left: 0;}

.sx_lstBox.top0{top:0;}

.sx_lstBox.H80{height: 80%;}

.sx_lst{  position: relative;width: 100%; height: 1.5rem; padding: 0.9rem 0;  background-color: #fff; border-bottom: 1px solid #e6e6e6; z-index: 12;}

.sx_lst li{ float: left; width: 33.3%; height: 1.5rem; border-right:1px solid #e6e6e6; -webkit-box-sizing: border-box; box-sizing: border-box;}

.sx_lst.col4 li{ width: 25%;}

.sx_lst.col2 li{ width: 50%;}

.sx_lst li:last-child{ border-right: 0;}

.sx_lst li > span{ display: inline-block; width: 100%; height: 100%;  font-size: 1.4rem; line-height: 1.6rem;  color: #555; text-align: center; }

.sx_lst li > span b{font-weight: normal}

.sx_lst li i{ position:relative; margin-left: .4rem; }

.sx_lst li i img{width: .9rem; vertical-align:middle;}

.sx_lst li.curr span,.sx_lst li.curr i{color:#b82121;}

.sx_moreBox{position: relative;height: 80%;}

.sx_more{ position: relative; left: 0; top:0; z-index:40; width: 100%;height: 100%; padding: 0; font-size: 0; text-align: left;  background-color: #fff;-webkit-box-sizing: border-box; box-sizing: border-box;}

.sx_more li{ display: block; width:100%; height:3rem; padding-left: 1rem; border: none; font-size: 1.2rem; line-height: 3rem; color: #555; -webkit-box-sizing: border-box; box-sizing: border-box;}

.sx_more li.curr{background-color: #ececec; color: #b82121;}

.sx_sxBox{position: relative;height: 100%;overflow: auto;}

.sx_sx{padding: 0 4% .5rem;  border-bottom: 1px solid #e7e7e7;}

.pb3{padding-bottom: 3rem;}

.pt7_5{padding-top: 7.5rem!important;}

.sx_sx_head{  line-height: 1.4rem; height: 1.4rem; margin: 1.2rem 0 .5rem 0;}

.sx_sx_head span{ color: #555!important;}

.sx_sx_head .title{display: inline-block;margin-left: 3%; vertical-align: middle;  font-size: 1.2rem;  line-height: 1.4rem;}

.sx_sx_body a{ display: inline-block;width: 28.3%; height: 2.3rem;line-height: 2.3rem; margin: 0 2.5% 1rem 2.5%; font-size: 1.2rem; text-align: center; color: #787878; border: .1rem solid #d4d4d4;  -webkit-border-radius: .5rem; border-radius: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }

.sx_sx_body a.curr{ color: #fff; background: #f90; border: 1px solid #f90;}

.sx_btn{position: absolute;bottom: 0;left: 0;width: 100%;height:3.1rem;background-color: #ececec;}

.sx_btn a{display: inline-block;padding: 0 1rem;height:3.1rem;line-height: 3.1rem; color: #b82121;font-size: 1.4rem;}

.W44 a{width: 44.7%;}

.mapprice{margin-left:1rem;}

.mapprice span{color:#b82121;}



/*红包卡券+团购秒杀*/

.cang_desc_quan, .cang_desc_tuan{display: block;margin-top: 1rem;}

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

.quan_more,.tuan_more{display:block;margin-top: 1rem;margin-bottom:1.5rem;}

/*领取卡券列表*/

.searchBg{background-color:#b82121;}

.quan_flower{position: fixed;width: 100%;z-index: 2;}

.cp_list{padding:.5rem .7rem 0;overflow:hidden;}

.cp_list li{position: relative;margin-top: 1rem;overflow: hidden;}

.cp_list .cp_quan{background:url(../images/my_quan01.png) no-repeat left center;background-size:100% 100%;}

.cp_list .cp_ka{background:url(../images/my_quan02.png) no-repeat left center;background-size:100% 100%;}

.cp_list .cp_haved{background:url(../images/my_quan03.png) no-repeat left center;background-size:100% 100%;}

.quan_con{position:relative;display:block;width:100%;padding:.6rem 0 1rem;-webkit-box-sizing: border-box; box-sizing: border-box;}

.quan_con .quan_info{width: 60%;padding: 0 0 0 2rem; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box;}

.quan_con .quan_text{width: 33%;padding-top:10%;padding-bottom:6%;font-size:1.5rem;color: #fff;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;}

.quan_sum{font-size: 3.4rem;}

.quan_sum span{font-size: 2.8rem;}

.quan_sum i{font-size: 2rem;font-style: normal;}

.cp_quan .quan_sum{color: #e94a4b;}

.cp_ka .quan_sum{color: #ff7e00;}

.cp_haved .quan_sum{color: #bbbbbb;}

.cp_quan .quan_sum i{margin-right: .3rem;}

.cp_ka .quan_sum i{margin-left: .3rem;font-size: 1.8rem;}

.quan_con .quan_info .hide{ font-size: 1.3rem;line-height: 1.9rem;}

.cp_haved .quan_info .hide{color: #999;}



/*我的卡券包*/

.quan_img{width: 6.6rem;height: 6.6rem;padding:.4rem .7rem 0 1rem;border-radius: .4rem;}

.quan_img img{width: 100%;height: 100%;border-radius: .4rem;}

.quan_des{width: 37%;}

.quan_shop{padding-top:1rem;line-height:1.9rem;font-size: 1.3rem;color: #333;}

.quan_time{padding-top:.3rem;line-height:1.9rem;font-size: 1rem;color: #666;}

.quan_rul{width: 34%;padding-top:3%;color:#fff;text-align: center;}

.quan_rul span{display: block;font-size: 3rem;}

.quan_rul i{font-style: normal;font-size:2rem;}

.quan_rul b{display: block;font-weight: normal;font-size:1.3rem;}

.cp_quan .quan_rul i{margin-right:.3rem;}

.cp_ka .quan_rul i{margin-left:.3rem;font-size:1.8rem;}

.quan_lose{position: absolute;top: 18%;right: 28%;font-size:5rem;color:#a3a3a3;}

.quan_yisy{color:#eb7575;}

.cp_haved .quan_des p{color: #999;}

.cp_haved .quan_lose{display: block}

.sx_myQuan.H80 { height: 34%; }



/*卡券详情*/

.desc_out{padding: 1rem;-webkit-box-sizing: border-box; box-sizing: border-box;}

.desc_box{width:100%;height:auto;background-color: #fff;}

.desc_title{position: relative;height:2.6rem;line-height:2.6rem;padding:2rem 0 3rem;font-size: 1.5rem;font-weight:500;color: #333;text-align: center;background:url(../images/my_quanLine.png) no-repeat center bottom;background-size:100% auto;}

.desc_title i{margin:0 .2rem;font-style:normal;font-size:1.8rem;color: #ff4200;}

.desc_title b{margin:0 .2rem;font-weight:normal;font-size:2.8rem;color: #ff4200;}

.desc_cont{padding: 1rem 2.2rem 1rem 2.5rem;}

.desc_cont p{font-size: 1.3rem;color: #666;line-height: 2.4rem;}

.desc_cont span{color: #333;}

.desc_rule p{font-size: 1.2rem;line-height: 2.2rem;text-indent: 1rem;}

.desc_img{width:80%;overflow:hidden;margin:1.6rem auto 1rem;border: 1px solid #e3e3e3;}

.desc_img01{max-height: 20rem}

.desc_img img{width:100%;height:100%!important;}

.tc{text-align: center;}



/*领取卡券*/

.my_cont{padding:0 1rem;margin-top:1.5rem;background-color: #fff; border-bottom: 1px solid #e6e6e6;}

.my_cont .my_li:last-child{border-bottom: none}

.my_li {display: block; height: 2.4rem; padding:1.2rem  0;background: #fff; border-bottom: 1px solid #e6e6e6;overflow: hidden; }

.my_li span{height: 2.4rem;line-height: 2.7rem;font-size:1.5rem;color: #666;}

.my_li span i{margin-left:.8rem;color:#999;vertical-align: top;}

.my_li input{float: left; width: 66%;height: 2.6rem; padding: 0 .7rem;line-height: 2.6rem;font-size:1.5rem;color: #333;}

.my_btn{display: block;width: 100%;padding: 1.5rem 1rem;-webkit-box-sizing: border-box; box-sizing: border-box;}

.my_btn input{display: block;width: 100%; line-height: 2rem;padding:1.4rem 0 1.2rem; font-size: 1.6rem; color: #fff; text-align: center; border-radius: .3rem; background: #ff9600;}



/*团购秒杀*/

.cang_tuan_list{padding:0 0 .3rem 1rem;background-color: #fff;overflow: hidden}

.cang_tuan_list li{width:100%;padding: 1rem 0;border-bottom: 1px solid #e6e6e6;}

.cang_tuan_list li:last-child{border-bottom:none;}

.cang_tuan_cont{display:block;width:100%;}

.cang_tuan_img{width:9rem;height:6.75rem;border-radius:.4rem;overflow:hidden;}

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

.cang_tuan_info{width:48%;margin-left:.7rem;}

.cang_tuan_info h3{padding-top: .4rem;line-height:2rem;font-size:1.5rem;font-weight:normal;color:#222;}

.cang_tuan_info p{margin-top:.5rem;line-height: 1.6rem;font-size:1.1rem;color:#999;}

.cang_tuan_info .cang_tuan_pri{margin-right:.3rem;font-size:1.8rem;font-weight:600;color:#b82121;}

.cang_tuan_btn{display:inline-block;margin:6.4% 1rem 0 0;padding: .5rem 1.5rem;font-size: 1.2rem; color: #fff;text-align: center;background: #ff9600;border-radius: .3rem;}

.cang_tuan_btn.disabled{padding: .5rem 1rem;background-color: #ccc;}



/*团购秒杀详情*/

.tgdesc_body{padding-bottom: 7.4rem;}

.tg_box{width: 100%;margin-bottom: 1rem;background-color:#fff;}

.tg_title{padding:1.3rem .3rem .5rem;line-height:3rem;font-size:2rem;color:#333;font-weight:normal;}

.tg_title > span{ display: inline-block; margin-left: .3rem; padding: 0 .5rem; font: 1.4rem/2.2rem "Microsoft YaHei"; color: #f34642; border: 1px solid #f34642; border-radius: .25rem;vertical-align: text-top;}

.tg_img{position:relative;width: 100%;overflow: hidden;}

.tg_img img{width: 100%;height: auto}

.tg_img span{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 2.4rem; line-height: 2.6rem; padding: 0 1rem; text-align: right; font-size: 1.2rem; color: #fff; background: rgba(0,0,0,.6);-webkit-box-sizing: border-box; box-sizing: border-box;}

.tgdesc_info{border-top: 1px solid #e6e6e6;}

.tgdesc_info img{ max-width: 100%;}

.tg_tit{margin-left:1rem;line-height:4rem;font-size:1.6rem;color:#666;font-weight:normal;}

.tgdesc_info .tg_cont{padding: 1rem}

.tg_cont p{line-height: 1.8rem;font-size:1.2rem;color:#666;}

.tg_cont1 img{ max-width: 100%; height: auto; border-radius: .4rem;}

.tgdesc_img{overflow: hidden;}

.tgdesc_img .tg_img{margin-top: .3rem}

.tgdesc_more{height: 2rem;padding: 1.5rem 2rem;background-color:#f2f2f2;}

.tgdesc_more span{display: block;width: 100%;height:3rem;line-height:3rem;text-align:center;font-size:1.6rem;color:#999;background-color:#fff;border-radius:1.5rem;}

.tg_cont h4{line-height:2rem;font-size:1.3rem;font-weight:normal;color:#ff9000;}

.tgdesc_dot{float:left;display:inline-block;width:5px;height:5px;margin:.5rem .7rem 0 0;background-color:#555;border-radius:5px;}

.tgdesc_tel{position:relative;padding-right: 20%;}

.tgdesc_tel h4{font-weight: 600;color:#222;}

.tgdesc_tel a{display: block}

.tgdesc_telIcon{position: absolute;right:0;top:0;display:inline-block;width:15%;height:86%;padding-left:3%;padding-top:4%;text-align:center;font-size:3rem;color:#b82121;border-left:1px solid #e6e6e6;}

.tgdesc_bottom{position: fixed;left: 0;bottom: 0;width:100%;height:4.8rem; box-shadow:0 -.1rem 2rem #000; -webkit-box-shadow:0 -.1rem 2rem #000; }

.tgdesc_over{position: absolute;left:50%;top:-2.4rem;display:block;width: 58%;height:2.4rem;margin-left:-29%;line-height:2.4rem;text-align:center;font-size:1.2rem;color:#fff;border-radius:.5rem .5rem 0 0;background-color:#e9b975;}

.tgdesc_bottom p{height:4.8rem;background-color:#fff;}

.tgdesc_bottom .fl{margin-left: 1rem;font-size: 1.2rem;color:#444;line-height: 4.9rem;}

.tgdesc_bottom i{font-style: normal;text-decoration: line-through;}

.tgdesc_btn{display: inline-block;padding: .8rem 1.2rem;margin: .3rem .4rem 0 0;font-size: 1.8rem;color: #fff;border-radius: .4rem;background-color:#ff9600;}

.tgdesc_btn.disabled{background-color: #ccc;}

.tgdesc_ewm{margin-top: 1rem;}

.tgdesc_ewm span.fl{display:inline-block;width: 9rem;height: 9rem;}

.tgdesc_ewm div.fl{ margin-left: 1rem;padding-top:.5rem;}

.tgdesc_ewm .tg_ewm01{font-size:2rem;margin-bottom:1.3rem;}

.tgdesc_ewm .tg_ewm02{color: #b82121;}

.tg_ewm01 i{margin-right: 1rem;font-size:4rem;color: #b82121;}

.icon_address{margin-left: .4rem;font-size: 1.6rem;color:#06d5fa;}

.tgdesc_info .mess_lst li:last-child{border: none}



.ttg_tit{ padding:1rem;}

.ttg_tit .tg_title{ padding: 0; font-size: 1.8rem; line-height: 2.4rem;}

.ttg_price{ height: 3.4rem;}

.ttg_price01{ font: 600 3.2rem/3.4rem "Microsoft YaHei"; color: #f80;}

.ttg_price01 i{ font: normal 1.6rem/3.4rem "Microsoft YaHei";}

.ttg_price02{ margin-left: 1rem; font: 1.4rem/3.4rem "Microsoft YaHei"; color: #666; text-decoration: line-through; }

.ttg_rule{ height: 2.2rem; padding: .3rem 0;}

.ttg_rule span{ display: inline-block; margin-right: 1rem; font: 1.2rem/2.2rem "Microsoft YaHei"; color: #555;}

.ttg_rule span i{ display: inline-block; width: 1.2rem; height: 1.2rem; margin: 0 .5rem 0 .3rem; font: .8rem/1.2rem "SimSun"; color: #f80; text-align: center; border: 1px solid #f80; border-radius: 100%; vertical-align: text-bottom;  }

.ttg_tag span{ display: inline-block; margin: .5rem .5rem .5rem .3rem; padding: .3rem .7rem; font: 1.2rem/1.4rem "Microsoft YaHei"; color: #f80; border: 1px solid #f80; border-radius: .7rem; }

.ttg_boss{ padding: .3rem 0; font: 1.2rem/2.2rem "Microsoft YaHei"; color: #555;}

.ttg_boss span{ display: inline-block; padding: .2rem; margin: 0 .5rem 0 .3rem; font: 1.2rem/1.4rem "Microsoft YaHei"; color: #fff;  background-color: #f80; border-radius: .3rem;}

.tgdesc_bottom01 .tgdesc_btn{display: inline-block; height: 100%;  padding: 0 1rem;  margin: 0;  font-size: 1.8rem; line-height: 4.8rem;  color: #fff;  border-radius: 0;  background-color: #e53333;}

.tgdesc_bottom01 .fl{  font-size: 1.3rem;}

.tgdesc_bottom01 .fl i{  margin: 0 .2rem; color: #e53333; text-align: center; text-decoration: none; }



/*2017.3.14 修改*/

/*老板语音*/

.cang_desc_shuo{position:absolute;left: 0; top: 1rem;z-index: 1;width:45%;}

.cang_shuo_img{position: relative;width: 5.4rem;height: 5.4rem;margin: 0 .5rem 0 1rem;border-radius:100%;overflow: hidden;border: 2px solid #fff}

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



/*H5 入口*/

.cang_desc_h5{position: absolute;left: 50%;top: 50%;display:inline-block;margin:-2.4rem 0 0 -2.4rem;line-height:5.2rem;font-size: 5.4rem;color: #fff;text-align:center;background:rgba(0,0,0,.6);border-radius:100%;}

/*一键导航+一键拨号*/

.cang_desc_daoh a,.cang_desc_bohao a{display:block;width:100%;}

.cang_daoh{width: 27%;line-height: 2.2rem;font-size: 1.4rem;color: #222;font-weight: normal;vertical-align: middle;}

.cang_desc_add .cang_address{width:72%;border-left:none;line-height: 2.4rem;}

.addSpan { display: inline-block;vertical-align: middle;width: 91%;margin-right:1rem;text-align: right;color:#555;}

/*卡券团购*/

.see_more{font-size: 1.2rem;line-height: 4.4rem;color: #b82121;}

.cang_desc_list2 .icon_up{padding-left: 1rem;}

.cp_list02{padding: 0 .8rem .5rem .8rem;}

.cp_list02 li:last-child{margin-bottom: 1rem}

.cp_list02 .quan_con{padding: .3rem 0 .5rem;}

.tg_list{padding-top:1rem;}

.tg_list li{padding: 1.3rem 0;}

/*下订单*/

.hotel_pri .yuan_pri{margin-left:.7rem;text-decoration: line-through;}

.order_number a{display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;text-align:center;font-size: 1.4rem;color:#fff;background-color:#ff9600;border-radius: .3rem}

.order_number a.disabled{color:#bab8b8;background-color:#f0f0f0;}

.order_desc .order_tname{width: 54%;}

.order_desc .order_tnum{width: 36%;padding-left: 0;text-align: right}

.desc_title01{padding: 0 0 2rem;height: 0;}

.desc_cont .odsec_type{color:#b82121;}



/*2017.03.17*/

.bg_oran01{background-color:#e94a4b;}

.bg_oran02{background-color:#f6c;}

.hotel_pri .pri_red{color:#e94a4b;font-size:1.6rem;}

.hotel_pri01 span{color:#999;}

.desc_btn{ display: block;width: 90%; padding: 1rem 0; margin: 1rem auto 0; text-align: center; font-size: 1.6rem; color: #fff; background: #ff8000; border-radius: .4rem;}



/*登录注册*/

.loginBody{background-color:#f6f6f6;}

.login_logo{width: 30%;margin:12% auto 0;text-align:center;}

.login_logo img{width: 100%;}

.login_cont{width: 80%;margin: 17% auto 0;}

.lo_box{position:relative;width: 100%;height:3.8rem;margin: 1.45rem 0 0 0;background-color: #fdfdfd;border:1px solid #d3d3d3;border-radius: .5rem}

.lo_box input{position: relative;float:left;width:79%;padding-left: 1rem;font: normal 1.4rem/3.8rem "Microsoft YaHei";color:#333;background: rgba(0,0,0,0); -webkit-box-sizing: border-box; box-sizing: border-box;}

.lo_box i{position: relative;float:left;display: inline-block;width: 4rem;margin: .9rem 0;text-align:center;font-size:1.8rem;color:#999;background: url(../images/lo_line.png) no-repeat right center;}

.lo_input{padding-left:3.4rem;padding-right:1rem;margin-bottom:1rem;color:#dfdfdf;border-bottom:1px solid rgba(199,199,199,.58);font-size:1.5rem;background-color:inherit;background-size:auto 2rem;background-repeat:no-repeat;background-position:.4rem center;opacity:.8;-webkit-box-sizing: border-box; box-sizing: border-box;}

.lo_eye{position: absolute;right: 1.5rem;top: 1.3rem;font-size:1.6rem;color:#b3b3b3;}

.lo_eye.open{color:#f79c2d;}

.login_btn{position:relative;display:block;width:100%;height:2.3rem;padding:.9rem 0;margin-top:3rem;text-align:center;font-size:1.8rem;color:#fff;background:#e13737;border-radius: .5rem;}

.login_btn.disabled{background-color:#d8d6d6;}

.login_btn.none{display:none;}

.lo_other{margin:1.2rem 0;padding: 0 .3rem}

.lo_other a{font-size:1.2rem;color:#666;opacity:.8}

.lo_check{display: inline-block;width: 1.2rem;height: 1rem;padding-top:.2rem;line-height: 1.2rem;margin:0 .3rem 0 0;font-size: 1.3rem; vertical-align: top; border:1px solid #fff;border-radius:.2rem;background: rgba(0,0,0,0);}

.lo_to{display:block;padding-top: 2rem;font-size: 1.3rem; color: #666; text-align: center; }

.lo_to:visited{color: #e13737;}

/*yzm*/

.lo_out .lo_box{position:relative;width: 62%}

.lo_out input{width: 56%}

.lo_yzm{display:inline-block;width:34%;padding:1rem 0;height:1.6rem;margin-top:1.65rem;font-size:1.4rem;color:#fff;text-align:center;background-color: #f14848;border-radius:.5rem;}

.lo_yzm.disabled{background-color:#d8d6d6;}



/*设置*/

.my_touxImg{width: 100%;height:100%;border-radius:100%;}

.my_liTX{position:relative;height:3.3rem;padding: 1rem 1rem 1rem 0;}

.my_liTX .fl{ height: 3.3rem;line-height: 4rem;}

.my_liTX .fr{width: 3.3rem;height: 3.3rem;margin-left:.3rem;border:.2rem solid #e3e3e3;border-radius:100%;overflow: hidden;}

.my_p{padding: 0 1rem}

.name_p{padding-top: 1rem;line-height: 2rem;font-size:1.5rem;color:#666;}

.name_input{height: 2.6rem;padding-top:.7rem;border-bottom: 1px solid #e3e3e3}

.name_input input{width:100%;line-height: 2.4rem;font-size:1.4rem;color:#333;}

.name_tip{padding: 1rem .5rem 1.4rem;font-size:1.2rem;color:#999;}

.my_li .my_txinp{position:absolute;left: 0;top: 0;width: 100%;height: 100%;opacity:0;}



/*服务场所*/

.ser_box{margin-top:1rem;background-color:#fff;border-bottom: 1px solid #e3e3e3;}

.ser_tit{padding:1rem;font-weight:500;font-size:1.8rem;color:#222;border-bottom: 1px solid #e3e3e3;}

.ser_tit i{margin-right:.5rem;font-size:2.6rem;color:#e14e4e;vertical-align: baseline;}

.ser_cont{padding:1.3rem .5rem .3rem .7rem;}

.ser_cont a{display: inline-block;width: 28.3%;padding:.5rem 0 .3rem; margin: 0 2.1% 1.3rem 2.1%; font-size: 1.3rem; text-align: center; color: #787878; border: 1px solid #eb6f6c;border-radius:.3rem;-webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ser_cont a.curr{color: #fff;background: #e14f4f;border: 1px solid #e14f4f;}



/*首页天气*/

.weather{position: absolute;right:0;top:0;padding:.5rem 1rem 0 0;z-index:2;background:url(../images/weaBg.png) no-repeat center;background-size: 100% 100%;opacity:0;}

.weather p{text-align:right;font-size:1.2rem;color:#fff;font-weight:600;}

.wea_last{ pointer-events: none;}

.wea_air i{padding-top:.5rem;font-size:2.6rem;font-weight:600;}



/*弹窗登录*/

.login_mask{position: absolute; left: 0;bottom: 0; z-index: 13; width: 100%; height: 100%; overflow: hidden; background:url(../images/opB_60.png) repeat;opacity:0;}

.loginMain{position: absolute;left:0;bottom: -28rem;z-index:15;width:100%;height:28rem;background:#fff url(../images/loginBj.png) no-repeat center bottom;background-size:100% auto;}

.loginMain .login_cont{margin: 2rem auto 0;}

.loginMain .login_btn{height:2.2rem;margin-top:2rem;}

.login_tab{width: 90%; height: 4rem; padding: 0 5%; background-color: #fafafa; border-bottom: 1px solid #e8e6e6;}

.login_tab li {float: left;width: 33.3%; height: 1.6rem; line-height: 1.6rem; padding: 1.2rem 0;text-align:center; }

.login_tab li span {display: inline-block;width: 100%;height: 100%; font-size: 1.4rem;line-height: 1.6rem; color: #999; text-align: center; border-right: 1px solid #e8e6e6;-webkit-box-sizing: border-box; box-sizing: border-box;}

.login_tab li:last-child span {border-right: none; }

.login_tab li.curr{border-bottom:1px solid #c33;}

.login_tab li.curr span{color:#c33;}



/*列表分页器*/

.page{ padding: 3rem 0 5rem; background-color: #f2f2f2; text-align:center; display: none;}

.page>a{display:inline-block; *display: inline; *zoom: 1; vertical-align:top; width: 2.4rem; height: 2.5rem; margin:0 .4rem; font: normal 1.1rem/2.5rem Arial; color:#333; text-align:center; background-color:#fff; border:1px solid #d2d2d2;}

.page>.first_page,.page>.last_page{ width: 3.2rem; font-family:"Microsoft YaHei";}

.page>.first_page{ padding: 0 .2rem 0 .7rem; border-radius: 5rem 0 0 5rem;}

.page>.last_page{ padding: 0 .7rem 0 .2rem; border-radius: 0 5rem 5rem 0;}

.page>.page_down,.page>.page_up{ width: 4.2rem; font-family:"Microsoft YaHei";}

/*无效按钮（不能点击）*/

.page > .invalid{ color: #ccc; background-color:#f2f2f2;}

/*有效按钮（可点击）,自定义样式时请注意valid和invalid*/

.page>.curr{ font-weight: 700; color: #fff; background-color: #c22626; border-color: #c22626; }







.paddingT{ padding-top: 4.5rem; box-sizing: border-box; -webkit-box-sizing:border-box;}

.paddingT2{ padding-top: 8.7rem; box-sizing: border-box; -webkit-box-sizing:border-box;}

.paddingT4{ padding-top: 8rem; box-sizing: border-box; -webkit-box-sizing:border-box;}

.paddingT6{  box-sizing: border-box; -webkit-box-sizing:border-box;}

.list_search{ position: fixed; left: 0; top: 0; z-index: 2; width: 100%; padding: 0.8rem 4.25rem .8rem 1rem; border-bottom: 1px solid #f6f6f6; background-color: #ececec; -webkit-box-sizing: border-box;  box-sizing: border-box;}

.list_search_cont{ position: relative; width: 85%; height: 2.9rem; padding: .45rem 3rem .45rem 2rem; background-color: #fff; border-radius: 3rem;  -webkit-box-sizing: border-box;  box-sizing: border-box; margin:0 auto;}

.list_search_cont input{ display: block; width: 100%; font: 1.1rem/2rem "Microsoft YaHei"; color: #333;background: url(/Public/wap/img/search.png) no-repeat left 40px top 50% !important; text-align:center; background-size:15px !important;}

.list_search_cont i{ position: absolute; top: .73rem; right: 1.5rem; font-size: 1.3rem; color: #999;}

.list_choce{ position: absolute; top: .93rem; right: 1rem; font-size: 2.6rem; color: #00b5ea;}

/*搜索结果*/

.list_search2{ padding: 0.8rem 1rem; }



/*头条新闻*/

.news_box{ height: 3.2rem; padding: .65rem 1rem; border-bottom: 1px solid #e2e2e2; background-color: #fff; box-sizing: border-box; -webkit-box-sizing:border-box ;}

.news_img{ position: relative; display: inline-block; width: 5.4rem; height: 1.1rem; padding: .4rem .6rem .4rem 0; border-right: 1px solid #e2e2e2;}

.news_info{ position: relative; display: block; height: 1.9rem; padding-left: .6rem; -moz-box-flex: 1;  -webkit-box-flex: 1;  box-flex: 1; overflow: hidden;}

.news_info p{ font: 1.3rem/2rem "Microsoft YaHei"; color: #555;}



/*头条新闻列表*/

.tuang_list{ padding: 0 1rem .5rem; background-color: #fff; border-bottom: 1px solid #e2e2e2; overflow: hidden;}

.tuang_list li{padding: 1rem 0; border-bottom: 1px solid #e3e3e3;}

.tuang_list li:last-child{border-bottom: none;}

.tuang_img{position: relative; display: block; width: 7.4rem; height: 7.4rem; border-radius: .3rem; overflow: hidden;}

.tuang_img p{ position: absolute; top: 0; left: .5rem; z-index: 1; width: 3rem; padding: .6rem 0 .8rem 0; font-size: 1rem; line-height: 1.2rem; text-align: center; color: #fff; background: url(../images/jkj.png) no-repeat; background-size: 100% 100%; }

.tuang_cont{position: relative; display: block; padding: 0 1px 0 .75rem; overflow: hidden; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;}

.tuang_cont h2{ font: normal 1.5rem/1.7rem "Microsoft YaHei"; color: #333;}

.tuang_cont h2 b,.tuang_cont h3 b{ font-weight: normal; color: #00b5ea;}

.news_sli{ position: relative; width: 100%; }

.news_sli a{ position: relative; display: block; width: 100%; height: 100%; }

.news_sli .news_pagination{  left: 70%; padding-right: 1rem; bottom: .8rem; width: 30%; text-align: right; box-sizing: border-box; -webkit-box-sizing:border-box;}

.news_pagination .swiper-pagination-bullet { display: inline-block; width: .5rem; height: .5rem; padding: 0;  background: #fff; opacity: .5; margin: .5rem 0 0;  }

.news_pagination .swiper-pagination-bullet-active{ opacity: 1;}

.tuang_cont .news_tab{ display: inline-block; padding: .1rem .4rem; margin-right: .4rem; font: 1rem/1.3rem "Microsoft YaHei"; color: #f34642; border: 1px solid #f34642; border-radius: .25rem; vertical-align: top;}

.news_txt{ height: 3.6rem; padding-top: .5rem; font: 1.3rem/1.9rem "Microsoft YaHei"!important; color: #666!important; }

.news_txt b{font-weight: normal; color: #ff9000; }

.news_txt p{ padding-top: .5rem; font: 1.3rem/1.9rem "Microsoft YaHei"!important; color: #666!important;text-indent: 2em!important;display: inline!important; }

.news_txt img{ display: none;}

.news_time{ padding-top: .3rem; font: 1.1rem/ 1.2rem "Microsoft YaHei"; color: #999; }



.active_list_tit{ position: absolute; left: 0; bottom: 0; width: 100%; height: 3.5rem; padding-top: 1rem; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 60%, rgba(0, 0, 0, 1) 100%, #000 100%); }

.active_list_tit .fl{ display: block; width: 67%; padding-left: 1rem; font: 500 1.5rem/3.5rem "Microsoft YaHei"; color: #fff; text-align: left; box-sizing: border-box; -webkit-box-sizing:border-box;}

.active_list_tit .fr{ display: block; width: 33%; padding-right: 1rem; font: 500 1.5rem/3.7rem "Microsoft YaHei"; color: #f06b10; text-align: right; box-sizing: border-box; -webkit-box-sizing:border-box;}

.active_list_tit .fr i{ font: 1rem/3.7rem "Microsoft YaHei"; color: #fff; text-decoration: line-through;}



li h3 b,.hotel_add b,.recommend_add b{ font-weight: normal; color: #ff9000;}

.server_ul .flex p{ padding-top: .3rem;}

.serul_dis{ color: #999; }



/*地图页面新样式*/

.list_pric{ color: #333;}

.list_pric span{ margin-right: .5rem; font: 1.6rem/1.6rem "Microsoft YaHei"; color: #b82121;}

.list_pric i,.allPeople i{ margin-left: .5rem; font: 1.8rem/1.8rem "Microsoft YaHei"; vertical-align: top;}

.list_pric i{ font: 1.6rem/1.6rem "Microsoft YaHei";  }

.list_pric_tuan{ color: #00b5ea!important;}

.list_pric_zhe{ color: #f06b10!important;}

.list_pric_quan{ color: #e94a4b!important;}

.map_control{ position: absolute; top: 0; right: -25px; z-index: 2; width: 25px; height: 45px; background: url(../images/map_left.png) no-repeat left top; background-size: 100% 100%;}

.map_list_control{ position: absolute; top: 0; left: 50%; z-index: 2; width: 45px; height: 25px; margin-left: -22.5px; background: url(../images/map_top.png) no-repeat center top; background-size: 100% 100%;}



/*横向筛选*/

.shaix_list{  position: fixed; left: 0; top: 4.5rem; width: 100%; height: 4rem; background-color: #fff; border-bottom: 1px solid #e3e3e3; z-index: 12;}

.shaix_list li{ float: left; width: 33.3%; height: 4rem; padding: 1.2rem 0; -webkit-box-sizing: border-box; box-sizing: border-box;}

.shaix_list.col2 li{ width: 50%;}

.shaix_list.col4 li{ width: 25%;}

.shaix_list li > span{ display: inline-block; width: 100%; height: 100%; border-right:1px solid #d5d5d5;  font: 1.4rem/1.6rem "Microsoft YaHei";  color: #555; text-align: center; }

.shaix_list li:last-child > span{ border-right: none;}

.shaix_list li.curr{ height: 4.2rem; border-bottom: .2rem solid #c33;}

.shaix_list li.curr span{ color: #c33;}



/*官方活动列表*/

.active_list{ padding: 0 1rem; background: #fff;}

.active_list li{ padding: .5rem 0;}

.active_list li:first-child{ padding: 1rem 0 .5rem;}

.active_list li:last-child{ padding: .5rem 0 1rem;}

.active_list li a{ position: relative; display: block; border-radius: .3rem; overflow: hidden; }

.active_list_icon{ position: absolute; top: 0; right: .5rem; width: 4.5rem; height: 3.3rem; padding-top: .5rem; font: 1rem/1rem "Microsoft YaHei"; color: #fff; text-align: center; background: url(../images/active_ing.png) no-repeat left top; background-size: 100% 100%;}

.active_list_icon.end{ background: url(../images/active_end.png) no-repeat left top; background-size: 100% 100%;}

.active_list_icon span{ display: block; margin-top: .4rem;}

.active_list_tit{ position: absolute; left: 0; bottom: 0; width: 100%; height: 3.5rem; padding-top: 1rem; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 60%, rgba(0, 0, 0, 1) 100%, #000 100%); }

.active_list_tit .fl{ display: block; width: 67%; padding-left: 1rem; font: 500 1.5rem/3.5rem "Microsoft YaHei"; color: #fff; text-align: left; box-sizing: border-box; -webkit-box-sizing:border-box;}

.active_list_tit .fr{ display: block; width: 33%; padding-right: 1rem; font: 500 1.5rem/3.7rem "Microsoft YaHei"; color: #f06b10; text-align: right; box-sizing: border-box; -webkit-box-sizing:border-box;}

.active_list_tit .fr i{ font: 1rem/3.7rem "Microsoft YaHei"; color: #fff; text-decoration: line-through;}

.active_hotel_list{ padding: 1rem 0 0; background: #f6f6f6;}

.active_hotel_list li{ padding: 0 0 1rem 0;  margin: 1rem 0; background-color: #fff;}

.active_hotel_list li:first-child{ padding: 0 0 1rem 0; }

.active_hotel_list li:last-child{ padding: 0 0 1rem 0; margin-bottom: 0; }

.active_hotel_hotel{ width: 100%; height: 14.6rem;}

.active_hotel_tit{ padding: 0 1rem; }

.active_hotel_tit > .active_list_tit { position: relative; height: 1.6rem; padding: 1rem 0 0.6rem 0; color: #333; background: none; }

.active_hotel_tit .active_list_tit .fl{ font: bold 1.4rem/1.6rem "Microsoft YaHei"; color: #ff6600; }

.active_hotel_tit .active_list_tit .fr{ font: 500 1.3rem/1.6rem "Microsoft YaHei"; }

.active_hotel_tit .active_list_tit .fr i{ font: 1.2rem/1.6rem "Microsoft YaHei";  color: #333;}

.active_hotel_tit .apo{ color: #999; font-size: 1.2rem; line-height: 1.4rem;  }



/*团购秒杀*/

.tuang_list{ padding: 0 1rem .5rem; background-color: #fff; border-bottom: 1px solid #e2e2e2; overflow: hidden;}

.tuang_list li{padding: 1rem 0; border-bottom: 1px solid #e3e3e3;}

.tuang_list li:last-child{border-bottom: none;}

.tuang_img{position: relative; display: block; width: 7.4rem; height: 7.4rem; border-radius: .3rem; overflow: hidden;}

.tuang_img p{ position: absolute; top: 0; left: .5rem; z-index: 1; width: 3rem; padding: .6rem 0 .8rem 0; font-size: 1rem; line-height: 1.2rem; text-align: center; color: #fff; background: url(../images/jkj.png) no-repeat; background-size: 100% 100%; }

.tuang_cont{position: relative; display: block; padding: 0 1px 0 .75rem; overflow: hidden; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;}

.tuang_cont h2{ font: normal 1.5rem/1.7rem "Microsoft YaHei"; color: #333;}

.tuang_cont h2 b,.tuang_cont h3 b{ font-weight: normal; color: #f34642;}

.tuang_cont h3{ font: normal 1.4rem/1.6rem "Microsoft YaHei"; color: #222;}

.tuang_pric{ padding: .9rem 0; font: 500 1.8rem/1.8rem "Microsoft YaHei"; color: #f06b10;}

.tuang_pric span{ margin-left: .5rem; font: 1rem/1rem "Microsoft YaHei"; color: #666; text-decoration: line-through;}

.tuang_pros_txt{margin-left: .7rem; font: 1rem/1rem "Microsoft YaHei"; color: #666;}

.tuang_pros_txt span{ margin: 0 .2rem;}

.tuang_pros_bar{ position: relative; width: 40%; height: 1rem; border-radius: 1rem; background-color: #fcebeb;}

.tuang_pros_bar span{ position: absolute; left: 0; top: 0; height: 1rem; border-radius: 1rem; background-color: #f34642;}

.tuang_pros_bar i{ position: absolute; left: 50%; top: 0; width: 2.4rem; height: 1rem; line-height: 1.08rem; margin-left: -1.2rem; color: #fff; text-align: center; overflow: hidden;}

.tuang_shop{ padding-top: .4rem; font: 1rem/1rem "Microsoft YaHei"; color: #666;}

.tuang_shop b{font-weight: normal; color: #f34642;}

.tuang_shop span:first-child { max-width: 75%; }

.tuang_shop span:last-child { margin-left: .7rem; }

.tuang_btn{ position: absolute; right: 0; top: 3.5rem; width: 6.3rem; height: 2.3rem; font: 1.2rem/2.3rem "Microsoft YaHei"; color: #fff; text-align: center; background-color: #f34642; border-radius: .3rem;}



/*酒店团购详情*/

.tg_tab{margin: .5rem 0 1rem 0;}

.tg_tab_span{ display: inline-block; margin: 0 .3rem; padding: 0 .5rem; font: 1.2rem/2.2rem "Microsoft YaHei"; border-radius: .5rem; vertical-align: text-top;}

.tab0{color: #00b5ea; border: 1px solid #00b5ea;}

.tab1{color: #f69922; border: 1px solid #f69922;}

.tab2{color: #2ece90; border: 1px solid #2ece90;}

.tab3{color: #ff5e5e; border: 1px solid #ff5e5e;}

.tab4{color: #9fd7f5; border: 1px solid #9fd7f5;}

.tab5{color: #e26ae1; border: 1px solid #e26ae1;}

.tab6{color: #1df1db; border: 1px solid #1df1db;}

.tab7{color: #f11d45; border: 1px solid #f11d45;}

.tab8{color: #dbf11d; border: 1px solid #dbf11d;}

.tab9{color: #1d27f1; border: 1px solid #1d27f1;}



/*地区选择器*/

.mui-poppicker{box-shadow: none;}

.mui-poppicker-header button {  font-size: 1.4rem;font-family:"Microsoft YaHei";letter-spacing:.2rem;color: #fff;background: #b82121; border: none; }

.mui-pciker-rule-bg{background-color: #fff;}

.mui-poppicker{background-color:#fff;}

.mui-poppicker-header{background-color:#b82121;text-align:center;}

.mui-poppicker-header .mui-btn{font-size: 1.4rem;}

.mui-poppicker-title{display:inline-block;width:60%;padding:4px 0;margin:0 auto;font-size: 1.5rem; font-weight: normal;color:#fff;text-align:center;}

.mui-picker{background-color:#fff;}



/*天气预报*/

.wea_top{ position: relative; padding-bottom: 1rem; overflow: hidden; background-color: #fff;}

.wea_top_city{ position: relative; padding: 2rem 3rem 0; font: 2rem/2.4rem "STXihei"; color: #fff; text-shadow: 5px 2px 7px rgba(0,0,0,.15);}

.wea_city { display: inline;  height: 2.4rem;  border: none;  font: 2rem/2.4rem "STXihei"; color: #fff;  -moz-appearance: none;  -webkit-appearance: none; background: none;  }

.wea_dw{ margin-right: .7rem; font-size: 2.4rem; vertical-align: text-top;}

.wea_right{ vertical-align: bottom; font-size: 1.6rem;}

.wea_top_temp{ position: relative; padding: 1.4rem 3rem 0; height: 5.6rem; font: 5.5rem/5.6rem "Arial"; color: #fff; text-shadow: 5px 2px 7px rgba(0,0,0,.15);}

.wea_top_info{ position: relative; padding: 1.4rem 3rem 0; height: 1.5rem; font: 1.4rem/1.5rem "STXihei"; color: #fff; text-shadow: 5px 2px 7px rgba(0,0,0,.15); }

.wea_txt{ letter-spacing: .1rem}

.wea_temp{ font-size: 1.5rem;}



/*预警信息*/

.wea_alarms{ position: relative; margin: 6.4rem 1rem 0;  height: 3rem; overflow: hidden;  -webkit-box-sizing: border-box; box-sizing: border-box;}

.wea_alarms p{ position: absolute; left: 100%; top: 0; font: 1.3rem/3rem "Microsoft YaHei"; color: #fff;white-space: nowrap; animation: moveL both 40s infinite linear 4s;  -webkit-animation: moveL both 40s infinite linear 4s;}

.wea_alarms p img{ width: auto; height: 2.4rem; margin-right: .7rem; vertical-align: middle;}

@keyframes moveL{ 0%{ transform:translate(0,0);}  100%{ transform:translate(-200%,0);} }

@-webkit-keyframes moveL{ 0%{ -webkit-transform:translate(0,0);} 100%{  -webkit-transform:translate(-200%,0);} }



/*风 空气湿度*/

.wea_top_desc{ position: relative; height: 4.2rem; margin-top: .5rem;}

.wea_top_desc span{ display: block; float: left; width: 33.3%; height: 4.2rem; text-align: center; color: #fff; background: url(../images/wea_line.png) no-repeat right center; background-size: auto 100%;}

.wea_top_desc span:last-child{ background: none;}

.wea_top_desc span i{ display: block; font: 1.1rem/1.8rem "STXihei";}

.wea_top_desc span b{ display: block; font: 1.8rem/3rem "STXihei";}



/*风车车*/

.wea_fz{ position: absolute; z-index: 0;pointer-events: none;}

.wea_fz01{ left: 4.2rem; bottom: 9rem; width: 2.1rem; height: 4.6rem; }

.wea_fz02{ left: 7.9rem; bottom: 9.1rem; width: 1.5rem; height: 3.4rem; }

.wea_fz03{ right: 6.2rem; bottom: 9.3rem; width: 4.5rem; height: 10.1rem; }

.wea_fz04{ right: .4rem; bottom: 9.1rem; width: 3rem; height: 6.7rem; }

.wea_fc{ position: absolute;}

.wea_fz01 .wea_fc{ left: -1.4rem; top: -.95rem; width: 3.2rem; height: 3.2rem;}

.wea_fz02 .wea_fc{ left: -.77rem; top: -.3rem; width: 1.8rem; height: 1.8rem;}

.wea_fz03 .wea_fc{ left: -2.73rem; top: -3rem; width: 6.4rem; height: 6.4rem;}

.wea_fz04 .wea_fc{ left: -1.8rem; top: -1.4rem; width: 4.2rem; height: 4.2rem;}

.rotates{  -webkit-animation:load 2s linear 0s infinite;  animation:load 2s linear 0s infinite;  }

@-webkit-keyframes load{

    0%{  transform: rotate(0deg);  -webkit-transform: rotate(0deg); }

    100%{  transform: rotate(360deg);  -webkit-transform: rotate(360deg); }

}



/*水珠珠*/

.wea_sz{ position: absolute; z-index: 4; background: url(../images/wea_zhu01.png) no-repeat center; background-size: 100% 100%; pointer-events: none;}

.wea_sz1{ position: absolute; z-index: 5; background: url(../images/wea_zhu02.png) no-repeat center; background-size: 100% 100%; pointer-events: none;}

.wea_sz01{ left: 88%; top: 92%; width: 1.6rem; height: 1.6rem;}

.wea_sz02{ left: 14%; top: 19%; width: 1.6rem; height: 1.6rem;}

.wea_sz03{ left: 34%; top: 8%; width: 1.6rem; height: 1.6rem;}

.wea_sz04{ left: 83%; top: 36%; width: 1.6rem; height: 1.6rem;}

.wea_sz05{ left: 45%; top: 35%; width: 1.3rem; height: 1.3rem;}

.wea_sz06{ left: 67%; top: 66%; width: 1.3rem; height: 1.3rem;}

.wea_sz07{ left: 78%; top: 23%; width: 1rem; height: 1rem;}

.wea_sz08{ left: 96%; top: 6%; width: 1.6rem; height: 1.6rem;}

.wea_sz09{ left: 29%; top: 47%; width: 1.6rem; height: 1.6rem;}

.wea_sz10{ left: 89%; top: 69%; width: 1.1rem; height: 1.1rem;}

.wea_sz11{ left: 45%; top: 13%; width: 1.1rem; height: 1.1rem;}

.wea_sz12{ left: 35%; top: 68%; width: 1.6rem; height: 1.6rem;}

.wea_sz13{ left: 56%; top: 56%; width: 1.6rem; height: 1.6rem;}

.wea_sz14{ left: 17%; top: 14%; width: .5rem; height: .5rem;}

.wea_sz15{ left: 4%; top: 87%; width: 1.5rem; height: 1.5rem;}

.wea_sz16{ left: 83%; top: 97%; width: 1.3rem; height: 1.3rem;}

.wea_sz17{ left: 96%; top: 12%; width: .9rem; height: .9rem;}

.wea_sz18{ left: 25%; top: 65%; width: .7rem; height: .7rem;}

.wea_sz19{ left: 15%; top: 70%; width: .8rem; height: .8rem;}

.wea_sz20{ left: 12%; top: 96%; width: .6rem; height: .6rem;}

.wea_sz21{ left: 67%; top: 46%; width: 1rem; height: 1rem;}

.wea_sz22{ left: 78%; top: 45%; width: 1.2rem; height: 1.2rem;}

.animated1{  -webkit-animation-duration:1s;  animation-duration:1s; -webkit-animation-delay:.1s; animation-delay:.1s;  -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated2{  -webkit-animation-duration:.6s;  animation-duration:.6s; -webkit-animation-delay:.2s; animation-delay:.2s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated3{  -webkit-animation-duration:.9s;  animation-duration:.9s; -webkit-animation-delay:.3s; animation-delay:.3s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated4{  -webkit-animation-duration:1.2s;  animation-duration:1.2s; -webkit-animation-delay:.3s; animation-delay:.3s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated5{  -webkit-animation-duration:.8s;  animation-duration:.8s; -webkit-animation-delay:.4s; animation-delay:.4s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated6{  -webkit-animation-duration:1.1s;  animation-duration:1.1s; -webkit-animation-delay:.4s; animation-delay:.4s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated7{  -webkit-animation-duration:.7s;  animation-duration:.7s; -webkit-animation-delay:.5s; animation-delay:.5s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated8{  -webkit-animation-duration:.5s;  animation-duration:.5s; -webkit-animation-delay:.5s; animation-delay:.5s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated9{  -webkit-animation-duration:1.2s;  animation-duration:1.2s; -webkit-animation-delay:.6s; animation-delay:.6s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated10{  -webkit-animation-duration:1s;  animation-duration:1s; -webkit-animation-delay:.6s; animation-delay:.6s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated11{  -webkit-animation-duration:.6s;  animation-duration:.6s; -webkit-animation-delay:.7s; animation-delay:.7s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated12{  -webkit-animation-duration:.9s;  animation-duration:.9s; -webkit-animation-delay:.7s; animation-delay:.7s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated13{  -webkit-animation-duration:.8s;  animation-duration:.8s; -webkit-animation-delay:.8s; animation-delay:.8s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }

.animated14{  -webkit-animation-duration:.7s;  animation-duration:.7s; -webkit-animation-delay:.8s; animation-delay:.8s; -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }



/*云朵朵*/

.wea_yun{ position: absolute; z-index: 0; background: url(../images/wea_yun.png) no-repeat center; background-size: 100% 100%; pointer-events: none;}

.wea_yun01{ left: -100px; top: 1%; width: 5.7rem; height: 3rem;}

.wea_yun02{ left: -100px; top: 22%; width: 4.2rem; height: 2.1rem;}

.wea_yun03{ left: -100px; top: 42%; width: 3.2rem; height: 1.68rem;}

.wea_yun04{ left: -100px; top: 36%; width: 2.4rem; height: 1.26rem;}

.wea_yun05{ left: -100px; top: 14%; width: 5.3rem; height: 2.8rem;}

.wea_yun06{ left: -100px; top: 48%; width: 3.6rem; height: 1.9rem;}

.wea_yun07{ left: -100px; top: 56%; width: 1.7rem; height: .6rem;}

.wea_yun08{ left: -100px; top: 28%; width: 2.8rem; height: 1.47rem;}



.sleed1{  -webkit-animation:move 35s linear 0s infinite;  animation:move 35s linear 0s infinite;  }

.sleed2{  -webkit-animation:move 44s linear 10s infinite;  animation:move 44s linear 10s infinite;  }

.sleed3{  -webkit-animation:move 34s linear 8s infinite;  animation:move 34s linear 8s infinite;  }

.sleed4{  -webkit-animation:move 33s linear 23s infinite;  animation:move 33s linear 23s infinite;  }

.sleed5{  -webkit-animation:move 42s linear 30s infinite;  animation:move 42s linear 30s infinite;  }

.sleed6{  -webkit-animation:move 65s linear 29s infinite;  animation:move 65s linear 29s infinite;  }

.sleed7{  -webkit-animation:move 50s linear 4s infinite;  animation:move 50s linear 4s infinite;  }

.sleed8{  -webkit-animation:move 58s linear 17s infinite;  animation:move 58s linear 17s infinite;  }

@-webkit-keyframes move{ 0%{  transform: translate3d(500px, 0, 0); } 100%{  transform: translate3d(0, 0, 0); } }



/*下雨下雪*/

.wea_xyy,.wea_xxx{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  pointer-events: none;}



/*白天*/

.wea_top.day{ background: #54d8ff url(../images/wea_bj.png) no-repeat center bottom; background-size: 100% auto;}

.day .wea_fz{ background: url(../images/wea_fz.png) no-repeat center; background-size: 100% 100%;}

.day .wea_fc{ background: url(../images/wea_fc.png) no-repeat center; background-size: 100% 100%;}



/*晚上*/

.wea_top.night{ background: transparent url(../images/wea_bj_c.png) no-repeat center bottom; background-size: 100% auto;}

.wea_bj{ z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.night .wea_bj{ background: url(../images/wea_night.jpg) no-repeat center top; background-size: 100% auto;}

.yu .wea_bj{ background: url(../images/wea_night_yu.jpg) no-repeat center top; background-size: 100% auto;}

.night .wea_fz{ background: url(../images/wea_fz_c.png) no-repeat center; background-size: 100% 100%;}

.night .wea_fc{ background: url(../images/wea_fc_c.png) no-repeat center; background-size: 100% 100%;}



/*将来25小时天气*/

.wea_hour{ width: 100%; height: 6rem; padding: .7rem 0; border-bottom: 1px solid #e3e3e3; overflow-x: auto; background-color: #fff; }

.wea_hour_box{ width: 105rem; height: 6rem; padding: 0 1rem;}

.wea_hour_box span{ display: block; float: left; width: 4.2rem; text-align: center;}

.wea_hour_box span i,.wea_hour_box span em,.wea_hour_box span b{ display: block; font: normal 1.2rem/2rem "STXihei"; color: #333;}

.wea_hour_box span em{ color: #03bcf2;}



/*将来一周天气*/

.wea_wenk{ width: 100%; background-color: #fff; border-bottom: 1px solid #e3e3e3;}

.wea_table{ width: 94%; margin: 0 auto;  box-sizing: border-box; -webkit-box-sizing:border-box; background-color: #fff;}

.wea_table td { text-align: center; font: 1.3rem/1.8rem "STXihei"; padding: 1.5rem 0; border-bottom: 1px solid #e3e3e3; }

.wea_table tr:last-child td{ border-bottom: none; }

.wea_week{ width: 9rem;}

.wea_num{ width: 7rem;}

.wea_jt{ font-size: 1.8rem; color: #03bcf2;}



/*天气图表*/

.wea_char{ margin-top: 1rem; padding: 2rem 1rem 1rem;  background-color: #fff;}

.wea_char h3{ padding: 0 1.5rem; font: normal 1.5rem/2.2rem "STXihei"; color: #666; }

.wea_char_box{ width: 12rem; height: 12rem; margin: 2rem 1rem 1rem 1rem; }

.wea_txt_box{ height: 9rem;  margin-top: 2rem; }

.wea_aqi_txt{ padding-top: .6rem;}

.wea_hum_txt{ padding-top: 2rem;}

.wea_txt_box p{ height: 3rem; font: 1.2rem/3rem "STXihei";}

.wea_txt_box p span{ float: left; width: 7.4rem;}

.wea_txt_box p b{ display: inline-block; width: 4rem; font-weight: normal; font: 1.2rem/3rem "STXihei"; color: #666; }

.wea_txt_box p i{ display: inline-block; font: normal 1.5rem/3rem "STXihei"; color: #333;}

.wea_hum_txt p b{ width: 5rem;}



.wea_sugg_box{ padding: 1rem 0 2rem 0; }

.wea_sugg_box p { font: 1.2rem/1.6rem "STXihei"; color: #555; text-indent: 2rem; margin-bottom: .7rem;  }



/*2017.11.1*/

/*积分商城*/

.my_sign{position: absolute; top: 1.5rem; right: 1rem; width: 4.8rem; height: 1.6rem; text-align: center; font: 1rem/1.6rem "Microsoft YaHei"; color: #fff; border: 1px solid #fff; border-radius: 2rem; z-index: 2;}

.my_sign i{position: absolute; top: -.3rem; right: .3rem; z-index: 2; width: .6rem; height: .6rem; background-color: #f06b10;  border-radius: 100%;}

.my_icon07{ color: #2ece90; }

.robot004:hover p{color: #2ece90;}

.sign_main{ position: relative; padding: 2rem; }

.sign_box{ width: 11.8rem; height: 11.8rem; margin: 0 auto; background: url(../images/sign_bj.png) no-repeat center; background-size: 100% 100%;  }

.sign_box p{ color: #fff; text-align: center; }

.sign_txt01{ height: 3rem; padding-top: 3rem; font: 2.6rem/3rem "Microsoft YaHei"; }

.sign_txt02{ font: 1.2rem/2rem "Microsoft YaHei"; }

.sign_cont{ position: absolute; right: 1rem; top: 1.2rem; }

.sign_cont a{ display: block; width: 6.6rem; height: 1.9rem; font: 1.2rem/1.9rem "Microsoft YaHei"; color: #fff; background-color: #f18c19; border-radius: 1.9rem; text-align: center; }

.sign_cont a.curr{ background-color: #d8d8d8; }

.sign_cont p{ font: 1rem/2.4rem "Microsoft YaHei"; color: #666; }

.sign_cont p i{ margin: 0 .2rem; font-style: normal; color: #f06b10; }



.sign_btn{ margin-top: 0; }

.sign_btn .iconFont{ font-size: 2.4rem; }

.sign_btn a{ padding: 1.2rem 0 ; }

.sign_btn p{ font-size: 1.4rem; }



.my_Interactive .sign_clear{ float: right; width: 7.5rem; height: 1.9rem; padding: 0; margin-top: 1rem; font: 1.2rem/1.9rem "Microsoft YaHei"; color: #666; border: 1px solid #bab9b9; border-radius: .4rem; letter-spacing: .1rem; }

.sign_list{ padding-left: 1rem; }

.sign_list li{ position: relative; padding-left: 3.9rem;}

.sign_list li:first-child .sign_listP{ border-bottom: 1px solid #f5d5d5;}

.sign_list li.last p{ padding: 3rem 1rem 3rem 0; font: 1.2rem/1.3rem "Microsoft YaHei"; color: #999; text-align: center; }

.sign_listP{ position: relative; padding: 1.4rem 1rem 1.5rem 0; border-bottom: 1px solid #e2e2e2;}

.sign_listP .sign_p01{ font: 1.5rem/1.6rem "Microsoft YaHei"; color: #333; }

.sign_listP .sign_p02{ padding-top: .7rem; font: 1.2rem/1.4rem "Microsoft YaHei"; color: #999; }

.sign_num{ position: absolute; right: 1rem; top: 1.5rem; font: 1.5rem/1.6rem "Microsoft YaHei"; }

.sign_num01{ color: #f06b10; }

.sign_num02{ color: #2ece90; }

.sign_tip{ position: absolute; left: 1.5rem; width: 2px; height: 100%; background-color: #dbdada; }

.sign_tip:before{ position: absolute; left: -.56rem; top: 1.9rem; width: 1.3rem; height: 1.3rem; background-color: #dbdada; border-radius: 100%; content: ''; }

.sign_list li:first-child .sign_tip{ top: 1.6rem; }

.sign_list li:first-child .sign_tip:before{ left: -.84rem;top: 0; width: 1.9rem; height: 1.9rem; background-color: #f5d5d5; }

.sign_list li:first-child .sign_tip:after{ position: absolute; left: -.6rem;top: .25rem; width: 1.4rem; height: 1.4rem; background-color: #f54848; border-radius: 100%; content: ''; }

.sign_list li.last .sign_tip:before{ background: none; }



/*弹出框*/

.bodySet{ height: 100%; overflow: hidden;}

.pop_mask{ position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; padding-top: 1px; background-color: rgba(0,0,0,.6); overflow: hidden; }

.pop_mask .pop_main{ position: relative; width: 90%; margin: 0 auto; background-color: #fff; border: 2px solid #f5d5d5; border-radius: .7rem;}

.pop_close{position: absolute; left: 50%; bottom: -1.7rem; z-index: 100; width: 14rem; height: 3.4rem; margin-left: -7rem; background-color: #f54848; border-radius: .5rem; font: 1.8rem/3.4rem "Microsoft YaHei"; color: #fff; text-align: center; letter-spacing: .3rem;  }

.pop_cont{ position: relative; width: 100%; height: 100%;overflow-y: auto; padding: 1rem 1.4rem 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pop_cont img{ max-width: 100%; }



/*弹窗淡入动效*/

.tcshow{  animation: fadeIn .6s .2s ease both; -webkit-animation:fadeIn .6s .2s ease both;  -moz-animation:fadeIn .6s .2s ease both;}

@-webkit-keyframes fadeIn { 0%{-webkit-transform:scale(.5);opacity:0}  100%{-webkit-transform:scale(1);opacity:1} }

@-moz-keyframes fadeIn { 0%{-moz-transform:scale(.5);opacity:0}  100%{-moz-transform:scale(1);opacity:1} }

@keyframes fadeIn { 0%{transform:scale(.5);opacity:0}  100%{transform:scale(1);opacity:1} }



/*弹窗淡出动效*/

.tchide{  animation: fadeOut .6s ease both; -webkit-animation:fadeOut .6s ease both;  -moz-animation:fadeOut .6s ease both;}

@-webkit-keyframes fadeOut { 0%{-webkit-transform:scale(1);opacity:1}  100%{-webkit-transform:scale(.5);opacity:0} }

@-moz-keyframes fadeOut { 0%{-moz-transform:scale(1);opacity:1}  100%{-moz-transform:scale(.5);opacity:0} }

@keyframes fadeOut { 0%{transform:scale(1);opacity:1}  100%{transform:scale(.5);opacity:0} }



/*--------------------------------------------------------店铺详情-----------------------------------------------------*/

/*店铺大图*/

.sdesc_ban{position: relative; height: 20.4rem; overflow: hidden;}

.sdesc_ban > img{ width: 100%; min-height: 100%; }

.sdesc_h5{ position: absolute; left: 50%; top: 50%; display: inline-block; width: 5rem; height: 5rem; margin: -2.4rem 0 0 -2.4rem; background: url(../images/desc_h5.png) no-repeat center; background-size: 100% 100%; border-radius:100%; }

.sdesc_h5.video{ background: rgba(0,0,0,.6) url(../images/videoLiBtn1.png) no-repeat center; background-size: 100% 100%; }

.shaix_main{ position: absolute; left: 0; top: 4rem; width: 100%;}

#sound_image{ width: 2.4rem; height: 2.4rem; background: url(../images/ccbg.png) no-repeat center; background-size: 100% 100%; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; }

#sound_image img{ width: 48%; height: auto; margin: .5rem 0 0 .3rem; animation: rota both 1.8s ease-in-out infinite; -webkit-animation: rota both 1.8s ease-in-out infinite; }



.intro_box { position: absolute; left: 5rem; bottom: 1rem; z-index: 10; width: 77%; }

.intro_tit { position: relative; font-size: 1.9rem; color: #fff; -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-shadow: 1px 1px 3px rgba(0,0,0,.4); }

.icon { position: absolute; text-align: center; background: #2dd3b9; -webkit-border-radius: 50%; border-radius: 50%; }

.icon img { width: 45%; vertical-align: top; margin-top: 1.2rem; }

.icon_small { left: -3.6rem; top: -.3rem; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; text-align: center; }

.icon_small img { width: 50%; vertical-align: top; margin-top: .8rem; }

.ind_price { margin: .4rem auto; font-size: 1.8rem; color: #fff; -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-shadow: 1px 1px 3px rgba(0,0,0,.4); }

.intro_info{ font-size: 1.2rem; color: #fff; -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-shadow: 1px 1px 3px rgba(0,0,0,.4); }

.ind_label > span { display: inline-block; height: 1.7rem; line-height: 1.7rem; margin: .8rem .5rem 0 0; padding: 0 .6rem; font-size: 1.2rem; color: #fff; border: .1rem solid #fff; -webkit-border-radius: 1.7rem; border-radius: 1.7rem;

    -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-shadow: 1px 1px 3px rgba(0,0,0,.4); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3); box-shadow: 1px 1px 3px rgba(0,0,0,.3); }

.ind_imgs img{ width: 100%; height: auto; margin-top: .6rem;}



.intro_box01 { position: relative; bottom: 0; width: 79%;padding-bottom: 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.intro_box01 .intro_tit { color: #333; text-shadow: none; }

.intro_box01 .ind_price { color: #333; text-shadow: none; }

.intro_box01 .intro_info{ margin-top: .5rem; color: #333; text-shadow: none; }

.intro_box01 .ind_label > span { color: #333; text-shadow: none; border: .1rem solid #efefef; }

.intro_tab{ position: absolute; right: 0; top: 0; z-index: 2; font: 1.2rem/1.3rem "Microsoft YaHei"; color: #2dd3b9; }



.buy_boss { position: relative; width: 81%; margin: .8rem auto 0; text-align: center; }

.buy_boss > span {position: relative; display: inline-block; z-index: 1; line-height: 1.9rem; padding: 0 1rem; font-size: 1.6rem; color: #2dd3b9; background-color: #fff; }

.buy_boss > span img { width: 1.6rem; }

.buy_boss > i { position: absolute; left: 0; bottom: .8rem; z-index: 0; display: block; width: 100%; height: .1rem; background-color: #d5d5d5; }

.buy_mess { width: 90%; margin: .6rem auto 0; line-height: 1.9rem; font-size: 1.4rem; color: #555; text-align: center; }

.btn_box { width: 80%; margin: 1rem auto 0; }

.btn_box a { display: block;width: 50%; font-size: 1.4rem; color: #666; text-align: center;}

.btn_box a img { display: block; width: 4.4rem; margin: 0 auto 1rem; border-radius: 100%; }





/*老板语音*/

.sdesc_shuo{position:absolute;left: 0; top: 1rem;z-index: 1;width:48%;}

.sdesc_shuo_img{position: relative;width: 5.4rem;height: 5.4rem;margin: 0 .2rem 0 1rem;border-radius:100%;overflow: hidden;border: 2px solid #fff}

.voice{ position: relative; display: inline-block; vertical-align: middle; width: 40%; height: 3rem; padding: .3rem .3rem .3rem .7rem; margin-top:.7rem; font-size: 0; background: url(../images/desc_sy.png) no-repeat center; background-size: 100% 100%; }

.voice span{font-size: 1.4rem}

.voice .video_time{position:absolute;bottom:1.2rem;right:1rem;font-size: 1rem;line-height:.5rem;color:#fff;}

.voice_dot{ position: absolute; right: -.1rem;top: -.2rem; display: inline-block;width: .8rem;height: .8rem;border-radius: 100%;background-color:#f65530;}

.voice_img1{ height: .7rem; vertical-align: top; margin: 1.15rem 0 0 .5rem; }

.voice_img2{ height: 1.2rem; vertical-align: top; margin: .89rem 0 0 .05rem; }

.voice_img3{ height: 1.9rem; vertical-align: top; margin: .52rem 0 0 -.1rem; }

.voc_play .voice_img1{ -webkit-animation: fdIn2 both 1s infinite  ease-in-out; animation: fdIn2 both 1s infinite  ease-in-out;}

.voc_play .voice_img2{ -webkit-animation: fdIn both 1s infinite  ease-in-out .3s; animation: fdIn both 1s infinite  ease-in-out .3s;}

.voc_play .voice_img3{ -webkit-animation: fdIn both 1s infinite  ease-in-out .6s; animation: fdIn both 1s infinite  ease-in-out .6s;}

/*渐显*/

@-webkit-keyframes fdIn2{ 0%{ -webkit-opacity:0.2;} 100%{-webkit-opacity:1;} }

@keyframes fdIn2{ 0%{ opacity:0.2; } 100%{ opacity:1; } }

@-webkit-keyframes fdIn{ 0%{ -webkit-opacity:0.1;} 100%{-webkit-opacity:1;} }

@keyframes fdIn{ 0%{ opacity:0.1; } 100%{ opacity:1; } }



/*店铺名称 + 图片 + 收藏*/

.sdesc_name{position: absolute; left: 0; top:180px; bottom: 0; z-index: 1; width: 100%; padding: 1.5rem 1rem .7rem 1rem; box-sizing: border-box; -webkit-box-sizing:border-box ; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 60%, rgba(0, 0, 0, 1) 100%, #000 100%);}

.sdesc_name span{color: #fff;}

.sdesc_name span.fl{max-width: 65%; font: 1.6rem/2rem "Microsoft YaHei";}

.sdesc_name span.fr{ padding: 0 0 0 1.3rem; font: 1.4rem/2rem "Microsoft YaHei";}



/*一键导航+一键拨号*/

.sdesc_tit{display: block; height: 2.5rem; padding: 1rem; font: normal 1.4rem/2.6rem "Microsoft YaHei"; color: #222; background-color: #fff; border-bottom: 1px solid #e3e3e3;}

.sdesc_tit .tit_icon{font-size: 2rem;}

.sdesc_tit .tit_more{ max-width: 72%; padding-left: 0; font: 1rem/2.5rem "Microsoft YaHei";}

.tit_more .hide{ display: inline-block; max-width: 94%; font-weight: normal; color: #555;}



.sdesc_box{margin-top: 1rem; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}

.sdesc_box02{padding: 1rem 0 0 0;}

.sdesc_box03{padding: 1rem 0;}

.sdesc_title{ padding: 1rem; font: normal 1.6rem/2.9rem "Microsoft YaHei";}

/*商家卡券列表*/

.cp_list{ padding: .5rem .7rem 0; overflow: hidden; }

.cp_list02{ padding: 0 .8rem .5rem .8rem; }

.cp_list li{position: relative;margin-top: 1rem;overflow: hidden;}

.cp_list .cp_quan{background:url(../images/my_quan01.png) no-repeat left center;background-size:100% 100%;}

.cp_list .cp_ka{background:url(../images/my_quan02.png) no-repeat left center;background-size:100% 100%;}

.cp_list .cp_haved{background:url(../images/my_quan03.png) no-repeat left center;background-size:100% 100%;}

.quan_con{position:relative;display:block;width:100%;padding:.6rem 0 1rem;-webkit-box-sizing: border-box; box-sizing: border-box;}

.quan_con .quan_info{width: 60%;padding: 0 0 0 2rem; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box;}

.quan_con .quan_text{width: 33%;padding-top:10%;padding-bottom:6%;font-size:1.5rem;color: #fff;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;}

.quan_sum{font-size: 3.4rem;}

.quan_sum span{font-size: 2.8rem;}

.quan_sum i{font-size: 2rem;font-style: normal;}

.cp_quan .quan_sum{color: #e94a4b;}

.cp_ka .quan_sum{color: #ff7e00;}

.cp_haved .quan_sum{color: #bbbbbb;}

.cp_quan .quan_sum i{margin-right: .3rem;}

.cp_ka .quan_sum i{margin-left: .3rem;font-size: 1.8rem;}

.quan_con .quan_info .hide{ font-size: 1.3rem;line-height: 1.9rem;}

.cp_haved .quan_info .hide{color: #999;}



/*商家团购列表*/

.tuang_list02{ border-bottom: none;}

.tuang_list02 .tuang_pric{ padding: 1rem 0 0 0; }

.tuang_list02 .tuang_btn{ right: 0; top: 2.5rem; }

.tuang_list02 .tuang_pros{ position: absolute; left: .75rem; bottom: .3rem; width: 100%; height: 1.2rem;}



/*红包卡券+团购秒杀*/

.sdesc_quan, .sdesc_tuan{display: block;margin-top: 1rem;}

.sdesc_quan img{width: 100%; min-height: 100%;}

.quan_more,.tuan_more{display:block;margin-top: 1rem;margin-bottom:1.5rem;}



/*评论留言*/

.grade{display: inline-block; vertical-align: middle; padding-top: 0;}

.grade .fontOrange{padding-left: 0;vertical-align: top;}

.changeWord{font-size: 1.8rem; color: #222;}

.look_more_le{font-size: 1.2rem; color: #999; text-align: center;}

.look_more_le img{height: .6rem; padding: 0 .5rem; vertical-align: middle; }



.mess{ height: 5rem; padding: 0 1rem;  font-size: 1.6rem; line-height: 5rem; font-weight: normal;  text-align: left;  color: #333; border-bottom: 1px solid #e6e6e6;}

.mess > img{width:2.45rem; margin:1.2rem  0.4rem 0 0; }

.edit_ly{ display: inline-block; vertical-align: top; width: 2rem;  background-size: 100% auto;}

.mess_lst{ padding-left: 1rem; background:#fff;}

.mess_lst li{ padding: 1.5rem 1rem 0 0.3rem; border-bottom: 1px solid #e6e6e6;}

.mess_user{ width: 3.6rem; height: 3.6rem; margin-right: 0.5rem; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #e6e6e6;}

.mess_name{ padding-top: 0.4rem; color: #555; font-size: 1.4rem; line-height: 1.4rem;}

.mess_time{ padding-top: 0.5rem; color: #999; font-size: 1rem; line-height: 1rem;}

.mess_font{ padding: 0.8rem 0 1.2rem; color: #999; font-size: 1.2rem; line-height: 1.6rem; text-align: left;  word-wrap: break-word;}

.want_mess{ width: 100%; padding: 0.8rem 1rem; opacity: 0;}

.want_mess > input{ display: block; height: 3.2rem; line-height: 3.2rem; padding-left: 0.5rem; border: 1px solid #e6e6e6; background-color: #fff; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.want_mess > a{ display: block; width: 6rem; height: 3.2rem; line-height: 3.2rem; margin-left: 0.5rem; font-size: 1.4rem; color: #fff; text-align: center; background-color: #ff7e00; -webkit-border-radius: 0.5rem;}

.leave_time{padding-left: .5rem; vertical-align: middle; color: #b1b1b1;}



.words{font-size: 1.4rem; line-height: 1.9rem; color: #555;font-family: "Microsoft YaHei";}

.words p,.words p span{font-family: "Microsoft YaHei"!important;}

.words img{max-width: 100%; height: auto;}

.needP{padding: 1.2rem 1rem;}



/*新版店铺详情*/

.active_tit{ display:block; height: 2.6rem; padding: 1.2rem 1rem 1rem; font: normal 1.6rem/2.6rem "Microsoft YaHei"; color: #333; background-color: #fff; border-bottom: 1px solid #e3e3e3;}

.tit_icon{ display:inline-block; padding: 1px; margin-right: .5rem; font: 500 2.4rem/2.6rem "Microsoft YaHei"; vertical-align: top; color: #b82121; }

.tit_more{ padding-left: 1rem; font: 1.2rem/2.6rem "Microsoft YaHei"; color: #999; transition: all .3s linear; }

.desc_addtel{ position: relative; height: 2.5rem; padding: 1rem 4.7rem 1rem 1rem; background-color: #fff; border-bottom: 1px solid #e3e3e3; }

.desc_add{ position: relative; display: block; height: 2.5rem; padding: 0 2rem 0 2.4rem; font: 1.3rem/2.5rem "Microsoft YaHei"; color: #333; }

.desc_add .iconFont{ position: absolute; display: block; top: 0; height: 2.5rem; }

.desc_add .tit_icon{ left: 0; }

.desc_add .more_icon{ right: 1rem; margin-left: 0; line-height: 2.5rem; }

.desc_tel{ display: block; position: absolute; right: 1rem; top: 1rem; width: 3.7rem; height: 2.5rem; border-left: 1px solid #e3e3e3; text-align: right; }

.desc_tel .tit_icon{ padding: 0; margin: 0; }

.desc_photo{ padding: 0 1rem 1.2rem; border-bottom: 1px solid #e3e3e3;}

.desc_photo_box,.desc_photo_box01{ position: relative; display: block; width: 100%; margin-top: 1rem; border-radius: .4rem; overflow: hidden; }

.desc_photo_box .sdesc_name{ font: 1.5rem/2rem "Microsoft YaHei"; color: #fff; padding-right: 7.6rem; pointer-events: none; }

.desc_photo_box .sdesc_name b{ position: absolute; right: .5rem; bottom: 0; height: 2rem;  padding: 1.5rem 0 .7rem 0; font: normal 1.1rem/2rem "Microsoft YaHei"; text-align: right; pointer-events: none; }

.desc_photo_box .sdesc_name span{ font: 1.1rem/2rem "Microsoft YaHei"; }

.choice_cover1{position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.8);}

.choice_cover1 img{display: block; margin: -26% auto 0;width: 107%; padding-bottom: 100%; }





@media screen and (min-width:320px) and (max-width:360px){

    .quan_lose{top: 22%;right: 27%;}

    .quan_des{width: 35%;}

    .sayBox textarea{height:10.2rem;}

    .cang_tuan_img{width: 7rem;}

    .cang_tuan_info{width: 46%}

    .cang_desc_h5{font-size: 5.8rem;margin:-2.6rem 0 0 -2.6rem;}

    .tgdesc_ewm span.fl{width: 8rem;height: 8rem;}

    .order_desc .order_tname { width: 53%; }

    .desc_img01{max-height: 18rem}

    .hotelList01Div h3{max-width: 58%;}

    .login_cont{margin-top: 10%;}

    .loginMain .login_cont{margin-top: 2rem;}

    .quan_con .quan_text{padding-bottom:8%;}

    .map_type p{width:47rem;}

    .hotel_add span:first-child{max-width: 63%;}



    .wea_fz02{ bottom: 8.7rem; }

    .wea_fz03{ bottom: 9rem; }

    .wea_char_box{ width: 10rem; height: 10rem;}

    .wea_aqi_txt{ padding-top: 0;}

    .wea_hum_txt{ padding-top: 1rem;}

}

/*针对自带内置操作条的安卓手机*/

@media screen and (min-width:321px) and (max-width:390px) and (min-height:481px)and (max-height:567px){

    .voice_arr{ left: -.36rem; }

}

/*满足最小宽度为700的横屏的样式表*/

@media all and (min-width: 450px) and (orientation: landscape) {

    /*搜索栏*/

    .search{ border-radius: .4rem;}

    .searchBox{ padding: .5rem 1rem; height:auto;}

    .search input{ height: 1.2rem; line-height: 1.2rem; margin-top: .5rem; font-size: 1rem;}

    .search select,.search_icon{ height: 2.2rem; line-height: 2.2rem; font-size: 1rem;}

    /*底部导航*/

    .nav{ padding: .3rem 0;}

    .fix_icon{ font-size: 1.6rem; }

    .nav a h3{ font-size: 1rem; line-height: 1.2rem; padding-top: 0;}

}



@-webkit-keyframes flash{ from, 50%, to{  opacity:1;  } 25%, 75%{  opacity:0;  } }

@keyframes flash{ from, 50%, to{  opacity:1;  } 25%, 75%{ opacity:0; } }

.flash{  -webkit-animation-name:flash;  animation-name:flash;  }

.animated{  -webkit-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  animation-fill-mode:both;  }









/*新增h5皮肤页面样式*/

.h5-mask{ position: absolute; top:0; left: 0; width: 100%; height: 100%;  background: #fff;  overflow: hidden;z-index: 9; }

/*水墨风格样式start*/

.view-box{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;overflow: hidden; background-color: #fff; z-index:99;transition: all ease .3s; -webkit-transition: all ease .3s; background-image: url("../images/viewbox-bg.png"); background-repeat: repeat; }

.view-box.hide-animation{animation: hide-animation .6s linear;-webkit-animation: hide-animation .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}

.view-box .top-bg{position: absolute;width: 100%;top: 0;left:0;z-index: 9;}

.view-box .bottom-bg{position: absolute;width: 100%;bottom: 0;left:0;z-index: 9;}

.view-box .hotel-title{position: absolute;top: 2.17%;left: 0;width: 100%;padding-left: 3.6%;box-sizing: border-box;z-index: 9;}

.view-box .person-img{position: absolute;width: 16.67%;background: url("../images/person-img-bg-smfg.png") no-repeat center/cover;border-radius: 50%;

    opacity: 0;left: -50%;-webkit-border-radius: 50%;overflow: hidden;animation: person-img 1.5s linear;-webkit-animation: person-img 1.5s linear;animation-fill-mode:forwards;

    -webkit-animation-fill-mode:forwards;transition: all ease .3s;-webkit-transition: all ease .3s;}

.view-box .person-img img{position: absolute;top: 50%;left: 50%;width: 80%;height: 80%;border-radius: 50%;-webkit-border-radius: 50%;transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);}

.view-box .nav-box{position: absolute;bottom:20%;width: 26.67%;right:0;min-height: 6.6rem;z-index: 9999}

.view-box .nav-box a{position: absolute;top: 0;left:100%;width: 100%;margin-top: 2.82rem;text-align: center;opacity: 0;transition: all ease .3s;

    -webkit-transition: all ease .3s;transition: all ease .3s;-webkit-transition: all ease .3s;animation: nav 1.2s linear;animation-fill-mode: forwards;

    -webkit-animation-fill-mode: forwards;}

.view-box .nav-box a:nth-child(1){top: 0;animation-delay: 0s;-webkit-animation-delay: 0s;}

.view-box .nav-box a:nth-child(2){top: 25%;animation-delay: .4s;-webkit-animation-delay:.4s;}

.view-box .nav-box a:nth-child(3){top: 50%;animation-delay: .8s;-webkit-animation-delay:.8s;}

.view-box .nav-box a:nth-child(4){top: 75%;animation-delay: 1.2s;-webkit-animation-delay:1.2s;}

.view-box .nav-box a img{width: 54.5%;height:auto;}

.nav-box a span{display: block;width: 100%;margin-top: 0.5rem;font-size: 1.2rem;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.view-box .footer{position: absolute;left: 0;bottom:0;width: 100%;font-size:1.2rem ;color: #333;text-align: center;letter-spacing: 2px;animation: footer .8s linear 1.6s;

    -webkit-animation: footer .8s linear 1.6s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;opacity: 0;z-index: 9;}

/*.view-box .footer:after{content: '';position: absolute;left: 50%;top: -0.6rem;width: 6%;height: 3px;background: #a5a5a5;*/

/*transform: translateX(-50%); -webkit-transform: translateX(-50%);}*/

/*底部导航动画*/

@keyframes nav {from{left: 100%;opacity: 0;}to{left: 0;opacity: 1;}}

@-webkit-keyframes nav {from{left: 100%;opacity: 0;}to{left: 0;opacity: 1;}}

/*底部文字信息动画*/

@keyframes footer {from{bottom: 0;opacity: 0;}to{bottom: 4.45%;opacity: 1;}}

@-webkit-keyframes footer {from{bottom: 0;opacity: 0;}to{bottom: 4.45%;opacity: 1;}}

/*酒店名字*/

.hotelName{position: absolute; height: 1.8rem;margin-left: 18%;top: 15%;overflow: hidden;}

.hotelName > span {display: block;width: 1.7rem;line-height: 1.8rem;font-size: 1.56rem;color: #333;float: left;opacity: 0;

    transition: all ease .3s;-webkit-transition: all ease .3s;animation: textMove 1.6s linear;-webkit-animation: textMove 1.6s linear;

    animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.view-box .hotelInfo{position: absolute;margin-left: 18%;bottom: 15%;font-size: 1.1rem;color: #666;opacity: 0;animation: hotelInfo .4s linear 1.6s;

    -webkit-animation: hotelInfo .4s linear 1.6s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.view-box .active {animation-name: titleOpacity !important;-webkit-animation-name: titleOpacity !important;animation-fill-mode: forwards !important;-webkit-animation-fill-mode: forwards !important;}

/*轮播样式*/

.view-box .banner-box{ position: absolute; left: 0; bottom: 13.1%; width: 78%; transition: all ease .4s; -webkit-transition: all ease .4s; overflow: hidden;

    opacity: 0;animation: titleOpacity 2.5s linear;-webkit-animation: titleOpacity 2.5s linear;animation-fill-mode:forwards;

    -webkit-animation-fill-mode:forwards;

}

.view-box .banner-box:after{content: '';position: absolute;width: 100%;height: 100%;background: url("../images/swiper-bg-smfg.png") no-repeat center/cover;

    z-index: 9;opacity: .98;transition: all ease .4s;animation: swiper-bg 3s linear infinite;-webkit-animation: swiper-bg 3s linear infinite;pointer-events: none;}

.h5-swiper-banner.swiper-container{position: absolute;width: 90%;left: -10%;top: 50%;transform: translateY(-55%);-webkit-transform: translateY(-55%);

    border-radius: 50%;-webkit-border-radius: 50%;}

.h5-swiper-banner.swiper-container img{position: absolute;width: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.h5-swiper-banner.index_sli .swiper-slide img{width: 100%;height: auto;min-height: 100%;}

.up_down{position: absolute;left: 50%;bottom: 7%;width: 26px;height: 26px;margin-left: -13px;border-radius: 50%;-webkit-border-radius: 50%;

    background: url(../images/up_down.png) no-repeat center/contain;animation: up_down 1.2s linear infinite;

    -webkit-animation: up_down 1.2s linear infinite;z-index: 10;}

#touch-up{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 10;}

/*酒店简单介绍动画*/

@keyframes hotelInfo {from{opacity: 0;}to{opacity: 1;}}

@-webkit-keyframes hotelInfo {from{opacity: 0;}to{opacity: 1;}}

/*酒店名字动画*/

@keyframes titleOpacity{0%{ opacity: 0.55; }100%{ opacity: 1; }}

@-webkit-keyframes titleOpacity{0%{ opacity: 0.55; }100%{ opacity: 1; }}

@keyframes textMove{0%{ opacity: 0; transform: translate3d(1.5rem,0,0); }100%{ opacity: 0.55; transform: translate3d(0,0,0); }}

@-webkit-keyframes textMove{0%{ opacity: 0; -webkit-transform: translate3d(1.5rem,0,0);}100%{ opacity: 0.55; -webkit-transform: translate3d(0,0,0);}}

/*轮播图背景动画*/

@keyframes swiper-bg {from{opacity: .98;}to{opacity: 1;}}

@-webkit-keyframes swiper-bg {from{opacity: .98;}to{opacity: 1;}}

/*老板头像动画*/

@keyframes person-img { from{left: -10%;opacity: 0;} to{left: 3.6%;opacity: 1;}}

@-webkit-keyframes person-img { from{left: -10%;opacity: 0;} to{left: 3.6%;opacity: 1;}}

/*点击商户详情皮肤页面动画*/

@keyframes hide-animation { 0%{opacity: 1;top: 0;} 80%{opacity: 0.7;top:-80%;} 100%{opacity: 0;top: -100%;} }

@-webkit-keyframes hide-animation { 0%{opacity: 1;top: 0;} 80%{opacity: 0.7;top:-80%;} 100%{opacity: 0;top: -100%;} }

/*向下按钮动画*/

@keyframes up_down{0%{bottom: 7.5%} 50%{bottom: 9%} 100%{bottom: 7.5%}}

@-webkit-keyframes up_down{0%{bottom: 7.5%} 50%{bottom: 9%} 100%{bottom: 7.5%}}

/*水墨风格样式end*/





/*简约风格样式start*/

.view-box-jyfg .flower{position: absolute;top:0;left: 64%;width: 36%;opacity: 1;z-index: 9;transition: all ease .4s;-webkit-transition: all ease .4s;

    animation: flower 1.2s linear;-webkit-animation: flower 1.2s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.view-box-jyfg .person-img{position: absolute;width: 14.67%;background: url("../images/person-img-bg-jyfg.png") no-repeat center/cover;

    border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}

.view-box-jyfg .person-img img{position: absolute;top: 50%;left: 50%;width: 80%;height: 80%;border-radius: 50%;-webkit-border-radius: 50%;

    transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.view-box-jyfg .hotelName,.view-box-jyfg .hotelInfo{margin-left: 16%;}

.view-box-jyfg .hotelInfo{bottom: 9%;}

.view-box-jyfg .nav-box{position: absolute;bottom:17%;width: 100%;min-height: 6.6rem;z-index: 10;}

.view-box-jyfg .nav-box a{width: 25%;text-align: center;opacity: 0;top: 80%;animation: jyfg-nav 1.2s linear;-webkit-animation: jyfg-nav 1.2s linear;

    animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;margin-top: 0;}

.view-box-jyfg .nav-box a:nth-child(1){left: 0;animation-delay: 0s;}

.view-box-jyfg .nav-box a:nth-child(2){left: 25%;animation-delay: .3s;}

.view-box-jyfg .nav-box a:nth-child(3){left: 50%;animation-delay: .6s;}

.view-box-jyfg .nav-box a:nth-child(4){left: 75%;animation-delay: .9s;}

.view-box-jyfg .nav-box a img{width: 50%;height:auto;}

.view-box-jyfg .nav-box a span{display: block;width: 100%;margin-top: 1.2rem;font-size: 1.2rem;color: #000;overflow: hidden;text-overflow: ellipsis;

    white-space: nowrap;}

.view-box-jyfg .up_down{bottom:10%;opacity: 0;animation:jyfg_up_down 1.2s linear infinite 1.5s;-webkit-animation:jyfg_up_down 1.2s linear infinite 1.5s;}

.view-box-jyfg .banner-box{left: 0;bottom: 35%;width: 100%;}

.view-box-jyfg .banner-box:after{background: url("../images/swiper-bg-jyfg.png") no-repeat center/cover;}

.view-box-jyfg .h5-swiper-banner.swiper-container {width: 100%;height: 100%;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);

    border-radius: 0;-webkit-border-radius: 0; z-index:999}

/*花瓣颜色动画*/

@keyframes flower {from{left: 100%;opacity: 0;}to{left: 64%;opacity: 1;}}

@-webkit-keyframes flower {from{left: 100%;opacity: 0;}to{left: 64%;opacity: 1;}}

/*简约风格导航动画*/

@-webkit-keyframes jyfg-nav {from{top: 80%;opacity: 0;}to{top: 0;opacity: 1;}}

/*简约风格向下按钮动画*/

@keyframes jyfg_up_down{0%{bottom: 10%;opacity: 1;} 50%{bottom: 11%;opacity: 1;} 100%{bottom: 10%;opacity: 1;}}

@-webkit-keyframes jyfg_up_down{0%{bottom: 10%;opacity: 1;} 50%{bottom: 11%;opacity: 1;} 100%{bottom: 10%;opacity: 1;}}

/*简约风格样式end*/



/*民族元素样式start*/

.view-box-mzys .person-img{background: url("../images/person-img-bg-mzys.png") no-repeat center/cover;}

.view-box-mzys .hotel-title:after,.view-box-mzys .nav-box:after{content: '';position: absolute;top:115%;width: 100%;height:1.5rem;background: url("../images/border-mzys.png") no-repeat center/cover;opacity: 0;}

.view-box-mzys .hotel-title:after{left: 100%;animation: top-border 2.4s linear;-webkit-animation: top-border 2.4s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.view-box-mzys .hotelName,.view-box-mzys .hotelInfo{margin-left: 19%;}

.view-box-mzys .nav-box:after{left: -100%;top: 120%;animation: bottom-border 2.4s linear;-webkit-animation: bottom-border 2.4s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.view-box-mzys .nav-box{position: absolute;bottom:17%;width: 100%;min-height: 6.6rem;z-index: 10;}

.view-box-mzys .nav-box a{width: 25%;text-align: center;opacity: 0;top: 80%;animation: jyfg-nav 1.2s linear;-webkit-animation: jyfg-nav 1.2s linear;

    animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;margin-top: 0;}

.view-box-mzys .nav-box a:nth-child(1){left: 0;animation-delay: 0s;}

.view-box-mzys .nav-box a:nth-child(2){left: 25%;animation-delay: .3s;}

.view-box-mzys .nav-box a:nth-child(3){left: 50%;animation-delay: .6s;}

.view-box-mzys .nav-box a:nth-child(4){left: 75%;animation-delay: .9s;}

.view-box-mzys .nav-box a span{width: 80%;padding: .3rem 0;background: url(../images/nav-bg-mzys.png) no-repeat center/contain;margin-left: 10%;}

.view-box-mzys .banner-box{left: 0;bottom: 35%;width: 100%;}

.view-box-mzys .banner-box:after{background: url("../images/swiper-bg-jyfg.png") no-repeat center/cover;}

.view-box-mzys .h5-swiper-banner.swiper-container {width: 100%;height: 100%;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);

    border-radius: 0;-webkit-border-radius: 0;}

/*顶部线条动画*/

@keyframes top-border {from{left: 100%;opacity: 0;} to{left: 0;opacity: 1;} }

@-webkit-keyframes top-border { from{left: 100%;opacity: 0;} to{left: 0;opacity: 1;} }

/*底部线条动画*/

@keyframes bottom-border { from{left: -100%;opacity: 0;} to{left: 0;opacity: 1;} }

@-webkit-keyframes bottom-border { from{left: -100%;opacity: 0;} to{left: 0;opacity: 1;} }

/*民族元素样式end*/



/*水彩元素样式start*/

.view-box-scfg.view-box .banner-box{width:100%;bottom: 13%;}

.view-box-scfg.view-box .nav-box{bottom: 9.6%;z-index: 9;}

.view-box-scfg.view-box .top-bg{pointer-events: none;}

.view-box-scfg.view-box .bottom-bg{z-index: 0;pointer-events: none;}

.view-box.view-box-scfg .banner-box:after{background: url("../images/swiper-bg-scfg.png") no-repeat center/cover;}

.view-box.view-box-scfg .h5-swiper-banner.swiper-container{position: absolute;width: 90%;left: -23%;top: 50%;transform: translateY(-55%);-webkit-transform: translateY(-51%);

    border-radius: 50%;-webkit-border-radius: 50%;}

/*水彩元素样式end*/



/*清新水彩样式start*/

.view-box-qxsc.view-box{background-image: none;}

.view-box-qxsc.view-box .top-bg{left: initial;right: 0;width: 21.2%;}

.view-box-qxsc.view-box .bottom-bg{left: 0;width: 30.67%;}

.view-box-qxsc.view-box .banner-box{width:100%;bottom: 18%;}

.view-box.view-box-qxsc .banner-box:after{background: url("../images/swiper-bg-qxsc.png") no-repeat center/cover;}

.view-box.view-box-qxsc .h5-swiper-banner.swiper-container {position: absolute;width: 98%;height: 90%;left: -23%;top: 50%;transform: translateY(-55%);

    -webkit-transform: translateY(-51%);border-radius: 50%;-webkit-border-radius: 50%;}

.view-box.view-box-qxsc .h5-swiper-banner.swiper-container img{ top: 55%; }

/*清新水彩样式end*/





/*放心舒心工程 2018.04.03*/

.sdesc_kitchen{ background-color: #f2f2f2; border-bottom: none; }

.sdesc_video_box > p{ padding: .8rem 1rem .8rem; font: normal 1.4rem/2.6rem "Microsoft YaHei"; color: #999; border-bottom: 1px solid #e3e3e3; background-color: #fff; }

.sdesc_video_box > p:last-child{ border-bottom: none; }

.sdesc_video_box > ul{ background-color: #fff; padding-bottom: .5rem; }

.sdesc_video_box > ul > li{ float: left; box-sizing: border-box; }

.sdesc_video_box > ul > li > p{ font: normal 1.4rem/2.6rem "Microsoft YaHei"; color: #333;}

.sdesc_video_kitchen{  border-bottom: 1px solid #e3e3e3; }

.sdesc_video_kitchen li{ width: 43.8%; margin: .8rem 0 0 4%; }

.sdesc_video_kitchen .video-box > div{ width: 100%; height: 100%; }

.sdesc_video_kitchen .video-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; }

.sdesc_video_business{ padding-bottom: .8rem!important; }

.sdesc_video_business li{ width: 29.8%; margin: .8rem 0 0 2.5%; }

.vjs-big-play-button{ display: none!important; }

/*banner10秒微视频*/

.sdesc_ban .sdesc_video{ display: none; z-index: 3; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.9); }



.desc_photo_tit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; z-index: 1; background: rgba(0,0,0,.3);}

.desc_photo_txt{position: absolute; top: 50%; left: 1.5rem; font-size: 1.8rem;  color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.desc_photo_txt > font { display: block; font-weight: normal; font-size: .8rem; }

.desc_photo_btn { position: absolute; top: 50%; right: 1.5rem; color: #fff; font: 1.4rem/2rem "Microsoft YaHei"; transform: translateY(-50%); -webkit-transform: translateY(-50%); }







/*旅游攻略 2018.04.25*/

.guide_main1{

    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));

    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%);

    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffffff', EndColorStr='#fff9f9f9');

    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%);}

.guide_main2{ position: relative; background-color: #fff; }

.guide_tit{display: block;  height: 2.6rem; padding: 1rem 1.5rem 0 0; margin-left: 1.5rem; font: normal 1.6rem/2.6rem "Microsoft YaHei"; color: #333; }

.guide_main2 .guide_tit{  border-top: 1px solid #e3e3e3; }

.guide_tit.first{ border-top: none; }

.guide_box{ width: 100%; overflow-x: auto; overflow-y: hidden;}

.guide_list{ padding: .7rem .7rem 1.5rem .8rem; }

.guide_list li{ position: relative; float: left; padding: 0 .8rem 0 .7rem; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box;}

.guide_img{ display: block; width: 12rem; height: 17.5rem;-webkit-box-shadow: 0 0 7px 0 #aaa; -moz-box-shadow: 0 0 7px 0 #aaa; box-shadow: 0 0 7px 0 #aaa; }

.guide_list1 .guide_img{ width: 19rem; height: 11.5rem; box-shadow: none; }

.guide_list1 .guide_txt{ width: 19rem; margin-top: .5rem; font: normal 1.2rem/1.8rem "Microsoft YaHei"; color: #222; }

.guide_tit .tit_more{ font-size: 1.1rem; color: #333;  }

.guide_tit .tit_more i{ margin-left: .3rem; }


.rotation_div{text-align: center;width: 100%;position:fixed;    height: 1000px;background: #ffffff;
    z-index: 999999;}
@-webkit-keyframes rotation{
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.rotation{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.rotation_img{position:fixed;left:0;top:0;bottom:0;right:0;margin:auto;z-index: 1000000;}