@charset "utf-8";
/*common*/
* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; height: 100%; overflow-x: hidden; }
body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 100%; overflow-x: hidden; }
body { font: 100%  Arial, "Lucida Grande", Verdana; background: #e5e5e5; margin: 0 auto; word-break: break-all; word-wrap: break-word; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button { margin: 0; padding: 0; outline: none }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0 }
audio, canvas, video, progress { display: inline-block; vertical-align: baseline }
input, button, select, textarea { font-size: 100%; color: #636363; outline: none; border-radius: 0 }
textarea { resize: none }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
iframe { display: block }
abbr, acronym { border: 0; font-variant: normal }
del { text-decoration: line-through }
address, caption, cite, code, dfn, em, strong, th, var, i { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: "" }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
a { text-decoration: none; color: #8dabbb }
a:active, a:focus { outline: none; color: #8dabbb }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#9ea3ab !important;
word-wrap:break-word;
word-break:break-all
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#9ea3ab !important;
word-wrap:break-word;
word-break:break-all
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#9ea3ab !important;
word-wrap:break-word;
word-break:break-all
}
.r5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.r10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.r20 { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.tl { text-align: left }.tc { text-align: center }.tr { text-align: right }
.mauto { margin-left: auto; margin-right: auto }
.fl { float: left!important }.fr { float: right!important }.b0 { border: 0 none!important }
.cb { clear: both }
.clear { clear: both; height: 0; overflow: hidden }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clearfix { zoom: 1 }
.vm { vertical-align: middle }.pr { position: relative }.pa { position: absolute }
.zoom { zoom: 1 }
.hidden { visibility: hidden }
.visible { visibility: visible }
.none { display: none }
.block { display: block }
.inline { display: inline }
.mt10 { margin-top: 10px }.mb10 { margin-bottom: 10px }.mt15 { margin-top: 15px }.pt10 { padding-top: 10px; }.mb15 { margin-bottom: 15px }.mr5 { margin-right: 5px }
.f24 { font-size: 24px; }.f18 { font-size: 18px; }.f20 { font-size: 20px; }.f16 { font-size: 16px; }.f14 { font-size: 14px; }.f12 { font-size: 12px; }
.bold { font-weight: bold; }
.h1 { font-size: 24px; line-height: 30px; font-weight: bold }
.h2 { font-size: 18px; line-height: 24px; font-weight: bold }
.h3 { font-size: 16px; line-height: 20px; font-weight: bold }
.igreen { color: #64b436; }
.c9 { color: #999; }.c6 { color: #666; }.cf7e { color: #34b366; }
/*content*/
.chat-header { background: rgba(100%,100%,100%,0.9); left: 0; top: 55px; width: 100%; z-index: 99; overflow: hidden;}
.h-left-phone { height: 40px; width: 40px; position: relative; float:right; background: #34b366 url(../images/phone.png) center center no-repeat; background-size: 50%; }
.h-left-phone2 { height: 40px; width: 40px; position: absolute; right: 0; top: 0; background: #34b366 url(../images/phone.png) center center no-repeat; background-size: 50%; }
.h-right { height: 40px; margin-right: 40px; }
.h-jd-txt { height: 40px; }
.h-jd-sp { height: 6px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #d4d4d4; }
.h-jd-line { float: left; display: inline-block; background:#86c562; width: 30%; height: 4px; margin: 1px; -webkit-border-radius: 2px; border-radius: 2px; }
.h-jd-ul { overflow: hidden; }
.h-jd-ul li { float: left; display: block; text-align: center; width: 33.33%; line-height: 40px; color: #99a3b5; font-size:14px;}
.h-jd-ul li:after { content: ""; float: right; display: inline-block; background: url(../images/next-icon-default.png) left center no-repeat; background-size: 50%; width: 13px; height: 40px; }
.h-jd-ul li.last-jd:after { display: none; }
.h-jd-ul li.now { color: #64b436; }
.h-jd-ul li.now:after { background-image: url(../images/next-icon-hover.png); }

/*对话*/
.im-wrap { margin-top: 40px; margin-bottom:40px; }
.im-field { padding: 20px 5px; }
.im-list { }
.im-list .im-item { display: block; position: relative; padding-bottom: 25px; z-index: 1; width: 100%; overflow: hidden; }
.im-list .im-content { background: #FFF; max-width: 91%; min-width: 30px; /*-webkit-box-shadow: 0 0 3px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0 0 3px rgba(50, 50, 50, 0.3); box-shadow: 0 0 3px rgba(50, 50, 50, 0.3);*/ border-radius: 10px; position: relative; margin-left: 15px; z-index: 1; border: 1px solid #c6c6c6; }
.im-list .me .im-content { float:left; }
.im-list .me .im-content:after { content: ""; position: absolute; top: 11px; left: -14px; bottom: auto; border-width: 12px 14px 0 0; border-style: solid; border-color: #e5e5e5 transparent; display: block; width: 0; background: #FFF; box-shadow: 0 1px 0 rgba(50, 50, 50, 0.2); }
.im-list .me .im-you-txt { font-size: 16px;color:#666;  }
.im-list .me .max-wrap{ width:300px;}
.im-list .you .im-content { float: right;max-width: 80%; background: #4cba3e; color: #FFF; margin-right: 15px; border: 1px solid #3bac2d;}
.im-list .you .im-you-txt { font-size: 16px; color:#FFF; }
.im-list .you .im-content:after { content: ""; position: absolute; top: 11px; right: -14px; bottom: auto; border-width: 12px 0 0 14px; border-style: solid; border-color: #e5e5e5 transparent; display: block; width: 0; background: #4cba3e; box-shadow: 0 1px 0 rgba(50, 50, 50, 0.2); }
.im-title { padding: 15px 15px 15px 15px; color: #555; font-size:15px; line-height: 20px; border-bottom: 1px solid #ebebeb; font-weight: bold; }
.service-txt{ font-weight:normal; padding-top:5px; letter-spacing:-1.5px;}
.im-info { padding: 10px 15px; font-size: 16px;}
.brand-txt { font-size: 14px; color: #777; }
.icon-success { width: 14px; height: 14px; background: url(../images/check.png) no-repeat; background-size: cover; display: inline-block; }
.im-btns { padding: 0 15px 15px 15px; overflow: hidden; }
.im-change { padding: 0 15px 15px 15px; overflow:hidden; }
.im-btn { width: 100%; border: 1px solid #048b46; color: #fff; line-height: 40px; font-size: 16px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; display: inline-block; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,0.2) }
.btn-normal { background-color: #31b873; background-image: -webkit-linear-gradient(top, #32b874, #2ca467 100%); background-image: -moz-linear-gradient(top, #32b874, #2ca467 100%); background-image: -o-linear-gradient(top, #32b874, #2ca467 100%); background-image: -ms-linear-gradient(top, #32b874, #2ca467 100%); }
.btn-normal:active { background-color: #33bd77; background-image: -webkit-linear-gradient(top, #32b874, #33bd77 100%); background-image: -moz-linear-gradient(top, #32b874, #33bd77 100%); background-image: -o-linear-gradient(top, #32b874, #33bd77 100%); background-image: -ms-linear-gradient(top, #32b874, #33bd77 100%); color: #FFF; }
.btn-other { border: 1px solid #d0d0d0; background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0 100%); background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0 100%); background-image: -o-linear-gradient(top, #ffffff, #f0f0f0 100%); background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0 100%); color: #333; margin-bottom: 10px; }
.btn-other:active { background-color: #f0f0f0; color: #333; }
.btn-yellow { background: #fd5f53; border: 1px solid #ef4d41; }
.btn-yellow:active { background: #fe766b; color: #FFF; }
.btn-green { border: 1px solid #047700; background-color: #0c9b0c; background-image: -webkit-linear-gradient(top, #4cba3e, #0c9b0c 100%); background-image: -moz-linear-gradient(top, #4cba3e, #0c9b0c 100%); background-image: -o-linear-gradient(top, #4cba3e, #0c9b0c 100%); background-image: -ms-linear-gradient(top, #4cba3e, #0c9b0c 100%); line-height: 24px; padding: 5px 0; }
.btn-green:active { background: #0c9b0c; color: #FFF; }
.city-list { padding: 10px; }
.list-row { width: 100%; }
.list-row li { float: left; display: inline-block; padding: 4px; box-sizing: border-box; }
.col-btn { display: block; width: 100%; height: 36px; line-height: 36px; border-radius: 5px; overflow: visible; vertical-align: middle; text-align: center; white-space: nowrap; cursor: pointer; text-shadow: 0 1px 0 rgba(0,0,0,0.1); background: #ededed; border: 1px solid #d0d0d0; }
.col3 { width: 33%; }
.col2 { width: 50%; }
.inland { margin-bottom: 10px; }
.inland .col-btn { background: #86c562; color: #FFF; border: 1px solid transparent; }
.abroad .col-btn { background: #70a4eb; color: #FFF; border: 1px solid transparent; }
.col-selected { background: #cfdb00!important; color: #FFF!important; border: 1px solid transparent; }
.area-txt { width: 100%; border: #d3d3d3 solid 1px; border-radius: 5px;  color: #666; box-sizing: border-box; padding: 5px; height: 60px; }
.ipt-txt { width: 100%; border: #d3d3d3 solid 1px; border-radius: 5px; color: #666; box-sizing: border-box; padding: 5px; height: 40px; }
.col-disabled { background: #dadada!important; color: #FFF!important; }
.col-disabled { background: #dadada!important; color: #FFF!important; border: 1px solid #d0d0d0!important; }
.finished-sel { }
.finished-sel-list { border-top: 1px solid #c5c5c5; overflow: hidden; }
.finished-sel-list li { float: left; width: 50%; box-sizing: border-box; text-align: center; height: 44px; line-height: 44px; }
.finished-sel-list .sel-item-l { border-right: 1px solid #c8c8c8; font-size: 16px; color: #64b436; background-color: #eeeeee; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
.finished-sel-list .sel-item-r { }
.resel-btn { width: 100%; height: 44px; border: 0 none; display: block; background-color: #31b873; background-image: -webkit-linear-gradient(top, #31b873, #2ca468 100%); background-image: -moz-linear-gradient(top, #31b873, #2ca468 100%); background-image: -o-linear-gradient(top, #31b873, #2ca468 100%); background-image: -ms-linear-gradient(top, #31b873, #2ca468 100%); -moz-border-radius: 0 0 5px; -webkit-border-radius: 0 0 5px; border-radius: 0 0 5px; color: #FFF;  font-size: 16px; cursor: pointer; }
.resel-btn:active { background-color: #33bd77; background-image: -webkit-linear-gradient(top, #31b873, #33bd77 100%); background-image: -moz-linear-gradient(top, #31b873, #33bd77 100%); background-image: -o-linear-gradient(top, #31b873, #33bd77 100%); background-image: -ms-linear-gradient(top, #31b873, #33bd77 100%); color: #FFF; }
.skip { float: left; width: 40%; display: block; text-align: center; color: #64b436; font-size: 16px; line-height: 38px; }
.xuan-btns { float: left; width: 60% }
.icon-next { display: inline-block; width: 18px; height: 18px; background: url(../images/skip.png) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 5px; }
.jour-con { padding: 15px; }
.jour-list { }
.jour-list .jour-item { display: block; border: 1px solid #ff9c00; background: #FFF; margin-bottom: 15px; font-size: 14px; }
.jour-top { min-height: 90px; background: #ff9c00; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 0 10px; position: relative; }
.jour-top .h2 { color: #FFF; padding: 5px 0; }
.jour-top .jour-img { width: 80px; height: 80px; border: 5px solid #ff9c00; position: absolute; left: 15px; bottom: -34px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.jour-top .jour-img img { width: 80px; height: 80px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.jour-top .jour-inf { margin-left: 105px; padding-top: 10px; color: #FFF; line-height: 20px; }
.jour-top .j-xc-num { display: block; height: 30px; width: 80px; position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,0.5); text-align: center; color: #FFF; font-size: 16px; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,0.6); line-height: 30px; }
.clude-txt { margin-left: 115px; color: #ff7800; }
.jour-dw { padding: 20px 15px 15px 15px; color: #555; }
.jour-line-list { font-size: 12px; line-height: 20px; }
.jour-line-list .j-day-dl { overflow: hidden; }
.jour-line-list .j-day-dl dt { float: left; width: 45px; }
.jour-line-list .j-day-dl dd { padding-left: 45px; }
.j-more { color: #4cba3e; height: 24px; line-height: 24px; padding-top: 10px; }
.jour-btns { padding: 0 15px 15px; overflow: hidden; }
.jour-btns .col2 { box-sizing: border-box; padding: 0 5px; }
.im-form { padding: 15px; }
.form-list { color: #666; background: #fff; font-size: 16px; }
.form-list li { font-size: 14px; padding-left: 100px; text-align: right; padding: 0 10px; overflow: hidden; border: 1px solid #cfcfcf; border-radius: 5px; line-height: 40px; margin-bottom: 15px; }
.form-list li h3 { float: left; padding-left: 5px; }
.form-list li span.fRight {; padding-left: 15px; position: relative; overflow: hidden; display: block; }
.form-list .input-text { width: 100%; text-align: left; outline: none; box-shadow: none; border: 0 none; height: 30px; color: #333; background-color: #FFF; }
.hd-tit { position: relative; line-height: 24px; margin-bottom: 10px; text-align: left; font-size: 16px; }
.hd-tit span { position: relative; z-index: 21; padding-right: 10px; background-color: #FFF; }
.hd-tit:after { position: absolute; z-index: 1; left: 0; top: 50%; content: ""; width: 100%; height: 1px; margin-top: -1px; background-color: #CCC; }
.hd-cek { }
.hd-cek-item { overflow: hidden; margin-bottom: 10px; }
.cek-tt { display: inline-block; font-size: 14px; line-height: 30px; }
.cui-view { float: right; }
.cui-number-ma { min-width: 100px; height: 30px; line-height: 30px; text-align: center; position: relative; border: 1px solid #33bd77; background: #fff; display: inline-block; }
.cui-number-ma i { width: 50px; height: 44px; position: absolute; top: -7px; cursor: pointer; }
.cui-number-ma i:after { color: #33bd77; text-align: center; width: 32px; height: 29px; position: absolute; }
.cui-number-ma i.num-minus:after { content: "-"; left: 10px; top: 7px; }
.cui-number-ma i.num-add:after { content: "+"; right: 10px; top: 7px; }
.cui-number-ma i.num-minus { left: -10px; font: 400 2.8em/25px Arial; }
.cui-number-ma i.num-add { right: -10px; font: 400 2.2em/29px Arial; }
.cui-number-ma i.num-invalid:after { color: #979797; }
.cui-number-ma .num-value-txt { width: 33px; height: 100%; padding: 0; color: #000; margin: 0 33px; text-align: center; border: 0 none; border-left: 1px solid #33bd77; border-right: 1px solid #33bd77; }
.cui-disabled { border: 1px solid #cccccc; }
.cui-disabled i.num-minus:after, .cui-disabled i.num-add:after { color: #cccccc; }
.cui-disabled .num-value-txt { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.thanks-cont { }
.thanks-cont .thanks-top { border-bottom: 1px solid #d7d7d7; padding: 15px; }
.thanks-cont .thanks-dw { padding: 15px; line-height:20px; font-size:14px; }
.thank-flag { width: 100%; height: 60px; text-align: center }
.thank-icon { display: inline-block; width: 48px; height: 43px; background: url(../images/finished.png) center center no-repeat; background-size: 100%; }
.thank-txt { font-size: 18px; color: #2caf13; text-align: center; }
.send-wrap { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; }
.send-div { min-height: 50px; background: #fafafa; border-top: 1px solid #c0c0c0; padding: 10px; box-sizing: border-box; position: relative; }
.send-btn { position: absolute; bottom: 10px; right: 10px; height: 30px; width: 60px; text-align: center; line-height: 30px; font-size: 14px; color: #FFF; border: 0 none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.send-area { min-height: 30px; margin-right: 70px; }
.send-area .send-txt { display: block; width: 100%; height: 30px; border: 1px solid #d2d2d2; box-sizing: border-box; padding: 5px; background: #FFF; overflow-x: hidden; overflow-y: auto;  }
@media screen and (min-width: 640px) {
	.h-left-phone{ height: 60px; width: 60px;}
	.h-right { height: 60px; margin-right: 60px; }
	.h-jd-txt { height: 60px; }
	.h-jd-ul li{ line-height:60px;}
	.h-jd-ul li:after{ height: 60px;}
	.im-title{ font-size:1.0em;}
	.send-area { margin-right: 90px; }
    .send-area .send-txt { height:40px; }
	.send-btn{height: 40px; width: 80px;}
	.im-list .me .max-wrap{ width:400px;}
	.im-wrap { margin-top: 50px; margin-bottom:50px; }

  }

/*=============== 2014-05-30 =================*/
.tips-container{width: 80%;z-index:9999;}
.tips-item{height:auto;background:#333;opacity:.9;-moz-border-radius:10px;-webkit-border-radius:10px;color:#eee;padding-top:18px;padding-bottom:18px;padding-left:6px;padding-right:6px;font-family:lucida Grande;font-size: 14px;display:block;position:relative;margin:0 0 12px 0;}
.tips-item p{text-align:left;margin-left:40px; }
.tips-img{width: 20px;height:20px;margin-left:10px;float:left;margin-top:-2px;}
.tips-img-error{background: url(../images/notice.png); background-size: cover;}
.tips-pos-middle{position:fixed;top:20px;left:50%;position: fixed;top: 50%;left: 50%;margin-top: -60px;margin-left: -40%;}

.im-tip-txt{ float:left; display:inline-block; line-height:40px; padding-left:10px;}

/*=============== 返回提示弹层 2014-7-30  =================*/
.tips-mask { z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%;background:#000000; filter:alpha(opacity=40); background:rgba(0, 0, 0, 0.4);}
.tips-box-outer{ position:fixed; top:0px; right:0px; z-index:9999; width:100%; padding:5px 10px 10px 10px; box-sizing:border-box;}
.tips-box { padding:5px; background: url(../images/pop-bg.png) repeat;}
.tips-box .tips-inner-box { background: #FFF url(../images/icon-arrow.png) 20px 10px no-repeat; background-size:40px 30px; min-height:50px; padding: 10px 15px 10px 70px;}
.tips-box .tips-inner-box h4{ font-size:22px; font-weight:bold; color:#8ec31f; padding-bottom:5px;}
.tips-box .tips-inner-box p{ font-size:16px; color:#333; line-height:22px;}