/* #region (0)初始化 */
*{
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
a{
    color: white;
    text-decoration: none;
}
body{
    color: #323232;
    text-align: left;
    font: 12px/1.5 Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Heiti SC,WenQuanYi Micro Hei,sans-serif;
}
ol,ul{
    list-style: none;
}
img{
    overflow-clip-margin: content-box;
    overflow: clip;
}
input{
    outline: none;
}
em{
    font-style: normal;
    font-weight: 500;
}
/* #endregion 初始化 */
/* #region （1）header-wrapper */
    /* #region （1.1）header-wrapper(左侧） */
.header-wrapper{
    width: 100%;
    height: 60px;
    min-width: 1160px;
    background-color: transparent;
    position: absolute;
    z-index: 201;
}
.header{
    max-width: 1920px;
    height: 60px;
    background-color: orange;
    margin: 0 auto;
    background: linear-gradient(180deg,rgba(0,0,0,.3) 10%,transparent);
    /* position: absolute;
    left: 50%;
    transform: translate(-50%,0); */
    /* overflow: hidden; */
}
.header .header-left-wrapper{
    /* width: 632px; */
    height: 60px;
    padding-left: 30px;
    /* background-color: aqua; */
    float: left;
}
.header .header-left-wrapper .header-logo{
    width: 76px;
    height: 36px;
    padding-top: 14px;
    float: left;
}
.header .header-left-wrapper .header-nav{
    /* width: 528px; */
    height: 60px;
    margin-left: 18px;
    /* background-color: rgb(249, 113, 113); */
    float: left;
}
.header-nav>ul{
    list-style: none;
    position: relative;
}
.header-nav>ul>li{
    height: 60px;
    line-height: 60px;
    position: relative;
    /* display: inline-block; */
    float: left;
}
.header-nav>ul>li.nav-list-layer .list-layer{
    position: absolute;
    z-index: 200;
    top: 55px;
    border-radius: 4px;
    padding: 8px 0;
    min-width: 100px;
    background-color: white;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    display: none;
}
.header-nav>ul>li.nav-list-layer .list-layer>ul>li:hover{
background-color: #e3fae1;
}
.header-nav>ul>li.nav-list-layer .list-layer.list-layer-jiao::before{
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    left: 22px;
    width: 0;
    height: 0;
    font-size: 0;
    border-color: transparent transparent white;
    border-style: solid;
    border-width: 6px 4px;
}
.list-layer>ul>li>a,
.list-layer ul li a .icon::before{
    color: #636363;
}
.nav-list-layer .q-layer.list-layer.q-layer-section{
    position: absolute;
    top: 0;
    left: 100%;
    /* padding-left: 4px; */
    padding: 0 4px;
    background: 0 0;
    white-space: normal;
    border-radius: 4px;
    min-width: 100px;
    z-index: 200;

}
.q-layer{
    /* width: 610px;  */
    /* height: 325px; */
    position: absolute;
    z-index: 200;
    border-radius: 4px;
    min-width: 100px;
    background-color: white;
}
.q-layer-section .q-layer{
    position: static;
    display: block;
    padding: 0 20px;
    width: 570px;
}
.q-layer-section .section-title{
    padding: 8px 0;
    height: 30px;
    line-height: 30px;
}
.q-layer-section .section-title .more{
    float: right;
    display: block;
    font-size: 14px;
    height: 30px;
    color: #636363;
    text-decoration: none;
    transition: all .2s;
}
.q-layer-section .section-title .more:hover{
    color: #10b041;
}
.q-layer-section .section-title .more:hover .frame-icon-arrow-right::before{
    color: #10b041;
}
.q-layer-section .section-item:first-of-type{
    border-top-style: solid;
}
.q-layer-section .section-item{
    border-top: 1px dashed #ededed;
    padding-left: 90px;
    line-height: 26px;
}
.q-layer-section .section-item dt{
    float: left;
    margin-left: -90px;
    padding-top: 8px;
    font-size: 16px;
    color: #323232;
}
.q-layer-section .section-item dd{
    padding: 5px 0;
    /* font-size: 0; */
    display: block;
    margin-inline-start: 40px;
    unicode-bidi: isolate;
}
.q-layer-section .section-item dd a{
    display: inline-block;
    margin: 0 2px;
    padding: 5px 5px 0;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    font-size: 14px;
    white-space: nowrap;
    vertical-align: top;
    color: #636363;
    text-decoration: none;
}
.q-layer-section .section-item dd a:hover{
    background-color: #e3fae1;
}
.header-nav>ul>li.nav-list-layer .list-layer.list-table::before{
    content: none;
}
.list-layer>ul>li{
    margin: 2px 0;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #636363;
    white-space: nowrap;
}
.header-nav>ul>li:hover::before{
    height: 3px;
}
.header-nav>ul>li::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    background:#fff;
    transition: all .2s ease-in-out;
}
.header-nav>ul>li>a{
    font-weight: 700;
    height: 100%;
    padding: 0 10px;
    display: inline-block;
}
.header-nav>ul>li>a .line-flag{
    position: absolute;
    top:8px;
    right: -4px;
    /* background-color: pink; */
    /* display: block;
    overflow: hidden; */
 }
.header-nav>ul>li>a .line-flag img{
   width: 100%;
   height: 12px;
   display: block;
}
.header-nav>ul>li>a .line-flag .flag-tail{
    position: absolute;
    right:0;
    /* bottom: 0px; */
    /* top: -17px; */
    display: block;
    margin-left: 6px;
    width: 13px;
    height: 93px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA0MCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoNDB2MjhIMHoiLz48cGF0aCBmaWxsPSIjQkEzNjJBIiBkPSJNMCAwaDQwTDAgMjh6Ii8+PC9nPjwvc3ZnPg==) 0 0/contain no-repeat;
 }
.header-nav>ul>li>a>span{
    font-size: 16px;
    color: white;
}
.header-nav>ul>li>a>i::before{
    content: "\e6b5";
}
.header .header-left-wrapper .header-logo img{
    width: 76px;
    height: 36px;
}
    /* #endregion （1.1）header-wrapper(左侧） */
    /* #region （1.2）header-wrapper(右侧） */
.header .header-right-wrapper{
    /* width: 300px; */
    height: 60px;
    padding-right: 30px;
    /* background-color: bisque; */
    float: right;
}
.header-search{
    float: left;
    position: relative;
    margin-top: 16px;
    padding: 4px 24px 4px 6px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: transparent;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    /* background-color: red; */
}
.header-search form{
    display: block;
}
.header-search input{
    width: 100%;
    height: 20px;
    font-size: 14px;
    background-color: transparent;
    color: #636363;
    outline: none;
}

.header-search .header-search-btn::before{
    content: "\e6c5";
    background-color: transparent !important;
}
.header-search.active,
.header-search:hover{
    width: 104px;
    background: #fff;
}
.header-search:hover .header-search-btn::before,
.header-search.active .header-search-btn::before{
    color: #323232;
}
#search-btn{
    cursor: pointer;
}
#search-btn:hover::before{
    color: #10b041;
}
.header-cut{
    display: block;
    float: left;
    margin-left: 6px;
    margin-right: 8px;
    line-height: 60px;
    color: silver;
}
.header-user-status{
    /* width: 204px; */
    height: 60px;
    line-height: 60px;
    display: block;
    float: left;
    font-size: 14px;
    color: silver;
    transition: all .2s;
    /* background-color: yellow; */
}
.header-user-status>a{
    padding-left: 14px;
    color: white;
    font-weight: 400;
}
@media screen and (max-width:1340px) {
    .header-nav>ul>li>a{
        margin-right: 6px;
        padding: 0 6px;
    }
    .header-right-wrapper .header-user-status>a{
        padding-left: 8px;
    }
}
@media screen and (min-width:1280px){
    .header-search.active,
    .header-search:hover{
    width: 140px;
} 
}
@media screen and (min-width:1180px) and (max-width:1279px){
    .header-search.active,
    .header-search:hover{
    width: 110px;
} 
}
    /* #endregion （1.2）header-wrapper(右侧） */
/* #endregion (1)header-wrapper */

/* #region (2)home-banner */
.home-banner{
    width: 100%;
    /* width: 150px; */
    min-width: 1160px;
    /* height: 633px; */
    position: relative;
    /* background-color: skyblue; */
    
}
    /* #region (2.1)carousel */
.carousel{
    height: 419px;
    /* height: auto; */
    background-color: skyblue;
    position: relative;
    /* overflow: hidden; */
}
/* .carousel-inner{
    width: 600%;
    height: 100%;
    background-color: skyblue;
    overflow: hidden;
    transform: translateX(-16.6666%);
    position: relative;
    transition: transform 2s linear;
} */
.carousel::after{
    content: "";
    position: absolute;
    z-index: 60;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(0deg,rgba(0,0,0,.3) 10%,transparent);
}
.carousel .carousel-list{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    /* width: 500px; */
    width: 100%;
    /* width: 16.6666%; */
    height: 100%;
    /* max-height: 419px; */
    overflow: hidden;
    /* background-color: yellowgreen; */
    /* transform: translateX(0); */
    transition: transform 1s linear;
    /* float: left; */
}
/* .carousel .carousel-inner{
    transform: translateX(-16.6666%);
} */
/* .carousel .carousel-list:nth-child(1){
    transform: translateX(-100%);
}
.carousel .carousel-list:nth-child(2){
    transform: translateX(0);
}
.carousel .carousel-list:nth-child(3){
    transform: translateX(100%);
}
.carousel .carousel-list:nth-child(4){
    transform: translateX(200%);
}
.carousel .carousel-list:nth-child(5){
    transform: translateX(300%);
}
.carousel .carousel-list:nth-child(6){
    transform: translateX(400%);
} */
/* .carousel .carousel-list:nth-child(1){
    transform: translateX(0);
}
.carousel .carousel-list:nth-child(2){
    transform: translateX(100%);
}
.carousel .carousel-list:nth-child(3){
    transform: translateX(200%);
}
.carousel .carousel-list:nth-child(4){
    transform: translateX(300%);
}
.carousel .carousel-list:nth-child(5){
    transform: translateX(400%);
}
.carousel .carousel-list:nth-child(6){
    transform: translateX(500%);
} */
.carousel .carousel-list .carousel-item{
    position: absolute;
    width: 100%;
    /* max-height: 640px; */
    height: 100%;
    background-color: rebeccapurple;
    /* overflow: hidden; */
}
.carousel .carousel-list .carousel-item img{
    display: block;
    width: 100%;
    /* height: 100%; */
    min-height: 386.6px;
    min-width: 1180px;
}
.carousel .carousel-list .carousel-item .hotlink{
    position: absolute;
    top: 70px;
    bottom: 230px;
    display: block;
    width: 100%;
    height: 30%;
    /* background-color: red; */
}
.carousel .carousel-list .carousel-item .hotlink a{
    display: block;
    /* height: 100%; */
    width: 100%;
    height: 100%;
    /* background-color: rgb(13, 190, 51); */
}
.carousel-bar{
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 50;
    width: 90px;
    line-height: 100%;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    /* background-color: aqua; */
}
.carousel-bar::after{
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    /* background-color: blue; */
    transition: all .2s linear;
    opacity: 0;
    /* z-index: 200; */
}
.home-banner .carousel-bar:hover::after{
    opacity: 1;
    transform: translateX(0);
}
.carousel-bar.bar-left{
    left: 0;
}
.carousel-bar.bar-left::after{
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.2) 10%,transparent);
    transform: translateX(-100%);
}
.carousel-bar.bar-right{
    right: 0;
}
.carousel-bar.bar-right::after{
    background: linear-gradient(270deg,rgba(0,0,0,.2) 10%,transparent);
    transform: translateX(100%);
}
.carousel-bar .bar-inner{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    font-size: 60px;
    line-height: 1em;
    color: #fff;
    opacity: .75;
    text-decoration: none;
    transition: all .2s linear;
}
.carousel-bar .bar-inner:hover{
    opacity: 1;
}
    
    /* #endregion (2.1)carousel */
    
    /* #region (2.2)q-home-search */
