@charset "utf-8";

/* style.css */
header, section, footer, aside, nav, main, article, figure { display: block }
strong { font-weight: bold }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
body, html { font-size: 100%; padding: 0; margin: 0 }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { margin: 0; padding: 0 }
body, button, input, select, textarea, option { font-family: '微软雅黑', 'Arail', tahoma, Srial, helvetica, sans-serif; color: #333 }
body { background-color: #fff }
form { display: block }
em { font-style: normal }
ul, ol, li { list-style: none }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none }
img { border: 0px }
table { border-collapse: collapse; border-spacing: 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: '微软雅黑', "microsoft yahei", Arial, Verdana, sans-serif, 'Tahoma' }
select, option, input, textarea { padding: 0; margin: 0; border: none }
select:hover { cursor: pointer }
input[type="submit"]:hover { cursor: pointer }
* html .clearfix { height: 1% }
.clearfix { display: block }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.block { display: block }
.inline-block { display: inline-block }
.whole-a { display: block; width: 100%; height: 100% }
.whole-img { width: 100%; height: 100% }
.text-center { text-align: center }
.text-right { text-align: right }
.text-left { text-align: left }
a, p, i, span { font-size: inherit; color: inherit; line-height: inherit }
a, li, input, select, textarea, .tran02 { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.tran06 { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out }
.w { width: 1200px; margin: 0 auto }
/* 颜色 */
.mcolor { color: #ff0000 !important; }
.white { color: #fff !important; }
.gray { color: #999 !important; }
.yellow { color: #fba807 !important; }
.red { color: #fb0504 !important; }
.orange { color: #ff6600 !important; }
/* 字体 */
@font-face { font-family: 'mangal'; src: url('../fonts/mangal.ttf'); }
.mangal{ font-family: 'mangal';}
@font-face { font-family: 'mangalb'; src: url('../fonts/mangalb.ttf'); }
.mangalb{ font-family: 'mangalb';}
@font-face { font-family: 'geom'; src: url('../fonts/geom.ttf'); }
.geom{ font-family: 'geom';}
/* 阴影 */
.text-shadow { text-shadow: #666 2px 2px 3px; }
.box-shadow { box-shadow: rgba(0, 0, 0, .3) 2px 2px 3px; }
/* 间距 */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
/* 尺寸 */
.hfit { height: 100%; }
.wfit { width: 100%; }
.overhide { overflow: hidden !important; }
/*.table*/
.table { width: 48%;margin:20px 1% 0; float:left; border: 1px solid #eee;}
.table tr { height: 30px; line-height: 24px; line-height: 24px; }
.table tr:hover { background: #f6f6f6; }
.table td, .table th { line-height: 24px; padding: 8px 0; color: #666; font-size: 14px; text-align: left;padding-left:10px; border: 1px solid #ddd; }
.table th { font-weight: bold; background: #f6f6f6; color: #333; border-color: #ddd; text-align:left;}
.table .mainbg { background-color: #f00000; color: #fff; font-weight: bold;/*border-color: #ff4141;*/ }
.table .blackbg { background-color: #666; color: #fff; font-weight: bold;/*border-color: #ff4141;*/ }

/*button*/
.button { padding: 5px 16px; font-size: 14px; background-color: #f6f6f6; color: #666; border-color: #ddd; }
.button.radius { border-radius: 4px; }
.button.border { border-width: 1px; border-style: solid; }
.button.btn-sm { padding: 2px 6px; font-size: 12px; }
.button.btn-big { padding: 8px 50px; font-size: 16px; }
.button:hover { background-color: #f9f9f9; }
.button.btn-main {background-color: #f00000;color: #fff;border-color: #ddd;}
.button.btn-main:hover { background-color: #da0707; }
.button.btn-white { color: #da0707; background: #fff; opacity: 1; filter: opacity(100); }
.button.btn-white:hover { opacity: .8; filter: opacity(80); }
.button.btn-white-em { background-color: transparent; color: #fff; border: 1px solid #fff; }
.button.btn-white-em:hover { background-color: rgba(255, 255, 255, 0.3); }

/*link*/
.mhover:hover{color:#ff0000 !important;}
.uhover:hover{text-decoration: underline !important;}

/* form-inline */
/* 有使用到的地方： */
/* 1、首页quick表单 */
/* 2、酒店预算页表单 */
.form-inline { }
.form-inline .form-title { width: 100%; font-size: 16px; padding: 10px 0 }
.form-inline .form-group { width: 100%; height: 40px; clear: both; margin-bottom: 10px }
.form-inline .form-group .input-group { float: left; width: 100%; height: 100%; margin-right: 3% }
.form-inline .form-group .input-group.long { width: 100% }
.form-inline .form-group .input-group .input-label { font-size: 14px; line-height: 40px }
.form-inline .form-group .input-group .form-control { width: 240px; height: 100%; background: #fff; padding: 0 14px; font-size: 14px; line-height: 38px; border: 1px solid #e5e5e5; border-radius: 2px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.form-inline .form-group .input-group .form-control:focus { border-color: #ff0000 }
.form-inline .form-group .input-group .form-control.short { width: 100px }
.form-inline .form-group .input-group .form-control.long { width: 310px }

.ab-body {line-height: 1.8em;
    font-size: 14px;
}
/*网点*/
.networkbox .font-blue {
  font-size: 16px;
  font-weight: normal;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  color: #444;
  vertical-align:middle;
  width:280px;
  border: 1px solid #e9e9e9;
  background: #f7f7f7;
  margin:10px;
  float:left;
  line-height:30px;
  border-radius:5px;
}

.networkbox  .on{ background-color:#0060ab; color:#fff;
  border: 1px solid #0085ff;}
.icon-location 
{
  float: left;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  margin-left: -7px;  width: 28px;
  height: 28px;
  background-image: url("../images/icon.png");
  background-position: -84px -56px;
  margin-right:10px;
}
.networkbox  .on .icon-location 
{
  background-position:  -32px -56px;
}