/*国内游css*/
.breadnav {
    border-bottom: 1px solid #ddd;
}

.breadnav ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.breadnav ul li {
    float: left;
    list-style: none;
    height: 50px;
    line-height: 50px;
}

.breadnav ul li a {
    display: inline-block;
    padding-right: 0px;
    text-decoration: none;
    font-size: 14px;
    color: #5e5e5e;
}

.inter-select {
    margin: 25px 0 20px 0;
    border-bottom: 1px solid #E4E7ED;
}

.inter-select ul {
    padding: 0 5px;
    margin: 0;
    list-style: none;
    border: 1px solid #E4E7ED;
    border-bottom: none;
}

.inter-select ul li {
    line-height: 40px;
    border-bottom: 1px solid #E4E7ED;
    padding: 0 15px;
}

.inter-select ul li:last-child {
    border: none;
}

.inter-select ul li span {
    font-size: 14px;
    color: #444444;
    cursor: pointer;
    padding: 4px 10px;
}

.inter-select ul li span.title {
    font-weight: bold;
}

.inter-select ul li.area {
    padding-left: 156px;
}

.inter-select ul li span.active {
    background: #20407B;
    color: #fff;
}

.inter-list {
    border: 1px solid #DCDFE6;
    margin-bottom: 20px;
    border-bottom: 0;
}

.inter-list .items {
    overflow: hidden;
    padding: 10px 5px;
    background: #fff;
    margin-top: 5px;
    border-radius: 5px;
}

.inter-list .items:hover {
    background: #ffe;
}

.inter-list .items .lleft {
    float: left;
    position: relative;
    width: 35%;
}

.inter-list .items .lleft img {
    width: 100%;
}

.inter-list .items .lleft .infor {
    position: absolute;
    top: 10px;
    right: 10px;
    overflow: hidden;
}

.inter-list .items .lleft .infor span {
    float: left;
    background: #ff6a00;
    padding: 4px 6px;
    color: #fff;
    display: inline-block;
}

.inter-list .items .lleft .infor span:last-child {
    background: #fe0f0f;
}

.inter-list .items .lright {
    float: left;
    width: 65%;
    padding-left: 15px;
    color: #444;
}

.inter-list .items .lright h3 {
    font-size: 18px;
    color: #222;
    margin: 0;
    padding: 0;
    /*white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:800*/
}

.inter-list .items .lright a:hover,
.inter-list .items .lright a:hover h3 {
    color: #f90
}

.inter-list .items .lright ul {
    padding: 0;
    list-style: none;
}

.inter-list .items .lright ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inter-list .items .tese {
    margin-top: 15px;
}

.inter-list .items .tese span {
    font-size: 12px;
    display: inline-block;
    padding: 1px 3px;
    border-radius: 4px;
    color: #1396ff;
    border: 1px solid #1396ff;
    margin-right: 10px;
}

@media(max-width:767px){
  .inter-list .items .tese span {
    font-size: 10px;
    display: inline-block;
    padding: 2px;
    border-radius: 4px;
    color: #1396ff;
    border: 1px solid #1396ff;
    margin-right: 5px;
}
.inter-list .items .tese{
  margin-top: 10px;
}
}

.inter-list .items .nums {
    overflow: hidden;
}

.inter-list .items .nums font {
    color: #1396ff;
}

.inter-list .items .nums span {
    margin-left: 100px;
    font-size: 12px;
}

.inter-list .items .nums span font {
    color: #e96100;
}

.inter-list .items .nums .f01 {
    color: #999;
}

.inter-list .items .nums .f02 {
    font-size: 30px;
    font-weight: bold;
}

.inter-list .items .nums a {
    float: right;
    background: #e96100;
    color: #fff;
}
@media (min-width: 769px) {
.inter-list .hot-line{
    position: relative;
}
.inter-list .hot-line .hot-jiao {
    position: absolute;
    top: -5px;
    left: -3px;
    width: 100%;
}
}
@media (max-width: 769px) {
.inter-list .hot-line{
    position: relative;
}
.inter-list .hot-line .hot-jiao {
    position: absolute;
    top: -2px;
    left: -1px;
    width: 100%;
}
}
.loadmore {
    width: 100%;
    background: #eee;
    color: #363636;
    margin-bottom: 40px;
    line-height: 35px;
    font-size: 14px;
}

