﻿.proleibie{padding: 10px;padding-bottom: 0;background-color:#fff;margin-bottom: 1rem;}
.proleibie ul{}
.proleibie ul li{color: #000;text-align: center;width: 25%;box-sizing:border-box;padding: 0 10px 10px;font-size: 1.2rem;line-height: 35px;float: left;}
.proleibie ul li .ico{background-image: url(../images/ico.png);background-size: 600%;background-repeat: no-repeat;width: 100%;padding-bottom: 100%;border-radius: 100%;}
.proleibie ul li:nth-child(1) .ico{background-color: #05c4bd;}
.proleibie ul li:nth-child(2) .ico{background-color: #ffc600;}
.proleibie ul li:nth-child(3) .ico{background-color: #368ff4;}
.proleibie ul li:nth-child(4) .ico{background-color: #21d0a7;}
.proleibie ul li:nth-child(5) .ico{background-color: #0fc4d9;}
.proleibie ul li:nth-child(6) .ico{background-color: #a2c90f;}
.proleibie ul li:nth-child(7) .ico{background-color: #6699ff;}
.proleibie ul li:nth-child(8) .ico{background-color: #ff6666;} 
.proleibie ul li .line{background-position: -4% 15.5%;}
.proleibie ul li .l3{background-position: 36% 15.5%;}
.proleibie ul li .l2{background-position: 15% 15.5%;}
.proleibie ul li .l1{background-position: 57.5% 15.5%;}
.proleibie ul li .hotel{background-position: 80% 14.5%;background-size: 500%;} 
.proleibie ul li .car{background-position: 57% 39.5%;} 
.proleibie ul li .visa{background-position: 80% 39.5%;;background-size: 500%;}
.proleibie ul li .news{background-position: 36% 63%;} 
.proleibie ul li .lyScenery{background-position: 57.2% 62%;background-size: 700%;} 

.ui-tabs-panel {display: block;}
.ui-tabs-hide {display: none;}
.line_tabs {background-color: #FFF;height: 42px;position: relative;border-bottom: 1px solid #006ED6;}
.line_tabs a {display: block;width: 33.33333%;float:left;text-align: center;font-size:1.1rem;line-height: 41px;box-sizing: border-box;position: relative;z-index: 1;height: 43px;}
.line_tabs a.active {color: #006ED6;border: 1px solid #006ED6;border-bottom: 1px solid #FFF;background: #FFF;line-height: 40px;}
.ui-tabs-line li {display: block;border-bottom: 1px solid #eaeaea; margin-top:3px;}
.ui-tabs-line li:last-child {border: none;}
.ui-tabs-line li a {display: flex;overflow: hidden;box-sizing: border-box;padding: 1rem 1rem 1rem 12rem;background-color: #FFF;border-right: none;border-left: none;position: relative;flex-direction: column;height: 10rem;}
.ui-tabs-line li a .img {width: 10rem;position: absolute;top: 10px;left: 10px;height: 8rem;}
.ui-tabs-line li a .img img {width: 100%; height: 100%;}
.ui-tabs-line li a .name {font-size: 1.2rem;color: #000;overflow: hidden;height: 3.6rem;line-height: 1.8rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ui-tabs-line li a .brief {font-size: 1rem;color: #7f7f7f;height: 1.4rem;line-height: 1.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 5px;}
.ui-tabs-line li a .info {text-align:right;margin-top: 2px;}
.ui-tabs-line li a .info .point {float: left;}
.ui-tabs-line li a .info .price {background-color: #F40;color: #FFF;font-size: 1.2rem;border-radius: 3px;border: none;padding: 4px 8px;font-family: "";} 

.hotelmenpiaocar{background-color: #fff;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding-bottom: 1rem;margin-top: 1rem;}
.hotelmenpiaocar h3{font-size: 1.4rem;padding: 1rem 1rem 1rem;}
.hotelmenpiaocar .hd{width: 100%;overflow: hidden;height: 3.2rem;}
.hotelmenpiaocar .hd ul{padding: 0 1rem;display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;box-sizing: border-box;}
.hotelmenpiaocar .hd li{color: #666;text-align: center;line-height: 3rem;box-sizing: border-box;font-size: 1.2rem;-moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -o-box-flex: 1;}
.hotelmenpiaocar .hd li.on{border-bottom: 0.2rem solid #006ED6;}
.hotelmenpiaocar .bd{padding: 0 0.5rem;}
.hotelmenpiaocar .bd li{margin-top: 1rem;} 
.hotelmenpiaocar .bd .proleft{width: 8rem;height: 6.3rem;float: left;display: block;border-radius: 0.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hotelmenpiaocar .bd .proright{padding-left: 9rem;height: 6.3rem;}
.hotelmenpiaocar .bd .proright h4{color: #000;font-size: 1.3rem;height: 1.6rem;overflow: hidden;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hotelmenpiaocar .bd .proright .dizhiadd{color: #999;line-height: 2.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width:100%}
.hotelmenpiaocar .bd .proright .price{font-size: 1rem;color: #999;line-height: 2.5rem;text-align: right;}
.hotelmenpiaocar .bd .proright .star{font-size: 1rem;text-align: left;margin-top: 0.36rem;padding: 0.02rem 0.5rem;border: 1px solid #fc924c;color: #fc924c;border-radius: 0.2rem;float: left;} 
.hotelmenpiaocar .bd .proright .price i{color: #f63;}
.hotelmenpiaocar .bd .proright .price span{color: #f63;font-size: 1.4rem;}
.hotelmenpiaocar .bd .proright .limit {font-size: 1rem;text-align: left;margin-top: 0.36rem;padding: 0.02rem 0.5rem;border: 1px solid #fc924c;color: #fc924c;border-radius: 0.2rem;float: left;}  
.hotelmenpiaocar .bd .proright .zuweidiv{color: #999;line-height: 2.5rem;}
.hotelmenpiaocar .bd .more{width: 100%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.4rem;background-color: #006ED6;color: #fff;margin-top: 1rem;}
.hotelmenpiaocar .bd .more a{display: block;color: #fff;}

.lvyzhinan {
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.lvyzhinan h3{font-size: 1.4rem;padding: 1rem 1rem 0;}
.lvyzhinan h3 .fr{font-size: 1.2rem;position: relative;padding-right: 0.6rem;}
.lvyzhinan h3 .fr:after{content: "";width: 1rem;height: 1rem;position: absolute;top: 50%;right: -1.0rem;background: url(../images/arrow.png) no-repeat;background-size: contain;margin-top: -0.5rem;}
.lvyzhinan ul{padding: 1rem 0 0 1rem;}
.lvyzhinan li{width:50%;position: relative;float: left;box-sizing: border-box;padding-right: 1rem;margin-bottom: 1rem;}
.lvyzhinan li .img{width: 100%;padding-bottom: 75%;background-size: cover;background-repeat: no-repeat;border-radius: 0.5rem; height: 10rem;}
.lvyzhinan li .img .text{position: absolute;text-align: center;color: #fff;width: 100%;height: 3rem;line-height: 1.5rem;top: 50%;margin-top: -1.5rem;padding-right: 1rem;box-sizing: border-box;} 
.lvyzhinan li .img .text .title{font-size: 1rem;overflow: hidden;text-overflow: ellipsis; }

 
 
