@charset "utf-8";
/* 蓝色调：#2dadff */

/* reset */
body,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
body{ font-family:'Microsoft Yahei'; font-size:14px;color: #333;background-color:#f8f8f8;}
ul,ul li { margin:0; padding:0; list-style:none;}
img{border:0;}
input,textarea{font-family:'Microsoft Yahei';margin:0; padding:0;outline:none;}
input[type="submit"],input[type="button"]{cursor:pointer;}
input[type="checkbox"]{ margin-right:5px;}
a:link { color:#333; text-decoration:none;outline:none;}
a:visited { color:#333; text-decoration:none;outline:none;}
a:hover { color:#333; text-decoration:underline;outline:none;}
a:active { color:#333; text-decoration:underline;outline:none;}

/* 公共样式 */
.fl{float:left;}.fr{float:right;}.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;height: 0;font-size:0;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{text-align: right;}
.fb{ font-weight:bold;}
.hide { display:none;}
.c-main,a.c-main{ color:#2dadff;}
.c-red{ color:#f4132e;}

/* 头部 */
.header{background-color:#fff;}
.header .inner{width:1200px;min-width:1200px; margin: 0 auto; padding:20px 0; font-size:12px;}
.topbar{ background-color:#f5f5f5; height:35px; line-height:35px;font-size:12px;}
.topbar .inner{width:1200px;min-width:1200px; margin: 0 auto;}
.logo {width:157px; height: 61px; float:left;}
.logo img{ max-height: 61px;}

.login-info{ float:right;}
.logout{ margin-left:10px;}

.profile-menu{ position:relative;min-width:80px;display:inline-block;  float:left;  cursor:default; text-align:right;}
.profile-menu .icon-select { display: inline-block; width: 9px; height: 5px; margin-left:4px;background: url('../images/icon-select.png') no-repeat 0 0; vertical-align: 2px; }
.profile-menu .profile-hd{position:relative; padding:0 10px;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5; min-width: 80px; text-align: right;}
.profile-menu .profile-list{ position:absolute;width:98%;text-align:center;top:34px;left:0; background-color:#fff; border:1px solid #d2d2d2;line-height:normal; display:none;}
.profile-menu .profile-list li a{ padding:8px 10px;display:block;}
.profile-menu .profile-list li a:link { color:#333; text-decoration:none;}
.profile-menu .profile-list li a:visited { color:#333; text-decoration:none;}
.profile-menu .profile-list li a:hover { color:#333; text-decoration:none; background-color:#f5f5f5;}
.profile-menu .profile-list li a:active { color:#333; text-decoration:none;background-color:#f5f5f5;}
.profile-menu:hover .profile-hd{ background-color:#fff; border-left:1px solid #ccc;border-right:1px solid #ccc; z-index:2; }
.profile-menu:hover .profile-list{ display:block; z-index:1;}

/* 搜索 */
.search-widget{ float:right;}
.select-widget{ position:relative; z-index:10; float:left; width:109px; border-right:1px solid #E5E5E5; background:red;}
.select-widget .select-txt{ position:relative; height:36px; line-height:36px; width:99px; padding-right:10px; cursor:pointer; text-align:center; background-color:#FAFAFA; color:#666; font-weight:normal; font-size:14px;}
.select-widget .select-txt i{ position:absolute; right:8px; top:16px; width:0; height:0; text-indent:0; line-height:0; font-size:0; border-width:4px; border-color:#7C7C7C transparent transparent transparent; border-style:solid dashed dashed dashed;}
.select-widget .select-list{ display:none; background-color:#FFF; position:absolute; left:0; top:35px; z-index:10; width:108px; border:1px solid #EFEFEF; border-bottom:0;}
.select-widget .select-list li{ height:30px; line-height:30px; border-bottom:1px solid #EFEFEF; text-align:center; color:#777; cursor:pointer;}
.select-widget .select-list li:hover{ background-color:#F5F5F5; color:#666;}
.show .select-list{ display:block;}
.show .select-txt i{ top:12px; border-color:transparent transparent #7C7C7C  transparent; border-style:dashed dashed solid dashed;}
.search-form{ height:36px; border:2px solid #2dadff;}
.search-form .search-form-txt{ float:left; width:384px; height:30px; padding:3px; background-color:#FFF; }
.search-form .search-form-txt input{ width:384px; border:0; background-color:transparent; height:30px; line-height:30px; color:#404040; font-size:12px; outline:none; padding-left:5px;}
.search-form .search-form-btn{ float:left; width:100px; background-color:#2dadff; height:36px; line-height:36px; color:#FFF; border:0; font-size:16px;}
.hot-key{ height:30px; line-height:30px; font-size:12px; color:#404040;}
.hot-key a{ color:#666; margin:0 3px; text-decoration:none;}
.hot-key a:hover{ color:#F60;}

/* 导航 */
.nav{ background-color:#2dadff;}
.nav .inner{width:1200px;min-width:1200px;height:46px; line-height:46px;margin: 0 auto; overflow:hidden;}
.nav ul li{ float:left; display:inline-block; float:left; margin-right:1px;}
.nav ul li a{ display:block;color:#fff; text-decoration:none; padding:0 40px;}
.nav ul li a:link { color:#fff;background-color:#2dadff;text-decoration:none;}
.nav ul li a:visited { color:#fff;background-color:#2dadff;text-decoration:none;}
.nav ul li a:hover { color:#fff;background-color:#2390d5;text-decoration:none;}
.nav ul li a:active { color:#fff;background-color:#2390d5;text-decoration:none;}
.nav ul li a.cur{ background-color:#2390d5;}

/* banner和登录 */
.banner{ height:385px; overflow: hidden; }
.banner .inner{ width:1200px;min-width:1200px; height:385px;margin: -385px auto 0;position:relative;}
.banner .slider-box{ position: relative;}
.banner .slider-box .hd ul{ position: absolute; bottom: 20px; width: 100%; min-width: 1200px; text-align: center; z-index: 10;}
.banner .slider-box .hd ul li{ display: inline-block; width: 12px;height: 12px; border-radius: 6px; background-color: #fff; margin: 0 5px; text-indent: -9999px;}
.banner .slider-box .hd ul li.on{background-color: #2dadff;}
.banner .slider-box .bd div{ width: 100%;}
.banner .slider-box .bd ul li{ text-align: center; height: 385px; overflow: hidden;}
.banner .slider-box .bd ul li img{ height: 100%; width: auto;}
.login-box { position:absolute;top:30px; right:0;width:220px;height:260px;padding:30px;background:rgba(0, 0, 0, .5); color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.login-box .hd{ margin-bottom:20px; font-size:18px;}
.login-box ul li{margin-bottom:20px;display: block;}
.login-box .icon-username { float: left; width: 40px; height: 40px; background: #e5e5e5 url(../images/icon_username.png) center center no-repeat; }
.login-box .icon-password { float: left; width: 40px; height: 40px; background: #e5e5e5 url(../images/icon_password.png) center center no-repeat; }
.login-box input.txt { float: left; width:170px;height: 40px;border: none; background: #fff; line-height: 40px; color: #444;outline:none; padding:0 0 0 10px;}
.login-box .btn-login {border:0;width: 100%; height: 40px; background-color: #eea93d; line-height: 40px; font-size: 18px;  color:#fff;}
.remenber{vertical-align:-2px;}
a.a-reg{}
a.a-reg:link { color:#fff;text-decoration:none;}
a.a-reg:visited { color:#fff;text-decoration:none;}
a.a-reg:hover { color:#fff;text-decoration:underline;}
a.a-reg:active { color:#fff;text-decoration:underline;}

/* 主体 */
.container{width:1200px;min-width:1200px; margin: 0 auto;}
.line-box { margin:20px 0;}
.line-box .hd{ padding-bottom:20px;border-bottom:1px solid #d9d9d9; font-size:30px; line-height:40px;color:#2dadff;}
.line-box .hd span{margin-left:10px;font-size:15px;color:#666; vertical-align:middle;}
.line-box .bd { padding:20px 0;}
.line-box .bd li{ width:140px; height:40px;line-height:40px;float:left; background-color:#fff; margin-right:10px;margin-bottom:10px; font-size:16px;}
.line-box .bd li a{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;background-color:#fff; text-align:center;border:1px solid #fff;}
.line-box .bd li a:link { color:#333;text-decoration:none;}
.line-box .bd li a:visited { color:#333;text-decoration:none;}
.line-box .bd li a:hover { color:#000;text-decoration:none; background-color: #D7D7D7;}
.line-box .bd li a:active {color:#000;text-decoration:none; background-color: #D7D7D7;}

.line-box .hd i{ width:40px; height:40px; display:inline-block;background:url(../images/icon_line_area_type.png) no-repeat;margin-right:10px; float:left;}
.line-box .hd i.zby{ background-position:0 0;vertical-align:-7px;}
.line-box .hd i.gny{ background-position:0 -40px;vertical-align:-10px;}
.line-box .hd i.cjy{ background-position:0 -80px;vertical-align:-10px;}
.line-box .hd i.ztcp{ background-position:0 -120px;vertical-align:-10px;}

.active{ color: #fff; background-color: rgb(45, 173, 255);}

/* 页面：团期列表 */
.crumb{ margin:20px 0;}
.line-box-reset { margin:20px 0;}
.line-box-reset .bd { padding:0;}
.line-box-reset .bd li{ height:30px;line-height:30px; font-size:14px;}

.order-search { width: 100%; height: 43px; line-height: 43px;background-color: #fff; box-sizing: border-box; margin-bottom:20px; width:1200px;}
.order-search .hd {float:left; background-color:#2dadff; color:#fff; padding:0 20px;}
.order-search-fixed { position: fixed; top: 0; box-shadow: 0 0 6px #999; z-index: 20; }
.order-search .type-show{ position: relative; width: 80px; margin-left: 8px; font-size: 14px; text-align: center; cursor: pointer;}
.order-search .type-show .type-list{ display: none; width: 80px; position: absolute; left: -1px; border: 1px solid #dadada; border-top: 0; background-color: #fff;}
.order-search .type-show-hover{ border-left: 1px solid #dadada; border-right: 1px solid #dadada; background: #FFF;}
.order-search .type-show-hover .type-list{ display: block;}
.order-search .order-select { position: relative; border-right: 1px solid #ebebeb; border-left: 1px solid #f2f2f2; }
.order-search .from-city { width: 100px; font-size: 14px; }
.order-search .from-city .select-price{ width: 100px; line-height: 32px; max-height: 260px; text-align: center; overflow-y: scroll; }
.order-search .from-city .select-price li:hover { background-color: #f2f2f2; cursor: pointer;}
.order-search .from-city-hover { border-left: 1px solid #dadada; border-right: 1px solid #dadada; background: #FFF; }
.order-search .select-city { display: none; position: absolute; left: -1px; width: 350px; line-height: 24px; padding:0 5px 10px; background-color: #FFF; border: 1px solid #dadada; box-sizing: border-box; }
.order-search .from-city-hover .select-city { display: block; }
.order-search .city-text { text-align: center; cursor: pointer; }
.order-search .select-city .local-city { position: relative; height: 30px; line-height: 30px; padding: 0 12px; color: #565656; }
.order-search .select-city .local-city:before { position: absolute; top: -1px; left: -5px; content: ""; width: 100px; height: 1px; background-color:#fff;}
.order-search .select-city .city-list li { float: left; margin: 0 12px; font-size: 12px; color: #6d6d6d; cursor: pointer; }
.order-search .select-city .city-list li:hover { color: #f4132e; }
.order-search .order-price { width: 90px; }
.order-search .order-price-hover { border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
.order-select .price-text { text-align: center; cursor: pointer; }
.order-search .select-price { display: none; position: absolute; left: -1px; width: 90px; background-color: #FFF; border: 1px solid #dadada;border-top: 0;}
.order-search .order-price-hover .select-price { display: block; }
.order-search .select-price .price-list { text-align: center; line-height: 35px; padding: 0px 0; }
.order-search .select-price .price-list li { cursor: pointer; }
.order-search .select-price .price-list li:hover { background-color: #f2f2f2; }
.order-search .icon-select { display: inline-block; width: 9px; height: 5px; background: url('../images/icon-select.png') no-repeat 0 0; vertical-align: 2px; }
.order-search .price-range label, .date-range label { display: inline-block; width: 78px; text-align: center; }
.order-search .price-range .price-ipt { width: 48px; height: 28px; line-height: 28px; padding: 0 5px; border: 1px solid #d2d2d2; }
.date-range label { width: 55px; }
.date-range .laydate-icon { width: 92px; height: 28px; line-height: 28px; padding: 0 5px; font-size: 12px; }
.words-sch .form-ipt { width:150px; height: 28px; line-height: 28px; padding: 0 5px; margin-left: 10px; border: 1px solid #d2d2d2; }
.words-sch .form-btn { width: 60px; height: 30px; line-height: 30px; color: #FFF; border: 0; margin-left: 5px; background-color: #f4132e; }
.eye-show { position: relative; display: none; width: 60px; height: 43px; background: none; background-image: url('../images/eye.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.eye-show:after{ display: block; position: absolute; top: 9px; left: -2px; content: ""; width: 1px; height: 26px; background-color: #dedede;}

/* fromCity scrollbar styling */
.order-search .from-city .select-price::-webkit-scrollbar{ width: 5px;}
.order-search .from-city .select-price::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25); background: #fff;}
.order-search .from-city .select-price::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #ccc;}
.order-search .from-city .select-price::-webkit-scrollbar-thumb:hover { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #999;}

/* 产品列表 */
.tb-plan{border-collapse:collapse; background-color:#fff; table-layout: fixed;}
.tb-plan th{border:1px solid #ccc; padding:10px; font-weight:bold;background:#f5f5f5;}
.tb-plan td{border:1px solid #ccc; padding:10px; text-align:center;}
.tb-plan td.tl{text-align:left;}
.tb-plan tr:nth-child(odd){background:#f3f3f3;}
.tb-plan td:nth-child(even){}
.tb-plan tr:hover{background:#ffc;}

.tb-plan .week { font-size:12px;}
.tb-plan .date { font-size:16px; font-weight:bold;}
.tb-plan .info { font-size:12px; margin-top:5px;}
.tb-plan .info p{ max-height: 56px; overflow: hidden;}

.line-from{color:#999; float:left; margin-right:40px;}
.plan-code{ color:#999;}
a.btn-order{ display:inline-block;width:80px; height:25px; line-height:25px;background-color:#2dadff; text-decoration:none; color:#fff;}
a.btn-order-nodata{ display:inline-block;width:80px; height:25px; line-height:25px;background-color:#d7d7d7; text-decoration:none; color:#fff;}
.btn-file{ display: inline-block; padding: 3px 8px; border-radius: 3px; margin-left: 5px; color: #999; font-size: 12px; }
.btn-file:hover{ background-color: #2DADFF; color: #fff; text-decoration: none; }
.btn-file:hover .icon-file{ background-position: 0 -12px; }
.icon-file{ display: inline-block; width: 12px; height: 12px; margin-right: 3px; background-image: url('../images/download_file.png'); background-repeat: no-repeat; background-position: 0 0; vertical-align: baseline;  }

/* 页面：产品详情 */
.topbar-btn{background-color:#fff; padding:15px 0; margin-bottom:15px;}
.topbar-btn .inner{ width:810px; margin:0 auto; }
.topbar-btn .inner a{ display:inline-block; width:120px; height:40px; line-height:40px; margin-right:20px;float:left; background-color:#41b947; color:#fff; text-align:center; text-decoration:none;}

#addContact{ text-align:center; font-size:12px; display:block; margin-bottom:5px;}
#contactAndMb { display:none;}
#contactAndMb li{ margin-bottom:10px;}
#contactAndMb .ipt-txt{ border:1px solid #d7d7d7; width:150px; height:25px; line-height:25px; outline:none; padding-left:5px;}
#contactAndMb .btn-send{border:1px solid #d7d7d7;width:80px;height:32px; line-height:32px; text-align:center;padding:0; background-color:#e5e5e5;outline:none;}

.send-email li{ margin-bottom:10px;}
.send-email .ipt-txt{ border:1px solid #d7d7d7; width:190px; height:30px; line-height:30px; padding-left:5px;outline:none; }
.send-email .btn-send{border:1px solid #d7d7d7;width:80px;height:32px; line-height:32px; text-align:center;padding:0; background-color:#e5e5e5;outline:none;}

.container-plan-view{ width:750px; margin:0 auto; padding:30px; background-color:#fff;font-family:'宋体'; font-size:12px;}
.sel-box{ padding:15px; border:1px solid #ffcc66; background-color:#ffffcc;border-radius:5px;}
.sel-box h2{ font-size:16px; }
.sel-box input[type="checkbox"]{vertical-align:-2px;}
.hide-item { line-height:2em; margin-top:10px;}
.hide-item label{ margin-right:50px; margin-bottom:5px;}
.print-data { margin-top:10px;}
.print-data label{ margin-right:20px; margin-bottom:5px;}

/* 表格：产品详情 */
.tb-view{border-collapse:collapse; margin:10px 0; color:#000; }
.tb-view td{border:1px solid #999; padding:5px;line-height:1.5em; }
.tb-view td.title{ background-color:#eee;font-weight:bold;text-align:left;}
.tb-view td.tl{text-align:left;}

.price-remark{ font-size:14px; text-align:center; margin-top:10px;}
.price-remark .price{ color:#f69053; font-size:20px; font-family:'Arial'}

/* 下载附件列表 */
.list-file{ padding:10px; }
.list-file li{ height: 30px; line-height: 30px;}
.list-file li a{ display: block; height: 30px; padding: 0 5px;  color: #404040; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.list-file li a:hover{ background-color: #f5f5f5; color: #f60; text-decoration: underline; }

/* 页面：立即预定 */
.info-box{ padding:30px; background-color:#fff; margin-bottom:20px;}
.info-box .hd{ font-size:16px;}
.info-box .bd{ padding:10px 20px;}
.info-box .bd li{ padding:5px 0;}
.info-box .bd li .title{ width:6em;display:inline-block; text-align:right;}
.info-box .order-remark{vertical-align: top; width:600px; height:60px;resize: none;}
.info-box .ordering{ width:120px; height:36px; line-height:36px; text-align:center; background-color:#39bbff; border:0; color:#fff;}
.info-box .back{ width:90px; height:36px; line-height:36px; text-align:center; background-color:#b6b6b6; border:0; color:#fff; margin-left:20px;}
.info-box .required{ color:#ff6c00; font-size:14px; margin-right:5px;}
.info-box .remark{ color:#999;}
.info-box .price{ color:#ff003d;font-family:'Arial'; font-weight:bold;}
.info-box input[type="text"]{ border:1px solid #d2d2d2;padding:5px 0 5px 5px; margin-right:20px; width:180px;}
.info-box textarea{ border:1px solid #d2d2d2;padding:5px 0 5px 5px; margin-right:20px;}
.info-box .price-type{ display:inline-block; border:1px solid #d2d2d2; border-right:0;padding:4px 8px; background-color:#f2f2f2;}

/* 分页 */
.pagination { margin-top: 20px; text-align: center;}
.pagination a {cursor: pointer; display: inline-block; margin: 0 5px;padding: 5px 10px; background-color: #2196f3; color: #fff; text-decoration: none;}

.pagination a.cur:link { background-color: #2196f3;color:#fff; text-decoration:none;outline:none;}
.pagination a.cur:visited { background-color: #2196f3;color:#fff; text-decoration:none;outline:none;}
.pagination a.cur:hover { background-color: #03a9f4;color:#fff; text-decoration:none;outline:none;}
.pagination a.cur:active { background-color: #03a9f4;color:#fff; text-decoration:none;outline:none;}
.pagination a:link { background-color: #fff;color:#2196f3; text-decoration:none;outline:none; border:1px #03a9f4 solid;}
.pagination a:visited { background-color: #fff;color:#2196f3; text-decoration:none;outline:none;border:1px #03a9f4 solid;}
.pagination a:hover { background-color: #fff;color:#2196f3; text-decoration:none;outline:none;border:1px #03a9f4 solid;}
.pagination a:active { background-color: #fff;color:#2196f3; text-decoration:none;outline:none;border:1px #03a9f4 solid;}


/* 页脚 */
.footer{ background-color:#323232; color:#ccc; font-size:12px; margin-top:50px;}
.footer .inner{ width:1200px;min-width:1200px; margin: 0 auto; padding:20px 0;}
.footer .inner a:link { color:#ccc; text-decoration:none;}
.footer .inner a:visited { color:#ccc; text-decoration:none;}
.footer .inner a:hover { color:#ccc; text-decoration:underline;}
.footer .inner a:active { color:#ccc; text-decoration:underline;}



