﻿body{background-color:#f2f3f5}

section.banner{border-bottom:10px solid #f9e701;}
section.banner img{width:100%;}


section.nav .reason{padding:20px 0;border-bottom:1px solid #00a8b5;font-size:24px;}
section.nav .reason .zh{display:inline-block;height:24px;line-heihgt:24px;padding-left:20px;border-left:2px solid #00a8b5;color:#00a8b5;}
section.nav .reason .en{color:#999;font-family:arial;margin-left:20px;}
section.nav ul{padding:20px 0;}
section.nav .item{width:18%;float:left;height:52px;color:#666;line-height:52px;text-align:center;font-size:20px;position:relative;cursor:pointer;margin:0 1%;border-radius:5px;}
section.nav .item .line{display:inline-block;height:24px;float:right;border-right:1px solid #00a8b5;margin-top:15px;}
section.nav .item .iconfont{width:30px;height:52px;display:inline-block;font-size:14px;position:relative;top:-3px;left:20px;}
section.nav .item.on{background-color:#dfedf0;}
section.nav .item.on .line{display:none;}
section.nav .item.on .iconfont{color:#00a8b5;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
section.nav .item .icon{display:inline-block;width:36px;height:36px;background:url(../img/route/icon_new.png) no-repeat;position:relative;top:8px;right:12px;}
section.nav .item .icon1{background-position:0 0;}
section.nav .item .icon2{background-position:0 -36px;}
section.nav .item .icon3{background-position:0 -72px;}
section.nav .item .icon4{background-position:0 -108px;}
section.nav .item .icon5{background-position:0 -144px;}
section.nav .item .icon6{background-position:0 -180px;}
section.nav .item .icon7{background-position:0 -216px;}
section.nav .item .icon8{background-position:0 -252px;}
section.nav .item .icon9{background-position:0 -288px;}
section.nav .item .icon10{background-position:0 -324px;}
section.nav .item .intro .tit{display:block;line-height:20px;padding-bottom:6px;border-bottom:1px solid #f3f3f5;}
section.nav .item .intro{display:none;width:100%;text-align:left;padding:0 10px 10px 10px;border:1px solid #00a8b5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background-color:white;border-radius:5px;position:absolute;z-index:2;top:52px;left:0;line-height:18px;font-size:12px;}
section.nav .item .intro .dot{font-size:18px;font-weight:bold;color:#00a8b5;margin-right:5px;}
section.nav .item .icon-lit{display:inline-block;width:22px;height:22px;margin-right:5px;background:url(../img/route/lit.png) no-repeat;position:relative;top:6px;}
section.nav .item .lit1{background-position:0 0;}
section.nav .item .lit2{background-position:0 -22px;}
section.nav .item .lit3{background-position:0 -44px;}
section.nav .item .lit4{background-position:0 -66px;}
section.nav .item .lit5{background-position:0 -88px;}
section.nav .item .lit6{background-position:0 -110px;}
section.nav .item .lit7{background-position:0 -132px;}
section.nav .item .lit8{background-position:0 -154px;}
section.nav .item .lit9{background-position:0 -176px;}
section.nav .item.on .intro{display:block;}

section.table{height:51px;}
section.table .contant{background-color:#fcfcfc;border-bottom:1px solid #00a8b5;border-top:1px solid #e3e3e3;}
section.table .tab-box{width:100%;height:50px;}
section.table .tab-box.fixed{position:fixed;top:0;z-index:98;}
section.table .tab-box .tab{width:106px;height:50px;cursor:pointer;line-height:50px;font-size:16px;float:left;text-align:center;}
section.table .tab-box .tab a{display:inline-block;width:100%;height:100%;color:#333;}
section.table .tab-box .tab.on{background-color:#f9e701;}
section.table .tab-box .iconfont{float:right;color:#666;height:50px;line-height:30px;margin-left:10px;text-align:center;}
section.table .tab-box .iconfont p{font-size:12px;line-height:12px;}
section.table .tab-box .icon1{font-size:24px;width:50px;height:50px;line-height:50px;background-color:#00a8b5;color:white;position:relative;}
section.table .tab-box a .ask{color:#666;}
section.table .tab-box .ask{height:33px;cursor:pointer;line-height:33px;float:right;background-color:#edf7f8;padding:0 10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin:8px 30px 0 0;}
section.table .tab-box .ask .iconfont{float:none;margin:2px 5px 0 0;color:#00a8b5;font-size:18px;}
section.table .tab-box .consult{color:#333;font-size:16px;float:right;line-height:48px;margin-right:45px;}
section.table .tab-box .tel-num{color:#666;font-size:18px;}

section .anchor{position:absolute;top:-50px;z-index:99;}
section .title{font-size:24px;color:#00a8b5;border-left:2px solid #00a8b5;text-indent:30px;margin-bottom:20px;}

section.highlights{padding-top:20px;position:relative;}
section.highlights .info{background-color:white;padding:20px;margin-bottom:20px;}
section.highlights .info h2{font-size:20px;color:#333;padding-bottom:12px;border-bottom:1px solid #00a8b5;font-weight:bold;}
section.highlights .info p{color:#666;font-size:16px;line-height:24px;margin-top:10px;}

section.highlights .light-ul{width:1216px;}
section.highlights .light-ul li{width:288px;height:330px;margin:0 16px 20px 0;position:relative;background-color:white;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
section.highlights .light-ul li .img-box{position:relative;}
section.highlights .light-ul li .img-box img{width:100%;height:197px;}
section.highlights .light-ul li .font-box .float{width:48px;background-color:#00a8b5;text-align:center;overflow:hidden;position:absolute;right:10px;bottom:-24px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
section.highlights .light-ul li .font-box .float .iconfont{font-size:30px;color:white;display:block;height:48px;line-height:48px;}
section.highlights .light-ul li .font-box .float p{color:white;line-height:22px;font-size:12px;}
section.highlights .light-ul li .font-box{padding:0 20px;border-bottom:1px solid #f2f3f5;position:relative;}
section.highlights .light-ul li .font-box h2{font-size:16px;font-weight:bold;margin-top:20px;color:#00a8b5;}
section.highlights .light-ul li .font-box p{font-size:12px;color:#333;line-height:20px;height:40px;overflow:hidden;margin-top:10px;padding-bottom:10px;}
section.highlights .light-ul li .check{font-size:12px;color:#333;position:absolute;bottom:15px;left:20px;}
section.highlights .light-ul li .check .iconfont{font-size:14px;color:#00a8b5;margin-right:10px;}

section.hodometer .contant{background-color:white;padding:20px 0;}
section.hodometer .fix{width:22px;position:absolute;left:20px;top:100px;z-index:5;}
section.hodometer .fix.fixed{position:fixed;top:100px;left:50%;margin-left:-580px;}
section.hodometer .fix .list{width:100px;height:35px;background-color:white;margin-bottom:30px;padding:5px;color:#00a8b5;line-height:18px;border:2px solid #e8e8e8;margin-left:20px;position:relative;top:-20px;}
section.hodometer .fix .list .line{width:20px;border-top:1px solid #e8e8e8;position:absolute;left:-22px;top:18px;}
section.hodometer .fix .list .line .dot{position:absolute;z-index:2;border:4px solid #cbcbcb;width:0px;height:0px;left:-4px;top:-4px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
section.hodometer .fix .list .line .col{height:80px;border-left:1px solid #e8e8e8;position:absolute;top:0;left:0;}
section.hodometer .fix .list.on .line .dot{border:3px solid #00a8b5;width:6px;height:6px;top:-6px;left:-6px;background-color:white;}
section.hodometer .fix .list.on{background-color:#eaf8f9;}


section.hodometer .day{padding-left:170px;margin-bottom:20px;position:relative;} 
section.hodometer .day .day-tit{height:82px;line-height:82px;background-color:#ecf8f9;border-left:2px solid #00a8b5;font-size:22px;color:#333;}
section.hodometer .day .day-tit span{width:48px;height:48px;line-height:48px;text-align:center;color:#00a8b5;margin:0 28px 0 20px;background-color:white;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
section.hodometer .day .indent{margin-left:40px;padding:0 40px;border-left:1px dashed #00a8b5;}
section.hodometer .day h2{padding-top:46px;padding-left:10px;position:relative;font-size:18px;color:#333;}
section.hodometer .day h2 .iconfont{width:24px;height:24px;line-height:24px;font-size:18px;text-align:center;background-color:white;color:#00a8b5;position:absolute;left:-52px;}
section.hodometer .day .item{margin-top:30px;padding-bottom:10px;border-bottom:1px solid #f2f3f5;}
section.hodometer .day .item h3{font-size:18px;color:#00a8b5;position:relative;margin-bottom:20px;}
section.hodometer .day .item h3 span{color:#666;font-size:12px;margin-left:20px;}
section.hodometer .day .item h3 .necktie{width:22px;height:30px;background:url(../img/necktie.png) no-repeat;position:absolute;left:-52px;}
section.hodometer .day .item  img{width:180px;height:100px;float:left;}
section.hodometer .day .item .font{padding-left:200px;min-height:100px;}
section.hodometer .day .item .con p{line-height:18px;color:#666;font-size:12px;margin-bottom:5px;}
section.hodometer .day .item .con p span{color:#00a8b5;}
section.hodometer .day .item .con h4{font-size:16px;color:#00a8b5;text-indent:8px;margin-bottom:5px;}
section.hodometer .day .item .dot{width:10px;height:18px;line-height:10px;text-align:center;background-color:white;font-size:48px;position:absolute;left:-45px;}




section.msg .price{background-color:white;margin-top:20px;padding-top:20px;color:#666;position:relative;}
section.msg .price .data{font-size:14px;text-indent:32px;margin-bottom:12px;}
section.msg .price .data span{margin-right:40px;}
section.msg .price .change{padding-left:32px;height:28px;border-bottom:1px solid #c3c3c3;font-size:12px;}
section.msg .price .change li{width:62px;height:100%;cursor:pointer;position:relative;text-align:center;line-height:28px;float:left;margin-right:45px;font-weight:bold;}
section.msg .price .change .bar{display:inline-block;opacity:0;filter:alpha(opacity=0);width:100%;border-bottom:2px solid #00a8b5;position:absolute;bottom:-2px;left:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
section.msg .price .change .bar .arrow{border-width:6px;border-color:#00a8b5;border-bottom-width:0;border-style:dashed;border-top-style:solid;border-left-color:transparent;border-right-color:transparent;position:absolute;left:50%;bottom:-8px;margin-left:-6px;}
section.msg .price .change li.on .bar{opacity:1;filter:alpha(opacity=100);}
section.msg .price .sort{padding:10px 0 10px 105px;}
section.msg .price .sort .box{position:relative;}
section.msg .price .sort .font{margin:15px 0;line-height:18px;font-size:12px;}
section.msg .price .sort .programme2{display:none}
section.msg .price .sort .hint{width:530px;height:150px;padding:10px;font-size:12px;line-height:24px;color:#666;background-color:#e4f6f6;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
section.msg .price .sort .hint dl{margin-top:5px;margin-right:50px;}
section.msg .price .sort .hint dl dd{text-indent:20px;}


section.msg .price .sort .float{width:50px;height:74px;position:absolute;left:-70px;top:2px;}
section.msg .price .sort .float .iconfont{display:block;width:50px;height:50px;background-color:#00a8b5;color:white;font-size:28px;line-height:50px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
section.msg .price .sort .float p{font-size:14px;line-height:24px;font-weight:bold;text-align:center;}
section.msg .price .sort .list-ul li{height:74px;border-bottom:1px dashed #e0e0e0;padding-left:35px;position:relative;}
section.msg .price .sort .list-ul li i{width:24px;height:24px;display:block;position:absolute;left:0;top:10px;background:url(../img/route/icon_new.png) no-repeat;}
section.msg .price .sort .list-ul li i.icon1{background-position:0 -360px;}
section.msg .price .sort .list-ul li i.icon2{background-position:0 -384px;}
section.msg .price .sort .list-ul li i.icon3{background-position:0 -408px;}
section.msg .price .sort .list-ul li i.icon4{background-position:0 -432px;}
section.msg .price .sort .list-ul li i.icon5{background-position:0 -456px;}
section.msg .price .sort .list-ul li i.icon6{background-position:0 -480px;}
section.msg .price .sort .list-ul li i.icon7{background-position:0 -504px;}
section.msg .price .sort .list-ul li i.icon8{background-position:0 -528px;}
section.msg .price .sort .list-ul li i.icon9{background-position:0 -552px;}
section.msg .price .sort .list-ul li:last-child{border:0;}
section.msg .price .sort .list-ul li h3{font-size:18px;line-height:40px;}
section.msg .price .sort .list-ul li p{font-size:12px;}
section.msg .reserve{background-color:white;margin-top:20px;padding-top:20px;color:#666;position:relative;}
section.msg .reserve h3{border-bottom:1px dashed #c3c3c3;text-indent:32px;padding-bottom:12px;font-size:14px;color:#333;font-weight:bold;}
section.msg .reserve .font{padding:15px 38px;line-height:18px;font-size:12px;}

section.map{/*background-color:#e9edef;*/margin-top:20px;}
section.map .float-logo{width:80px;height:80px;background-color:#00a8b5;position:absolute;top:0;left:0;text-align:center;}
section.map .float-logo span{height:100%;display:inline-block;vertical-align:middle;}
section.map .float-logo img{vertical-align:middle;}
section.map .map-img{margin:25px 0;margin-left:80px;max-width: 1100px;}
section.map .info{font-size:22px;color:#666;line-height:32px;text-align:left;position:absolute;right:100px;bottom:95px;}
section.map .info .iconfont{font-size:22px;color:#00a8b5;margin-right:5px;}
section.map button.btn{width:220px;border:0;background-color:#00a8b5;color:white;right:40px;height:58px;position:absolute;top:10px;border-radius:5px;font-size:22px;}

body.overflowhidden{overflow:hidden;height:100%;}
body.overflowhidden .mask{display:block;}
.mask{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:99;}
.pop{display:none;width:500px;height:460px;color:white;text-align:center;background-color:#e6e6e6;position:fixed;top:50%;left:50%;margin-top:-230px;margin-left:-250px;z-index:100;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.pop .top{width:100%;width:100%;height:140px;background:url(../img/route/top.jpg) no-repeat;}
.pop .top h1{font-size:32px;line-height:100px;}
.pop .top p{font-size:16px;}
.pop input{width:188px;height:20px;background-color:white;border:0;margin-top:30px;padding:10px;font-size:14px;color:#999;}
.pop .name{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pop .phoneN{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pop .remarks{width:404px;height:40px;line-height:20px;background-color:white;border:0;margin-top:10px;padding:10px;font-size:14px;color:#999;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.pop .submit{width:130px;height:36px;border:0;color:white;background-color:#00a8b5;margin-top:30px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.pop .close{width:20px;height:20px;line-height:20px;text-align:center;font-size:16px;position:absolute;top:10px;right:10px;color:white;cursor:pointer;border-radius:50%;}

.luara-pop{display:none;overflow:hidden;width:1200px;height:647px;position:fixed;top:50%;left:50%;z-index:100;background-color:white;margin-top:-324px;margin-left:-600px;}
.luara-pop .derection{background:none;text-align:center;width:50px;height:50px;line-height:50px;}
.luara-pop .derection .iconfont{font-size:40px;color:white;}
.luara-pop .derection.gray .iconfont{color:#aaa;opacity:0.5;}
.luara-pop li{display:none;position:absolute;top:0;left:0;}
.luara-pop li.on{display:block;}
