:root{--bgcolor:#f1f7ff;--th-color:#408cff;--color1:#00030c;--color2:#334561;--color3:#728baa;}
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;font-weight: normal; }
html {font-size:10px;font-family: Helvetica,Helvetica Neue,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important; font-weight: normal;-webkit-text-size-adjust: 100%;}
body {position: relative;background:linear-gradient(var(--bgcolor),var(--color6)); color:var(--color1);-webkit-text-size-adjust: none;/*鍙栧嚭鐐瑰嚮鍑虹幇鍗婇€忔槑鐨勭伆鑹茶儗鏅�*/-webkit-tap-highlight: rgba(0,0,0,0); }
ul,ul li,li {list-style: none;padding: 0;margin: 0;}
input::-webkit-input-placeholder {color: var(--color3);}
label {margin-left: 0.28rem;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}/*娓呴櫎娴姩浠ｇ爜*/
.clearfloat{zoom:1}
*,p,h5{margin: 0;padding: 0;}
a{cursor: pointer;text-decoration: none;color:var(--color1) ;}
.auto-1500{width:85%;max-width: 1500px;margin: 0 auto; }
a.btn,a.btn.show{border: none;}
.btn,.modal-content{border-radius: 0;}
.text-right{text-align: right;}
.row{margin: 0;}
textarea{resize: none;}
.flex-di{flex-direction:inherit; }
.collapsing{transition: none;}
.form-control{border-radius: 0;font-size: 0.86rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0;}
.wfont{font-weight: bold;}
.t1{margin-top: 1rem;}
.b1{margin-bottom: 1rem;}
.l1{margin-left: 1rem;}
.r1{margin-right: 1rem;}
.pt1{padding-top: 1rem;}
.pb1{padding-bottom: 1rem;}
.pl1{padding-left: 1rem;}
.pr1{padding-right: 1rem;}
.center{text-align: center;}
.nav-link{color: var(--color3);}
img{max-width: 100%;display: block;width: 100%;}
strong{font-weight: bold;}
@media(max-width:1600px){
    html {font-size:9.5px;}
}
@media(max-width:1500px){
    html {font-size:9px;}
}
@media(max-width:1400px){
    html {font-size:8.5px;}
}
*::-webkit-scrollbar {width: 4px;height: 8px;}
*::-webkit-scrollbar-thumb {border-radius: 4px;background: #b7cbef;}
*::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0);border-radius: 4px;}
/** {scrollbar-width:thin;scrollbar-color:#d7d9e2 rgba(0,0,0,0.05);}*/



