.page-header{background:#FFF;}
.order-form{ padding:5px 15px;}
.order-form *{box-sizing:content-box;}
.hide{display:none;}

h1, h2, h3, h4, h5, h6 {font-size: 16px;font-weight: normal;}

.form-ctn { margin-bottom:10px; background:#fff; color:#666; font-size:15px }
.form-title { margin:0; padding:0 10px; height:42px; border-bottom:1px solid #d4d4d4 }
.form-title h3 { color:#333; line-height:42px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.form-ul li { position:relative; margin:0 10px; padding:2px 0; line-height:32px; min-height:32px; border-bottom:1px solid #d4d4d4 }
.form-ul li:last-child { border-bottom:none }
.form-ul li label { display:block; margin-bottom:10px;font-size:15px;}
.form-ul li>input { width:100%; border:none; padding:5px 0; font-size:14px }
.form-ul li .contents { color:#333 }
.form-ul li .contents-holder { color:#999 }
.form-ul li .fullline-textarea { display:block; box-sizing:border-box; width:100%; padding:10px; resize:none; border:none; border-radius:3px; background:#f0f0f0; font-size:14px}
.form-ul li .number-chooser { display:inline-block; margin-right:2px }
.form-ul li .error-tip { font-size:12px; color:#f45b4d }
.form-ul li .error-tip.active { -webkit-animation:shake 0.5s ease-in 0s; animation:shake 0.5s ease-in 0s }
.form-ul li.label-inlined-li.label-w-4 { padding-left:86px }
.form-ul li.label-inlined-li.label-w-2 { padding-left:86px }
.form-ul li.label-inlined-li label { position:absolute; left:0; top:3px;color:#333}
.form-ul li.link-li { cursor:pointer; padding:10px 25px 10px 0 }
.form-ul li.link-li .icon-arrow { position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) }
.form-ul textarea.specialBackup { margin-bottom:5px }

.selectbox{position:relative; height:35px; padding:5px 0;}
select.opa {-webkit-appearance:button;opacity:0.01;width:100%;height:100%;position:absolute;top:0px;left:0px;}
.writeok{line-height:35px;}
.icon-right { width:9px; height:13px; overflow:hidden; position:absolute; right:0; top:15px; background:url(../images/icon_you.png) no-repeat; background-size:9px 13px; }

.bottom-btn-ctn { box-sizing:border-box; width:100%; padding:10px 15px; background-color:#fff; text-align:center }
.bottom-btn-ctn.fixed { position:fixed; bottom:0; left:50%; margin-left:-50%; z-index:100 }
.bottom-btn-ctn a { display:inline-block; font-size:13px;}
.bottom-btn-ctn a:active, .bottom-btn-ctn a.active { background-color:#ffa39b }
.bottom-btn-ctn a.disabled { background:#ccc; cursor:default }
.bottom-btn-ctn .tel_call { float:left; width:40%; height:40px; line-height:40px; color:#fff; font-size:14px; background-color:#fca542; border-radius:3px }
.bottom-btn-ctn .tel_call:active, .bottom-btn-ctn .tel_call.active { background-color:#ca8435 }
.bottom-btn-ctn .tel_call i { font-size:21px; margin-right:3px }
.bottom-btn-ctn .order_product { float:right; width:55%; height:40px; line-height:40px; color:#fff; font-size:14px; background-color:#ff7c70; border-radius:3px }
.bottom-btn-ctn .order_product:active, .bottom-btn-ctn .order_product.active { background-color:#ffa39b }
.bottom-btn-ctn .order_product.disabled { background:#ccc }
.bottom-btn-ctn i { font-size:18px; margin-right:5px; vertical-align:middle; position:relative; top:-1px }
.my-btn { position:fixed; right:15px; bottom:75px; z-index:5; display:block; padding:8px; width:28px; height:28px; overflow:hidden; text-align:center; color:#fff; line-height:14px; background:rgba(255, 124, 112, 0.85); border-radius:50% }

@media only screen and (min-width: 641px) {
  .bottom-btn-ctn {width:641px !important;}
  .bottom-btn-ctn.fixed{margin-left:-320.5px;}
}

#bgDiv { width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5; position:absolute; top:0; left:0; z-index:999; display:none }
#showMsg { position:fixed; z-index:99999; width:84%; margin:0 8%; border-radius:3px; box-shadow:0 0 5px #333; display:none }
#showMsg *{box-sizing:content-box;}
.msg-title { height:35px; text-align:center; line-height:35px; font-size:14px; color:#fff; background:#00BCD4; filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; text-shadow:0; font-weight:bold; border-top-left-radius:3px; border-top-right-radius:3px }
.msg-content { padding:10px 15px; line-height:1.8em; background:#fff }
.msg-btn { padding:8px 0 6px 0; height:35px; background:#f5f5f5; border-top:1px solid #ddd; border-bottom-left-radius:3px; border-bottom-right-radius:3px; text-align:center }
.msg-btn a { position:relative; display:inline-block; line-height:30px; padding:0 30px; font-size:12px; color:#fff; text-shadow:0; border-radius:3px; margin:0 5px; border:solid 1px #da7c0c; background-image:-webkit-gradient(linear, left top, left bottom, from(#ff8c5a), to(#da5d23)); background-image:-webkit-linear-gradient(#ff8c5a, #da5d23); background-image:-moz-linear-gradient(#ff8c5a, #da5d23); background-image:-ms-linear-gradient(#ff8c5a, #da5d23); background-image:-o-linear-gradient(#ff8c5a, #da5d23); background-image:linear-gradient(#ff8c5a, #da5d23) }
.msg-btn a:hover { color:#fff; text-decoration:none }
.msg-btn a:visited { color:#fff }
.msg-btn a.disable { color:#666; border:solid 1px #999; background:#eee; background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background:-moz-linear-gradient(top, #eee, #ccc); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ccc')}


.mainbox{background-color:#efefef;padding:0.25rem;}
.msg-item-wrapper { position: relative; margin-bottom:0.25rem; border: 1px solid #d3d3d3; background-color: #fff; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); border-radius:0.15rem 0.15rem 0 0; padding:0.25rem;}
.msg-item-wrapper h3{color:#666; font-size:0.325rem; font-weight:normal;padding:0.15rem 0;}
.msg-item-wrapper img{width:100%;}
.msg-item-wrapper .msg-text{font-size:0.25rem;color:#666; line-height:0.325rem;padding-top:0.15rem;}

.destination{font-size:16px;}
.destination { overflow: hidden;  padding: .4rem 0 .5rem;background-color: #f1f1f1; }
.destination ul {padding: 0 .1rem 0 .2rem; zoom:1; overflow: hidden; }
.destination li { width: 2rem; float: left; margin: .03rem .03rem 0.3rem 0.3rem;}
.destination li a { width: 100%; background-color: #FFF; display: block; color: #6E7378;  font-size: .32rem;height: .8rem;line-height: .8rem;text-align: center; border: 1px solid #6E7378; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; }

.all-dest { margin-top: 20px; text-align: center; }
.all-dest>a.btn-order { padding:0.2rem 1rem 0.2rem 1rem; color: #FFF; font-size: 0.4rem; border:0; background-color: #fb6362; border-radius: 3px; cursor: pointer; }

.mbox {margin-top: .4rem; font-weight: 100; overflow: hidden; background:#FFF;}
.mbox.bg-gray{background:#f9f9f9;}
.mbox .mbox-title { text-align: center;  padding: .5rem;}
.mbox .mbox-title>h4 {font-size: .6rem; font-weight: 400 }
.mbox .mbox-title>span {font-size: .4rem;line-height: .5rem;padding: .2rem 0; display: block; }
.service-list { height: 4rem; text-align: center; margin-top: 0.4rem; margin-bottom: 1rem; }
.service-item { display: inline-block; width: 1.9rem; margin: 0 0.25rem 0.6rem 0.25rem; text-align: center; }
.service-item>.service-icon { width: 1.45rem; height: 1.45rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 auto; background-image: url(../images/service_ico.png); background-image: no-repeat; background-color: #F0F0F0; background-size: 6rem; }
.service-item>.service-icon1 { background-position: -0.02rem 0.15rem; }
.service-item>.service-icon2 { background-position: -1.68rem 0.15rem; }
.service-item>.service-icon3 { background-position: -3.2rem 0.15rem }
.service-item>.service-icon4 { background-position: -4.45rem 0.15rem; }
.service-item>.service-icon5 { background-position: -0.02rem -1.05rem; }
.service-item>.service-icon6 { background-position: -1.7rem -1.05rem }
.service-item>.service-icon7 { background-position: -3.1rem -1.05rem }
.service-item>.service-icon8 { background-position: -4.55rem -1.05rem }
.service-item>.service-name { font-size: 0.3rem; margin-top: 0.15rem; }

.route-box {margin: .5rem .2rem; overflow: hidden; }
.route-box li { margin-bottom: 20px; }
.route-box .route-pic { overflow: hidden; position: relative; }
.route-box .route-pic .pic-img { height: 5rem; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.route-box .route-pic .pic-txt { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5);  line-height: .5rem;font-size: .3rem;padding : .1rem;color: #fff; text-align: center; }
.route-info {background-color: #fff; color: #333; }
.route-info .info-price {padding: .1rem; text-align: center; }
.route-info .info-price b { color: #FA9800;  font-size: .5rem;}
.route-info .info-tit { text-align: center; }
.route-info .info-tit h4 {  font-size: .4rem;}
.route-info .info-tit span {font-size: .3rem; display: inline-block; margin-top: .05rem;}
.corp { background-color: #283138; padding: 1rem; margin-bottom: 1.2rem; }
.corp .corp-info { color: #fff; text-align: center;  font-size: .3rem;}

.order-box { padding: 40px 0 20px 0; }
.form-item { margin-bottom: 0.15rem; overflow: hidden; }
.form-item::after, .form-item::before { display: table; content: ''; }
.form-item:last-child { margin-bottom: 0; }
.form-col-2x, .form-col-4x { float:left; padding: 0.2rem; }
.form-col-2x { width: 50%; }
.form-col-4x { width: 100%; }
.input { display: inline-block; margin-right: 0.1rem; height: 1rem; line-height: 1rem; padding:0.05rem 0.1rem 0.05rem .1rem;background-color: #FFF; border: 1px solid #bfbfbf; border-radius: 3px; font-size: 0.35rem; width: 100%; }
.text { padding:0.1rem; background-color: #FFF; border: 1px solid #bfbfbf; border-radius: 3px; font-size: 0.35rem; }
.input:hover, .text:hover { border-color: #00abc9; }
.input.error { border-color: #F00; }
.input::-webkit-input-placeholder, .input-border::-moz-placeholder, .input-border:-ms-input-placeholder {color:#DEDEDE;}
.input-border { border:1px solid #DEDEDE; width: 100%; }
.input-border:focus { border:1px solid #66afe9; }
.btn { clear: both; }
.btn-order { padding:0.2rem 1rem 0.2rem 1rem; color: #FFF; font-size: 0.4rem; border:0; background-color: #fb6362; border-radius: 3px; cursor: pointer; }