/*
 * @Description: 攻略游记首页样式
*/
a{
    display: block;
    color: #666666;
}
.mT10 {
    margin-top: 10px;
}
.guideIndex {
    padding-bottom: 70px;
}
/*顶部幻灯*/
#mySlider .indicator {
    background: none;
}
#mySlider .indicator i {
    background: rgba(255,255,255,0.3);
}
#mySlider .indicator .active {
    background: #fff;
}
/*搜索框*/
.fixedSearchBox {
    /*position: fixed;*/
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 10px 15px;
    height: 40px;
    z-index: 1;
}
.androidSearchBox {
    padding: 15px 15px 10px;
}
.toolsMenu {
    display: block;
    position: relative;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-image: url(../../img/icon_navi_detail_camera.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.backIcon,
.userIcon,
.msgIcon,
.toolsMenu,
.fixedCur .backIcon,
.fixedCur .userIcon,
.fixedCur .msgIcon,
.fixedCur .toolsMenu {
    display: block;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    width: 34px;
    height: 34px;
    background-image: url(../../img/gonglue_index_icon_spr.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.backIcon {
    background-position: 0 -62px;
}
.fixedCur .backIcon {
    background-position: 0 -167px;
}
.toolsMenu {
    position: relative;
    top: 1px;
    left: 5px;
    background-position: 0 -31px;
}
.fixedCur .toolsMenu {
    background-position: 0 0;
}
.fixedCur {
    background-color: #fff;
}
.fixedCur .searchBox {
    background-color: #ddd;
}
.fixedCur .searchBox a{
    display: flex
}
.toolsMenu em {
    position: absolute;
    top:0;
    right: 0;
    width: 7px;
    height: 7px;
    background-color: #d94c2f;
    border-radius: 50%;
}
.searchBox {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    margin: 0 10px 0 5px;
    padding: 0 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    height: 34px;
    background-color: #fff;
    border-radius: 4px;
}
.searchIcon {
    width: 12px;
    height: 12px;
    display: block;
    background: url('../../img/icon_search_magnifier.png') no-repeat center;
    background-size: 12px;
    margin-top: 3px;
}
.searchAutoTxt {
    padding-left: 10px;
    color: #666;
    font-size: 14px;
}
.headLineBox {
    display: -webkit-box;
    display: box;
    padding: 0 10px;
    background-color: #fff;
    height: 45px;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-box-align: center;
    box-align: center;
}
/*icon导航*/
.headLineList {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    padding: 15px 15px 20px;
    background-color: #fff;
}
.headLineList li {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    margin: 0 5px;
}
.headLineList li img {
    display: block;
    margin: 0 auto;
    width: 43px;
    height: 43px;
}
.headLineList li span,
.headLineList li em {
    display: block;
    text-align: center;
}
.headLineList li span {
    margin-top: 10px;
    font-size: 16px;
}
.headLineList li em {
    margin-top: 6px;
    color: #999;
    font-size: 11px;
}
.headLineList li i {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 4px;
    width: 5px;
    height: 5px;
    background-color: #23beae;
    border-radius: 50%;
}
/*当季热门*/
.likeWrapper {
    padding: 20px 0;
    background-color: #fffbf7;
}
.likeTitle {
    margin-bottom: 15px;
    color: #a99480;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.areaInfoBox {
    position: absolute;
    bottom: 0px;
    width: 2.2rem;
    padding: 0 10px;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
    border-radius: 0 0 4px 4px;
}
.areaInfoBox p {
    color: #fff;
    -webkit-text-overflow: ellipsis;
            text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.areaInfoBox p:first-child {
    font-size: 14px;
}
.areaInfoBox p:last-child {
    padding-bottom: 5px;
    font-size: 10px;
}
/*tab*/
.recommendAreaWrapper {
    height: 45px;
    background-color: #fff;
}
.recommendAreaBox {
    width: 100%;
    box-sizing: border-box;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.areaList {
    display: -webkit-flex;
    display: flex;
    padding-right: 50px;
}
.areaList li {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
    padding-right: 50px;
    min-width: 28px;
    height: 43px;
    line-height: 43px;
    border-bottom: 2px solid #fff;
    color: #666;
    font-size: 14px;
}
.areaList li:first-child {
    margin-left: 35px;
}
.areaList li:last-child {
    margin-right: 0;
}
.areaList .cur {
    color: #23beae;
}
.areaList em {
    display: inline-block;
    height: 43px;
}
.areaList .cur em {
    border-bottom: 2px solid #23beae;
}
.areaList span {
    position: absolute;
    top: 5px;
    right: 30px;
    width: 20px;
    height: 12px;
    line-height: 12px;
    background-color: #ff5346;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    text-align: center;
}
/*tab切换内容*/
.tabContainer {
    position: relative;
    background-color: #fff;
}
/*每日best*/
.seasonTit {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    margin: 20px 0;
}
.seasonTit span {
    color: #666;
    font-size: 18px;
    font-weight: bold;
}
.seasonTit em {
    display: block;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    position: relative;
    left: 10px;
    width: 14px;
    height: 14px;
    background-image: url(../../img/icon_more.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
}
.youjiWrapper {
    position: relative;
    overflow: hidden;
}
.youjiBox {
    margin: 0 15px;
    padding-bottom: 15px;
}
.glContentBox .slider-cut-card {
    margin: 0 auto;
}
.best-img img {
    display: block;
    border-radius: 3px 3px 0 0;
}
.best-img .best-today {
    position: absolute;
    top: -1px;
    right: 10px;
    width: 38px;
    height: 64px;
    background: url('../../img/icon_travelnoteindex_best@2x.png') no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    text-align: center;
    color: #ffff6c;
    padding-top: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.best-today .today-day {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
}
.best-today .today-month {
    margin-top: 4px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
}
.info-tit {
    margin: 10px 0 8px;
    color: #333;
    font-size: 14px;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.info-addr {
    display: block;
    margin-bottom: 8px;
    color: #666;
    font-size: 12px;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.best-info {
    padding: 0 10px;
}
.youjiBottom {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.youjiBottom .info-author,
.articalMain .info-author {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.youjiBottom .info-author img,
.articalMain .info-author img {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    display: block;
    margin-right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.youjiBottom .info-user,
.articalMain .info-user {
    display: block;
    margin-left: 10px;
    color: #999;
    font-size: 10px;
}
.youjiBottom .info-name i,
.articalMain .info-name i {
    display: block;
    width: 2px;
    height: 2px;
    background-color: #999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
}
.sliderMoreYouji img {
    display: block;
    width: 265px;
    height: 236px;
}
#guideSearchOrigin{
    position:fixed;
}
.gonglueAd{
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin:0px auto;
    z-index:10000;
    display:table;
}
.gonglueAdCon{
    display:table-cell;
    vertical-align:middle;
}
.gonglueAdCon h2:before{
    content:'';
    float:right;
    background: url(//img1.40017.cn/touch/nr/gonglve/img/popup_close.png) no-repeat;
    width: 23px;
    height: 33px;
    background-size: contain;
    margin-right:25px;
}
/*发现旅行灵感*/
.articalList .areaWrapper {
    padding: 20px 0 15px;
}
.areaTit {
    margin-bottom: 20px;
    color:#666;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.areaBox {
    width: 100%;
    box-sizing: border-box;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.areaImgList {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.areaImgList dd {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    margin-right: 8px;
    width: 2.2rem;
    position: relative;
}
.areaImgList dd:first-child {
    padding-left: 15px;
}
.areaImgList dd:last-child {
    margin-right: 0;
    padding-right: 15px;
}
.areaImgList dd img {
    width: 2.2rem;
    height: 1.47rem;
    border-radius: 4px;
}
.areaImgList dd em,
.areaImgList dd span {
    display: block;
    text-align: center;
    -webkit-text-overflow: ellipsis;
            text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.areaImgList dd span {
    margin: 8px 0 0;
    font-size: 14px;
}

.areaImgList dd em {
    color: #999;
    font-size: 10px;
}
.customTagListWrapper {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    height: 40px;
    border-right: 1px solid #ccc;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.customTagList {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    width: 500px;
    height: 40px;
}
.customTagList li {
    margin-right: 10px;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #ccc;
    border-radius: 11px;
    font-size: 12px;
}
.articalList li {
    padding: 15px;
}
.articalTit {
    font-size: 16px;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.articalInfo {
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
}
.articalInfo img {
    display: block;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    width: 120px;
    height: 80px;
}
.articalMain {
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
.articalInfo {
    color: #666;
    font-size: 12px;
}
.articalMain {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.articalMain p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    overflow : hidden;
    text-overflow: ellipsis;
}
.articalMain span {
    font-weight: bold;
}
.youjiTit {
    color: #333;
    font-size: 16px;
}
.articalBottom {
    margin-top: 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-align-items: center;
            align-items: center;
}
.articalType1,
.articalType2,
.articalType3,
.articalType4,
.articalType5 {
    padding: 0 5px;
    height: 16px;
    line-height: 18px;
    border-radius: 2px;
    font-size: 10px;
}
.articalType1 {
    border: 1px solid #23beae;
    color: #23beae;
}
.articalType2 {
    border: 1px solid #23beae;
    color: #23beae;
}
.articalType3,
.articalType4 {
    border: 1px solid #ff6825;
    color: #ff6825;
}
.articalType5 {
    border: 1px solid #ffa025;
    color: #ffa025;
}
.countBox {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.browseCount,
.clickZanCount {
    display: block;
    padding-left: 20px;
    height: 14px;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #ccc;
    font-size: 10px;
}
.browseCount {
    background-image: url(../../img/traveltop_icon_view.png);
    background-size: 15px 11px;
}
.clickZanCount {
    margin-left: 15px;
    background-image: url(../../img/traveltop_icon_support.png);
    background-size: 15px 14px;
}
/*底部悬浮导航*/
.bottomFix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    height: 50px;
    background-color: #fff;
}
.bottomFix .cur span {
    color: #23beae;
}
.bottomFix li {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    width: 100px;
}
.bottomFix li img {
    display: block;
    margin: 0 auto 3px;
    width: 20px;
    height: 20px;
}
.bottomFix li span {
    display: block;
    color: #333;
    font-size: 10px;
    text-align: center;
}
/*欢迎*/
.welcomeBox {
    position: relative;
    margin: 10px 5px 0;
    padding: 20px 25px;
    min-height: 106px;
    background-image: url('https://pic5.40017.cn/01/001/b7/cb/rBLkBlnPOGyAL1wwAAANCCV9CaU590.png');
    background-position: right bottom;
    background-size: cover;
}
.welcomeBox p {
    margin-bottom: 15px;
    color: #a99480;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.welcomeBox pre {
    color: #666;
    font-size: 14px;
    white-space: normal;
}
.welcomeList {
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
}
.welcomeList li {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    color: #0aa0ff;
    font-size: 14px;
    text-align: center;
}
.closeWelcome {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 33px;
    height: 33px;
    background-image: url(../../img/popout_closenew.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/*loading*/
.tabConLoading {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
}
.tabConLoading .loading {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 71px;
    height: 71px;
    margin: 0 0 0 -33px;
}

.tabConLoading .loading_text {
    font-size: 14px;
    margin-top: 12px;
    text-align: center;
    color: #999;
}

.tabConLoading .loadingimg {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
}
.productLine {
    height: 10px;
    background-color: #e9ecf1;
}
/*安卓手机滚动条样式*/
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 0;
}
::-webkit-scrollbar:horizontal {
    height: 0;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}