body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";background-color:#fff;height:100%;font-size:14px}
a,a:hover{text-decoration:none;cursor:pointer;}
a{color:#333;font-size:1em}
a:hover{color:#EE3524}
.f_r{float:right}
*{padding:0;margin:0;box-sizing:border-box;}
.cf{clear:both}
.cf:after{content:'';display:block;clear:both}
.hide{display:none!important}


.main {
    background-image:linear-gradient(180deg,rgba(0,0,0,.2) 0,transparent 40%,transparent 60%,rgba(0,0,0,.3));
    background-size:cover;
    background-position:center 100%;
    background-repeat:no-repeat;
    width:100%;
    height:auto;
    text-align:center;
    background-color:#44545f;
    height:100vh;
    min-height: 600px;
    position:relative;
    overflow:hidden;
}

.slogn{text-align:center;position:absolute;width:100%;left:0;top:60%;z-index:9}
.isearch{width:100%;}


.sidle{position:absolute;bottom:25px;right:4.5%;z-index: 5;}
.sidle i{display:inline-block;border-radius:30px;height:30px;width:30px;line-height:30px;color:#fff;text-align:center;border:0.8px solid rgba(255,255,255,0.6);cursor:pointer;transition:0.2s ease-in;font-size:13px;color:rgba(255,255,255,0.7)}
.sidle i:hover{border:1px solid rgba(255,255,255,0.6);color:rgba(0,0,0,0.6);background-color:rgba(255,255,255,0.8)}

.sidle span{display:inline-block;text-align:center;padding:0 8px;letter-spacing:2px;color:rgba(255,255,255,0.6)}
.sidle span b{color:rgba(255,255,255,1)}
.sidle span.imgnumber{padding:0}

.slider{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.slider li{width:100%;height:100%;position:absolute;left:0;top:0;font-size:1.1em;line-height:1.1em;color:#fff;display:none;background-position:center center;background-size: cover;
list-style: none;text-align: center;background-repeat: no-repeat}
.slider li:first-child{display: block}
.slider li img{width:100%;}
/*.slider li .intrly{width:100%;position:absolute;left:0;bottom:0;padding:60px 4.5% 30px;
background-image:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
background-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%);
}
.slider li .intrly strong{display:inline-block;float:left;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:bold;}
.slider li .intrly a{color:#fff;transition:0.3s ease-in;background-color:rgba(22,166,154,1);text-shadow:none;padding:3px 8px;border-radius:3px;margin-left:8px}
.slider li .intrly a:hover{background-color:rgba(22,166,154,0.8)}*/

.titlelay{position:absolute;width:100%;top:33%;left:0;text-align:center;}
.title{font-size:45px;line-height:50px;font-weight:bold;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);letter-spacing:3px;padding-bottom:20px;color:#fff}
.subtitle{font-size:22px;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.5);letter-spacing:1px}
.title a{color:#fff}
.title a:hover{opacity: 0.85}
.mdetail{display:inline-block;margin:0 10px;padding:8px 15px 7px;border:1.2px solid #fff;border-radius:4px;font-size:0.75em;color:#fff;background-color:rgba(255,255,255,.01);transition: 0.2s ease-out;text-shadow:0 0 0 rgba(0,0,0,.001);}
.mdetail:hover{color:#333;background-color:rgba(255,255,255,.9)}

.h_title{color:#575B61;text-align:center;font-size:23px;letter-spacing:1.5px;padding:60px 0 50px;position:relative;}
.h_title:after{content:'';width:40px;height:3px;background-color:#16A69A;display:inline-block;position:absolute;left:50%;margin-left:-20px;bottom:40px}
.h_title h3{font-weight:normal;font-size:15px;letter-spacing:1px;padding:10px 0 3px;color:#666}
.h_title h3 b{color:#E03F31}
.h_more{padding:30px 0 40px;text-align:center;}
.h_more a{display:inline-block;padding:8px 35px;font-size:1.1em;border:1px solid #E03F31;color:#E03F31;border-radius:35px;transition:0.2s ease-out;}
.h_more a:hover{background-color:#E03F31;color:#fff}

.promotions{text-align:center;padding:10px 0 20px;background: white;position: relative}
.dots{width:400px;height:2px;line-height:2px;position:absolute;bottom:70px;left:50%;margin-left:-200px;text-align:center;}
.dots span{width:25px;height:2px;background:rgba(0,0,0,0.1);border-radius:2px;transition:0.3s ease-in;display:inline-block;margin:0 5px}
.dots span.cur{background:rgba(0,0,0,0.4);width:30px;}
.promotapts{max-width:980px;position:relative;margin:auto;padding-bottom:80px}
.promotapts ul{width:3222px;margin:0 auto;}
.promotapts li{float:left;width:7%;margin:0 10px;border:1px solid #eee;text-align:center;border-radius:8px;overflow:hidden;text-align:left;transition:0.2s ease-in;}
.promotapts li div{padding:5px 10px 10px}
.promotapts img{width:100%}
.promotapts b{display:block;text-align:center;font-weight:bold;color:#fff;background-color: #e03f31;padding:6px 0;font-size:0.9em}
.promotapts li span,.promotapts li em,.promotapts li strong{display:block;font-weight:bold;}
.promotapts li em{color:#999;font-weight:normal;}
.promotapts li strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.promotapts li del{color: #999;font-weight: normal;text-decoration: line-through;margin: 0 5px}
.promotapts li:hover{background-color:rgba(236,236,236,0.3);}
.promotapts li:hover b{opacity:0.8}

.slbtn{position:absolute;top:36%;border:1px solid #e3e3e3;border-radius:50%;cursor:pointer;width:40px;height:40px;line-height:40px;text-align:center;color:rgba(0,0,0,0.3);transition:0.2s ease-in;}
.slbtn .iconfont{font-size:1.4em;}
.slbtn:hover{border-color:rgba(224,63,49,0.4);color:rgba(0,0,0,0.5);}
.b_r .iconfont{margin-left:4px}
.b_l{left:-45px;}
.b_r{right:-45px;}

.postslay{padding:70px 0 90px}
.postit{width:980px;margin:auto;padding-bottom:25px;text-align:left}
.postit a{float:right;font-size:15px;position: relative;color:#000;right:10px;bottom:-6px}
.postit a:hover{color:#EE3524}
.postit a .iconfont{font-size:10px;color:#999;position:relative;top:-1px;margin-left:3px}

.postit li{display: inline-block;padding: 0 1px 3px;font-size:18px;color:#888;margin: 0 15px;cursor:pointer}
.postit li:hover{color: #16A69A}
.postit li.cur{border-bottom:3px solid #16A69A;color: #000}
.posts{width:980px;margin:auto;}
.posts ul{display: flex}
.posts li{margin: 0 10px;height:220px;background-color: #fff;border-radius:6px;overflow: hidden;position: relative;flex: 1;color: #333;border: 1px solid #e3e3e3}
.posts li a{display:block;}
.posts li img{width: 100%}
.posts li div{height:90px;padding:10px;position:absolute;bottom:0;left:0;width:100%;transition:0.25s ease-out;background-color: #fff}
.posts li a:hover div{height:110px}
.posts li div p{height:2.8em;line-height:1.4em;transition:0.2s ease-in;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.posts li a:hover div p{height:4em;-webkit-line-clamp:3}
.posts li div span{display:block;font-size: 0.9em;padding:10px;color:#aaa;position:absolute;bottom: 0;left: 0;width: 100%}
.posts li div span em{float: right}

.wxbooking{padding:40px 0 35px;background-color:#36D5C8;color:#fff;}
.wxbin{display:flex;max-width:800px;}
.wxbin div{text-align:right}
.wxbin div.xwimg{padding-right:50px;width:400px}
.wxbin h2{font-size:2.3em;font-weight:bold;text-align:left;padding:40px 0 10px}
.wxbin h3{font-size:1.2em;text-align:left;}
.wxbin div img{width:190px;border-radius:190px;transition:0.2s ease-in;}
.wsimg{width:170px !important;border-radius:0px !important;transition:0.2s ease-in;}

.advantages{padding:10px 0 50px;background-color:#fff}
.advantages ul{width:1000px;margin:auto;text-align:center;}
.advantages li{width:33.3%;float:left;padding:25px 30px}
.advantages li div{background-color:#fff;padding:20px 0;color:#666;font-size:13px;line-height:1.6;transition:0.3s ease-in;border-radius:10px}
.advantages li div:hover{box-shadow:0 20px 30px #eee;}
.advantages li i{width:50px;height:50px;display:inline-block;background:url(//pic.funliving.com/advantage.png) no-repeat 0 -100px;background-size:300px 50px;transition:0.2s ease-in;}
.advantages li div:hover i{transform: scale(1.1);}
.advantages li strong{display:block;font-size:18px;font-weight:bold;padding:1px 0 10px}
.advantages .adg1 i{background-position:0 0}
.advantages .adg2 i{background-position:-50px 0}
.advantages .adg3 i{background-position:-100px 0}
.advantages .adg4 i{background-position:-150px 0}
.advantages .adg5 i{background-position:-200px 0}
.advantages .adg6 i{background-position:-250px 0}


.cityshow{padding:10px 0 30px;width:980px;margin:auto}
.cityshow li{width:25%;float:left;padding:10px 0;text-align:center;}
.cityshow li a{display:block;width:223px;height:200px;margin:auto;position:relative;background:#3e4752;border-radius:6px;overflow:hidden;}
.cityshow li img{width:223px;height:200px;border-radius:6px;}
.cityshow li a div{width:223px;height:200px;position:absolute;left:0;top:0;transition:all 0.3s ease-in-out;font-weight:bold;}
.cityshow li a strong{display:block;padding:85px 10px 5px;font-size:22px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.5);transition:all 0.2s ease-out}
.cityshow li a span{opacity:0;color:#fff;transition:all 0.3s ease-in}
.cityshow li a:hover div{background:rgba(0,0,0,.3);}
.cityshow li a:hover strong{padding:75px 10px 5px;}
.cityshow li a:hover span{display:block;opacity:1}
.morecity{text-align:center;padding-top:30px;clear:both;}
.morecity a{display:inline-block;padding:13px 35px;border:1px solid #e7e7e7;background:#fff;color:#e50914;font-size:85%}
.morecity a:hover{background-color:#e0372a;color:#fff}
.cityshow li.emcity{width:50%}
.cityshow li.emcity a,.cityshow li.emcity img,.cityshow li.emcity a div{width:466px}

.theysay{background-color:#fbfbfc;padding:60px 0 40px}
.saycon{width:720px;margin:auto;height:120px}
.saycon b{font-size:80px;color:#E03F31;width:90px;height:100px;display:block;float:left;}
.saycon b:first-child{text-align:right}
.saycon ul{float:left;width:510px;height:120px;position:relative;}
.saycon ul li{text-align:center;color:#666;font-size:13px;line-height:1.7;opacity:0;transition:all 0.3s ease-in;position:absolute;padding:0 20px}
.saycon ul li.on{opacity:1;}
.they{width:800px;margin:auto;display:flex;padding:50px 0 30px}
.they li{text-align:center;flex:1;color:#444;cursor:pointer;opacity:0.3;transition:all 0.3s ease-in}
.they li:hover,.they li.on{opacity:1;transform:scale(1.1)}
.they li img{width:50px;border-radius:50%;transition:all 0.2s ease-in}
.they li strong{display:block;font-weight:bold;padding:10px 0 5px;color:#555}
.they li span{display:block;font-size:12px;line-height:1.5}

.footer{background-color:#3f4245;padding:60px 0 40px;color:#CFD1D5}
.footer_w{width:960px;margin:auto}
.footer_con{display:flex;padding-bottom:50px}
.linkm{flex:1}
.linkm p{padding-top:15px;font-size:13px}
.linkm p a{margin-right:20px;font-weight:bold;}
.footer a{color:#CFD1D5}
.footer a:hover{color:#fff}
.foot_logo{height:35px;}
.copyright{border-top:1px solid #555;color:#777;font-size:11px;padding-top:10px}
.social{text-align:right;width:200px}
.social li{display:inline-block;width:20px;height:20px;position:relative;margin-left:5px}
.social li.wx img{display: none;box-shadow:0 0 6px #222;width:150px;transition:all 0.3s ease-in;position:absolute;left:-70px;top:-150px;opacity:0;border:8px solid #353535}
.social li.wx:hover img{display:inline-block;opacity:1}
.social li span{color:#888;}
.social li:hover span{color:#ddd}
.social li b{display:none;}
.linkm p a.coo{font-size:14px;font-weight:bold;color:#fff}
.linkm p a.coo:hover{color:#118eee}
.linkm p a.coo::after {content:"▸";color:#118eee;display:inline-block;font-weight:bold;font-size:1em;padding-left:0.3em;opacity:0;transform:translateX(-5px);transition:transform 0.3s cubic-bezier(0, 0.25, 0.08, 1), opacity 0.3s cubic-bezier(0, 0.25, 0.08, 1), -webkit-transform 0.3s cubic-bezier(0, 0.25, 0.08, 1);}
.linkm p a.coo:hover:after {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.social p{padding-top:10px;font-size:13px}
.social p strong{font-size:22px;color:#e03f31;font-weight:bold;display:block;line-height:25px;font-family:DIN Alternate}
.social p strong a{color:#e03f31;}
.social p strong a:hover{color:#f00}
.mobilespan{
    display: none;
}
/*推荐使用小程序*/
.gominapp{display:none}
.coverBg{background:rgba(0,0,0,.8);height:100%;width:100%;position:fixed;left:0;top:0;z-index:9998}
.gomalay{color:#fff;position:fixed;left:0;top:0;z-index:9999;text-align:center;width:100%;padding-top:20%}
.gomalay h2{font-size:1.3rem;padding-bottom:2em}
.gomalay img{width:60%}
.gomalay h3{padding-top:1.5em;font-size:1.1em}
.gomalay p{font-size:1.2rem;padding-top:0.2em}
.gomalay p a{color:#fff}
.gomalay p .iconfont{font-size:1.2em;margin-left:5px}
.closeGominapp{position:fixed;top:15px;right:15px;z-index:9999;color:#fff;font-size:2.5em}
/*推荐使用小程序*/


@media screen and (max-width:768px) {
.main {height:300px}
.header{padding:0 10px}
.title{font-size:1.6rem;padding-top:30px;line-height:1.2em}
.subtitle{font-size:1.3rem;padding-bottom:20px}
.mobilespan{display: inline}
.h_title{padding:20px 0}
.h_title:after{bottom:15px}

.cityshow{width:auto;}
.promotions li{padding:0 20px}
.promotions li img{width:100%}
.cityshow li{width:100%}
.theysay{display:none}
.footer{padding:20px 15px}
.footer_w{width:auto;}
.copyright{text-align:center;}
.pcspan{display: none}
.cityshow{padding-bottom:0;padding-top:30px;}
.cityshow ul li a, .cityshow ul li a div{width:100%;height:auto;color:#fff}
.cityshow ul li{padding:15px 15px 0;overflow:hidden;width:100%;height:25vw}
.cityshow ul li:nth-last-child(1),
.cityshow ul li:nth-last-child(2),
.cityshow ul li:nth-last-child(3),
.cityshow ul li:nth-last-child(4){display:none}
.cityshow ul li a {position:relative;}
.cityshow ul li a:after{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background-color:rgba(229,9,20,0);}
.cityshow ul li img, .cityshow ul li a div{display:block;width:100%}
.cityshow ul li a div{height:auto;z-index:2;background:none}
.cityshow li a strong{padding-top:6vw;}
.cityshow li a span{display:block}
.cityshow li a:hover div{background:none}


.cityshow li.emcity a,.cityshow li.emcity img,.cityshow li.emcity a div{width:100%;height:100%}
.cityshow li.emcity a strong{font-size:1.8em;font-weight:bold;padding-top:6vw}
.cityshow li.emcity a strong b{font-size:1.3em}
}

/*大礼包*/
.packageShow{background:rgba(0,0,0,.7);padding:32px 30px 10px;position:fixed;bottom:-300px;left:0;z-index:9999;}
.packageShow img{width:100%;}
.packageShow .closePackage{width:35px;height:35px;line-height:38px;overflow:hidden;display:inline-block;position:absolute;left:50%;margin-left:-17px;top:-10px;text-align:center;color:#fff;font-size:16px;cursor:pointer;background-color:#16a69a;border-radius:50px;transition: 0.2s ease-out}
.packageShow .closePackage:hover{background-color:#09c1b2;top:-7px}


.packageIco{display:inline-block;cursor:pointer;position:fixed;bottom:10px;left:-15px;z-index:100;transition:all 0.3s ease-out;height:100px}
.packageIco:hover{left:0}
.fixedPackage{display:none}
.fixedPackage .iconGo{left:-300px;}
.fixedPackage .pageGo{bottom:5px}
/*大礼包*/




/*搜索*/
.searchcover{position: fixed;top:0;bottom: 0;left: 0;right: 0;z-index: 1000;background-color: #eee;display: none;}
.searchallcover{position: fixed;top:68px;bottom: 0;left: 0;right: 0;z-index: 1000;opacity:0.6;background-color: #000;display: none;}
.searchallinner{position: absolute;top:59px;left: 0;right: 0;z-index: 1000;background-color:#f3f3f3;display: none;height:400px;}

.searchallinner .i_searchbox{ display:table; height:400px; width:100%; background:url() no-repeat center top;border-top: 1px solid #eee;}
.searchallinner .slogan{text-align: center; color: #fff;font-size:4.5rem; font-size:36px\9; display: none; margin:12% 0 5%; padding: 0;    text-shadow: 0 1px 1px #363636;}
.searchallinner .hsearch{background:#ededed; border-radius:4px; width:90%; padding:0px; position:relative;margin:auto;margin-top: 30px;}
.searchallinner .hinput{ width:100% ;  height:50px; background-color:#fff;border-radius:4px; float:left;border:1px solid #ddd;border-bottom-color:#ccc}
.searchallinner .h-search{width:100%; width: -moz-calc( 100% - 70px ); width: -webkit-calc( 100% - 70px ); width: calc( 100% - 90px );width:700px\9; height:35px; height:30px\9;margin:-6px 0px 0px 40px;margin:4px 0px 0px 50px\0; outline:none; font-size:16px; border: 0; display: inline;}
.searchallinner .h-sbtn{width:110px;height:50px;border:none;cursor:pointer;outline:none;background-color:#e50914;border-bottom-right-radius:4px;border-top-right-radius:4px;display: none;}
.searchallinner .s-hot{color:#333; padding-top:8px; font-size: 14px; display: none;; clear: both;}
.searchallinner .s-hot a{color:#333; margin: 0px 8px 0px 3px;}
.searchallinner .s-hot span{font-size: 14px;}
.searchallinner .hsearchpop {max-height:280px;background-color: #f3f3f3;box-shadow: none;position: absolute;left: 0px;top: 60px;right: 0px;overflow: auto;}
.searchicon{color: #e50914;font-size: 28px;margin-top: 2px;position: relative;top:3px;left:20px;}
.searchallinner .tabtw ul{border-bottom: 1px solid #ddd;background-color: #f3f3f3;}
.searchallinner .tabtw {background-color: #f3f3f3;padding: 0px;border:none}
.searchallinner .am-container{padding: 0px;}
.searchallinner .tabcons{padding: 15px 0px;}
.searchallinner .s-history{font-size:13px;}
.searchallinner .tabtw li{font-size: 15px;}
.searchallinner .tabcons li a{font-size: 13px;}
.searchallinner .historylist span{font-size: 13px;}
.searchallinner .citys li{width: 140px;}
.searchallinner .shools li{width: 162px;}
.searchallinner .quickshow{background-color: white;}


.tabtw{background-color:#f2f2f2;height:38px;border:1px solid #eee;padding:0 15px}
.tabtw li{display:inline-block;padding:0 10px;height:36px;line-height:38px; font-size:15px; cursor:pointer; margin-right:15px;margin-bottom:-1px}
.tabtw li:hover{border-bottom:2px solid #bbb}
.tabtw li.cur{border-bottom:2px solid #e0372a}


.tabcons{padding:15px; display:table;}
.tabcons ul{ display: table; width: 100%;}
.tabcons li{float:left;padding:2px 0;overflow:hidden;}
.tabcons li a{display:inline-block;font-size:13px;line-height:16px !important;padding:4px;transition:all 0.16s ease-out}
.tabcons li a:hover{background-color:#e50914;border-radius:2px;color:#fff}
.citys li{width:110px}
.shools li{width:135px}

.quickshow{padding:10px 0}
.quickshow li{padding:6px 15px;border-bottom:1px dotted #f8f8f8}
.quickshow li.hover{background-color:#f3f3f3}
.quickshow li.hover a{color:red}
.quickshow li span{margin-right:14px;opacity:0.6}
.quickshow li span.icon-mapm{font-size:1.2em;margin-right:14px;}
.quickshow li span.icon-aptm{font-size:1.3em;margin-right:14px;}
.quickshow li b{color:#e50914}
.quickshow li:hover{background-color:#f3f3f3;cursor: pointer;}
.quickshow li:hover span{opacity:1}
.quickshow li:hover a{color:red}
.quickshow li a{font-size:16px}
.quickshow li a i{color:#999;margin-left:5px}

.quickshow li span{font-family:"iconfont" !important; font-size:14px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}


@-webkit-keyframes fqflipX{
from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}