.inter-new {
    padding: 0;
    border: 1px solid #E4E7ED;
    margin: 0px 0 20px;
}

.inter-new ul {
    margin: 0;
    padding: 10px;
    list-style: none;
}

.inter-new span {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    float: left;
}

.inter-new img {
    width: 100%;
}

.inter-new a {
    width: 100%;
    background: #e0edff;
    color: #656565;
    border-radius: 0;
    font-size: 18px;
    line-height: 30px;
}

.inter-new p {
    color: #656565;
    font-size: 12px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inter-new p.name {
    color: #b5b3b3
}

.inter-new ul li {
    padding: 5px 0;
    border-bottom: 1px dashed #dddddd;
}
.inter-new .title{
    text-align: center;
    background: #20407B;
    color: #fff;
    padding: 10px 0;
    font-size:18px;
}
.inter-new  .article-hot{
  padding-bottom: 15px;
}
.inter-new  .article-hot  .vo{
    padding: 5px 10px;
}
.inter-new  .article-hot  .vo a{
    color:#444444;
    background: #ffffff;
    font-size: 14px;

}
.inter-new  .article-hot  .vo span{
    border-radius: 0;
    float:none;
}
.inter-new  .article-hot  .vo .num,.inter-new  .recommend-line  .vo .num {
    background-color: #f0ad4e;
    color:#FFFFFF;
    display: inline-table;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
    zoom:1;
}
.inter-new  .article-hot  .vo .top,.inter-new  .recommend-line  .vo .top {
    background-color:#eb6100;
}

.inter-new  .article-hot a.more{
  font-size: 14px;
  line-height: 25px;
  color: #409eff;
  background: #ecf5ff;
  border:1px solid #b3d8ff;
  padding: 3px 8px;
}

.container .items .lright h4 {
    color: #a1a1a1;
    font-size: 1em;
}

.internal {
    /*background-image:url('/images/guilin_bg.jpg');
background-repeat: no-repeat;
background-attachment: fixed; */
}

.internal .container {
    background-color: #FFF;
}

/*.internal .container .inter-select,
.internal .container .inter-list,
.internal .container .inter-new{ background-color:#FFF;opacity:0.9;
filter:alpha(opacity=80);}*/
.list_right ul {
    color: #ff6a00;
}

.list_right ul li {
    color: #000000;
    position: relative;
    padding: 5px 0;
    padding-left: 15px;
    border-bottom: none;
}

.list_right ul li:before {
    color: #ff6a00;
    content: "●";
    position: absolute;
    left: 0;

}

.list_right .zx01 h3 {
    background: #0068b7;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
}

.list_right .zx01 p {
    text-align: center;


}

.list_right .zx01 p a {
    background: #0068b7;
    padding: 10px 10px;
    color: #ffffff;
}

.list_right .zx01 h4 {
    text-align: center;
    padding: 20px 0;
}

@media (max-width: 768px) {
    .navbar-nav {
        float: none;
    }

    .inter-select {
        margin: 0px 0 10px 0;
    }
	.inter-list .items{
	}
    .inter-list .items .nums {
    bottom: 5px;
	}
  .lygl{
 position: relative;
 overflow: hidden;
 margin-bottom: 10px;
 padding-bottom: 15px;
 border-bottom: 1px solid #eee;
 height:35px;
  }
  .lygl > div{
    float: left;
    height:30px; line-height:30px;
  }
  #announcement{ right:0; top:100px; width:180px; height:30px; line-height:30px; overflow:hidden;}
#announcement ul{ position:absolute; top:0; padding-left: 10px;}
#announcement li{ height:30px; line-height:30px; overflow:hidden;}
#announcement li a{
  color: #444;
}
}

