@charset "utf-8";
body {
    color: #323232;
    font-size: 15px;
    line-height: 1.2;
    overflow-x:hidden;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* 标准语法 */
}
@font-face {
    font-family: "gothic";
    src: url(//:) format("no404"), url("gothic.woff") format("woff"), url("gothic.ttf") format("truetype"), url("gothic.svg#webfontMFqI76bT") format("svg");
}
@font-face {
    font-family: "dinbold";
    src: url(//:) format("no404"), url("font_type/din-bold-webfont.woff") format("woff"),
          url("font_type/din-bold-webfont.ttf") format("truetype"),
          url("font_type/din-bold-webfont.svg") format("svg"),
          url("font_type/din-bold-webfont.eot") format("eot");
}
p {font-size: 1em;}
i{
    font-style: normal;
}
.clearfix:before,.clearfix:after{
    display:table;
    content:"";}
.clearfix:after{
    clear:both;}
.clearfix{zoom:1;}
.pullDown{display:none !important;}
.pullUp{display:none !important;}
/*.aui-input-row .aui-input {width:auto;}*/
/*#keyword,#date,#time,#price{width: 100%;}*/
/*#keyword>label,#date>label,#time>label,#price>label{position:relative;right:0}*/
input::-ms-clear{display:none!important;}
.main{position:absolute;top:0;width:100%;height:100%;}
.search-bg{background: url("../images/course_bg.png") 100% 100%;}
/* 百高logo */
.logo{display:block;height:20px;margin: 20px auto;}
.main form{width: 90%;margin: 0 auto;padding:10px;border:none;border-radius: 3px;background: rgba(0, 0, 0, 0.6);}
.main form img{position:absolute;left:10px;top:6px;width: 20px;}
.main form input{width: 90%!important;border: none!important;margin: 0!important;padding:10px 0!important;}
.main form button{margin-top: 15px;}
#keyword input{padding: 15px 0!important;}
#keyword img{top:13px;width: 25px;}
#keyword,#time,#date,#price{position:relative;background: #fff;width: 100%;margin-bottom: 15px;text-align: right;border-radius: 4px;}
#keyword,#time,#price{padding:0 10px;}
#date{padding:8px 10px;}
#date div{display: inline-block;width: 90%;}
/* 选择对话框信息内容 */
.aui-dialog ul li{width:98%;height:40px;line-height:40px;text-align:center;border-top: 1px solid #eee;font-size: 16px;}
/* 默认搜索关键字 */
.search_default{color:rgba(150,150,150,150)!important;text-align: left!important;padding-left: 4px;}
/* 地区搜索列表搜索按钮 */
.btn_search{display:inline-block;position:relative;left:-10px;padding:4px;border-radius: 0 5px 5px 0;background: #0099FD;color:#fff; height: 32px;}
/* 地区选择列表 */
/*#area_list{display:none;position: absolute;top:0;right:0;width: 100%;height:100%;z-index: 10; background: #fff ;}*/
#area_list{
    height: 100%;
    padding-top: 60px;
    background: #fff ;
}
/* 搜索框整体 */
#search{position: fixed;top: 45px;width: 100%;z-index: 31;background:#fff;}
/* 搜索附近球场 */
#search_nearby{background:#fff url("../images/icon_area_nearby.png") no-repeat 12px center;background-size:20px 20px;}
/* 地区搜索列表 */
.search_area{
    background: #F0EFF5;
    width:100%;
    position: relative;
    top:102px;
    z-index: 10;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
/*  */
.bg_search{}
/* 地域标题 */
.area-title{padding-left:12px;color:#000;background: #f4f5f5;height: 30px;line-height: 30px;}
/* 地区背景 */
.area{padding: 10px 12px;}
/* 具体区域列表 */
.area li{min-width:22%;display:inline-block;color:#666;background:#F4F4F4;border:#666 solid 1px;border-radius:5px;padding: 6px 10px;margin:10px 0;text-align: center;}
/* 区域选中效果 */
.area li.active{color:#fff;background:#4bc5f4;border:#4bc5f4 solid 1px; }
/* 地区、城市背景 */
#template_province , #template_city{
    width:100%;
    height: 100%;
    background:#fff;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/* 具体地区、城市列表 */
#template_province li , #template_city li{display:inline-block;min-width:20%;text-align:center;color:#666;background:#fff;border:#E8E8E8 solid 1px;padding:13px 0;white-space: nowrap;}
/* 地区、城市选中效果 */
#template_province li.active , #template_city li.active{color:#088de8;font-weight: bold;}
.area li,#template_province li , #template_city li{word-break: break-all;}
/* 关键字结果列表 */
.keywordList{background: #E8E8E8;width: 100%;position: relative;top: 57px;z-index: 12;}
/* 关键字列表样式 */
.arealist{background: #fff;}
.arealist li{width: 100%;text-align: left;padding:10px 2px 10px 45px;border-bottom:#c8c7cc solid 1px;}
.arealist li p:first-child{font-size:16px;color:#323232;}
.arealist li p:nth-child(2){font-size:14px;color:#5D5D5D;padding-top: 3px;}
.arealist li p:last-child{font-size:12px;color:#5D5D5D;padding-top:3px;}
/* 日历控件 */
.calendar{display:none;background: #E8E8E8;width: 100%;}
#calendar{background: #E8E8E8;width: 100%;position: absolute;top:45px;}

/*================================================= 全局样式 ==============================================/
/** 0.5px边框和全局字体颜色 */
.g-border-bottom,
.g-border-top,
.g-border-double{
    position: relative;
}
.g-border-bottom:after,
.g-border-top:before,
.g-border-double:before,
.g-border-double:after{
    content: '';
    width: 200%;
    height: 1px;
    background: #E1E1E1;
    position: absolute;
    left: 0;
    transform-origin: 0 100%;
    transform: scale(0.5);
    z-index: 2;
}
.g-border-top:before, .g-border-double:before{
    top: 0;
}
.g-border-bottom:after, .g-border-double:after{
    bottom: 0;
}

/** 背景色 */
.g-bg-blue{
    background: #0097FF;
}
.g-bg-white{
    background: #fff;
}

/** 字体颜色 */
.g-color-grey{
    color: rgb(144, 144, 144);
}
.g-color-red{
    color: rgb(243, 64, 81);
}
.g-color-blue{
    color: rgb(0, 151, 255);
}
.g-color-green{
    color: #0FB70A;
}
.g-color-orange{
    color: #FB9C00;
}
.g-color-orange-light{
    color: #FD4700;
}

/** 字体类型 */
.g-font-gothic{
    font-family: gothic;
}
.g-font-dinbold{
    font-family: dinbold;
}

/** 盒子内外边距样式 */
.g-padded-15{
    padding: 15px;
}
.g-padded-lr-15{
    padding-left: 15px;
    padding-right: 15px;
}
.g-padded-tb-15{
    padding-top: 15px;
    padding-bottom: 15px;
}
.g-padded-r-15{
    padding-right: 15px;
}
.g-padded-l-15{
    padding-left: 15px;
}
.g-padded-tb-18{
    padding-top: 18px;
    padding-bottom: 18px;
}
.g-padded-16{
    padding: 16px;
}
.g-padded-tb-16{
    padding: 16px 0;
}
.g-padded-lr-16{
    padding: 0 16px;
}
.g-margin-btm-10{
    margin-bottom: 10px;
}

.g-transparent-bar{
    position: fixed;
    background: transparent;
    border-bottom: none !important;
}
.g-transparent-bar .aui-iconfont{
    color: #fff !important;
}

/** 图片水平、垂直方向居中 */
.g-pos-center{
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/** flex盒子模型布局 */
.g-flex-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.g-flex-item-avg{
    flex: 1;
    text-align: center;
}

/** 主内容容器定位样式 */
.g-main-container{
    position: relative;
}
.g-offset-top-46{
    top: 45px;
}
.g-offset-top-102{
    top: 102px;
}

/** 白色背景操作小按钮 */
.g-oper-btn{
    display: inline-block;
    margin-left: 16px;
    padding: 4px 15px;
    text-align: center;
    font-size: 16px;
    border-radius: 2px;
    background: #fff;
}
.g-oper-btn:active{
    background: #f8f8f8;
}
.g-btn-grey{
    color: #646464;
    border: 1px solid #D6D7DC;
}
.g-btn-red{
    color: #EF4235;
    border: 1px solid #EF4235;
}

/** 有背景色块级大按钮 */
.g-block-btn{
    display: block;
    padding: 0;
    width: 100%;
    height: 50px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    border-radius: 4px;
}
.g-btn-lg-blue{
    color: #fff;
    background: #0097FF;
    border: 1px solid #0097FF;
}
.g-btn-lg-blue:active{
    background: #1868ff;
}
.g-btn-lg-grey{
    color: #323232;
    background: #F8F8F8;
    border: 1px solid #eee;
}
.g-btn-lg-grey:active{
    background: #E1E1E1;
}

/** 动画特效 */
.g-slide-to-btm{
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.g-slide-to-top{
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/** 上下滑动动效样式 */
.btt{
    animation: btt 0.3s ease;
    -webkit-animation: btt 0.3s ease;
}
.ttb{
    animation: ttb 0.3s ease;
    -webkit-animation: ttb 0.3s ease;
}
@-webkit-keyframes btt {
    0% { transform:translateY(100%); }
    100% { transform:translateY(0); }
}
@keyframes btt {
    0% { transform:translateY(100%); }
    100% { transform:translateY(0); }
}
@-webkit-keyframes ttb {
    0% { transform:translateY(0); }
    100% { transform:translateY(100%); }
}
@keyframes ttb {
    0% { transform:translateY(0); }
    100% { transform:translateY(100%); }
}

/** 默认底图背景+动画背景样式 */
.g-default-img{
    position: relative;
    z-index: 8;
}
.g-default-img img{
    width: 100%;
    height: auto;
    vertical-align: top;
}
.g-animate-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

/** 全屏播放器样式 */
.full-screen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 101;
    overflow: hidden;
}
.close-bar {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /*height: 40px;*/
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.close-bar .close{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../images/close-download.png") no-repeat center center;
    background-size: 15px 15px;
    vertical-align: middle;
}
.full-screen video{
    width: 100%;
    height: auto;
}
/** 全屏播放器样式-end */
/*=========================================== 全局样式-end ================================================/

/* 图例 */
.overlay {
    position: absolute;
    display:none;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    top:0;
}
.overlay .legend {
    position: absolute;
    width: 80%;
    top: 20%;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 0;
    background: #fff;
}
.overlay .legend-header {
    padding-bottom: 10px;
    border-bottom: solid 1px #d6d6d6;
}
.overlay .legend-list li {
    position: relative;
    width: 90%;
    margin: 5px 5%;
    border-bottom: solid 1px #d6d6d6;
    text-align: left;
}
.overlay .legend-list img {
    width: 30px;
}
.overlay .legend-list li span {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.875em;
}
.overlay .legend button {
    width: 90%;
    border-radius: 4px;
    background: #46BF31;
    color: #fff;
}
.overlay .legend button:hover {
    background: #348c24;
}
/* 打球+住宿套餐列表 */
.main.package {
    position: relative;
    width: auto;
    background: #eee;
}
.package .main-course {
    top: 90px;
    background-color:#fff;
}
.location-bar {
    padding: 10px 0 10px 12px;
    background: #fff;
}
.location-bar img {
    vertical-align: top;
}
.package #area_list {
    z-index: 10;
}
.package-item {
    position: relative;
}

.trl-item{
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
}
.trl-cover-lg{
    position: relative;
    width: 100%;
    height: 1.75rem;
    overflow: hidden;
}
.trl-cover-lg img{
    width: 100%;
    min-height: 1.75rem;
    vertical-align: middle;
}
.trl-item .views-count{
    /*position: absolute;*/
    /*right: 15px;*/
    /*bottom: 7px;*/
    padding-left: 22px;
    color: #999;
    font-size: 14px;
    background: url("../images/icon-eye-grey@2x.png") no-repeat left center;
    background-size: 15px auto;
}
.trm-price-tag{
    position: absolute;
    right: 15px;
    bottom: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    color: #FC9B10;
    font-size: 14px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.75);
}
.trm-price-tag strong{
    font-size: 20px;
}
.trl-tag{
    position: absolute;
    left: 0;
    top: 0;
    min-width: 50px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.trl-tag .tgl-i{
    position: absolute;
    right: -15px;
    top: 0;
    width: 15px;
    height: 26px;
}
.trl-tag.red{
    background: #D0021B;
}
.trl-tag.orange{
    background: #FD6D00;
}
.trl-tag.green{
    background: #09BB07;
}
.trl-tag.red .tgl-i{
    background: url("../images/icon-triangle-red@2x.png") no-repeat center center;
    background-size: 15px 26px;
}
.trl-tag.orange .tgl-i{
    background: url("../images/icon-triangle-orange@2x.png") no-repeat center center;
    background-size: 15px 26px;
}
.trl-tag.green .tgl-i{
    background: url("../images/icon-triangle-green@2x.png") no-repeat center center;
    background-size: 15px 26px;
}
.trl-mian-tt{
    margin-top: 8px;
    color: #323232;
    font-size: 19px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trl-item .subtitle{
    flex: 1;
    line-height: 22px;
    color: #666;
    font-size: 15px;
}
.surp-count-fl span{
    display: inline-block;
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    color: #F34051;
    font-size: 14px;
    border: 1px solid #F34051;
    border-radius: 2px;
}
.rm-time-fl{
    flex: 1;
    line-height: 20px;
    color: #999;
    font-size: 13px;
    text-align: right;
}
.rm-time-fl .rmt-lb{
    margin-right: 5px;
}
.rm-time-fl .time-sp{
    display: inline-block;
    min-width: 22px;
    height: 20px;
    padding: 0 2px;
    line-height: 20px;
    vertical-align: middle;
    color: #F34051;
    font-size: 14px;
    background: #F3F3F3;
    border-radius: 2px;
    text-align: center;
}
.no-more-data{
    display: none;
    padding: 15px;
    color: #666;
    font-size: 16px;
    text-align: center;
    background: #eee;
}
/*.trl-price{
    flex: 1;
}
.trl-price span{
    color: #FC9B10;
    font-size: 15px;
}
.trl-price strong{
    font-size: 22px;
}
.trl-book{
    text-align: right;
}
.trl-bkg-btn{
    display: inline-block;
    min-width: 70px;
    text-align: center;
}
.trl-bkg-btn .up{
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 17px;
    border-radius: 2px 2px 0 0;
}
.trl-bkg-btn .down{
    font-size: 11px;
    letter-spacing: 7px;
    border-radius: 0 0 2px 2px;
}
.trl-bkg-btn.green .up{
    background: #4AB135;
}
.trl-bkg-btn.green .down{
    color: #4AB135;
    background: rgba(74, 177, 53, 0.1);
}
.trl-bkg-btn.blue .up{
    background: #0097FF;
}
.trl-bkg-btn.blue .down{
    color: #0097FF;
    background: rgba(0, 151, 255, 0.1);
}*/

/*.package-item img {
    display: block;
    width: 100%;
    min-height: 100px;
}
.imglimit{
    position:relative;
    height:175px;
    overflow:hidden;
}
.imglimit img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
}
.package-item .item-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 5px;
    background-color: rgba(0,0,0,0.7);
}
.package-item .item-title {
    display: inline-block;
    width: 70%;
}
.package-item .item-title p {
    padding-bottom: 8px;
    color: #fff;
    font-size: 0.875em;
}
.package-item .item-title .title {
    font-size: 1.125em;
    font-weight: bold;    
}
.travel_list .package-item .item-title .title {   
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.package-item .item-price {
    position: absolute;
    right: 3px;
    bottom: 0;
    width: 30%;
    height: 100%;
    text-align: right;
    color: #fff;
}
.package-item .item-price span {
    position: absolute;
    top: 5px;
    right: 0;
    color: #fff;
    font-size: 0.875em;
    white-space: nowrap;
}
.package-item .item-price .enquire {
    display: inline-block;
    position: absolute;
    min-width: 65px;
    max-width: 100px;
    width: 70%;
    height: 26px;
    right: 0;
    bottom: 5px;
    background: #46BF31;
    text-align: center;
    color: #fff;
    line-height: 26px;
}
.main.package .search_area {
    top: 46px;
}*/

/* 打球+住宿套餐详情 */
.package-name, .package-price, .package-info, .package-info-item {
    padding: 0 15px;
    background-color: #fff;
}
.package-name h1 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DCDCDC;
    font-weight: normal;
}
.package-price, .package-info {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.package-info h3 {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}
.package-info-item li {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
}
.package-info-item li h3 {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}
.package-info-item .more {
    top: auto !important;
    left: auto !important;
}
.package-info-item .more table {
    width: 100% !important;
}
.package-info-item .more img {
    width: 100% !important;
    height: auto !important;
}
/* 提交咨询页 */
.enquiry-title, .enquiry-form {
    padding: 0 15px;
}
.enquiry-title {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    margin-bottom: 10px;
}
.enquiry-form {
    padding-bottom: 10px;
    background: #fff;
    /*text-align: center;*/
}
.enquiry-form p {
    padding: 5px 0;
    border-bottom: 1px solid #DCDCDC;
    text-align: left;
}
.enquiry-info {
    border-bottom: 1px solid #DCDCDC;
}
.enquiry-info img {
    margin-top: 10px;
    margin-right:10px;
    float: left;
}
.enquiry-info input {
    width: 70%;
    height: 60px;
    margin-bottom: 0;
    vertical-align: top;
    border: none;
}
.enquiry-button a {
    margin-top: 30px;
}
.package .book {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.package .book a {
    display: inline-block;
    height: 44px;
    text-align: center;
    padding: 10px 0;
    border: none;
    font-size: 1.125em;
    float: left;
}
.package .book a:nth-child(1) {
    width: 40%;
    background: #fff;
    color: #919191;
}
#specels{
    color:#0fb70a;
    float: left;
}
.icon_phone, .icon_zixun{
    margin-right: 5px;
    position: relative;
    top: -2px;
    width: 24px;
    vertical-align:middle;
}
.package .book a:nth-child(2), .package .book #consult{
    width: 60%;
    background: #46BF31;
    color: #fff;
}
/* 底部有fixed元素，进行占位 */
.standby{height: 50px;width: 100%;}
/* 底部app引导下载条 */
.app-link{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 54px;
    padding: 12px 20px;
    background-color: rgba(50,57,65,.85);
    z-index: 999;
    box-sizing: border-box;
}
.app-link i.close {
    position: absolute;
    top: 0;
    left: 0;
}
.app-link i {
    margin-right: 16px;
    width: 30px;
}
.app-link a, .app-link i, .app-link span {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    opacity: 1;
}
.app-link, .app-link *, .restaurant-menu {
    box-sizing: border-box;
}
.icon-app-link-close {
    vertical-align: middle;
    line-height: 1;
}
.icon-app-link-close:before {
    font-family: eleme;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\E902';
}
.app-link a, .app-link i, .app-link span {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    opacity: 1;
}

span.icon-logo {
    font-size: 30px;
    border-radius: 5px;
    background: #fff;
}
.icon-logo {
    color: #3CABFF;
}
.app-link span.text {
    color: #fff;
    font-size: .8em;
    line-height: 30px;
}
.app-link a, .app-link i, .app-link span {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    opacity: 1;
}
.app-link a {
    position: absolute;
    right: 16px;
    padding: 0 8px;
    background-color: #3190e8;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-radius: 4px;
    text-decoration: none;
}

/*底部消息框*/
.tipsbottom{
    position:relative;
    top: 0;
    width:100%;
    min-height:56px;
    background:rgb(255, 255, 255);
    color:#fff;
    font-size:14px;
    padding:8px 100px 8px 100px;
    overflow:hidden;
    display:none;
    color:#323232;
    text-align: left;
    line-height: 19px;
}
.tipsbottom .bot_logo{
    position:absolute;
    left:45px;
    top:50%;
    margin-top:-20px;
    overflow:hidden;
    border-radius:6px;
    width:40px;
    height:40px;
    box-shadow: 0 1px 2.5px rgba(0,0,0,0.1);
}
.tipsbottom .close-downloadbar{
    left:5px;
    box-shadow: none;
    cursor: pointer;
}
.tipsbottom .bot_logo img{
    width:100%;
    height:100%;
}
.tipsbottom .close-downloadbar img{
    width:15px;
    height:15px;
    margin:12px 10px;
    display:block;
}
.tipsbottom .bot_btn{
    position:absolute;
    top:50%;
    margin-top:-20px;
    border-radius:4px;
    width:50px;
    height:40px;
    text-align:center;
    background-color:#078ee8;
    line-height:40px;
    overflow:hidden;
    right:16px;
    color:#fff;
    display:none;
}

/*改版样式*/
.n-footer, .n-footer-v2{background:#fff;position:fixed;bottom:0;width: 100%;box-shadow: 0 -1px 2px rgba(201,201,201,0.3); z-index: 12;}
.n-footer a{width: 33.33%;height:100%;display:inline-block;text-align: center;font-size:10px;float: left;color:#909090;position:relative;}
.n_icon span{width: 30px;height: 30px;background-image: url(../images/app_n/bag@2x.png);background-repeat: no-repeat;background-position: center center;background-size:30px 30px;display:inline-block;margin-top: 2px;}
.n_member span{background-image: url(../images/app_n/user@2x.png);}
.n_index{width: 125px;height: 62px;background:url(../images/app_n/tab_yuan@2x.png) no-repeat center center;background-size: 100% 100%;margin-top: -13px;position:absolute;left:50%;margin-left: -62.5px;}
.n_index span{width: 35px;height: 35px;background-image: url(../images/app_n/golf_icon@2x.png);background-size: 35px 35px;margin-top: 8px;}
.n-footer .n_active{color:#088de8;}
.n_active .n_mybook span{background-image: url(../images/app_n/bag_blue@2x.png);}
.n_active .n_member span{background-image: url(../images/app_n/user_blue@2x.png);}
.n_active .n_index span{background-image: url(../images/app_n/golf_icon_blue@2x.png);}

.login_box{
    background: #fff;
}
.no_login{
    padding: 20px 15px 20px;
}
.no_login a{
    display:block;
    font-size:18px;
    height:50px;
    border-radius: 4px;
    background: #0097FF;
    color:#fff;
    text-align: center;
    line-height: 50px;
}
.no_login .wechat_login{
    background:#09BB07;
}
.no_login .go_regist{
    background:#fff;
    color:#088de8;
}
.no_login .divide{
    background:url(../images/app_n/line.png) no-repeat center center;
    background-size:100% 1px;
    color:#909090;
}
.no_login .explain{
    height:auto;
    background:#F0EFF5;
    color:#909090;
    font-size:14px;
    padding:0 30px;
    line-height: 1.5;
}
.divide span{
    display:inline-block;
    height: 100%;
    background:#F0EFF5;
    padding:0 20px;
}
/*空白页*/
.nothing{
    height: calc(100% - 43px);
    height: -webkit-calc(100% - 43px);
    background:#fff;
    text-align: center;
    color:#909090;
    padding:0 15px;
    /*display:none;*/
}
.nothing .empty{
    padding-top: 193px;
    background:url(../images/app_n/icon_nowallet.png) no-repeat center 50px;
    background-size:110px 113px;
}
.nothing .integreals{
    background:url(../images/app_n/icon_nojifen@2x.png) no-repeat center 50px;
    background-size:110px 113px;
    padding-bottom: 50px;
    border-bottom: 1px dashed #C8C7CC;
    margin-bottom: 50px;
}
.nothing a{
    margin-top: 15px;
    background: #0097FF!important;
}
.nothing a.green{
    background:#09BB07;
    color:#fff;
}
.nothing a.blue{
    background: #0097FF;
    color: #fff;
    border: none;
}

/*改版头部样式修改*/
.aui-bar-dark{background-color: #fff;color:#000;}
.aui-bar-nav{border-bottom: 1px solid #c7c8cc;}
.aui-bar .aui-pull-right img{vertical-align: middle;}
.aui-bar .aui-iconfont{color:#646464;}
.aui-bar .aui-pull-right{padding:0 10px;}
.aui-bar .aui-icon-left{font-size:16px!important;}
.aui-bar .aui-icon-left:before{font-size:20px;vertical-align: middle;}
/* 服务条款 */
#service-item{display:none;position:fixed;width:100%;height:100%;top:0;left: 0;padding-top:20px;background: rgba(0, 0, 0, 0.6);z-index: 11;text-align: center;}
.service-content{width:85%;height:85%;border-radius:3px;margin:10px auto;padding:10px;background:#fff;overflow:auto;}
.service-content>div{width:100%;height:100%;text-align:left;}
.book{ padding-right: 129px; border-top: 1px solid #C8C7CC; background:#fff; z-index: 100; }
.package .book a:nth-child(2){ padding-right: 15px; width:auto; background:none; float: right; color:#088de8; font-size: 16px; line-height: 22px; }
.package .book a{ border:none; }
#booknow{ width: 129px; position: absolute; top: -1px; right: -1px; background: #088de8; color: #fff; font-size: 17px; display: block; border-radius: 0; border: none; border-top: 1px solid #088de8; height: 46px; line-height: 22px;}
.package .book a:nth-child(1){ font-size: 12px; text-align: right; padding-left: 15px; min-width:40%; width:auto; color:#323232; padding-top: 8px; }
.package .book a:nth-child(1) span{ font-size: 14px; font-weight: bold;}
.cost_illustrate{ background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; top:0; left:0; display:none; z-index: 99; }
.cost_detail{ width: 100%; background:#fff; position:absolute; bottom:45px; left:0; }
.cost_detail h2{ text-align: center; line-height: 50px; border-bottom: 1px solid #D6D7DC; font-weight: bold; }
.cost_detail ul{ padding:5px 0; }
.cost_detail ul li,.total_cost{ min-height:30px; padding:5px 15px 5px; }
.cost_detail ul li>div,.total_cost div{ display:inline-block; font-size: 14px; color:#646464; }
.cost_detail li>div.cost_price,.total_cost .cost_price{ float: right; font-size:12px; }
.cost_f{ max-width:60%; }
.cost_detail .how_con{ vertical-align: top; color:#088de8; line-height: 1.2; margin-top: 3px; }
.cost_price span{ font-size: 14px; }
.total_cost{ position:relative; min-height: 35px; padding:10px 15px; line-height: 35px; font-weight: bold;}
.total_cost:after{ position:absolute; content:""; display:block; top:0; width: calc(100% - 30px); height: 1px; border-top: 1px dashed #d6d7dc; }
/**/
.general_eval_point, .hotel-eval{margin: 5px 0;color:#09BB07;font-size:14px;}
.general_eval_point i, .general_eval_point b, .hotel-eval i, .hotel-eval b{height: 17px;display:inline-block;background-size:17px 17px;background-position:left center;background-repeat:no-repeat;margin-right: 5px;}
.general_eval_point i, .hotel-eval i{position:relative;background-image:url(../images/app_n/btn_star_minsmall_grey@2x.png);width: 17px;float: left;}
.general_eval_point b, .hotel-eval b{position:absolute;background-image:url(../images/app_n/btn_star_minsmall_blue@2x.png);top:0;left:0;}

/********************** 新版优惠券样式--start ***************************/
.cop-lists-main{
    background: rgb(239, 239, 244);
    padding: 45px 17px 15px 17px;
}
.can-use-cop h4,
.no-use-cop h4{
    line-height: 40px;
    color: rgb(100, 100, 100);
}
.cop-item{
    padding-top: 11px;
    margin-top: 17px;
}
.none-coupon-bg{
    width: 100%;
    height: 100px;
    line-height: 36px;
    padding-top: 180px;
    display: inline-block;
    text-align: center;
    background: url("../images/new_coupon/icon_noquan@2x.png") no-repeat center 50px;
    background-size: 110px 108px;
}
.cop-item:first-child{
    margin-top: 0;
}
.item-green-saw{
    background: url("../images/new_coupon/quan_green@2x.png") no-repeat left top;
    background-size: 100% 11px;
}
.item-blue-saw{
    background: url("../images/new_coupon/quan_blue@2x.png") no-repeat left top;
    background-size: 100% 11px;
}
.item-grey-saw{
    background: url("../images/new_coupon/quan_grey@2x.png") no-repeat left top;
    background-size: 100% 11px;
}
.cop-info-top{
    padding: 5px 10px 15px 10px;
}
.cop-green-bg{
    background: rgb(126, 211, 33);
}
.cop-blue-bg{
    background: rgb(48, 178, 232);
}
.cop-grey-bg{
    background: rgb(214, 215, 220);
}
.cop-price small{
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}
.cop-price strong{
    color: #fff;
    font-size: 36px;
}
.cop-type{
    display: inline-block;
    line-height: 48px;
    color: #fff;
}
.cop-flex-div > span{
    color: #fff;
}
.cop-info-bottom{
    position: relative;
    padding: 5px 10px;
    background: #fff;
    overflow: hidden;
}
.cop-info-bottom > p{
    display: block !important;
    padding-right: 24px;
    line-height: 1.5em;
    font-size: 15px;
    color: rgb(100, 100, 100);
}
.cop-select-circle{
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 22px;
    height: 22px;
    background: url("../images/new_coupon/btn_chose_no@2x.png") no-repeat center;
    background-size: 22px 22px;
    transition-duration: 0.3s;
}
.cop-select-active{
    background: url("../images/new_coupon/btn_chose_yes@2x.png") no-repeat center;
    background-size: 22px 22px;
}
.no-use-cop{
    margin-top: 30px;
}
.skew-rect-tag{
    position: absolute;
    right: -33px;
    bottom: 10px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background: rgb(100, 100, 100);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cop-select-ckb{
    display: none;
}
/********************** 新版优惠券样式--end ***************************/

/******************* 2018-04-18 底部tab改版样式 ************************/
.footer-flex-ul{
    display: flex;
    width: 100%;
    height: 49px;
}
.footer-flex-ul li{
    flex: 1;
    text-align: center;
}
.footer-link{
    display: block;
    width: 100%;
    height: 49px;
    padding-top: 30px;
    font-size: 12px;
    color: #909090;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.to-index-grey{
    background: url("../images/bottom_tab/home_icon_tab_normal@2x.png") no-repeat center 5px;
    background-size: 24px auto;
}
.to-index-active{
    background: url("../images/bottom_tab/BG_logo_tab_o@2x.png") no-repeat center center;
    background-size: 40px auto;
}
.to-bcc-grey{
    background: url("../images/bottom_tab/B.C.C_icon_tab_normal@2x.png") no-repeat center 5px;
    background-size: 24px auto;
}
.to-bcc-active{
    color: #0097FF;
    background: url("../images/bottom_tab/B.C.C_icon_tab_hl@2x.png") no-repeat center 5px;
    background-size: 24px auto;
}
.to-shop-grey{
    background: url("../images/bottom_tab/icon_ai_tab_normal@2x.png") no-repeat center 5px;
    /* background: url("../images/bottom_tab/icon_store_tab_normal@2x.png") no-repeat center 5px; */
    background-size: 24px auto;
}
.to-shop-active{
    color: #0097FF;
    /* background: url("../images/bottom_tab/icon_store_tab_hl@2x.png") no-repeat center 5px; */
    background: url("../images/bottom_tab/icon_ai_tab_hl@2x.png") no-repeat center 5px;
    background-size: 24px auto;
}
.to-order-grey{
    background: url("../images/bottom_tab/icon_order_tab_normal@2x.png") no-repeat center 5px;
    background-size: 24px auto;
}
.to-order-active{
    color: #0097FF;
    background: url("../images/bottom_tab/icon_order_tab_hl@2x.png") no-repeat center 5px;
    background-size: 24px auto;
}
.to-center-grey{
    background: url("../images/bottom_tab/me_icon_tab_normal@2x.png") no-repeat center 5px;
    background-size: 24px auto;
}
.to-center-active{
    color: #0097FF;
    background: url("../images/bottom_tab/me_icon_tab_hl@2x.png") no-repeat center 5px;
    background-size: 24px auto;
}
#iphoneXBar{
    display: none;
    width: 100%;
    margin-bottom: 34px;
}
.member-tag-mini{
    position: relative;
    top: -2px;
    width: 20px;
    height: auto;
    vertical-align: middle;
}