/*************************************** 首页 ***************************************/
/* 首页-搜索 */
.i_searchbox{ display:table; height:530px; width:100%; background:url(//pic.funliving.com/bb3.jpg) no-repeat center top; background-size: cover;}
.slogan{text-align: center; color: #fff;font-size:4.5rem; font-size:36px\9; display: block; margin:12% 0 5%; padding: 0;    text-shadow: 0 1px 1px #363636;}
.slogan em{ display: none;}
.hsearch{background:rgba(0,0,0,.45); border-radius:4px; width:90%; padding:18px; position:relative;margin:auto}
.hinput{ width: 100%; width: -moz-calc( 100% - 110px ); width: -webkit-calc( 100% - 110px ); width: calc( 100% - 110px ); width:720px\9; height:50px; background-color:#fff; border-bottom-left-radius:4px;border-top-left-radius:4px; float:left;}
.h-search{width:100%; width: -moz-calc( 100% - 28px ); width: -webkit-calc( 100% - 28px ); width: calc( 100% - 55px ); height:35px; margin:7px 14px 0;margin:13px 14px 0 \9; outline:none; font-size:16px; border: 0; display: block;}
.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;}
.h-sbtn:hover{background-color:#f61c27}
.h-sbtn .icon-jycxun{ color: #fff; font-size:24px;}
.s-hot{color:#bbb;padding-top:8px; font-size: 14px; display: block;; clear: both;}
.s-hot a{color:#eee; margin:0 8px}
.s-hot a:hover{color:#fff}
.s-hot a span{font-size:0.95em;margin-right:2px}
.s-hot a span.icon-xueyuan{font-size:0.8em}
.isearch{width: 100%;height: 530px;}

.hsearchpop{max-height:300px; border-radius:4px;background-color:#fff;box-shadow:0px 1px 2px #555; position:absolute; left:18px; top:73px; right: 18px; overflow:auto;}
.s-history{font-size:0.8em;font-size:12px\9;padding:13px 15px;color:#999;}
.s-history b{float:right;cursor:pointer;font-weight:normal;}
.historylist span{font-size:0.6em;margin-right:4px;opacity:0.6}
.historylist a{margin-right:12px}
.s-history b span{font-size:14px}
.s-history:hover b{color:#e50914}
.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}
.tabcons li a:hover{background-color:#e50914;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:1.5rem}
.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;}
.icon-mapm:before { content: "\e617"; }
.icon-grad:before { content: "\e699"; }
.icon-aptm:before { content: "\e621"; }


/* 首页 - Whyintr */
.i_whyintr{background-color:#fff; padding:40px 0;}
.i_whyintr li{width:33%;float:left;text-align:center;padding:85px 0 5px}
.i_whyintr li strong{display:block;font-size:20px;font-weight:bold;}
.i_whyintr li p{color:#666;font-size:15px;margin:10px 0 0}
.i_whyintr li.wn1{
    background:url(../imgs/n1.png) no-repeat center 10px;
    background-image: -webkit-image-set(url(../imgs/n1.png) 1x,url(../imgs/n1@x2.png) 2x);
    background-image: -moz-image-set(url(../imgs/n1.png) 1x,url(../imgs/n1@x2.png) 2x);
    background-image: -o-image-set(url(../imgs/1.png) 1x,url(../imgs/n1@x2.png) 2x);
    background-image: -ms-image-set(url(../imgs/n1.png) 1x,url(../imgs/n1@x2.png) 2x);
    background-size: auto 68px; background-repeat: no-repeat; background-position: center 10px;}
.i_whyintr li.wn2{
    border-left:1px dashed #e9e9e9;
    border-right:1px dashed #e9e9e9;
    background:url(../imgs/n2.png) no-repeat center 10px;
    background-image: -webkit-image-set(url(../imgs/n2.png) 1x,url(../imgs/n2@x2.png) 2x);
    background-image: -moz-image-set(url(../imgs/n2.png) 1x,url(../imgs/n2@x2.png) 2x);
    background-image: -o-image-set(url(../imgs/n2.png) 1x,url(../imgs/n2@x2.png) 2x);
    background-image: -ms-image-set(url(../imgs/n2.png) 1x,url(../imgs/n2@x2.png) 2x);
    background-size: auto 68px; background-repeat: no-repeat; background-position: center 10px;}
.i_whyintr li.wn3{
    background-image: url(../imgs/n3.png);
    background-image: -webkit-image-set(url(../imgs/n3.png) 1x,url(../imgs/n3@x2.png) 2x);
    background-image: -moz-image-set(url(../imgs/n3.png) 1x,url(../imgs/n3@x2.png) 2x);
    background-image: -o-image-set(url(../imgs/n3.png) 1x,url(../imgs/n3@x2.png) 2x);
    background-image: -ms-image-set(url(../imgs/n3.png) 1x,url(../imgs/n3@x2.png) 2x);
    background-size: auto 68px; background-repeat: no-repeat; background-position: center 10px;  }



/* 首页 - 推荐城市 */
.cityshow{background:#f5f5f5;padding:70px 0}
.cityshow h3{text-align:center;font-size:23px;padding-bottom:30px;font-weight:bold;}
.cityshow h3 b{margin:0 5px;color:#e50914}
.cityshow li{width:25%;float:left;padding:10px 0;text-align:center; }
.cityshow li a{display:block;width:220px;height:220px;margin:auto;position:relative; background: #3e4752;}
.cityshow li img{width:220px;height:220px;}
.cityshow li a div{width:220px;height:220px;position:absolute;left:0;top:0;transition: all 0.3s ease-in-out;}
.cityshow li a strong{display:block; padding:80px 10px 5px;font-size:26px; color:#fff;text-shadow: 0 1px 4px #555}
.cityshow li a span{display:none;color:#fff;text-shadow: 1px 1px 5px #333;}
.cityshow li a:hover div{background:rgba(242,0,20,.6);transition: all 0.3s ease-in}
.cityshow li a:hover span{display:block;}
.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:460px}
.cityshow li.emcity a strong{font-size:1.8em;font-weight:bold;}
.cityshow li.emcity a strong b{font-size:1.3em}

/* 首页 - 预定流程 */
.process, .process_box{ display: block; width: 100%; height: 360px;}
.process{background:#3e4752 url("../imgs/process.png") repeat-x left bottom;}
.process_box h6{ display: block;margin:20px auto;  position: relative; height: 80px; line-height:80px;}
.process_box h6:after{ position: absolute; content: ''; z-index: 1; top: 50%; margin-top: -1px; height: 1px; width: 100%; border-bottom: 1px dashed #fff;opacity:0.2}
.process_box h6 em{ position: absolute; z-index: 2; left: 50%; margin-left: -90px; display: inline-block; width:180px; text-align: center; background: #3e4752; font-size:26px; color: #fff; font-weight:normal;}
.process_box ul{ display:table; width:100%; margin: 20px auto 0;}
.process_box ul li{display: block; width: 20.5%; float: left; background: url("../imgs/iocon_process_a.png") no-repeat left 100px;}
.process_box ul li em{ display:block; font-size: 20px; text-align: center; color: #fff; width: 36px; height: 36px; line-height: 32px; border: 2px solid #fff; margin: 20px 66px auto auto; border-radius: 50%;}
.process_box ul li div{ width: 100%; display: block; margin: 15px auto; text-align: center;}
.process_box ul li div img{ display: block; margin-left:auto; margin-right:40px;}
.process_box ul li span{ color: #fff; font-size: 18px; display: block; text-align:right; padding-right: 44px;}
.process_box ul li span.span_add{ padding-right: 0;}
.process_box ul li:first-child{background: none; width: 18%;}
.process_box ul li:first-child em{margin: 20px auto auto 63px !important;}
.process_box ul li:first-child div img{ margin-right: auto; margin-left:47px;}
.process_box ul li:first-child span{ padding-right: 0; margin-left:50px; text-align:left}



/* 首页 - 寄语 */
.htmleaf-container{ position: relative; width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.mis-stage{position: relative;}
.mis-stage:after{position: absolute; content: ''; z-index:1; height: 3px; bottom:90px; background: #e8e9ed; width: 100%;}
.mis-stage .mis-slider{display: table; width: 100%;}
.mis-stage .mis-slider li{ display: block; width: 20%; padding-top: 200px; float: left; text-align: center; position: relative;}

.mis-stage .mis-slider li .txt{text-align: left; margin-bottom: 20px; position: absolute; width:400px; top:0px; left: 50%; margin-left: -200px; font-size: 12px;}
.mis-stage .mis-slider li .txt p{display:none; background: url("../imgs/icon_yhao.png") no-repeat top center; padding-top: 50px;}

.mis-stage .mis-slider li.active{ cursor: pointer;}
.mis-stage .mis-slider li.active:after{position: absolute; content: ''; z-index:2; height: 3px; left: 0; width: 200px; bottom:90px; background: #e0372a; animation:bounceInLeft 1s ease 0s forwards;  -webkit-animation:bounceInLeft 1s ease 0s forwards;}
.mis-stage .mis-slider li.active .txt p{ display: block; animation:bounceInDown 1s ease 0s forwards; -webkit-animation:bounceInDown 1s ease 0s forwards;text-align:center;}
.mis-stage .mis-slider li .txt_img{ display: block; width:70px; margin:0 auto; height: 70px; overflow: hidden;}
.mis-stage .mis-slider li .txt_img img{width:50px; margin: 15px auto; display: block; }
.mis-stage .mis-slider li.active .txt_img img{width:70px; margin:0 auto; animation:zoomIn 1s ease 0s forwards;-webkit-animation:zoomIn 1s ease 0s forwards;}
.mis-stage .mis-slider li .name_info{ display: block; margin-top:40px; opacity: .5;}
.mis-stage .mis-slider li.active .name_info{animation:zoomIn 1s ease 0s forwards;-webkit-animation:zoomIn 1s ease 0s forwards;}
.mis-stage .mis-slider li .name_info span{ display: block; font-size: 14px;}
.mis-stage .mis-slider li.active .name_info span{ font-size: 20px;}
.mis-stage .mis-slider li .name_info em{ display: block; font-size: 12px;}
.mis-stage .mis-slider li.active .name_info em{ font-size: 14px;}
.mis-stage .mis-slider li.active .name_info{ opacity: 1;}

@-webkit-keyframes bounceInDown{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}

@-webkit-keyframes bounceInLeft{
    0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
    80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft{
    0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
    80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}

@-webkit-keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
@keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.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:66px;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 #ddd;}
.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{padding: 0px 0px 20px;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;}