@media (max-width: 480px) {
    .inter-select ul li.area {
        padding-left: 5px;
    }

    .inter-select ul li span {

        font-size: 12px;
        padding: 5px 6px;
    }

    .inter-select ul li {
        line-height: 26px;
        padding: 6px 0;
    }

    .inter-select ul li span.title {
        float: left;
    }

    .list_mb {
        padding-right: 0px;
        padding-left: 0px;
    }

    .inter-list .items {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .inter-list .items .lleft {
        width: 30%;
    }

    .inter-list .items .lright {
        width: 70%;
    }

    /*.inter-list .items .lright {width: 100%;padding-left: 0;font-size: 12px;}*/
    .inter-list .items .lright h3 {
        font-size: 14px;
        margin-top: 0px;
        line-height: 18px;
    }

    .inter-list .items .tese span {
      margin-bottom: 5px;
    }

    .inter-list .items .lright ul {
        line-height: 26px;
    }

    .inter-list .items .nums .f02 {
        font-size: 20px;
        font-weight: normal;
    }

    .inter-list .items .lleft .infor {
        top: 0px;
        right: 0px;
    }

    .inter-list .items .lleft .infor span {
        padding: 1px 2px;
        font-size: 0.8em
    }

    .inter-list .items .nums span {
        margin-left: 10px;
    }


    .pr-main>div h3 {
        font-size: 18px;
        /* margin-bottom: 25px; */
        padding: 0;
        margin: 5px 0;
    }

    .pr-main>div {
        width: 350px;
        padding: 20px 0;
    }

    .pr-main .col-md-6 {
        width: 100%;
        float: none;
    }

    .pr-main .col-md-3 {
        width: 100%;
        float: none;
    }

    .pr-main .col-md-2 {
        width: 100%;
        float: none;
    }

    .pr-main .col-md-4 {
        width: 100%;
        float: none;
        text-align: left;
    }

    .pr-main form {
        padding: 0 15px;
    }



}


@media (max-width: 320px) {
    .inter-list .items .nums a {
        float: none;
        margin-top: 15px;
    }

    .pr-main>div {
        width: 300px;
    }
}

@media (min-width: 769px) {
    .internal .container {
        background-color: #FFF;
        opacity: 0.9;
        filter: alpha(opacity=80);
    }
}

#YouWanDiDian .area-name {
    color: #aaa;
    cursor: default;
}

/* 2020103226 新增列表样式 */
.tour-card{
  background: #fff;
  border:1px solid ;
  border-color: transparent transparent  #DCDFE6 transparent;
  padding: 15px 10px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  transition: all 0.4s ease-in-out;
}
.tour-card:hover{
  background: #F7F7F7;
  border:1px solid #1768d13b ;
}
.tour-card a{
  color: #303133;
  display: block;
  width: 100%;
}
.tour-card .left,
.tour-card .right{
  float: left;
}
.tour-card .left{
  width: 35%;
    position: relative;
}
.tour-card .left .label-box{
    position: absolute;
    top:0;
    left: 0;

}
.tour-card .left .type{

  color: #fff;
    background: #20407B;
  padding: 3px 5px;
    padding-top: 0;
  font-size: 15px;
    border-bottom: solid 1px #20407B;
}
.tour-card .left .tourday {
    white-space: nowrap;      /* 防止内容换行 */
    color: #20407B;
    padding: 3px 5px;
    padding-top: 0;
    font-size: 15px;
    background: white;
    border-bottom: solid 1px #20407B;
    border-right: solid 1px #20407B;
    border-bottom-right-radius: 5px;
}
.tour-card .left .label-green .type{
    background: #29AF4E;
    border-bottom: solid 1px #29AF4E;
}
.tour-card .left .label-green .tourday{
    color: #29AF4E;
    border-bottom: solid 1px #29AF4E;
    border-right: solid 1px #29AF4E;
}
.tour-card .left .label-orange .type{
    background: #FF9C00;
    border-bottom: solid 1px #FF9C00;
}
.tour-card .left .label-orange .tourday{
    color: #FF9C00;
    border-bottom: solid 1px #FF9C00;
    border-right: solid 1px #FF9C00;
}
.tour-card .left  .tour-discount{
  position: absolute;
  background: #F56C6C;
  right: 15px;
  top: 0;
  color: #fff;
  padding: 5px 5px;
  font-size: 12px;
}
.tour-card .left  .tour-discount font{
  font-size: 16px;
}
.tour-card .right{
  width: 65%;
  height: 100%;
  padding: 0 15px;
  position: relative;
  padding-bottom: 30px;
}
.tour-card .right .topreason p{
  margin-bottom: 2px;
  color: #606266;
}
.tour-card .right .card-footer{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: right;
    background-color: initial;
    border-top: 0;
}
.tour-card .right .card-footer .hits{
  position: absolute;
  left: 15px;
  bottom: 5px;
  color: #909399;
  font-size: 13px;
}