.dropdown-box{color:var(--color1);line-height: 4rem;font-size: 1.5rem;position: relative;border-radius: 5px;background: #fff;border: 1px #dde4ed solid;padding: 0 1rem;display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.dropdown-box .icon{width: 1.8rem;    margin-right: 0.5rem;}
.dropdown-box .word{flex: 1;font-weight: bold;}
.dropdown-box .dropdown-inner{display: none;z-index: 10; position: absolute;content: "";width: 100%;left: 0;top: 108%;background: #fff;    box-shadow: 0 0 1rem #5f9bff26;border-radius: 0.5rem;padding: 1rem 0;border: 1px #408cff solid;}
.dropdown-box .dropdown-inner a{display: block;font-size: 1.4rem;padding: 0 1rem;line-height: 3rem;color: var(--color1);}
.dropdown-box .dropdown-inner a.active{background: #f3f3f3;}

.icon-xl{position: relative;width: 0.8rem;height: 0.8rem; }
.icon-xl:before,.icon-xl:after{position: absolute;content:"";width: 100%;height: 1px;bottom: 0;left: 50%;    transform-origin: top left;transform: translate(-1px,0) rotate(-45deg);background: #000;}
.icon-xl:after{transform: translate(1px,0) rotate(45deg);left: auto;right: 50%;    transform-origin: top right;}
.dropdown-box.active .dropdown-inner{display: block;}


.fullpage{background: var(--bgcolor);display: flex;flex-direction: column;}
.head{background: #fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
.head .auto-1500{position: relative;}
.head .head-right{padding-left: 16.5rem;position: relative; display: flex;align-items: center;justify-content: space-between;}
.head .logo{position: absolute;content: "";top: 50%;left: 0;transform: translate(0,-50%);display: flex;align-items: center;}
.head .logo>img{width: 2.4rem;}
.head .logo span{font-size: 2rem;font-weight: bold;    margin-left: 2%;line-height: 3rem;}
.head .hanbager{display:none;}
.head .hanbager{cursor: pointer;position: relative;width: 4rem;height: 4rem;    margin-left: 0.6rem;}
.head .hanbager div{position: absolute;width: 70%;height: 3px;background: var(--color2);top:25%;left: 50%;transform: translate(-50%,-50%);    border-radius: 2px;}
.head .hanbager div:nth-child(2){top:50%;transform: translate(-50%,-50%);}
.head .hanbager div:nth-child(3){top:75%;transform: translate(-50%,-50%);}
.head .hanbager.active div{top: 44%;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);transform-origin: center center;left: 16%;}
.head .hanbager.active div:nth-child(2){display: none;}
.head .hanbager.active div:nth-child(3){transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);top: 44%;}

.head .nav{flex: 1;display: flex;align-items: center;justify-content: center;}
.head .nav a{font-size:1.6rem;line-height:6rem;color: var(--color1);padding: 0 4rem;}
.head .nav a.active{color: var(--th-color);font-weight: bold;}
.head .dropdown-box{min-width:16rem; }
.head .dropdown-box .word{flex: 1;}
.fullpage.scroll .head{border-bottom: 1px #d8e4f5 solid;box-shadow: 0 0.3rem 1rem #deecff;}

/*.fullpage .inner{min-height: calc(100vh - 6rem);margin-top: 6rem; padding: 3% 0;position: relative; background: url("../images/bg.png")no-repeat top center;background-size: contain;}*/
.fullpage .inner{margin-top: 6rem; padding: 3% 0 6%;position: relative; background: url("../images/bg.png")no-repeat top center;background-size: contain;}
.fullpage .inner>.mid{text-align: center; padding-bottom: 2%;}
.fullpage .inner>.mid .title{color: var(--color1); }
.fullpage .inner>.mid .title h3{font-size:3.2rem;line-height:5rem;margin-bottom: 1rem;font-weight: bold; }
.fullpage .inner>.mid .title p{font-size:1.5rem;    letter-spacing: 0.5px; }
.fullpage .inner>.mid .title p span{color: var(--th-color);}
.fullpage .search-box{width:60%; max-width:110rem;margin: 2.5rem auto;display: flex;align-items: stretch;    overflow: hidden;background: #fff;border: 1px #fff solid;border-radius: 1rem;}
.fullpage .search-box input{font-size: 1.5rem;line-height: 6rem;color: var(--color1);flex: 1;border: none;    padding-left: 3%;}
.fullpage .search-box .btn-search{width:8rem;display: flex;align-items: center;padding: 0rem 2.6rem;background: url("../images/search-bg.png")no-repeat center center;background-size: 100% 100%;}

.fullpage .nav-frist{display: flex;align-items: baseline; }
.fullpage .nav-frist a{margin-right: 3.5%;display: flex;align-items: center; }
.fullpage .nav-frist span.icon{width:1.8rem;margin-right: 0.6rem;filter: brightness(0.8);opacity: 0.4;}
.fullpage .nav-frist span.word{color:#151c27;font-size: 1.8rem;font-weight: bold;line-height: 3rem; }
.fullpage .nav-frist a.active span.icon{width:2.5rem;filter: brightness(1);opacity: 1; }
.fullpage .nav-frist a.active span.word{color:var(--color1); font-size: 2.48rem;}

.fullpage .part{padding-top: 5%; }
.fullpage .part.part-first{padding-top: 1%; }
.fullpage .part .top .title{margin-bottom: 1.5%; font-size: 2.4rem;color: var(--color1);display: flex;align-items: center;}
.fullpage .part .top .title .icon{width: 2.5rem;margin-right: 1rem;}
.fullpage .part .top .title .word{font-weight: bold;}
.fullpage .part .part-nav{display: flex;align-items: center;justify-content: space-between;}
.fullpage .part .part-nav .nav-sec{display: flex;align-items: center;}
.fullpage .part .part-nav .nav-sec a{color: var(--color1);font-size: 1.65rem;margin-right: 4rem;}
.fullpage .part .part-nav .nav-sec a.active{color: var(--th-color);text-decoration: underline;}
.fullpage .part .part-nav a.more{color: var(--color1);font-size:1.4rem; }

.card{display: flex;align-items: flex-start;flex-wrap: wrap;}
.card li{width: 18.4%;margin-right: 2%;padding: 1rem;margin-top: 2.5rem;border: 2px #fff solid;box-shadow: 0 0 1rem #5f9bff26;position: relative;background: #fff;border-radius: 1rem;}
.card li>a{display: none; position: absolute;content: "";width: 100%;height: 100%; top: 0;left: 0;z-index: 2;}
.card li:nth-child(5n){margin-right: 0%;}
.card li .top{display: flex;align-items: center;cursor: pointer;}
.card li .top .logo{width: 3rem;    margin-right: 0.5rem;border-radius: 0.5rem;overflow: hidden; }
.card li .top .name{font-size:1.8rem;font-weight: bold; flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.card li .detil{cursor: pointer; font-size:1.3rem;color: #555555;line-height: 2.2rem;    min-height: 4.4rem;margin: 1rem 0;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.card li .tag{display: flex;align-items: center;min-height: 2rem;  }
.card li .tag span{color: var(--th-color);padding: 0 1rem;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-right: 1rem;font-size: 1.2rem;line-height: 2rem;background: #ecf4ff;border: 1px #c1daff solid;border-radius: 1rem;}
.card li .tip{display: none; position:absolute;content:"";width:90%;top:95%;left: 50%;transform: translate(-50%,0);z-index: 10;background: var(--color2);color: #fff; padding:1rem; font-size: 1.4rem;line-height: 2rem;border-radius: 1rem;}
.card li .tip:after{position: absolute;content: ""; width: 0;height: 0;border-left: 0.8rem solid transparent;border-right: 0.8rem solid transparent;border-bottom: 0.6rem solid var(--color2);bottom: 100%;left: 50%;transform: translate(-50%, 0); }
.card li .tip.tip-name{top: auto;bottom: 95%;}
.card li .tip.tip-name:after{top: auto;bottom: 95%;border-bottom: none; border-top: 0.6rem solid var(--color2);bottom: auto;top: 100%;}
.part .card{display: none;}
.part#part-hot .card{display: flex;}
.part .card.active{display: flex;}

.popup-start-jl.popup-start14{width: 100%;}
.popup-start14 .num-reserve{font-size: 1.2rem;}
.popup-start14 .num-reserve span{font-size: 1.8rem;}
.popup-start-jl.popup-start14 .countdown{left: 79%;}
.popup-start-jl.popup-start14 .countdown span{font-size: 2.5rem;line-height: 2.5rem;}
.popup-start-jl.popup-start14 .broadcast li p span{font-size: 0.9rem}
.popup-start-jl.popup-start14 .reserve-mess{top:54%;}
.popup-start14 .reserve-mess .telephone,.popup-start14 .reserve-mess .phone{font-size: 1.2rem;line-height: 4rem;height: 4rem;}
.popup-start14 .reserve-mess .phone::placeholder{font-size: 1.2rem;line-height: 4rem;}


.search-top{}
.search-top .search-result-title{display: flex;align-items: flex-end;font-size: 1.8rem;font-weight: bold;color: var(--color1);}
.search-top .search-result-title .num{font-weight: bold;margin-right:0.3rem;}
.search-top .search-result-title .name{font-size: 2.4rem;line-height: 2.4rem;    margin-left: 0.5rem;font-weight: bold;color: var(--th-color);}
.selection-box{margin: 1.5% 0 0;display: flex;align-items: center;}
.selection-box .dropdown-box{width: 16.5rem;margin-right: 1rem;}

.fullpage-sort .inner-title{background: #e1eeff;font-size: 1.5rem;padding: 2% 0;}
.fullpage-sort .inner-title h3{margin-bottom: 1%;font-size: 3rem;line-height: 3rem;font-weight: bold;}
.inner.fullpage-sort{padding-top: 0;background: none;display: flex;flex-direction: column;}
.page-sort{display: flex;align-items: flex-start;justify-content: space-between;position: relative;}
/*.page-sort .nav-left{ position: absolute;   padding-right: 2%;    max-height: calc(100vh - 26rem);overflow: auto;width: 25rem;margin-right: 5%;display: flex;flex-direction: column;border-radius: 1rem;}*/
.page-sort .nav-left{ position: sticky ;top: 7rem; margin-top: 1.5%;  padding-right: 2%;    max-height: calc(100vh - 6rem);overflow: auto;width: 25rem;margin-right: 5%;display: flex;flex-direction: column;border-radius: 1rem;}
.page-sort .selection-box{ position: sticky ;top: 6rem;margin-top: 1.5%;padding: 1%;      border-bottom: 1px #dfe9f6 solid;   z-index: 10;background: #f1f7ff; }
.page-sort .nav-left a{font-size: 1.5rem;line-height: 6rem;padding: 0 2rem;margin-bottom: 2%;}
.page-sort .nav-left a:last-child{margin-bottom: 0%;}
.page-sort .nav-left a.active{background: var(--th-color);color: #fff;border-radius: 1rem;}

.page-sort .inner-right{flex: 1;display: flex;flex-direction: column; }
.page-sort .card li{width: 23.5%;}
.page-sort .card li:nth-child(5n){margin-right: 2%;}
.page-sort .card li:nth-child(4n){margin-right: 0;}
/*.fullpage-sort.scroll .page-sort .nav-left{position: fixed;    top: 8%;}*/

.foot{background: #fff;padding: 0 20%;}
.foot .auto-1500{width: 92%;max-width: 600px;}
.foot-top{padding: 3% 0; border-bottom: 1px #ddd solid;display: flex;align-items: flex-start;justify-content: space-between;justify-content: center}
.foot-top>div{display: flex;flex-direction: column;}
.foot-top .left{position: absolute;left: 30%;}
.foot-top .right{position: absolute;right: 33%;}
.foot-top a.pic{display: flex;align-items: center; }
.foot-top a.pic>img{width: 2.4rem;}
.foot-top a.pic span{font-size: 2rem;font-weight: bold; color: var(--color1);   margin-left: 2%;line-height: 3rem;}
.foot-top h3{font-size: 1.6rem;line-height: 2rem;color: var(--color1);font-weight: bold;margin-bottom: 2rem;}
.foot-top a,.foot-top p{font-size: 1.6rem;line-height: 3rem;color: var(--color1);}
.foot-top a{color: #555555;}

.copyright{padding: 2% 0;text-align: center;color: var(--color1);font-size: 1.4rem;}

.page-privacy{font-size: 1.4rem;line-height: 3rem;}
.page-privacy .title h2{text-align: center;font-weight: bold;padding-bottom: 1.5%;border-bottom: 1px #d0e8ff solid;}
.page-privacy>.auto-1500{    background: #fff;padding:5rem 3rem 6rem}
.page-privacy h3{font-size: 2rem;line-height: 4rem;font-weight: bold;margin-top: 2%;}

.btn-top{position: fixed;bottom: 6%;right: 2%;width: 4rem;cursor: pointer;z-index: 100;display: none;}
.btn-top.active{display: block;}
@media (any-hover: hover){
    .dropdown-box .dropdown-inner a:hover{background: var(--bgcolor);}
    .dropdown-box:hover{box-shadow: 0 0 0.5rem #5f9bffb0;    border: 1px var(--th-color) solid;}
    .fullpage .part .part-nav .nav-sec a:hover{color: var(--th-color);}
    .fullpage .part .part-nav a.more:hover{text-decoration: underline;color:var(--th-color);  }
    .card li .top:hover .tip-name{display: block;}
    .card li .detil:hover .tip-detil{display: block;}
    .card li:hover{border: 2px #6db0ff solid;box-shadow: 0 0 1.5rem #5f9bffb0;}
    .card li:hover .name{color: var(--th-color);}
    .page-sort .nav-left a.active:hover{background: var(--th-color);color: #fff;border-radius: 1rem;}
    .page-sort .nav-left a:hover{color: var(--th-color);}
    .foot-top a:hover{text-decoration: underline;}
}
@media(max-width:1200px){
    .page-sort .nav-left{width: 20rem;}
    }
@media(max-width:1000px){
    .auto-1500{width: 92%;}
    .fullpage .search-box{width: 66%;}
    .card li{width: 23.5%;}
    .card li:nth-child(5n){margin-right: 2%;}
    .card li:nth-child(4n){margin-right: 0;}
    .page-sort .card li{width: 32%;}
    .page-sort .card li:nth-child(4n){margin-right: 2%;}
    .page-sort .card li:nth-child(3n){margin-right: 0;}
    .page-sort .nav-left{margin-right: 2%;width: 16rem;  max-height: 50rem;}
    .page-sort .nav-left a{line-height: 5rem;}

}
@media(max-width:540px){
    html{font-size: 8px;}
    .head .auto-1500{height: 7rem;display: flex;align-items: center;    justify-content: space-between;}
    .head .logo{position: relative;transform: translate(0, 0%);top: 0;}
    .head .logo>img{width: 3rem;}
    .head .logo span{font-size: 2.4rem;}
    .head .hanbager{display: block;}
    .head .head-right{display: none; width: 100%;top: 7rem;background: #fff; border-radius: 1rem; box-shadow: 0 0 2rem #408cff69;   display: none;     padding: 5%;  z-index: 1000; position: absolute;content: "";}
    .head.active .head-right{display: block;}
    .head .nav{flex-direction: column;}
    .head .nav a{width: 100%; border-bottom: 1px #dde6f3 solid;}
    .head .dropdown-box{    width: 66%;     margin-top: 6%;margin-left: 6%;}
    .dropdown-box{line-height: 5rem;}
    .fullpage .inner{padding: 7% 0;margin-top: 7rem;}
    .fullpage .inner>.mid{padding-bottom: 4%;}
    /*.fullpage .part{padding-top: 15%;}*/
    .fullpage .search-box{width: 92%;}
    .fullpage .search-box .btn-search{width:8rem;padding: 0 2.8rem;}
    .fullpage .nav-frist a{margin-right: 6.5%;}
    .fullpage .nav-frist{margin-bottom: 2%;}
    .card li{width: 49%;margin-top: 3%;}
    .card li:nth-child(4n){margin-right: 2%;}
    .card li:nth-child(2n){margin-right: 0;}
    .fullpage .part{padding-top: 12%;}
    .fullpage .part.part-first{padding-top: 1%;}
    .fullpage .part .top{margin-bottom: 1%;}
    .fullpage .part .top .title{margin-bottom: 3%;}
    .search-top .selection-box{margin: 3.5% 0 1%;}
    .page-sort{display: block;}
    .page-sort .card li{width: 49%;}
    .page-sort .card li:nth-child(3n){margin-right: 2%;}
    .page-sort .card li:nth-child(2n){margin-right: 0;}
    .page-sort .nav-left{width: 100%;position: relative;top: 0;    max-height: 26rem;flex-direction: row;flex-wrap: wrap;padding: 1%;margin-right: 0;margin-bottom: 3.5%;background: var(--color2);}
    .page-sort .nav-left a{margin: 0;text-align: center; padding: 0 3rem;   color: #fff;}
    .page-sort .selection-box{top: 7rem;}
    .inner-title{padding-left: 0;}
    .inner-title h3{margin-bottom: 2rem;}
    .fullpage-sort.scroll .page-sort .nav-left{position: relative;top: auto;}
    .page-sort .inner-right{margin-left: 0;}
    .fullpage-sort .inner-title{padding: 6% 0;}
    .inner.fullpage-sort{padding-top: 0;}
    .fullpage-sort .inner-title h3{padding-bottom: 3%;}
    .foot{padding: 0;}
    .foot-top{flex-direction: column;    padding: 7% 0;}
    .foot-top>div{width: 100%;text-align: center;}
    .foot-top .mid{    margin: 7% 0;}
    .foot-top a.pic{justify-content: center;}
    .foot-top a.pic span{font-size: 2.2rem;}
    .foot-top h3{margin-bottom: 1rem;}
    .copyright{padding: 3% 0;}

    .foot-top .left{position: relative;left: 0;}
    .foot-top .right{position: relative;right: 0;}
}