.q-home-search{
position: absolute;
z-index: 200;
top: 50%;
left: 50%;
margin-top: -4px;
margin-left: -395px;
width: 792px;
height: 126px;
/* background-color: pink; */
}
.q-home-search .search-block{
    position: relative;
    border-radius: 6px;
}
/* 标题开始 */
.q-home-search .search-block .tabs{
    height: 52px;
    overflow: hidden;
}
.q-home-search .search-block .tabs .tab{
    float: left;
    width: 198px;
    height: 52px;
    text-align: center;
    font: 300 20px/52px PingFangSC-light;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: hsla(0,0%,100%,.8);
    transition: color .5s linear;
    cursor: pointer;
    background-color: rgba(0,0,0,.75);
}
.q-home-search .search-block.block-place .tabs .tab.current{
    background-image: linear-gradient(90deg,rgba(40,213,164,.8),rgba(38,208,181,.8));
}
.q-home-search .search-block.block-plan .tab.current{
    background-image: linear-gradient(90deg,rgba(38,208,181,.8),rgba(6,204,199,.8));
}
.q-home-search .search-block.block-hotel .tab.current{
    background-image: linear-gradient(90deg,rgba(83,144,250,.8),rgba(95,126,248,.8));
}
.q-home-search .search-block .tabs .tab.current{
    color: #fff;
    font-weight: 600;
    background-color: transparent;
}
.q-home-search .search-block .tabs .tab.current .icon-tab{
    opacity: 1;
}
.q-home-search .search-block .tabs .tab:hover span{
    color: #fff;
    font-weight: 600;
    /* background-color: transparent; */
}
.q-home-search .search-block .tabs .tab:hover .icon-tab{
    opacity: 1;
}
.q-home-search .search-block .tabs .tab .icon-tab{
    display: inline-block;
    width: 24px;
    height: 24px;
    /* margin-right: 6px; */
    margin-bottom: 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: .8;
    /* opacity: 1; */
}
.q-home-search .search-block .tabs .icon-tab.place{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi42IDNoMTAuOEMxOS4zOCAzIDIxIDQuNjIgMjEgNi42djEwLjhjMCAxLjk4LTEuNjIgMy42LTMuNiAzLjZINi42QTMuNjEgMy42MSAwIDAgMSAzIDE3LjRWNi42QzMgNC42MiA0LjYyIDMgNi42IDN6bTguMSAwSDkuM3Y0LjVMMTIgNS42NTVsMi43IDEuNzU1VjN6bS02LjIxIDkuNjc1bDEuMzUgMS4zMDVjLjA5LjA5LjEzNS4xOC4wOS4zMTVsLS4zMTUgMS44Yy0uMDQ1LjMxNS4yNy41NC41NC4zNmwxLjY2NS0uODU1Yy4wOS0uMDQ1LjIyNS0uMDQ1LjM2IDBsMS42NjUuOWMuMjcuMTM1LjU4NS0uMDkuNTQtLjM2bC0uMzE1LTEuOGMwLS4xMzUgMC0uMjI1LjA5LS4zMTVsMS4zNS0xLjMwNWMuMjI1LS4yMjUuMDktLjU4NS0uMTgtLjYzbC0xLjg0NS0uMjdhLjMwNC4zMDQgMCAwIDEtLjI3LS4xOGwtLjgxLTEuNjY1Yy0uMTM1LS4yNy0uNTQtLjI3LS42NzUgMGwtLjgxIDEuNjY1Yy0uMDQ1LjA5LS4xOC4xOC0uMjcuMThsLTEuODQ1LjI3Yy0uNDA1IDAtLjQ5NS4zNi0uMzE1LjU4NXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.q-home-search .search-block .tabs .icon-tab.plan{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuMDY4IDNINS45ODVBMiAyIDAgMCAwIDQgNC45OHYxMy45OEM0IDIwLjEgNC45MDIgMjEgNS45ODUgMjFoMTIuMDNBMiAyIDAgMCAwIDIwIDE5LjAyVjcuOTJMMTUuMDY4IDN6bS44NDIgMTVINy44NWMtLjU0MiAwLTEuMDIzLS40OC0xLjAyMy0xLjAycy40ODEtMS4wMiAxLjAyMy0xLjAyaDhjLjU0MSAwIDEuMDIyLjQ4IDEuMDIyIDEuMDJTMTYuNDUyIDE4IDE1LjkxIDE4em0wLTQuMDJINy44NWMtLjU0MiAwLTEuMDIzLS40OC0xLjAyMy0xLjAycy40ODEtMS4wMiAxLjAyMy0xLjAyaDhjLjU0MSAwIDEuMDIyLjQyIDEuMDIyIDEuMDIgMCAuNi0uNDIgMS4wMi0uOTYyIDEuMDJ6TTE0LjE2NSA4LjdWNC4wMmw0LjY5MiA0LjY4aC00LjY5MnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.q-home-search .search-block .tabs .icon-tab.hotel{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxMkMwIDUuMzczIDUuMzczIDAgMTIgMHMxMiA1LjM3MyAxMiAxMi01LjM3MyAxMi0xMiAxMlMwIDE4LjYyNyAwIDEyem0xNC4zNjktMi44YS42NjYuNjY2IDAgMCAxLS42NTgtLjY3NnYtMS45NkMxMy43MSA1LjU5IDEyLjk0IDQuOCAxMiA0LjhINy43MUM2Ljc2NyA0LjggNiA1LjU4IDYgNi41NnYxMC43NjRjMCAuMzc1LjI5NC42NzYuNjU4LjY3NmgxMC42ODRhLjY2Ni42NjYgMCAwIDAgLjY1OC0uNjc2VjEwLjg0YzAtLjkwNS0uNzE1LTEuNjM5LTEuNTk2LTEuNjM5aC0yLjAzNXptLTQuMDgzIDUuMjhoLS44NTdhLjg2Ni44NjYgMCAwIDEtLjg1OC0uODhjMC0uNDg1LjM3OC0uODguODU4LS44OGguODU3Yy40NzIgMCAuODU3LjM4OC44NTcuODgtLjAwNC40ODUtLjM4MS44OC0uODU3Ljg4em0wLTQuNGgtLjg1N2EuODY4Ljg2OCAwIDAgMS0uODU4LS44OGMwLS40ODUuMzc4LS44OC44NTgtLjg4aC44NTdjLjQ3MiAwIC44NTcuMzkxLjg1Ny44OC0uMDA0LjQ4NS0uMzgxLjg4LS44NTcuODh6bTUuMTQgNC40YS44NjYuODY2IDAgMCAxLS44NTgtLjg4YzAtLjQ4NS4zNzgtLjg4Ljg1Ny0uODguNDczIDAgLjg1Ny4zODguODU3Ljg4IDAgLjQ4NS0uMzgxLjg4LS44NTcuODh6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
}
.q-home-search .search-block .tabs .icon-tab.insurance{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzE0MTA0MjIzMDEzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4NDMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQ0IiBoZWlnaHQ9IjE0NCI+PHBhdGggZD0iTTUxMS44IDcxMC43YzAuMSAwIDAuMSAwLjEgMC4xIDAuMiA1MC0yOS4zIDkyLjUtNjUuMyAxMjYuNy0xMDcuNCAyMy41LTI5IDQyLjItNTkuOSA1NS4zLTkxLjRsLTE4MiAwTDUxMS45IDcxMC43eiIgcC1pZD0iMTg0NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik0zOTguOCAzMjMuMWMtNDkuNiA5LjUtNjkgMjIuMy03Mi4zIDI2LjUtMTguNCAyNS0yMi42IDY4LjgtMTEuMiAxMTcuMSAzLjcgMTUgOC43IDMwLjIgMTQuOSA0NS4ybDE4MS42IDAgMC0xOTkuMUM0OTcuNiAzMTIuOSA0NDguMyAzMTMuNiAzOTguOCAzMjMuMXoiIHAtaWQ9IjE4NDUiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNNTEyIDE2Yy0yNzMuNSAwLTQ5NiAyMjIuNS00OTYgNDk2czIyMi41IDQ5NiA0OTYgNDk2IDQ5Ni0yMjIuNSA0OTYtNDk2Uzc4NS41IDE2IDUxMiAxNnpNNTExLjkgNzc3LjVjLTIwLjItMTAuMy0zOS4yLTIxLjQtNTctMzMuMi05OC43LTY1LjItMTYxLjEtMTUxLTE4OS44LTIzMi4zLTI4LjEtODAuMi0yMy42LTE1NiAxMS4yLTIwMy40IDM4LTUxLjcgMTc0LjYtNjIuMSAyMzUuNi02Mi4xIDAuMSAwIDAuMSAwIDAuMSAwIDQ3LjQgMCAxNDAuMSA2LjMgMTk3LjIgMzMuMiAxNC40IDYuOCAyNi41IDE0LjkgMzQuOSAyNC41IDEuNCAxLjQgMi41IDIuOSAzLjcgNC40QzgyNC4zIDQxMi44IDc1NC41IDY1NC4zIDUxMS45IDc3Ny41eiIgcC1pZD0iMTg0NiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
}
/* 内容开始 */
.q-home-search .search-block.block-place .content{
    background-image: linear-gradient(90deg,rgba(21,219,145,.8),rgba(6,204,199,.8));
}
.q-home-search .search-block.block-plan .content{
    background-image: linear-gradient(90deg,rgba(38,208,181,.8),rgba(6,204,199,.8));
}
.q-home-search .search-block.block-hotel .content{
    background-image: linear-gradient(90deg,rgba(83,144,250,.8),rgba(112,77,255,.8));
}
.q-home-search .search-block .content{
    position: relative;
    padding: 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.q-home-search .search-block .content .panel::after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
/* 第一个 */
.q-home-search .search-block .input-control{
    width: 582px;
    height: 54px;
    background: #fff;
    border-radius: 6px;
}
.q-home-search .search-block .input-control .input-text{
    box-sizing: border-box;
    border: 0;
    padding: 0 27px;
    width: 100%;
    height: 54px;
    font-size: 18px;
    border-radius: 6px;
    color: #000;
    background-color: #fff;
}
.q-home-search .search-block .input-error .input-text{
    box-shadow: inset 0 0 0 2px #f5222d;
}
.q-home-search .search-block .field .error{
    /* display: block; */
    display: none;
    position: absolute;
    z-index: 1;
    top: 13px;
    left: 20px;
    line-height: 48px;
    padding: 0 22px;
    font-size: 18px;
    color: #f5222d;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41IDE3YTguNSA4LjUgMCAxIDEgMC0xNyA4LjUgOC41IDAgMCAxIDAgMTd6bTAtMWE3LjUgNy41IDAgMSAwIDAtMTUgNy41IDcuNSAwIDAgMCAwIDE1em0wLTEyLjVhMSAxIDAgMCAxIDEgMXY1YTEgMSAwIDAgMS0yIDB2LTVhMSAxIDAgMCAxIDEtMXptMCAxMGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDJ6IiBmaWxsPSIjRjUyMjJEIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) 0/17px no-repeat;
}
.q-home-search .search-block .float{
    float: left;
}
.q-home-search .search-block .button{
    box-sizing: border-box;
    display: inline-block;
    margin-left: 10px;
    border: 0;
    width: 180px;
    height: 54px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
    line-height: 54px;
}
.q-home-search .search-block .button-place{
    border: 2px solid #fff;
    line-height: 50px;
}
.q-home-search .search-block .icon-search{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMS43NzgiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEyLjExMSAxMi4xMTFsNC4zNDUgNC4zNDUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjcuMjIyIiBjeT0iNy4yMjIiIHI9IjYuMjIyIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    vertical-align: -3px;
    font-style: italic;
}
/* 第二个 */
.q-home-search .search-block .plan-inner{
    width: 448px;
    line-height: 54px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.q-home-search .search-block .button-more-plan{
    border: 2px solid #fff;
    border-radius: 6px;
    line-height: 42px;
}
.q-home-search .search-block .button-plan{
    margin-top: 4px;
    margin-left: 14px;
    width: 146px;
    height: 46px;
}
.q-home-search .search-block .button-create-plan{
    background: #ffe300;
    color: #000;
    line-height: 46px;
}
.q-home-search .search-block .icon-plus{
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS41IDUuNVYxYTEgMSAwIDEgMSAyIDB2NC41SDEyYTEgMSAwIDEgMSAwIDJINy41VjEyYTEgMSAwIDEgMS0yIDBWNy41SDFhMSAxIDAgMSAxIDAtMmg0LjV6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) 50%/contain no-repeat;
    vertical-align: -1px;
}
/* 第三个 */
.q-home-search .search-block .field{
    position: relative;
}
.q-home-search .search-block .input-control .input-hotel-text{
    border-right: 1px solid rgba(0,0,0,.1);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 260px;
}
.q-home-search .search-block .input-control .input-in-text{
    /* border-right: 1px solid rgba(0,0,0,.1); */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 130px;
}
.q-home-search .search-block span.little-line{
    display: block;
    line-height: 53px;
    font-size: 16px;
    color: gray;
}
.q-home-search .search-block .input-control .input-out-text{
    /* border-right: 1px solid rgba(0,0,0,.1); */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 130px;
}
.q-home-search .date-picker-wrap{
    position: relative;
    width: 322px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.q-home-search .el-date-editor{
    border: 0;
    padding: 0 20px;
    width: 310px;
    height: 54px;
    background: transparent;
}
.q-home-search .search-block .button-hotel{
    background-image: linear-gradient(90deg,#ff168f,#ff5854);
}
.q-home-search .search-block .icon-search{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMS43NzgiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEyLjExMSAxMi4xMTFsNC4zNDUgNC4zNDUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjcuMjIyIiBjeT0iNy4yMjIiIHI9IjYuMjIyIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    vertical-align: -3px;
}
.focus-to-white{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 199;
}
    /* #endregion (2.2)q-home-search */

    /* #region (2.3)q-top-search */
.q-top-search {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    margin-top: 0;
    margin-left: 0;
    z-index: 500;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.05),0 1px 0 0 rgba(0,0,0,.05);
    background: #f8f8f8;
}
.q-top-search.active{
    display: block;
}
.q-top-search .search-block{
    margin: 0 auto;
    width: 1160px;
    height: 60px;
    /* background-color: pink; */
    /* overflow: hidden; */
}
.q-top-search .search-block .tab-selector{
    display: block;
    float: left;
    position: relative;
    margin-top: 15px;
    padding-right: 20px;
    cursor: pointer;
    /* background-color: #2aaf55; */
}
/* .q-top-search .search-block .tab-selector::after{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 0;
    border-radius: 3px;
    border: 7px solid transparent;
    border-top-color: #02db94;
    transform-origin: center 3px;
    transition: transform .3s ease;
} */
/* .q-top-search .search-block .tab-selector.show-options::after{
    transform: rotate(180deg);
} */
.q-top-search .search-block .tab-selector .selector-text{
    font-size: 20px;
    font-weight: 600;
    color: #02db94;
    /* color: red; */
    /* position: relative; */
}
.q-top-search .search-block .tab-selector .selector-text.hotel{
    color: #704dff;
    text-shadow: 0 9px 30px rgba(109,84,255,.3);
}
.q-top-search .search-block .tab-selector .selector-text::after{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 0;
    border-radius: 3px;
    border: 7px solid transparent;
    border-top-color: #02db94;
    transform-origin: center 3px;
    transition: transform .3s ease;
}
.q-top-search .search-block .tab-selector .selector-text.hotel::after{
    border-top-color: #704dff;
}
.q-top-search .search-block .tab-selector.show-options .selector-text::after{
    transform: rotate(180deg);
}
.q-top-search .search-block .tab-selector .selector-text .icon-tab{
    display: inline-block;
    /* margin-right: 8px; */
    width: 24px;
    height: 18px;
    vertical-align: -2px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.q-top-search .search-block .tab-selector .selector-text .icon-tab.place{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSI4OS4yNDclIiB4Mj0iLTEuNDkzJSIgeTI9IjE4LjUxNiUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjMTVEQjkxIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA2Q0NDNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTEzIDJINEMyLjM1IDIgMSAzLjM1IDEgNXY5YzAgMS42NSAxLjM1IDMgMyAzaDljMS42NSAwIDMtMS4zNSAzLTNWNWMwLTEuNjUtMS4zNS0zLTMtM3pNNi4yNSAyaDQuNXYzLjc1TDguNSA0LjIxMyA2LjI1IDUuNjc1VjJ6bTUuMTc1IDguMDYyTDEwLjMgMTEuMTVjLS4wNzUuMDc1LS4xMTIuMTUtLjA3NS4yNjJsLjI2MyAxLjVjLjAzNy4yNjMtLjIyNi40NS0uNDUuM0w4LjY1IDEyLjVjLS4wNzUtLjAzOC0uMTg3LS4wMzgtLjMgMGwtMS4zODcuNzVjLS4yMjYuMTEyLS40ODgtLjA3NS0uNDUtLjNsLjI2Mi0xLjVjMC0uMTEzIDAtLjE4OC0uMDc1LS4yNjNMNS41NzUgMTAuMWMtLjE4OC0uMTg4LS4wNzUtLjQ4Ny4xNS0uNTI1bDEuNTM3LS4yMjVhLjI1My4yNTMgMCAwIDAgLjIyNS0uMTVsLjY3Ni0xLjM4N2MuMTEyLS4yMjUuNDUtLjIyNS41NjIgMEw5LjQgOS4yYy4wMzguMDc1LjE1LjE1LjIyNS4xNWwxLjUzOC4yMjVjLjMzNyAwIC40MTIuMy4yNjIuNDg3eiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTcgMCkiIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.q-top-search .search-block .tab-selector .selector-text .icon-tab.plan{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9Ijg4LjkyNyUiIHkxPSI4OS4yNDclIiB4Mj0iOS45MSUiIHkyPSIxOC41MTYlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzE1REI5MSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNkNDQzciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMi4zNzYgMUgzLjg2QzIuODQ2IDEgMiAxLjg1IDIgMi44N3YxMy4yMDNDMiAxNy4xNSAyLjg0NiAxOCAzLjg2IDE4aDExLjI4YzEuMDE0IDAgMS44Ni0uODUgMS44Ni0xLjg3VjUuNjQ3TDEyLjM3NiAxem0uNzkgMTQuMTY3SDUuNjA4Yy0uNTA3IDAtLjk1OS0uNDU0LS45NTktLjk2NHMuNDUyLS45NjMuOTU5LS45NjNoNy41Yy41MDggMCAuOTU5LjQ1My45NTkuOTYzcy0uMzk1Ljk2NC0uOTAzLjk2NHptMC0zLjc5N0g1LjYwOGMtLjUwNyAwLS45NTktLjQ1My0uOTU5LS45NjNzLjQ1Mi0uOTY0Ljk1OS0uOTY0aDcuNWMuNTA4IDAgLjk1OS4zOTcuOTU5Ljk2NCAwIC41NjYtLjM5NS45NjMtLjkwMy45NjN6TTExLjUzIDYuMzgzdi00LjQybDQuMzk5IDQuNDJIMTEuNTN6IiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
}
.q-top-search .search-block .tab-selector .selector-text .icon-tab.hotel{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iMzcuMzk1JSIgeDI9IjAlIiB5Mj0iMzcuMzk1JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiM3MDRERkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNTM5MEZBIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0wIDlhOSA5IDAgMSAxIDE4IDBBOSA5IDAgMCAxIDAgOXptMTAuNzc3LTIuMWEuNS41IDAgMCAxLS40OTQtLjUwN3YtMS40N2MwLS43My0uNTc3LTEuMzIzLTEuMjgzLTEuMzIzSDUuNzgzYy0uNzA4IDAtMS4yODMuNTg1LTEuMjgzIDEuMzJ2OC4wNzNhLjUuNSAwIDAgMCAuNDk0LjUwN2g4LjAxMmEuNS41IDAgMCAwIC40OTQtLjUwN1Y4LjEzYzAtLjY3OC0uNTM3LTEuMjI5LTEuMTk3LTEuMjI5aC0xLjUyNnptLTMuMDYzIDMuOTZoLS42NDNhLjY1LjY1IDAgMCAxLS42NDItLjY2LjY1LjY1IDAgMCAxIC42NDItLjY2aC42NDNhLjY1LjY1IDAgMCAxIC42NDMuNjYuNjUzLjY1MyAwIDAgMS0uNjQzLjY2em0wLTMuM2gtLjY0M2EuNjUuNjUgMCAwIDEtLjY0Mi0uNjYuNjUuNjUgMCAwIDEgLjY0Mi0uNjZoLjY0M2EuNjUuNjUgMCAwIDEgLjY0My42Ni42NTMuNjUzIDAgMCAxLS42NDMuNjZ6bTMuODU1IDMuM2EuNjUuNjUgMCAwIDEtLjY0My0uNjYuNjUuNjUgMCAwIDEgLjY0My0uNjYuNjUuNjUgMCAwIDEgLjY0My42Ni42NS42NSAwIDAgMS0uNjQzLjY2eiIgaWQ9ImIiLz48ZmlsdGVyIHg9Ii0yNzUlIiB5PSItMjI1JSIgd2lkdGg9IjY1MCUiIGhlaWdodD0iNjUwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlT2Zmc2V0IGR5PSI5IiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjQyNzQ1MDk4IDAgMCAwIDAgMC4zMjk0MTE3NjUgMCAwIDAgMCAxIDAgMCAwIDAuMyAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsbD0idXJsKCNjKSIgeGxpbms6aHJlZj0iI2IiLz48L2c+PC9zdmc+);
}
/* selector-options 下拉菜单*/
.q-top-search .search-block .tab-selector .selector-options{
    display: none;
    position: absolute;
    padding: 16px 0;
    background: hsla(0,0%,100%,.95);
    border-radius: 6px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
.q-top-search .search-block .tab-selector.show-options .selector-options{
    display: block;
}
.q-top-search .search-block .tab-selector .selector-options .option{
    padding: 0 20px;
    min-width: 100px;
    height: 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}
.q-top-search .search-block .tab-selector .selector-options .option+.option{
    margin-top: 10px;
}
.q-top-search .search-block .tab-selector .selector-options .option.current,
.q-top-search .search-block .tab-selector .selector-options .option:hover{
    background: rgba(0, 0, 0, 0.05);
    color: #02db94;
}
.q-top-search .search-block .tab-selector .selector-options .option.current.hotel,
.q-top-search .search-block .tab-selector .selector-options .option:hover.hotel{
    text-shadow: 0 9px 30px rgba(109, 84, 255, .3);
    color: #704dff;
}
.q-top-search .search-block .tab-selector .icon-tab {
    display: inline-block;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
/* 第一个option图标 */
.q-top-search .search-block .tab-selector .selector-options .option.current .icon-tab.place,
.q-top-search .search-block .tab-selector .selector-options .option:hover .icon-tab.place{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSI4OS4yNDclIiB4Mj0iLTEuNDkzJSIgeTI9IjE4LjUxNiUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjMTVEQjkxIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA2Q0NDNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTEzIDJINEMyLjM1IDIgMSAzLjM1IDEgNXY5YzAgMS42NSAxLjM1IDMgMyAzaDljMS42NSAwIDMtMS4zNSAzLTNWNWMwLTEuNjUtMS4zNS0zLTMtM3pNNi4yNSAyaDQuNXYzLjc1TDguNSA0LjIxMyA2LjI1IDUuNjc1VjJ6bTUuMTc1IDguMDYyTDEwLjMgMTEuMTVjLS4wNzUuMDc1LS4xMTIuMTUtLjA3NS4yNjJsLjI2MyAxLjVjLjAzNy4yNjMtLjIyNi40NS0uNDUuM0w4LjY1IDEyLjVjLS4wNzUtLjAzOC0uMTg3LS4wMzgtLjMgMGwtMS4zODcuNzVjLS4yMjYuMTEyLS40ODgtLjA3NS0uNDUtLjNsLjI2Mi0xLjVjMC0uMTEzIDAtLjE4OC0uMDc1LS4yNjNMNS41NzUgMTAuMWMtLjE4OC0uMTg4LS4wNzUtLjQ4Ny4xNS0uNTI1bDEuNTM3LS4yMjVhLjI1My4yNTMgMCAwIDAgLjIyNS0uMTVsLjY3Ni0xLjM4N2MuMTEyLS4yMjUuNDUtLjIyNS41NjIgMEw5LjQgOS4yYy4wMzguMDc1LjE1LjE1LjIyNS4xNWwxLjUzOC4yMjVjLjMzNyAwIC40MTIuMy4yNjIuNDg3eiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTcgMCkiIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.q-top-search .search-block .tab-selector .icon-tab.place{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTEzIDJINEMyLjM1IDIgMSAzLjM1IDEgNXY5YzAgMS42NSAxLjM1IDMgMyAzaDljMS42NSAwIDMtMS4zNSAzLTNWNWMwLTEuNjUtMS4zNS0zLTMtM3pNNi4yNSAyaDQuNXYzLjc1TDguNSA0LjIxMyA2LjI1IDUuNjc1VjJ6bTUuMTc1IDguMDYyTDEwLjMgMTEuMTVjLS4wNzUuMDc1LS4xMTIuMTUtLjA3NS4yNjJsLjI2MyAxLjVjLjAzNy4yNjMtLjIyNi40NS0uNDUuM0w4LjY1IDEyLjVjLS4wNzUtLjAzOC0uMTg3LS4wMzgtLjMgMGwtMS4zODcuNzVjLS4yMjYuMTEyLS40ODgtLjA3NS0uNDUtLjNsLjI2Mi0xLjVjMC0uMTEzIDAtLjE4OC0uMDc1LS4yNjNMNS41NzUgMTAuMWMtLjE4OC0uMTg4LS4wNzUtLjQ4Ny4xNS0uNTI1bDEuNTM3LS4yMjVhLjI1My4yNTMgMCAwIDAgLjIyNS0uMTVsLjY3Ni0xLjM4N2MuMTEyLS4yMjUuNDUtLjIyNS41NjIgMEw5LjQgOS4yYy4wMzguMDc1LjE1LjE1LjIyNS4xNWwxLjUzOC4yMjVjLjMzNyAwIC40MTIuMy4yNjIuNDg3eiIgaWQ9ImIiLz48ZmlsdGVyIHg9Ii0yNTMuMyUiIHk9Ii0yMDYuNyUiIHdpZHRoPSI2MDYuNyUiIGhlaWdodD0iNjA2LjclIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjciIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMS41IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC40Mjc0NTA5OCAwIDAgMCAwIDAuMzI5NDExNzY1IDAgMCAwIDAgMSAwIDAgMCAwLjMgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTcgMCkiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=);
}
/* 第2个option图标 */
.q-top-search .search-block .tab-selector .selector-options .option.current .icon-tab.plan,
.q-top-search .search-block .tab-selector .selector-options .option:hover .icon-tab.plan{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9Ijg4LjkyNyUiIHkxPSI4OS4yNDclIiB4Mj0iOS45MSUiIHkyPSIxOC41MTYlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzE1REI5MSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNkNDQzciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMi4zNzYgMUgzLjg2QzIuODQ2IDEgMiAxLjg1IDIgMi44N3YxMy4yMDNDMiAxNy4xNSAyLjg0NiAxOCAzLjg2IDE4aDExLjI4YzEuMDE0IDAgMS44Ni0uODUgMS44Ni0xLjg3VjUuNjQ3TDEyLjM3NiAxem0uNzkgMTQuMTY3SDUuNjA4Yy0uNTA3IDAtLjk1OS0uNDU0LS45NTktLjk2NHMuNDUyLS45NjMuOTU5LS45NjNoNy41Yy41MDggMCAuOTU5LjQ1My45NTkuOTYzcy0uMzk1Ljk2NC0uOTAzLjk2NHptMC0zLjc5N0g1LjYwOGMtLjUwNyAwLS45NTktLjQ1My0uOTU5LS45NjNzLjQ1Mi0uOTY0Ljk1OS0uOTY0aDcuNWMuNTA4IDAgLjk1OS4zOTcuOTU5Ljk2NCAwIC41NjYtLjM5NS45NjMtLjkwMy45NjN6TTExLjUzIDYuMzgzdi00LjQybDQuMzk5IDQuNDJIMTEuNTN6IiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
}
.q-top-search .search-block .tab-selector .icon-tab.plan{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTEyLjM3NiAxSDMuODZDMi44NDYgMSAyIDEuODUgMiAyLjg3djEzLjIwM0MyIDE3LjE1IDIuODQ2IDE4IDMuODYgMThoMTEuMjhjMS4wMTQgMCAxLjg2LS44NSAxLjg2LTEuODdWNS42NDdMMTIuMzc2IDF6bS43OSAxNC4xNjdINS42MDhjLS41MDcgMC0uOTU5LS40NTQtLjk1OS0uOTY0cy40NTItLjk2My45NTktLjk2M2g3LjVjLjUwOCAwIC45NTkuNDUzLjk1OS45NjNzLS4zOTUuOTY0LS45MDMuOTY0em0wLTMuNzk3SDUuNjA4Yy0uNTA3IDAtLjk1OS0uNDUzLS45NTktLjk2M3MuNDUyLS45NjQuOTU5LS45NjRoNy41Yy41MDggMCAuOTU5LjM5Ny45NTkuOTY0IDAgLjU2Ni0uMzk1Ljk2My0uOTAzLjk2M3pNMTEuNTMgNi4zODN2LTQuNDJsNC4zOTkgNC40MkgxMS41M3oiIGlkPSJiIi8+PGZpbHRlciB4PSItMzIwJSIgeT0iLTIyOS40JSIgd2lkdGg9Ijc0MCUiIGhlaWdodD0iNjY0LjclIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjkiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxNC41IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC40Mjc0NTA5OCAwIDAgMCAwIDAuMzI5NDExNzY1IDAgMCAwIDAgMSAwIDAgMCAwLjMgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjwvc3ZnPg==);
}
/* 第3个option图标 */
.q-top-search .search-block .tab-selector .selector-options .option.current .icon-tab.hotel,
.q-top-search .search-block .tab-selector .selector-options .option:hover .icon-tab.hotel{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iMzcuMzk1JSIgeDI9IjAlIiB5Mj0iMzcuMzk1JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiM3MDRERkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNTM5MEZBIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0wIDlhOSA5IDAgMSAxIDE4IDBBOSA5IDAgMCAxIDAgOXptMTAuNzc3LTIuMWEuNS41IDAgMCAxLS40OTQtLjUwN3YtMS40N2MwLS43My0uNTc3LTEuMzIzLTEuMjgzLTEuMzIzSDUuNzgzYy0uNzA4IDAtMS4yODMuNTg1LTEuMjgzIDEuMzJ2OC4wNzNhLjUuNSAwIDAgMCAuNDk0LjUwN2g4LjAxMmEuNS41IDAgMCAwIC40OTQtLjUwN1Y4LjEzYzAtLjY3OC0uNTM3LTEuMjI5LTEuMTk3LTEuMjI5aC0xLjUyNnptLTMuMDYzIDMuOTZoLS42NDNhLjY1LjY1IDAgMCAxLS42NDItLjY2LjY1LjY1IDAgMCAxIC42NDItLjY2aC42NDNhLjY1LjY1IDAgMCAxIC42NDMuNjYuNjUzLjY1MyAwIDAgMS0uNjQzLjY2em0wLTMuM2gtLjY0M2EuNjUuNjUgMCAwIDEtLjY0Mi0uNjYuNjUuNjUgMCAwIDEgLjY0Mi0uNjZoLjY0M2EuNjUuNjUgMCAwIDEgLjY0My42Ni42NTMuNjUzIDAgMCAxLS42NDMuNjZ6bTMuODU1IDMuM2EuNjUuNjUgMCAwIDEtLjY0My0uNjYuNjUuNjUgMCAwIDEgLjY0My0uNjYuNjUuNjUgMCAwIDEgLjY0My42Ni42NS42NSAwIDAgMS0uNjQzLjY2eiIgaWQ9ImIiLz48ZmlsdGVyIHg9Ii0yNzUlIiB5PSItMjI1JSIgd2lkdGg9IjY1MCUiIGhlaWdodD0iNjUwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlT2Zmc2V0IGR5PSI5IiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjQyNzQ1MDk4IDAgMCAwIDAgMC4zMjk0MTE3NjUgMCAwIDAgMCAxIDAgMCAwIDAuMyAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsbD0idXJsKCNjKSIgeGxpbms6aHJlZj0iI2IiLz48L2c+PC9zdmc+);
}
.q-top-search .search-block .tab-selector .icon-tab.hotel{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTAgOWE5IDkgMCAxIDEgMTggMEE5IDkgMCAwIDEgMCA5em0xMC43NzctMi4xYS41LjUgMCAwIDEtLjQ5NC0uNTA3di0xLjQ3YzAtLjczLS41NzctMS4zMjMtMS4yODMtMS4zMjNINS43ODNjLS43MDggMC0xLjI4My41ODUtMS4yODMgMS4zMnY4LjA3M2EuNS41IDAgMCAwIC40OTQuNTA3aDguMDEyYS41LjUgMCAwIDAgLjQ5NC0uNTA3VjguMTNjMC0uNjc4LS41MzctMS4yMjktMS4xOTctMS4yMjloLTEuNTI2em0tMy4wNjMgMy45NmgtLjY0M2EuNjUuNjUgMCAwIDEtLjY0Mi0uNjYuNjUuNjUgMCAwIDEgLjY0Mi0uNjZoLjY0M2EuNjUuNjUgMCAwIDEgLjY0My42Ni42NTMuNjUzIDAgMCAxLS42NDMuNjZ6bTAtMy4zaC0uNjQzYS42NS42NSAwIDAgMS0uNjQyLS42Ni42NS42NSAwIDAgMSAuNjQyLS42NmguNjQzYS42NS42NSAwIDAgMSAuNjQzLjY2LjY1My42NTMgMCAwIDEtLjY0My42NnptMy44NTUgMy4zYS42NS42NSAwIDAgMS0uNjQzLS42Ni42NS42NSAwIDAgMSAuNjQzLS42Ni42NS42NSAwIDAgMSAuNjQzLjY2LjY1LjY1IDAgMCAxLS42NDMuNjZ6IiBpZD0iYiIvPjxmaWx0ZXIgeD0iLTIxMS4xJSIgeT0iLTE3Mi4yJSIgd2lkdGg9IjUyMi4yJSIgaGVpZ2h0PSI1MjIuMiUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeT0iNyIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjExLjUiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjQyNzQ1MDk4IDAgMCAwIDAgMC4zMjk0MTE3NjUgMCAwIDAgMCAxIDAgMCAwIDAuMyAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjwvZGVmcz48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPjx1c2UgeGxpbms6aHJlZj0iI2IiLz48L2c+PC9zdmc+);
}
/* content */
.q-top-search .search-block .content{
    position: relative;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    float: right;
    padding: 7px 0;
    background-image: none;
    /* background-color: red; */
}
.q-top-search .search-block .input-control{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    width: 700px;
    height: 46px;
}
.q-top-search .search-block .field{
    position: relative;
}
.q-top-search .search-block .input-control{
    background: #fff;
    border-radius: 6px;
}
.q-top-search .search-block .float{
    float: left;
}
.q-top-search .search-block .input-control .input-text{
    height: 46px;
    font-size: 16px;
    box-sizing: border-box;
    border: 0;
    padding: 0 27px;
    width: 100%;
    border-radius: 6px;
    color: #000;
}
.q-top-search .search-block .field .error{
    display: none;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 20px;
    padding: 0 22px;
    font-size: 18px;
    /* color: #f5222d; */
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41IDE3YTguNSA4LjUgMCAxIDEgMC0xNyA4LjUgOC41IDAgMCAxIDAgMTd6bTAtMWE3LjUgNy41IDAgMSAwIDAtMTUgNy41IDcuNSAwIDAgMCAwIDE1em0wLTEyLjVhMSAxIDAgMCAxIDEgMXY1YTEgMSAwIDAgMS0yIDB2LTVhMSAxIDAgMCAxIDEtMXptMCAxMGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDJ6IiBmaWxsPSIjRjUyMjJEIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) 0/17px no-repeat;
}
.q-top-search .search-block .button{
    box-sizing: border-box;
    display: inline-block;
    margin-left: 78px;
    border: 0;
    width: 180px;
    height: 46px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
    line-height: 46px;
}
.q-top-search .search-block .button.button-place{
    background-image: linear-gradient(90deg,#06ccc7,#15db91);
    box-shadow: 0 6px 12px 0 rgba(69,200,163,.47);
    border: 0;
}
.q-top-search .search-block .icon-search{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMS43NzgiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEyLjExMSAxMi4xMTFsNC4zNDUgNC4zNDUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjcuMjIyIiBjeT0iNy4yMjIiIHI9IjYuMjIyIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    vertical-align: -3px;
}
/* top的plan */
.q-top-search .search-block .plan-inner{
    width: 448px;
    font-size: 18px;
    line-height: 46px;
    color: rgba(0, 0, 0, 0.7);
    text-align: right;
}
.q-top-search .search-block .button-plan{
    margin-top: 0;
    width: 180px;
}
.q-top-search .search-block .button-more-plan{
    border: 2px solid #fff;
    border-radius: 6px;
    margin-left: 40px;
    border-color: #02db94;
    color: #02db94;
    line-height: 42px;
    background-color: #f8f8f8;
}
.q-top-search .search-block .icon-plus{
    display:inline-block;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS41IDUuNVYxYTEgMSAwIDEgMSAyIDB2NC41SDEyYTEgMSAwIDEgMSAwIDJINy41VjEyYTEgMSAwIDEgMS0yIDBWNy41SDFhMSAxIDAgMSAxIDAtMmg0LjV6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) 50%/contain no-repeat;
    vertical-align: -1px;
}
.q-top-search .search-block .button-create-plan{
    background: #ffe300;
    color: #000;
    margin-left: 20px;
}
/* 第三个 */
.q-top-search .search-block .field{
    position: relative;
}
.q-top-search .search-block .input-control .input-hotel-text{
    border-right: 1px solid rgba(0,0,0,.1);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 378px;
}
.q-top-search .search-block .input-control .input-in-text{
    /* border-right: 1px solid rgba(0,0,0,.1); */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 130px;
}
.q-top-search .search-block span.little-line{
    display: block;
    line-height: 53px;
    font-size: 16px;
    color: gray;
}
.q-top-search .search-block .input-control .input-out-text{
    /* border-right: 1px solid rgba(0,0,0,.1); */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 130px;
}
.q-top-search .date-picker-wrap{
    position: relative;
    width: 322px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.q-top-search .el-date-editor{
    border: 0;
    padding: 0 20px;
    width: 310px;
    height: 54px;
    background: transparent;
}
.q-top-search .search-block .button-hotel{
    background-image: linear-gradient(90deg,#5390fa,#704dff);
}
.q-top-search .search-block .icon-search{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMS43NzgiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEyLjExMSAxMi4xMTFsNC4zNDUgNC4zNDUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjcuMjIyIiBjeT0iNy4yMjIiIHI9IjYuMjIyIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    vertical-align: -3px;
}





    /* #endregion (2.3)q-top-search */
/* #endregion (2)home-banner */
/* #region (3)section */
.section{
    position: relative;
    padding: 20px 0;
    min-width: 1160px;
}
.section.section-gray{
    border-color: #ececec;
    border-style: solid;
    border-width: 1px 0;
    background-color: #f5f5f5;
}
.wrapper{
    margin: 0 auto;
    width: 1160px;
}
.advertising ul{
    margin-left: -20px;
}
/* .advertising ul li{
    float: left;
    margin-left: 20px;
    height: 110px;
    border-radius: 3px;
    overflow: hidden;
    transition: all .2s ease-in-out;
} */
/* #endregion (3)section */
/* #region (4)section */
.section .title{
    position:relative;
    height: 74px;
    color: #636363;
    text-align: center;
    font: 36px/74px Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;

}
.section .title .notice{
    background: #02db94;
    border-radius: 20px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: 17px;
}
.section .title .notice span::before{
    content: "";
    display: inline-block;
    background: url(//fes.qyerstatic.com/FoHcIRgBY9BWd6lSLxr6NVArmEaL);
    background-size: 16px 16px;
    vertical-align: -2px;
    height: 16px;
    width: 16px;
    margin-right: 8px;
}
.section .title .notice span::after{
    content: "";
    display: inline-block;
    background: url(//fes.qyerstatic.com/FkvmdDl4snzkbZzyQCrfMQMBeicW);
    background-size: 7px 11px;
    width: 7px;
    height: 11px;
    margin-left: 8px;
}
/* recommend开始 */
.recommend{
    position:relative;
    height: 670px;
}
.recommend .recommend-lodding{
    margin-top: -20px;
    margin-left: -20px;
    height: 100%;
}
.recommend .recommend-lodding .cell{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    width: 275px;
    height: 300px;
}
.recommend .recommend-lodding .cell .pic{
    height: 185px;
    background: #ececec;
}
.recommend .recommend-lodding .cell .caption{
    padding: 12px 18px 0;
}
.recommend .recommend-lodding .cell .caption .inner1,
.recommend .recommend-lodding .cell .caption .inner2{
    margin-top: 5px;
    height: 18px;
    background: #ececec;
}
.recommend .recommend-lodding .cell .caption .inner2{
    width: 60%;
}
.recommend .recommend-lodding .cell .caption .inner3{
    margin-top: 24px;
}
.recommend .recommend-lodding .cell .caption .inner3::before,
.recommend .recommend-lodding .cell .caption .inner3::after{
    content: "";
    display: block;
    float: left;
    width: 90px;
    height: 18px;
    background: #ececec;
}
.recommend .recommend-lodding .cell .caption .inner3::after{
    float: right;
    width: 60px;
}
/* gradually_col4_show开始 */
.recommend ul{
    position: absolute;
    top: 20px;
    margin-top: -20px;
    margin-left: -20px;
    list-style: none;
}
/* @keyframes show {
    opacity: 1;
} */
 .gradually_col4_show li:first-child{
    -webkit-animation:show .5s ease-in-out 0s forwards;
    animation:show .5s ease-in-out 0s forwards;
 }
.recommend ul li{
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    width: 275px;
    height: 300px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    background: #fff;
}
.recommend ul li:hover{
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.recommend ul li .item{
    width: 100%;
    height: 100%;
}
.recommend ul li .item:hover img{
    transform: scale(1.1);
}
.recommend ul li .item .img{
    position: relative;
    width: 275px;
    height: 185px;
    overflow: hidden;
}
.recommend ul li .item .img img{
    width: 100%;
    height: 100%;
    object-fit: fill;
    vertical-align: top;
    transition: all 1.2s ease;
}
.recommend ul li .item .img .tag{
    position: absolute;
    top: 14px;
    left: 10px;
    padding: 0 8px;
    border: 1px solid #fff;
    border-radius: 14px;
    font-size: 14px;
    color: #fff;
    background: rgba(0,0,0,.2);
    text-align: center;
    overflow: hidden;
}
.recommend ul li .item .img .tag span{
    display: block;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
}
.recommend ul li .item .info{
    padding: 0 18px;
    border: 1px solid #ececec;
    border-top: 0;
    height: 114px;
    line-height: 24px;
    overflow: hidden;
}
.recommend ul li .item .info a{
    font-weight: 700;
    color: #323232;
    transition: all .2s ease-in-out;
}
.recommend ul li .item .info a:hover{
    color: #10b041;
    text-decoration: none;
}
.recommend ul li .item .info .subtitle{
    margin-top: 14px;
    height: 48px;
    font-size: 16px;
    overflow: hidden;
}
.recommend ul li .item .info .bottom{
    margin-top: 16px;
    height: 24px;
    overflow: hidden;
    /*text-overflow: hidden;*/
    text-overflow: inherit;
    white-space: nowrap;
    color: #636363;
}
.recommend ul li .item .info .bottom .fr{
    color: #959595;
}
.fr{
    float: right;
}
.recommend ul li .item .info .bottom em{
    font-size: 20px;
    color: #ff7466;
    font-style: normal
}
.recommend ul li .item .info .bottom .f14{
    display: inline-block;
    max-width: 70%;
    min-width: 55%;
    color: #636363;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* #endregion (4)section */
/* #region (5)section */
.section.section-green{
    background: #1bcdae;
    background: linear-gradient(180deg,#6dd27c,#1bcdae);
}
.section.section-green .title{
    color: #fff;
}
.section .title{
    position: relative;
    height: 74px;
    color: #636363;
    text-align: center;
    font: 36px/74px Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;
}
.discount{
    position: relative;
}
.discount .change{
    position: absolute;
    top:-26px;
    right: 0;
    padding-left: 1.4em;
    color: #fff;
    background: url(https://fes.qyerstatic.com/Fv2FsRrsqF3KeHTCW1iUvxLxakBC) 0/auto 70% no-repeat;
    text-decoration: none;
}
.discount-wrap{
    position: relative;
    height: 350px;
    overflow: hidden;
}
.discount-wrap .card-list{
    position: absolute;
    margin-top: -30px;
    margin-left: -17px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
}
.discount-wrap .card-list.active{
    opacity: 1;
    visibility: visible;
}
.clearfix{
    zoom: 1;
}
.card{
    float: left;
    position: relative;
    margin-top: 30px;
    margin-left: 17px;
    width: 375px;
    overflow: hidden;
    background: #fff;
}
.card a{
    text-decoration: none;
    color: #000;
}
.card .pic{
    float: left;
    width: 160px;
    height: 160px;
}
.card .desc{
    padding-left: 160px;
}
.card .pic img{
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.card .pic .flag{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    box-sizing: border-box;
    padding-left: 8px;
    width: 128px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background: url(https://fes.qyerstatic.com/FlSORubPYxGzTj2l0pqAfym1KKmU) 0 0/cover no-repeat;
}
.card .desc .block{
    box-sizing: border-box;
    padding: 15px;
    height: 160px;
}
.card .desc .block .title{
    display: -webkit-box; 
    max-height: 52px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    line-height: 26px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
}
.section.section-green .title{
    color: #fff;
}
.card .desc .block .tag{
    margin-top: 6px;
}
.card .desc .block .price{
    position: absolute;
    bottom: 6px;
    right: 15px;
    font-size: 20px;
    color: #ff7362;
}
.card .desc .block .tag span{
    display: inline-block;
    padding: 0 6px;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 14px;
    line-height: 18px;
    height: 20px;
    border: 1px solid #4a90e2;
    color: #4190e2;
}
.price em{
    font-size: 30px;
    font-weight: 400;
}
.clearfix::after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}
.sk-wave{
    position: absolute;
    z-index: 100;
    top: 140px;
    left: 50%;
    margin-left: -25px;
    width: 62px;
    height: 40px;
    font-size: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s linear;
}
.sk-wave.active{
    opacity: 1;
    visibility: visible;
}
.sk-wave .sk-rect{
    display: inline-block;
    margin-left: 5px;
    width: 6px;
    height: 100%;
    background-color: #fff;
    animation: sk-waveStretchDelay 1.2s ease-in-out infinite;
}
@keyframes  sk-waveStretchDelay{
    0%{
        transform: scaleY(.4);
    }
    20%{
        transform: scaleY(1);
    }
    40%{
        transform: scaleY(.4);
    }
    100%{
        transform: scaleY(.4);
    }
}
.sk-wave .sk-rect.sk-rect1{
    animation-delay: -1.2s;
    margin-left: 0;
}
.sk-wave .sk-rect.sk-rect2{
    animation-delay: -1.1s;
}
.sk-wave .sk-rect.sk-rect3{
    animation-delay: -1s;
}
.sk-wave .sk-rect.sk-rect4{
    animation-delay: -0.9s;
}
.sk-wave .sk-rect.sk-rect5{
    animation-delay: -0.8s;
}
/* 查看更多商品 */
.section .more{
    margin-top: 30px;
    text-align: center;
}
.section .more a,
.section .more select,
.section .more>span{
    display: inline-block;
    box-sizing: border-box;
    border:1px solid #ececec;
    border-radius: 3px;
    width: 220px;
    height: 50px;
    vertical-align: top;
    background: #fff;
    font: 20px/50px Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;
    color: #636363;
    transition: all .2s ease-in-out;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
}
.section .more select {
    -webkit-appearance: none;  /* Chrome/Safari */
    -moz-appearance: none;     /* Firefox */
    appearance: none;          /* 现代浏览器 */
    padding: 0 10px;           /* 加点内边距让文字不贴边 */
    cursor: pointer;
    outline: none;
}
.section .more select {
    background: #fff url('https://img.codertoro.top/Bucket/Default/xialajiantouxiao.svg') no-repeat right 10px center;
    background-size: 15px 15px;
    padding-right: 30px;  /* 留出空间显示箭头 */
}

.section .more.page{
    display: flex;
    justify-content: space-between;
}
.prev-page.disabled {
    pointer-events: none;      /* 禁止点击 */
    opacity: 0.5;              /* 半透明，看起来是灰的 */
    cursor: not-allowed;
}
.next-page.disabled {
    pointer-events: none;      /* 禁止点击 */
    opacity: 0.5;              /* 半透明，看起来是灰的 */
    cursor: not-allowed;
}
.section.section-green .more a:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    border-color: #ececec;
}
.section .more a:hover{
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-color: #d7d7d7;
}
/* #endregion (5)section */
/* #region (6)section热门游记与话题 */
/*.hotthread{*/
/*    height: 760px;*/
/*}*/
.thread {
    position: relative;
}

.thread .close-btn {
    position: absolute;
    top: -12px;
    right: -9px;
    width: 24px;
    height: 24px;
    background: rgba(0,0,0,0.5);
    color: red;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease,background 0.2s ease;
    z-index: 100;
}

.thread:hover .close-btn {
    opacity: 1;
    pointer-events: auto;
}

.thread .close-btn::before {
    content: "×"; /* 叉号 */
    display: inline-block;
}
.thread .close-btn:hover {
    background: rgba(0,0,0,1);
}


.thread .update-btn {
    position: absolute;
    top: 17px;
    right: -9px;
    width: 24px;
    height: 24px;
    background: rgba(0,0,0,0.5);
    color: #06d8ed;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease,background 0.2s ease;
    z-index: 100;
}

.thread:hover .update-btn {
    opacity: 1;
    pointer-events: auto;
}

.thread .update-btn::before {
    content: "#"; /* 叉号 */
    display: inline-block;
}
.thread .update-btn:hover {
    background: rgba(0,0,0,1);
}

.hotthread .slider-inner{
    /*height: 620px;*/

}
/*.hotthread .slider{*/
/*    position: relative;*/
/*    padding-bottom: 40px; !* 给 control 留空间 *!*/
/*    overflow: hidden;*/
/*}*/
/*.hotthread .slider-control{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    height: 26px;*/
/*    z-index: 10;*/
/*}*/
.hotthread .slider{
    display: flex;
    flex-direction: column;
}
/*.hotthread .slider-control{*/
/*    display: flex;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*}*/
.hotthread .item ul{
    margin-left: -20px;
}
.hotthread .item ul li{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    width: 275px;
    height: 290px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .55s linear,visibility .55s linear;
}
.hotthread .item ul li.active{
    opacity: 1;
    visibility: visible;
}
.hotthread .item .thread{
    position: relative;
    line-height: 24px;
    transition: all .2s ease-in-out;
}
.hotthread .item .thread:hover{
    box-shadow: 0 0  5px rgba(0,0,0,.2);
}
.hotthread .item .thread .pic{
    position: relative;
    width: 275px;
    height: 185px;
    overflow: hidden;
}
.hotthread .item .thread .pic img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all 1.2s ease;
}
.hotthread .item .thread:hover .pic img{
    transform: scale(1.1);
}
.hotthread .item .thread .pic .like{
    position: absolute;
    right: 10px;
    bottom: 4px;
    color: #fff;
    text-shadow: 0 0 2px rgba(0,0,0,.4);
    font-size: 14px;
}
.hotthread .item .thread .pic .like .icon2{
    margin-right: 4px;
    font-size: 20px;
    vertical-align: -3px;
}
.hotthread .item .thread .inner{
    border: 1px solid #ececec;
    border-top: 0;
    padding: 0 15px;
    height: 104px;
}
.hotthread .item .thread:hover .inner{
    border-color: #d7d7d7;
}
.hotthread .item .thread .inner .info{
    position: relative;
}
.hotthread .item .thread .inner .info .avatar{
    float: left;
    margin-top: -25px;
    padding: 4px;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
}
.hotthread .item .thread .inner .info .txt{
    float: left;
    margin-top: 4px;
    margin-left: 6px;
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    color: #636363;
}
.hotthread .item .thread .inner .info a{
    color: #636363;
}
.hotthread .item .thread .inner a{
    color: #323232;
    transition: all .2s ease-in-out;
}
.hotthread .item .thread .inner .info .avatar img{
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.hotthread .item .thread .inner .caption{
    padding-top: 12px;
    height: 48px;
    font: 700 16px/24px Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;
    overflow: hidden;
}
.hotthread .item .thread .inner .caption a{
    display: block;
}
.hotthread .item .thread .inner a:hover{
    color: #10b041;
}
.hotthread .item .thread .inner a{
    color:#323232;
    transition: all .2s ease-in-out;
}
.hotthread .item .thread .tip{
    position: absolute;
    z-index: 5;
    top: 10px;
    left: -5px;
    padding-bottom: 6px;
    width: 50px;
    height: 26px;
    text-align: center;
    color: #fff;
    font: 16px/26px Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCAxMDAgNjQiPjxwYXRoIGZpbGw9IiNFRDcwNjMiIGQ9Ik0xMDAgNTJIMFYtMWgxMDB2NTN6Ii8+PHBhdGggZmlsbD0iI0FFNTY0QyIgZD0iTTAgNTJoMTB2MTF6Ii8+PC9zdmc+) 0 0/contain no-repeat;
}
.slider-control{
    position: relative;
    top: 17px;
    margin-top: 30px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    transition: all .2s ease-in-out;
}
.hotthread .slider-control a{
    background: #d7d7d7;
    border: 0;
}
.section .slider-control a{
    display: inline-block;
    box-sizing: border-box;
    margin: 0 5px;
    /* border: 1px solid #fff; */
    width: 30px;
    height: 7px;
    /* background: transparent; */
    transition: all .2s ease-in-out;
}
.hotthread .slider-control a.current,
.hotthread .slider-control a:hover{
    background: #1ab05f;
}
/* #endregion (6)section热门游记与话题 */
/* #region (7)section穷游体验馆 */
.section.section-gray{
    border-color: #ececec;
    border-style: solid;
    border-width: 1px 0;
    background-color: #f5f5f5;
}
.wrapper .wrapper-fl{
    float: left;
}
.advtry, .advtry .advtry-wrap{
    width: 268px;
}
.advtry{
    height: 466px;
    margin-bottom: 50px;
}
.section .advtry .title{
    height: auto;
    margin-bottom: 18px;
    font-size: 28px;
    line-height: 40px;
    text-align: left;
    color: #000;
    font-family: Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;
}
.try-more-btn{
    display: block;
    margin-top: 20px;
    width: 268px;
    height: 50px;
    border: 1px solid #3cbd79;
    color: #3cbd79;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}
.advtry .advtry-wrap .advtry-item{
    position: relative;
    height: 337px;
    background: #fff;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
.advtry .advtry-wrap .advtry-item .img{
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.advtry .advtry-wrap .advtry-item .info{
    padding: 18px 0;
    margin: 0 16px;
    border-bottom: 1px solid #d8d8d8;
}
.advtry .advtry-wrap .advtry-user{
    position: relative;
    padding-left: 66px;
    width: 186px;
    height: 66px;
    background: #fff;
    overflow: hidden;
}
.advtry .advtry-wrap .advtry-item .advtry-item-hover{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    cursor: pointer;
    text-align: center;
}
/* img,1038行左右 */
.advtry .advtry-wrap a{
    color: #323232;
}
.advtry .advtry-wrap .advtry-item .img img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all 1.2s ease;
}
.advtry .advtry-wrap .advtry-item .img .free-counts{
    position: absolute;
    left: 0;
    top: 15px;
    width: 110px;
    height: 27px;
    line-height: 27px;
    padding: 0 9px;
    background-color: #ff5950;
    color: #fff;
    z-index: 99;
    transition: none;
}
.advtry .advtry-wrap .advtry-item .img .free-counts::after{
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 27px solid #ff5950;
    border-right: 5px solid transparent;
}
/* info */
.advtry .advtry-wrap .advtry-item .info .title{
    height: auto;
    line-height: 28px;
    font: 20px Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;
    font-weight: 300;
    letter-spacing: 0;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advtry .advtry-wrap .advtry-item .info .desc{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 9px;
    line-height: 34px;
}
.advtry .advtry-wrap .advtry-item .info .desc span{
    display: block;
    height: 20px;
    font: 16px Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;
    color: #000;
}
.advtry .advtry-wrap .advtry-item .info .desc .icon-x{
    position: absolute;
    top: -14px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: url(//fes.qyerstatic.com/FoJ0DTisdpszSOb_uUjnxlw50_DZ?imageslim=) no-repeat;
    background-position: 0 -146px;
    cursor: pointer;
    transform: scale(.85);
}
/* advtry-user */
.advtry .advtry-wrap .advtry-user h4{
    float: left;
    margin-left: -66px;
    width: 66px;
    height: 66px;
    font: 14px/18px Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;
    color: #000;
    text-align: center;
}
.advtry .advtry-wrap .advtry-user h4 span{
    display: block;
    margin: 13px auto;
    width: 2em;
}
.advtry .advtry-wrap .advtry-user .user-scroll{
    width: 290px;
    height: 100%;
    overflow: hidden;
}
.advtry .advtry-wrap .advtry-user .user-scroll ul{
    position: relative;
    left: 0;
    padding-top: 13px;
    font-size:0;
    white-space: nowrap;
    overflow: hidden;
}
.advtry .advtry-wrap .advtry-user .user-scroll ul li{
    display: block;
    padding: 0 4px;
    transition: all 1s;
    float: left;
}
.advtry .advtry-wrap .advtry-user .user-scroll ul li img{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border-radius: 30px;
}
.advtry .advtry-wrap .advtry-item .advtry-item-hover{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    cursor: pointer;
    text-align: center;
}
.advtry .advtry-wrap .advtry-item:hover .advtry-item-hover{
    display: block;
}
.advtry .advtry-wrap .advtry-item .advtry-item-hover img{
    display: block;
    margin: 70px auto 10px;
    width: 140px;
    height: 140px;
}
/* wrapper-fr */
.wrapper .wrapper-fr{
    float: right;
}
.advzt-container{
    width: 871px;
    height: 446px;
}
.advzt-container .title-container{
    margin-bottom: 6px;
    line-height: 52px;
}
.advzt-container .title-container span{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 18px;
}
.advzt-container .title-container>a{
    float: right;
    font-size: 22px;
    text-decoration: none;
    color: rgba(0,0,0,.4);
}
.advzt-container .title-container>a:hover{
    color: #3cbd79;
}
.advzt-container .title-container>a::after{
    content: "";
    display: inline-block;
    width: 8.5px;
    height: 15px;
    margin-left: 8px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAPCAYAAADZCo4zAAAABGdBTUEAALGPC/xhBQAAAL1JREFUGBlt0MsOwUAUxvFDsRGEVxAhpAt7QbyCd3V7mhK3Jmzs3FL/bxIy1Z7kl86c+XoybWBmc7SwR6YCOg2EqGGLVCmgN8voo44dErhSQKWQ1gNooia50DfA3g4oQKEmIiR+gL0d1YRCunj0H6BnJ7zhJhXVyakbPU2qlnIO2/RmuGKlS/nVYTPFBQvc/UCXxgQxlnjAfZaePYxxhg6fcKUJ+oMj6BPX+B2yNl1yCP3JDV7IVIWOf5dU4APRLyOVzHXPKQAAAABJRU5ErkJggg==);
}
.advzt-container .title-container>a:hover::after{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAPCAYAAADZCo4zAAAABGdBTUEAALGPC/xhBQAAAS1JREFUGBljsN1beQ6IJ////5+RAQtgYmBk3POfgSHHbn/V3Ib/DUzoasC6bPdXdv//x1DCyMiwWMLRMHE1Y9hfmEK4sbb7qtqA1lQyMjCuYGZiiz3g2PAHpAhu5GGntipGRqam/wz/I/7++7U87cxMVpACuAkgDgjY7K+qZvj3vwVo0gYJCbZwDAUgRbb7Ksv+/2foBCpaA7cCJIEATHeBOoEO/S+NYYLd/upwoGOXAN1ykZuD3Q3FBKBk9P9//5Yy/Gc4x8LI7rLTquEdXIHt/qqEf//+LwIG3EkebjZXoDc/gKwEKwBKpgCNnQcMqCPMjGzu2y0aPsHcw2K7vzrj//9/0xj+Mx7gFBH03aVf+hUmCTHh//8qoEt3S3KKeKNLghX6HenkxRWTIAUAnUhv6bHT5DMAAAAASUVORK5CYII=);
}
/* zt-container */
.big-item{
    float: left;
    width: 268px;
    height: 408px;
}
.advzt-item{
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
}

.advzt-item>div{
    width: 100%;
    height: 100%;
    /*background-image: url(./images/7/b-2.pic.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.advzt-item .content-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.advzt-item .content-container:hover{
    background: rgba(0,0,0,.6);;
}
.advzt-item .content-container .phone-icon{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: url(//fes.qyerstatic.com/FoJ0DTisdpszSOb_uUjnxlw50_DZ?imageslim=) no-repeat;
    background-position: -60px -146px;
    cursor: pointer;
    opacity: .7;
}
.advzt-item .content-container .qrcode-container{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    display: none;
    color: #fff;
    text-align: center;
    
}
.advzt-item .content-container:hover .qrcode-container{
    display: block;
}
.big-item .qr-code{
    margin-bottom: 21px;
    width: 120px;
    height: 120px;
}
.qr-code{
    display: block;
    margin: 0 auto;
}
.advzt-item .content-container span{
    font-weight: 700;
    line-height: 38px;
}
.advzt-item.big-item .content-container span{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
/* samall-zts */
/* .advzt-container .zt-container .small-zts */
.advzt-container .zt-container .small-zts{
    float: right;
    width: 598px;
    font-size: 0;
    /* background-color: pink; */
}
.small-item:nth-child(odd){
    margin-left: 7px;
    /* margin-left: 15px; */
}
.small-item{
    width: 284px;
    height: 196px;
    margin: 0 7.5px 16px;
}
.small-item .qr-code{
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
}

/* #endregion (7)section穷游体验馆 */
/* #region (8)sectionBiu!Biu!Biu */
.biu-title{
    font-weight: 700;
    color: #000;
    font-size: 24px;
    display: inline-block;
}
.main-flow_list{
    width: 1184px;
    position: relative;
    margin-top: -24px;
    margin-left: -24px;
}
.qyer-app-loading{
    width: 100%;
    height: auto;
}
i.app-loading{
    display: block;
    background: url(//fes.qyerstatic.com/FhPjAL1TFuX-ZwSUTyOThSkjAz12?imageslim=) no-repeat 50%;
    background-size: 100%;
    width: 100px;
    height: 60px;
    margin: 0 auto;
}
.popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    text-align: center;
    z-index: 999;
}
.loading-default{
    text-align: center;
}
.more-to-app{
    width: 100%;
    text-align: center;
    margin-top: 24px;
}
.more-to-app .more_app-btn{
    display: inline-block;
    width: 300px;
    height: 99px;
    background: no-repeat 50%/100% url(//fes.qyerstatic.com/FjVySXEde9gCC92sTh8ts7m86bwM?imageslim=);
    cursor: pointer;
}
#biubiubiu{
    display: none;
}
/* #endregion (8)sectionBiu!Biu!Biu */
/* #region (9)section穷游APP */
.application .apps{
    float: left;
}
.application .title{
    float: left;
    font-size: 28px;
    line-height: 100px;
}
.application .lists{
    float: left;
}
.application .lists li{
    float: left;
    margin-left: 30px;
    text-align: center;
}
.application .lists li img{
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 12px;
}
.application .wechat .lists li img{
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 0;
}
.application .lists li span{
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #636363;
}
/* wechat */
.application .wechat{
    float: right;
}

/* #endregion (9)section穷游APP */

/* #region (10)section{footer} */
.q-home-footer{
    min-width: 1160px;
    background: #323232;
    color: #959595;
}
.q-home-footer:before {
    content: "";
    display: block;
    height: 3px;
    background: #25a851;
    background: linear-gradient(90deg,#25a851,#3ec969);
}
.q-home-footer .footer-wrap-black{
    background: #242424;
}
.q-home-footer .footer-inner{
    margin: 0 auto;
    padding: 30px 0 40px;
    width: 1160px;
}
.q-home-footer .footer-inner ul li{
    float: left;
}
.q-home-footer .footer-about dl {
    position: relative;
    padding-left: 18px;
    width: 137px;
    font-size: 14px;
    line-height: 24px;
}
.q-home-footer .footer-about dl:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 3px;
    height: 16px;
    background: #2aaf55;
    background: linear-gradient(90deg,#2aaf55 0,#39c264);
}
.q-home-footer .footer-about dl dt {
    padding-bottom: 10px;
    font-weight: 700;
    color: silver;
}
.q-home-footer .footer-about dl dd {
    padding-bottom: 6px;
}
.q-home-footer a {
    color: #959595;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

.q-home-footer a:hover{
    color: silver;
}
/* footer-wrap-black */
.q-home-footer .footer-inner2 {
    margin: 0 auto;
    padding: 20px 0;
    width: 1160px;
}
.q-home-footer .footer-copyright {
    padding-left: 95px;
    line-height: 20px;
}
.q-home-footer .footer-copyright .chengxin {
    margin-right: 14px;
}
.q-home-footer a {
    color: #959595;
    transition: all .2s ease-in-out;
    text-decoration: none;
}
.q-home-footer .footer-copyright .auth img {
    vertical-align: top;
    border: 0;
    height: 35px;
    border-radius: 5px;
}
.q-home-footer .footer-copyright img.footer-logo {
    float: left;
    margin-left: -95px;
}
/* footer-links */
.q-home-footer .footer-links {
    margin-top: 15px;
    padding-left: 70px;
    line-height: 20px;
    color: #3f3f3f;
    font-size: 0;
}
.q-home-footer .footer-links span {
    float: left;
    margin-left: -70px;
    font-size: 14px;
    font-weight: 700;
}
.q-home-footer .footer-links a {
    display: inline-block;
    border-right: 1px solid #3f3f3f;
    padding-right: 4px;
    margin: 4px 4px 4px 0;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    color: #3f3f3f;
    transition: all .2s ease-in-out;
}
.q-home-footer .footer-links a:hover{
    color: silver;
}

/* #endregion (10)section{footer} */
/* #region (11)section返回顶部 */
.web_components_sidebar{
    display: none;
    width: 55px;
    box-sizing: border-box;
    position: fixed;
    bottom: 120px;
    right: 40px;
    font-family: Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft YaHei,宋体,"sans-serif";
    background-color: #fff;
    z-index: 1000;
    transition: all .7s ease;
}
.web_components_sidebar.active{
    display: block;
}
.web_components_sidebar-item {
    display: block;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    color: #b2b2b2;
    text-align: center;
    margin-top: -1px;
    position: relative;
}
.web_components_sidebar-item:hover {
    border: 1px solid transparent;
    color: #fff;
    z-index: 1;
    background-color: #07ae72;
}
.web_components_sidebar-icon {
    background-image: url(//fes.qyerstatic.com/FtucWXGToQUrsv0avHX6GsBROfzA);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin: 12px auto 0;
    background-position: 0 0;
}
.web_components_sidebar-item .title {
    font-size: 12px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    display: block;
    position: absolute;
    bottom: 1px;
    width: 100%;
}
.web_components_sidebar-icon.saomaxiazai {
    background-position: 0 -24px;
}
.web_components_sidebar-layer {
    display: none;
    padding: 14px;
    text-align: center;
    position: absolute;
    left: -172px;
    top: -126px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.web_components_sidebar-layer:after, .web_components_sidebar-layer:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.web_components_sidebar-layer:before {
    right: -12px;
    top: 146px;
    border: 6px solid transparent;
    border-left-color: #ddd;
}
.web_components_sidebar-layer:after {
    right: -10px;
    top: 147px;
    border: 5px solid transparent;
    border-left-color: #fff;
}
.web_components_sidebar-item:hover .web_components_sidebar-layer {
    display: block;
}
.web_components_sidebar-icon {
    background-image: url(//fes.qyerstatic.com/FtucWXGToQUrsv0avHX6GsBROfzA);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin: 12px auto 0;
    background-position: 0 0;
}
.web_components_sidebar-layer {
    display: none;
    padding: 14px;
    text-align: center;
    position: absolute;
    left: -172px;
    top: -126px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.web_components_sidebar-layer-title {
    font-size: 14px;
    color: #323232!important;
}
.web_components_sidebar-layer-img {
    display: block;
    width: 120px;
    height: 120px;
    margin-top: 9px;
}
.web_components_sidebar-icon.yijianfankui {
    background-position: 0 -62px;
}
.web_components_sidebar-icon {
    background-image: url(//fes.qyerstatic.com/FtucWXGToQUrsv0avHX6GsBROfzA);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin: 12px auto 0;
    background-position: 0 0;
}
.web_components_sidebar-item:hover .web_components_sidebar-icon.fanhuidingbu {
    background-position: -28px 0;
}
.web_components_sidebar-item:hover .web_components_sidebar-icon {
    -webkit-animation: shake .4s;
    -moz-animation: shake .4s;
    -o-animation: shake .4s;
    animation: shake .4s;
}
@keyframes shake {
    0%{
        -webkit-transform: rotate(0);
    }
    10%{
        -webkit-transform: rotate(13deg);
    }
    20%{
        -webkit-transform: rotate(-13deg);
    }
    50%{
        -webkit-transform: rotate(13deg);
    }
    60%{
        -webkit-transform: rotate(-13deg);
    }
    80%{
        -webkit-transform: rotate(-13deg);
    }
    90%{
        -webkit-transform: rotate(13deg);
    }
    100%{
        -webkit-transform: rotate(0);
    }
}
/* 意见框 */
.web_components_sidebar_feedbackdialog_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2200;
    background-color: rgba(0,0,0,.3);
    transition: all .7s ease;
    display: none;
}
.web_components_sidebar_feedbackdialog {
    display: block;
    padding: 20px;
    width: 400px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -240px auto auto -200px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.web_components_sidebar_feedbackdialog .huiji {
    opacity: 0;
    background-image: url(//fes.qyerstatic.com/Ftyjo_RpBedNxFZJasG32EHIkGhV);
    width: 132px;
    height: 120px;
    display: block;
    position: absolute;
    top: -36px;
    left: 40px;
}
.web_components_sidebar_feedbackdialog .closeImg {
    position: absolute;
    top: 19px;
    right: 19px;
    cursor: pointer;
}
.web_components_sidebar_feedbackdialog .title {
    font-size: 20px;
    color: #222;
    height: 78px;
    line-height: 78px;
    text-align: center;
    margin-top: -20px;
}
.web_components_sidebar_feedbackdialog .content {
    font-size: 14px;
    height: 190px;
    padding: 20px 15px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    overflow: hidden;
}
.web_components_sidebar_feedbackdialog .address_title {
    color: rgba(34,34,34,.65);
    font-size: 14px;
    margin: 16px 0 8px;
}
.web_components_sidebar_feedbackdialog .address {
    font-size: 14px;
    height: 40px;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
}
.web_components_sidebar_feedbackdialog .button {
    display: block;
    width: 120px;
    height: 40px;
    margin: 30px auto 20px;
    border: none;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background-color: #31b57f;
    box-shadow: 0 3px 6px rgba(11,191,121,.3);
    -webkit-background: linear-gradient(90deg,#4dc075 0,#1faf85);
    -moz-background: linear-gradient(90deg,#4dc075 0,#1faf85);
    -o-background: linear-gradient(90deg,#4dc075 0,#1faf85);
    background: linear-gradient(90deg,#4dc075 0,#1faf85);
}
.web_components_sidebar_feedbackdialog .texttip {
    position: absolute;
    right: 30px;
    top: 240px;
    font-size: 12px;
    color: rgba(34,34,34,.35);
}

/* #endregion (11)section返回顶部 */
/* #region (12)section广告 */
.q-footer-ad {
    position: fixed;
    z-index: 9999;
    left: 20px;
    bottom: 20px;
    width: 270px;
    height: 50px;
    background: #40c067;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(150px);
    transition: transform .3s ease-in-out;
}
.q-footer-ad:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 6px dashed transparent;
    border-top: 6px solid #40c067;
    bottom: -12px;
    left: 112px;
}
.q-footer-ad.active{
    transform: translateY(0);
}
.q-footer-ad a {
    color: #fff;
    font-size: 14px;
}
.q-footer-ad .close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
}
/* #endregion (12)section广告 */