﻿/*通用样式*/
@charset "utf-8";*{margin:0;padding:0}
a{text-decoration:none;color:#dfdfdf;font-size:14px;font-family:"arial","微软雅黑"}
html{width:100%;height:100%;font-size: 62.5%;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;}
html.ns{overflow:hidden}
body{color:#535353;font-family:"arial","微软雅黑";background:#fff;width:100%;height:100%;overflow-x:hidden;position:relative;min-width: 320px;/*padding-bottom: 80px!important;*/}
a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}
img{border:0}
ol,ul,li{list-style:none}
dl,dt,dd,ul,li{margin:0;padding:0}
input,textarea{outline:none}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
i{font-style:normal}
button, input, select, textarea {font-family: inherit; color: #666;border:0;}
button:focus, input:focus, select:focus, textarea:focus{/*box-shadow: 0px 0px 14px 1px rgba(211,7,117,0.8);transition:all 0.2s linear 0s;*/}
em{font-style: normal;}
s{text-decoration: none;}
a{color: #666666;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
#cd_small .ic_time, .flag, .header .out_address span, .ic_appraise, .ic_appraise_bad, .ic_comment, .ic_good, .ic_map, .ic_price, .ic_time, .lv-checkBox, .lv-evaluate-add:before, .lv-num, .lv-plus, .lv-reduce, .lv-tab li span, .privilege {vertical-align: middle;}
a, article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, input, legend, li, menu, nav, ol, p, pre, section, span, td, textarea, th, ul {margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box;}

.header p {color: #fff; line-height: 25px; font-size: 20px; width: auto; padding-top: 14px; text-align: center;}
.tab_select li:first-child {border-left: 0;}
.tab_select li {-webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; -ms-box-flex: 2; box-flex: 2; position: relative; height: 38px; line-height: 38px; display: block; border-left: 1px #d3d3d3 solid;}
.clear-icon {background: url(../images/clear.png) no-repeat; display: none; height: 22px; margin-top: -12px; position: absolute; right: 8px; top: 50%; width: 20px;}
.btn_style_1 {background: url("../images/icon/btn-bg.png");}
.btn_style_1, .btn_style_2, .btn_style_3 {color: #fff; display: inline-block; padding: 4px 10px; font-size: 14px; font-family: "microsoft yahei"; text-align: center;}
.tc {text-align: center;}
input[type=checkbox], input[type=radio] {box-sizing: border-box; padding: 0;vertical-align: text-top;height: 16px;width: 20px;}
input{border: 0;}
button, input, select, textarea {font-family: inherit; color: #666;}
.view_more {display: block; height: 47px; border-radius: 2px; line-height: 47px; text-align: center; color: #666; font-size: 14px; border-bottom: 1px #dedede solid; background: #fff;}
.view_more.btn {margin: 10px; border: 1px solid #dedede;}
.mt5 {margin-top: 5px;}
.wrap {width: 100%; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.m10{margin: 10px 0;}
.acollection {z-index: 999; height: 45px; width: 34px; display: block; background: url(../images/acollection.png) 0 -46px; top: 0px; right: -1px; position: absolute; text-indent: -9999px;}
.acollection.on {background-position: 0 0;}
#list{margin-bottom: 20px;}
#container{position:relative;top:0;left:0px;width:100%;overflow-x:hidden;overflow-y:auto;height:100%;padding-bottom:70px;}
body{width:100%;height:100%;overflow:hidden;position:relative}
table{width: 100%!important;}
/*头部样式*/
.header{background:#d30775;height:60px;overflow:hidden;position:relative;width:100%;z-index:999;left:0px;top:0;width:100%}
.header .out_address {position: absolute; top: 4px; font-size: 14px; height: 36px; line-height: 36px; right: auto; left: 10px;}
.header a {color: #fff;}
.header .cityName {max-width: 56px; position: relative; white-space: nowrap; text-overflow: ellipsis; text-align: right;} 
.header .out_address span {display: inline-block; overflow: hidden;}
.header .user_icon {position: absolute; right: 10px; top: 4px; font-size: 14px; height: 36px; line-height: 36px;}
.header .header-icon-my {background: url(../images/my1.png)12px 8px no-repeat; background-size: 25px;}
[class*=header-icon-] {background-size: 36px; width: 36px; height: 36px; float: right; margin-left: 5px;}
[class^=icon-] {font-family: "微软雅黑"; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-arrow-down:before {}
.header .menu{background: url("../images/icon/menu.png") no-repeat scroll 0 7px/65%;left: 2%;top: 14px;}
.header .return{background: url("../images/icon/return.png") no-repeat scroll 0 7px/65%;left: 2%;top: 14px;}
.header .index{background: url("../images/icon/index.png") no-repeat scroll 9px 7px/65%;right: 2%;top: 14px;}
.header h3.title {color: #fff; line-height: 21px; font-size: 20px; padding-top: 20px; text-align: center;width: 80%; margin: 0 10%;}
.header i{display:block;width:33px;height:32px;position:absolute}
.header{-webkit-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1)}
.header .wrap {position: relative; overflow: hidden;}
/*页脚开始*/
.footer {width: 100%; height: 70px;position:fixed;bottom:0;background-color: #fff;}
.footer .footer-bar {height: 30px; line-height: 30px; background: #e3367f; color: #fff; font-size: 14px; position: relative; margin-bottom: 5px;}
.footer .footer-bar a {padding: 0 10px; color: #fff;}
.footer .icon-arrow-up {display: inline-block; height: 30px; line-height: 30px; position: absolute; right: 10px; top: 0;}
.icon-arrow-up:before {}
.footer p:nth-child(2) {left: 10px;}
.footer p:nth-child(3) {left: 40%;}
.footer p:nth-child(4) {right: 10px; color: #aaa; text-align: right;}
.footer p {text-align: left; width: 33.3%; margin: 0; display: inline-block; position: absolute;}
.footer p {color: #5f646e; font-size: 12px; line-height: 30px;}
.footer .f-color-rose {color: #d30775;font-size: 14px;}
.footer p a, .footer p span {padding: 0 4px;}
.footer .tel {display: inline-block; width: 20px; height: 20px; background: url(../images/foot-tel.png)0 2px no-repeat; background-size: 20px; position: absolute; top: 3px; left: -20px;}
/*正在加载*/
/*.spinner{position:relative;margin:87% auto;width:20px;height:20px;}*/
#loading{width: 100%;height: 100%;background-color: #fff;z-index: 9999;position: absolute;}
.spinner {width: 20px; height: 20px; position: absolute; left: 50%; top: 50%;}
.container1>div,.container2>div,.container3>div{position:absolute;width:6px;height:6px;border-radius:100%;background-color:#d30775;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner .spinner-container{position:absolute;width:100%;height:100%;}
.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);}
.circle1{top:0;left:0;}
.circle2{top:0;right:0;}
.circle3{right:0;bottom:0;}
.circle4{bottom:0;left:0;}
.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s;}
.container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s;}
.container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s;}
.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s;}
.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s;}
.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s;}
.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s;}
.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s;}
.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s;}
.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s;}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);}
40%{-webkit-transform:scale(1);}
}
@keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
/*响应式*/
@media screen and (max-width: 320px) {
	.header p{font-size: 18px!important;}
	/*a{font-size: 12px!important;}*/
	.showCon section.survey > div{font-size:12px!important;}
}
/*日期选择*/
.carData {/* margin-top:30px; */z-index: 9999;position: fixed;width: 100%;height: 100%;overflow: scroll;top: 0;background-color: #ffebf7;}
.carData header{/* position: fixed; *//* top: 40px; */left: 0;text-align: center;width: 100%;height: 50px;background-color: #d30775;color: #fff;line-height: 50px;z-index:9999;}
.carData .week{/* position:fixed; *//* top:50px; */left:0;border-bottom:1px solid #c8c8c8;width:100%;background:#f7f7f7;padding:5px 0;z-index:999;}
.carData .week li{width:14%;text-align:center;color:#000;float:left;margin:0;}
.carData .week li:first-child, .carData .week li:last-child{width:15%;}
.carData .cldmonth{ margin:0;}
.carData .cldunit{background:#FFF;margin-bottom:15px;}
.carData .cldunit h5{height: 40px;text-align: center;font: 400 16px/50px verdana;margin:0;}
.carData .cldunit li{float: left;width: 14%;padding: 4px 0;font: 400 14px/45px verdana;text-align: center; color:#000;margin:0;height: 48px;}
.carData .cldunit li:nth-child(7n), .carData .cldunit li:nth-child(7n+1){width:15%;}
.carData .cldunit li.none{color:#DEDEDE;}
.carData .cldunit li i{display: block;line-height: 20px;font-size: 12px;font-style:normal;}
.carData .cldunit li.cur{background:#FF9933;color:#FFF;}
.carData a.aBlock.aClose{position: absolute;top: 0;left: 20px;color: #fff;font-size: 30px;}
.carData .headBox h2{font-size:20px;}
/*点评*/
.tablist .tabChange2{display:none;}
.comment-area .panel{padding:0 10px;height:100px;border-bottom:1px solid #ddd;background-color:#fff;}
.comment-area .panel .left{position:relative;float:left;width:30%;height:100%;text-align:center;}
.comment-area .panel .left>div{position:absolute;left:50%;width:87px;}
.comment-area .panel .left .p1{color:#666;font-size:18px;}
.comment-area .panel .left .p2{color:#D30775;font-size:27px;line-height:40px;}
.star-bgp10{background-position:0 -156px;}
.star-score{width:82px;height:14px;background:url(../images/star.png) 0 -3px no-repeat;background-size:100%;}
.comment-area .panel .right{position:relative;float:left;width:70%;height:100%;}
.comment-area .panel .right>div{position:absolute;left:50%;overflow:hidden;width:205px;}
.comment-area .panel .left>div,.comment-area .panel .right>div{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.block-title{padding:7px 10px 0;color:#666;font-size:12px;line-height:23px;}
.comment-area .yan{margin-right:40px;}
.comment-area .yan i{background-color:#7bc730;}
.comment-area .jing i{background-color:#c672e1;}
.comment-area .jing i,.comment-area .yan i{display:inline-block;margin-right:10px;padding:0 3px;color:#fff;text-align:center;font-size:10px;line-height:16px;}
.comment-area .comments-list ul{padding-left:10px;background-color:#fff;}
.comment-area .comments-list ul li{padding: 5px 10px 5px 0; border-bottom: 1px solid #ddd; line-height: 20px; font-size: 14px;}
.comment-area .comments-list ul li .top-part{overflow:hidden;}
.comment-area .comments-list ul li .top-part .s1{float:left;margin-right:5px;width:32px;height:32px;border-radius:32px;background:url(../images/view-1.jpg) center center no-repeat;background-size:cover;}
.comment-area .comments-list ul li .top-part .s2{float:left;}
.comment-area .comments-list ul li .top-part .s2 span{display:block;color:#D30775;font-size:14px;}
.comment-area .comments-list ul li .top-part .s2 span{display:block;color:#D30775;font-size:14px;}
.star-bgp10{background-position:0 -156px;}
.star-score{/* width:82px; *//* height:14px; *//* background:url(../images/star.png) 0 -3px no-repeat; *//* background-size:100%; */}
.comment-area .comments-list ul li .top-part .s3{float:right;height:100%;text-align:right;width: 50%;white-space: nowrap;}
.comment-area .comments-list ul li .top-part .s3 .yan{margin-right:5px;}
.comment-area .yan{margin-right:40px;}
.comment-area .comments-list ul li .top-part .s3 i{margin-right:0;}
.comment-area .yan i{background-color:#7bc730;}
.comment-area .comments-list ul li .top-part .s3 span:last-child{display:block;color: #999999;}
.comment-area .panel .right{font-size: 14px;}
.comment-area .panel .right div span {float: left; padding: 0 5px; width: 102px;font-size:12px;text-align:center;}
.comment-area .panel .right>div span:nth-child(2n+1) {float: left;}
.comment-area .panel .right>div span i {color: #D30775;}
.comment-area .photo-show{display: inline-block; width: 100%;}
.comment-area .photo-show .lightgallery dd{width: 20%; float: left; box-sizing: border-box; padding-left: 1%;}
.comment-area .photo-show .lightgallery dd img{height:50px;}
.comment-area .photo-show .lightgallery span{width: 19%; display: inline-block; padding-bottom: 15%; background-size: cover; background-repeat: no-repeat;}
.star-bgp0{background-position:0 -3px;}
.star-bgp1{background-position:0 -33px;}
.star-bgp2{background-position:0 -65px;}
.star-bgp3{background-position:0 -95px;}
.star-bgp4{background-position:0 -125px;}
.star-bgp5{background-position:0 -156px;}
.comment-area .comments-list ul li .bottom-part .p2 {text-align: right; color: #999999;}
p.search-more {font-size: 12px; line-height: 32px; color: #666; text-align: center; background: #fff;}

.box-search{background-color:#ebeced;border-bottom:1px solid #dcdcdc}
.search-con{padding:10px;line-height:38px;width:100%;box-sizing:border-box;display:table}
.search-city{display:table-cell;width:90px;border-right:1px solid #e9e9e9;background-color:#fff;border-radius:4px 0 0 4px;position:relative;z-index:1}
.search-dest{display:table-cell;padding-left:30px;border-radius:0 4px 4px 0;white-space:nowrap;background-color:#fff;position:relative;z-index:1;color:#888}
.search-dest2{border-radius:4px}
.search-city i{position:absolute;left:6px;top:12px;line-height:1}
.search-city span{white-space:nowrap;overflow:hidden;width:56px;text-align:center;display:block;margin-left:26px}
.search-dest i{position:absolute;left:8px;top:11px;line-height:1}
.box-search2 .search-con{padding:6px 10px;line-height:35px}
.box-search2 .search-dest i{top:10px}
.col-1{color:#50b400;}

.city-box{padding:10px}
.city-box h2{background-color:#f5f5f5;color:#333;padding-left:10px;line-height:32px;height:32px;margin-bottom:10px;font-weight: normal;}
.city-box .box-um{overflow:hidden}
.city-box .box-um li{float:left;width:25%;box-sizing:border-box;margin-bottom:10px;list-style:none;}
.city-box .box-um li:nth-child(4n){padding:0 0 0 3px}
.city-box .box-um li:nth-child(4n+1){padding:0 3px 0 0}
.city-box .box-um li:nth-child(4n+2){padding:0 2px 0 1px}
.city-box .box-um li:nth-child(4n+3){padding:0 1px 0 2px}
.city-box .box-um li a{border:1px solid #dbdbdb;height:34px;border-radius:3px;display:block;line-height:16px;overflow:hidden;text-align:center;box-sizing:border-box}
.city-box .box-um li a span{display:inline-block;vertical-align:middle}
.city-box .box-um li a:after{content:"";width:1px;height:32px;vertical-align:middle;display:inline-block}


#page-dest{margin-top:0;min-height:350px;}
.dest-search{border-bottom:1px solid #dfdfdf;background-color:#f7f7f7}
.dest-search h2{padding:10px 0 10px 15px;height:34px;position:relative}
.dest-search .dest-sea-name{float:left;border-radius:5px;color:#666;padding-left:30px;width:68%;height:34px;line-height:34px;border:none;font-size:16px;}
.dest-search h2 span{color:#666;float:left;font-size:15px;line-height:35px;padding-left:15px}
.dest-search h2 i{position:absolute;left:22px;top:16px;color:#aaa}
#dest-click{display:none}
.dest-list{border-bottom:1px solid #dcdcdc;padding:10px}
.dest-list h3{color:#999;margin-left:2%}
.dest-list li{float:left; margin-top:18px; margin-right:18px; list-style:none;}
.dest-list li a{border:1px solid #ddd;border-radius:5px;overflow:hidden;padding:5px 10px;display:block}
.dest-list li:nth-child(2n) a{color:#50b400}
.dest-list li:nth-child(2n+1) a{color:#ff8400}
.dest-search2 h2{padding:8px 0 8px 44px;height:30px}
.dest-search2 a.icon-left{position:absolute;width:44px;left:0;font-size:25px;font-weight:700;text-align:center;display:block;line-height:44px;top:0;height:46px}
.dest-search2 a.icon-left:active{background-color:#ddd}
.dest-search2 h2 i{left:50px;top:12px;font-weight:700}
.dest-search2 .dest-sea-name{line-height:30px;height:30px}
.dest-search2 #dest-click{display:block}
.dest-search2 h2 span{line-height:30px}

.m-page{width:100%;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;-webkit-transform:translateX(100%);transform:translateX(100%);min-height:90%;position:absolute;left:0;top:0;margin-top:45px;display:none;z-index:10;background-color:#fff}
.m-page.cur{-webkit-transform:none;transform:none}



.animate{opacity:0;-webkit-animation-name:scale;-webkit-animation-duration:0.5s;-webkit-animation-fill-mode:forwards;-ms-animation-name:scale;-ms-animation-duration:0.5s;-ms-animation-fill-mode:forwards;animation-name:scale;animation-duration:.5s;animation-fill-mode:forwards}
.animate-1{-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}


@-webkit-keyframes scale{
    0%{opacity:0;-webkit-transform:scale(.6,.6);}
    100%{opacity:1;-webkit-transform:scale(1,1);}
}
@-ms-keyframes scale{
    0%{opacity:0;-ms-transform:scale(.6,.6);}
    100%{opacity:1;-ms-transform:scale(1,1);}
}
@keyframes scale{
    0%{opacity:0;transform:scale(.6,.6);}
    100%{opacity:1;transform:scale(1,1);}
}
.cf{margin-bottom:20px;}
.sorlld{overflow: hidden;height: 100%}


.to-back{float: left;display: inline-block;position: relative;margin-right: 8px;margin-top: 8px; width: 20px; height:30px;background: url("../images/back.png") no-repeat; background-size: contain;}
#head {
  background: #fff;
  height: 75px;
  position: relative;
}
#head h1 {
  position: relative;
  top: 10px;
  left: 0;
  height: 55px;
  padding: 0;
  margin: 0;
}
#head h1 span {
  font-size: 50px;
  color: #0969BA;
}
#head .md_logo {
  position: relative;
}
#head .logo
{
  background:#fff url("../images/logogz.png") no-repeat scroll;
}
.footer_info {
  background: #fff;
  padding: 10px 0;
  font-size: 12px;
  color: #787878;
}
.footer_info .foot_tel {
  color: #FF7D13;
}
.footer_info .foot_tel span {
  font-size: 16px;
}
.footer_info .foot_tel a {
  color: #FF7D13;
}
.foot_menu_h {
  margin-bottom: 50px;
}
#foot_menu {
  position: fixed;
  left: 0;
  bottom: 0;
  opacity: 0.95;
  background: #0969BA;
  border-top: 1px solid #EAEAEA;
  z-index: 100000;
  width: 100%;
}
#foot_menu ul {
  margin: 0;
  height: 40px;
  overflow: hidden;
  padding-left: 0;
  list-style-type: none;
}
#foot_menu ul li {
  float: left;
  width: 25%;
  text-align: center;
}
#foot_menu ul li a {
  display: block;
  width: 100%;
  color: #fff;
  line-height: 40px;
}
.text-center {
    text-align: center;
}
p {
    margin: 0 0 10px;
}
footer {
    background-color: #0969BA;
    bottom: 0;
    box-sizing: border-box;
    padding: 10px;
    position: fixed;
    width: 100%;
    z-index: 999;
}
footer .menu {
    height: 40px;
}
footer .menu ul {
    display: -moz-box;
    width: 100%;
}
footer .menu ul li {
	width:20%;
	float:left;
    -moz-box-flex: 1;
}
footer .menu ul li i {
    display: block;
    height: 25px;
    margin: 0 auto;
    width: 45px;
}
footer .menu ul li i.f_icon {
    background: rgba(0, 0, 0, 0) url("../images/icon_default.png") no-repeat scroll 4px -451px / 480px auto;
}
footer .menu ul li i.phone {
    background-position: -103px -453px;
}
footer .menu ul li i.service {
    background-position: -443px -453px;
}
footer .menu ul li i.about {
    background-position: -217px -452px;
}
footer .menu ul li i.help {
    background-position: -339px -453px;
}
footer .menu ul li span {
    color: #fff;
    display: block;
    font-size: 1.4rem;
    text-align: center;
}
footer .menu ul li span a {
    color: #fff;
}