.tour-card .right .card-footer .price {
  padding: 0 5px;
    float: left;
}
.tour-card .right .card-footer .f01{
  font-size: 14px;
}
.tour-card .right .card-footer .f02{
  font-size: 24px;
  color: #e96100;
}
.tour-card .right .card-footer .del{
  color: #C0C4CC;
}
.tour-card .right .card-footer .del .f02{
  font-size: 16px;
  color: #e96100;
}
.tour-card .right .card-footer .discount-price{
  color: #909399;
}
.tour-card .right .card-footer .discount-price .f00{
  color: #67C23A;
}
.tour-card .right .card-footer > span{
  display: inline-block;
}
.tour-card .right .card-footer .discount-price {


  display: inline-block;
}
.tour-card .right .card-footer .discount-price .f00{
  width: 45px;
  display: inline-block;
  margin-bottom: -10px;
  border-radius: 5px;
  overflow: hidden;
}
.tour-card .right .card-footer .discount-price .f00 .up,
.tour-card .right .card-footer .discount-price .f00 .down{
  width: 45px;
  float: left;
  line-height: 16px;
  color: #fff;
  font-size: 10px;
  text-align: center;

}
.tour-card .right .card-footer .discount-price .f00 .up{
background:#a40000 ;
}
.tour-card .right .card-footer .discount-price .f00 .down{
  background:#e60012 ;
}
.tour-card .right .card-footer .discount-price .f02{
  font-size: 24px;
  color: #fe0f0f;
}
.tour-card .right .card-footer .btn{
  background: #e96100;
  padding: 3px 8px;
  color: #ffffff;
  margin-left: 30px;
}
.tour-card .right .title{
  font-size: 18px;
  margin-bottom: 5px;
}
.tour-card .right .title .hot{
  font-size: 0.9em;
  color: #ec1a26;
}
.tour-card .right .title .hot img{
  width: 18px;
  margin-top: -4px;
}
.tour-card .right .title .good{
  color: #11C0DF;
  font-size: 0.9em;
}
.tour-card .right .title .good img{
  width: 18px;
  margin-top: -4px;
}
.tour-card .right .subtitle{
  font-size: 11px;
  color: #656565;
  margin-bottom: 5px;
}
.tour-card .right .tips span{
  display: inline-block;
  border:1px solid #20407B;
  color: #20407B;
  padding: 2px;
  font-size: 13px;
  margin-right: 5px;
    border-radius: 5px;
    background-color: white;
}
@media (max-width:767px){
  .tour-card .left{
    width: 100px;
  }
  .tour-card .right{
    width: calc(100% - 100px);
  }
  .tour-card .left img{
    display: block;
    width: 100px;
    height: 100px;
    object-fit:cover
  }
  .tour-card .left  .tour-discount{
    right: 5px;
    font-size: 10px;
  }
  .tour-card .left  .tour-discount font{
    font-size: 14px;
  }
  .tour-card .right .title{
    font-size: 14px;
    width: 100%;
  }
  .tour-card .right .title .hot img{
    width: 14px;
  }
  .tour-card .right .title .good img{
    width: 14px;
  }
  .tour-card .right .card-footer .f01{
    font-size: 10px;
  }
  .tour-card .right .card-footer .f02{
    font-size: 16px;
  }
  .tour-card .right .card-footer .discount-price .f02{
    font-size: 16px;
  }
  .tour-card .right .card-footer{
    position: absolute;
    width: 100%;
    bottom: 5px;
    left: 0;
    text-align: right;
  }
  .tour-card .right .card-footer .hits{
    bottom: 0;
    font-size: 10px;
  }
}
.tour-card::after{
  display: block;
  content: '';
  clear: both;
}



.tour-card .left .anniu-list{
  position: absolute;
  top: 0;
  left: 0;
}

.tour-card .right .topreason{
    padding-bottom: 20px;
}