@charset "utf-8";
/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
h1,h2,h3,h4,h5,h6,i,em,dfn{font-size:100%; font-style:normal; font-weight:normal}
input,button,select,textarea{outline:none;font-size:100%;}
ul,ol,li{list-style:none}img{border:0 none; vertical-align:middle;}
body{color:#333;background:#f2f2f2;}
body,input,textarea,select{font:12px/1.5 arial,simsun,\5b8b\4f53,helvetica,sans-serif; }
* html,* html body{background-image:;background-attachment:fixed;}
button{ border:0 none; cursor:pointer;}
small{font-size:12px;}
a, a > * {
	color: #333; text-decoration:none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
		-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
		 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
		    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
a:hover, a > *:hover {
	color: #71b32b; text-decoration: underline;
}
table{border-collapse:collapse;border-spacing:0;}
table td,table th{ vertical-align:middle;}
select, input, button, button img, label { vertical-align: middle; }
strong{ font-weight:700;}
input, input:focus, select, textarea, textarea:focus, select:focus { outline: none;}
input[type="text"]:focus, textarea:focus { outline: none; border:0 none!important;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none;}
input[type="text"]:focus, textarea:focus { outline: none; border:0 none!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
input { display: inline-block; vertical-align: middle }
textarea { resize: none;}

body,input,select,textarea,button{ font-family: 'microsoft yahei';}
.clearfix{*zoom:1;}.clearfix:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:".";}
.fl { float:left; display:inline; } .fr { float:right; display:inline; }
.r4{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.r10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.f20{ font-size: 20px;} .f18{ font-size: 18px;} .f16{ font-size: 16px;}

/*content*/
.order-body{ background: url(/uploads/image/sisimple/bg.jpg) repeat;}
.order-wrap{ width: 1180px; min-width: 1180px;min-height:870px;  margin: 0 auto;}
.order-box{ width: 1180px; }
.wl{ width: 600px; padding-top: 56px;}
.wr{ width: 460px; padding-top: 56px;}
.form-item .f-i,.f-rbox .f-radio .f-rd-icon,.f-drop .f-toggle,.vs-box .vs-no,.our-item .i-dot,.dest-close,.order-pop-close,.icon-sao{background: url(/uploads/image/sisimple/icon_order.png) no-repeat;}
.form-wrap{ width: 100%; padding:20px; background:rgba(0, 0, 0, .3) none repeat scroll 0 0 !important; filter:alpha(opacity=30); background:#000;  }
.form-hd{ color: #fff; padding: 15px 40px; position: relative;}
.form-hd .h-h{ font-size: 32px; font-weight: bold; text-align: center;}
.form-hd .h-p{ font-size: 16px; text-align: center; padding-top: 10px;}
.form-hd .h-p i{ display: inline-block; height: 10px; width: 144px; border-bottom: 1px solid #a58359; margin: 0 25px; position: relative; top: -5px;}
.form-bd{ padding: 25px 0 0 60px; position: relative;}
.main-form{}
.form-item{ width: 480px;margin-bottom: 15px;position: relative;zoom: 1;z-index: 1;border: 1px solid #fff; background: #fff;color: #838383}
.form-item .f-i{display: inline-block; float: left;  width: 25px; height: 25px;}
.form-item .i-dest{ background-position: -8px -10px ; margin: 11px 0 0 10px;}
.form-item .i-with{ background-position: -7px -50px ; margin: 12px 0 0 10px;}
.form-item .i-time{ background-position: -7px -89px ; margin: 12px 0 0 10px;}
.form-item .intro {display: inline-block; float: left; padding-left: 5px; width: 95px; line-height: 48px; font-size: 14px;}
.form-item .form-input {padding: 15px 20px 15px 12px;width: 310px;line-height: 18px;height: 18px;border: 0;outline: 0;background: #fff; font-size: 14px; }
.f-rbox{float: left; width: 342px; position: relative; z-index: 10;}
.f-rbox .f-cell{ float: left; width: 113px; height: 48px; border-left: 1px solid #e8e8e8; font-size: 14px; color: #666; position: relative; z-index: 20;}
.f-rbox .f-radio{ cursor: pointer;  }
.f-rbox .f-radio .f-rd-icon{ display: inline-block; width: 14px; height: 14px; font-size: 0; background-position: -13px -157px; margin-left: 15px; vertical-align: middle; position: relative; top: -1px;}
.f-rbox .f-radio span{display: inline-block; line-height: 48px; padding:0 10px; }
.f-rbox .f-radio:hover{ color: #333;}
.f-rbox .f-radio:hover .f-rd-icon{ background-position: -13px -175px; }
.f-rbox .f-radio-selected .f-rd-icon,.f-rbox .f-radio-selected:hover .f-rd-icon{ background-position: -13px -192px; }
.f-drop{ padding:0 15px; cursor: pointer; height: 48px; position: relative;}
.f-drop .f-drop-sp{ display: block; line-height: 48px;}
.f-drop .f-toggle{ display: inline-block; width: 9px; height: 5px; font-size: 0; background-position: -16px -134px; position: absolute; right: 15px; top: 22px;}
.f-btns{ padding:15px 0;}
.f-btn-normal{ display: block; border: 0  none; width: 480px; background-color: #059659; border: 1px solid #3eb166; color: #fff; text-align: center; font-size: 18px; line-height: 58px; margin-bottom: 15px;}
.f-btn-disable{ background-color: #a3a3a3; border-color: #a3a3a3; color: #e0e0e0;}
.our-hd .our-tit,.our-item dt span,.vs-box .vs-icon-1,.vs-box .vs-icon-2{ background: url(/uploads/image/sisimple/six-ad-hd.png) no-repeat; _background: url(/uploads/image/sisimple/six-ad-hd-ie6.png) no-repeat;}
.vs-line{ display: block; width: 100%; height: 10px; font-size: 0; line-height: 0; border-top: 1px solid #84807e;}
.vs-box{ width: 330px; padding:30px 0; padding-left: 130px;}
.vs-box .vs-icon-1{ float: left; display: block; width: 130px; height: 164px; background-position: -554px -95px; margin-left: -130px; _margin-left: -65px;}
.vs-box .vs-icon-2{ float: left;display: block; width: 130px; height: 164px; background-position: -417px -95px; margin-left: -130px; _margin-left: -65px;}
.vs-box .vs-intro{ color: #fff; font-size: 14px; padding-left: 20px; }
.vs-box .vs-intro dt{ font-size: 36px; padding:10px 0;}
.vs-box .vs-intro dd{ line-height: 22px;}
.vs-box .vs-text{ overflow: hidden; padding-left: 18px;}
.vs-box .vs-no{ float: left; display: inline-block; width: 14px; height: 14px; font-size: 0; background-position: -13px -293px; margin-top: 5px; margin-left: -18px;}
.our-wrap{ padding: 30px 0;}
.our-hd{ width: 100%; text-align: center; padding: 10px;}
.our-hd .our-tit{ display: inline-block; width: 695px; height: 80px; line-height: 80px; color: #fff; font-weight: bold; font-size: 18px; background-position: 0 0;}
.our-bd{ overflow: hidden; padding-top:10px; }
.our-item{ float: left; width: 250px; overflow: hidden; padding-left: 110px; font-size: 14px; color: #fff; line-height: 22px; margin-right: 50px; zoom:1;}
.our-item dt{ float: left; width: 90px; margin-left: -110px; _margin-left: -55px;}
.our-item dt span{ display: inline-block; width: 90px; height: 110px; }
.our-item dt .our-i-1{ background-position: 0 -100px;}
.our-item dt .our-i-2{ background-position: -116px -100px;}
.our-item dt .our-i-3{ background-position: -236px -100px;}
.our-item dd{line-height: 22px; overflow: hidden; zoom:1;}
.our-item .our-text{ overflow: hidden; padding-left: 18px; zoom:1;}
.our-item .i-dot{ float: left; display: inline-block; width: 14px; height: 14px; font-size: 0; background-position: -13px -116px; margin-top: 4px; margin-left: -18px;}
.no-mg{ margin-right: 0;}

.f-destination{ position: relative; z-index: 5;}
.destination-list{ width: 480px; height: auto; background-color: #fff; border:1px solid #fff; overflow: hidden; position: absolute; left: -1px; right: 0; top: 51px;}
.dest-close{ display: inline-block; width: 17px; height: 17px; background-position: -12px -211px; position: absolute; right: 0; top: 0; cursor: default;}
.dest-box{ padding:0 10px;}
.dest-box .dest-hd{ border-bottom: 1px solid #d9d9d9;}
.dest-box .dest-hd .dest-tab{ padding-top: 5px; }
.dest-box .dest-hd .dest-tab li{ float: left; display: inline-block; text-align: center; cursor: pointer; height: 30px; line-height: 30px; font-size: 14px; color: #787878; padding:0 10px;}
.dest-box .dest-hd .dest-tab .tab-current span{ display: inline-block; height: 29px; border-bottom: 2px solid #3eb166; color: #3eb166; margin-top: -2px; }
.dest-box .dest-bd{ padding:10px 0;}
.dest-cont{ overflow: hidden;}
.dest-cont li{ display: inline-block; float: left;width: 72px;margin: 0 2px; padding: 3px 0; text-align: left;}
.dest-cont li a{ display: inline-block;text-align: left;color: #333; font-size: 13px; padding: 0 5px;width: 62px; height: 22px; line-height: 22px; white-space: nowrap; overflow: hidden;}
.dest-cont li a:hover,.dest-cont li a >*:hover{ background-color: #ebf4ee; color: #3eb166; text-decoration: none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dest-cont li a:hover{ background-color: #ebf4ee; color: #3eb166; text-decoration: none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dest-cont .dest-selected a,.dest-cont .dest-selected a>*{ display: inline-block; background-color: #ebf4ee; color: #3eb166; text-decoration: none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dest-cont .dest-selected a{display: inline-block; background-color: #ebf4ee; color: #3eb166; text-decoration: none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dest-btns{ border-top: 1px solid #d9d9d9; padding:10px; text-align: center;}
.btn-confirm{ display: inline-block; min-width: 100px; text-align: center; color: #fff; background-color: #3eb166; border:1px solid #3eb166; padding: 8px 15px; margin: 5px;}
.btn-confirm:hover,.btn-confirm>*:hover{ color: #fff; text-decoration: none; background-color: #0a9b5e;}
.btn-block{ display: block;}
.btn-border{ background: none; border:1px solid #3eb166; color: #3eb166;}
.btn-border:hover,.btn-border>*:hover{}
.btn-forbid,.btn-forbid:hover,.btn-forbid>*:hover{ background-color: #a3a3a3; border-color: #a3a3a3; color: #e0e0e0; cursor: default;}
.f-pop-wrap{ background-color: #fff; overflow: hidden; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; position: absolute; right: 0; top: 50px;}
.f-pop-wrap .list-cell{ display: block; color: #72675e; font-size: 13px; }
.f-pop-wrap .list-cell:hover{ text-decoration: none; color: #fff; background-color: #72675e;}
.f-pop-wrap .list-cell > *:hover{ text-decoration: none; color: #fff; background-color: #72675e;}
.year-list{ width: 114px;}
.year-list li{ display: block; height: 40px; line-height: 40px; }
.year-list li .list-cell{display: block;padding:0 10px 0 15px;}
.month-list { width: 104px; padding:5px;}
.month-list li{ display: block; float: left; }
.month-list li .list-cell{display: block; width: 52px; height: 28px; text-align: center; line-height: 28px;}
.month-list li .not-sure{ width: 102px; border:1px solid #ada59e; height: 28px; line-height: 28px; text-align: center; margin-bottom: 4px;}
.date-list { width: 218px; padding:5px;}
.date-list li{ display: block; float: left; }
.date-list li .list-cell{display: block; width: 31px; height: 28px; text-align: center; line-height: 28px;}
.date-list li .not-sure{ width: 216px; border:1px solid #ada59e; height: 28px; line-height: 28px; text-align: center; margin-bottom: 4px;}

/* pop */
.order-pop-mask { z-index:9999; position:fixed; _position:absolute; top:0; left:0; right: 0; bottom: 0; width:100%; height:100%;background:#000000; filter:alpha(opacity=70); background:rgba(0, 0, 0, 0.7);}
.order-pop-wrap { width:470px; min-height: 80px; background:#e8e8e8; position:absolute; left:50%; top:50%; margin-left:-235px; margin-top:-250px; z-index:10000;}
.order-pop-close{ display: block; cursor: default; width: 36px; height: 36px; background-position: -2px -320px; position: absolute; right: 10px;top:10px; cursor: pointer; text-indent: -9999em; }
.order-pop-box { padding:30px 10px;  }
.order-pop-hd{ padding:15px; text-align: center; }
.hd-h2{ font-size: 24px; line-height: 36px;}
.hd-p1{ border-bottom: 1px solid #d1d1d1; text-align: center; height: 20px;}
.hd-p1 span{ display: inline-block; font-size: 14px; color: #999; background-color: #e8e8e8; padding: 0 20px; line-height: 20px; position: relative; bottom: -10px;}
.hd-p2{ font-size: 16px; text-align: center; color: #858585; padding-top: 20px;}
.order-pop-bd{ padding:30px 0;}
.pop-form{ padding-left: 80px;}
.pop-form .form-item{ width: 280px;}
.pop-form .intro{ width:60px ; padding-left:15px; }
.pop-form .form-input{ width: 180px; padding: 15px 10px 15px 10px;}
.pop-btns{ padding:0 83px 0 75px;}
.qrcode-area{ background-color: #fff; padding: 12px; margin: 0 auto; width: 189px; height: 189px; position: relative;}
.icon-sao{ display: block; width: 84px; height: 64px; background-position: 0 -375px; position: absolute; right: -77px; top: -33px;}

/* validation */
.form-focus{ border-color: #20be6e; color: #20be6e;}
.form-error{border-color: #ff4200; color: #ff4200; background-color: #ffece8;}
.form-error .form-input{background-color: #ffece8;}
.form-item .validation-tips {display: none;line-height: 20px;padding: 0 5px;position: absolute;z-index: 60;top: -16px;right: 0;}
.form-error .validation-tips{background-color: #ed787f;color: #fff;display: block;}
.form-focus .validation-tips {background-color: #bad5ca;color: #fff;display: block;}
.form-item .validation-icon {display: none;width: 20px;height: 20px;position: absolute;top: 50%;margin-top: -10px;right: 10px;background: url(/uploads/image/sisimple/icon_order.png) no-repeat;}
.form-error .validation-icon {display: block;background-position: -10px -261px;}
.form-pass .validation-icon {display: block;background-position: -10px -236px;}
.pop-form  .validation-icon{ right: -30px;}
.pop-form .validation-tips{ top: -20px;}

/* 20150427 */
.dest-cont li{ overflow: hidden;}
.dest-cont li a{ width: auto;}
.f-dest-l{ float: left; width: 340px;border-left:1px solid #e8e8e8;}
.selected-list { float:left; padding: 8px 0;}
.selected-list .options {float: left;position: relative;display: inline-block;height: 24px; line-height:24px; margin: 5px 3px;background-color: #45ba89;padding: 0 6px;color: #fff;cursor: pointer;border-radius: 2px;white-space: nowrap;}
.options-close {display: none; width: 16px; height: 16px; position: absolute; background: url(/uploads/image/sisimple/icon_order.png) -40px -12px no-repeat;font-size: 12px;top: -7px;right: -4px;}
.city-input{ display: inline-block;; float: left; padding: 5px 0 5px 5px;}
.city-input .form-input2 {padding:3px 0;width: 310px;line-height: 18px;height: 18px;border: 0;outline: 0; background:none; font-size: 14px; }


/***input tag***/
div.tagsinput { border:0 none; background: #fff; padding:11px 5px 5px 5px; width:300px; height:32px;}
div.tagsinput span.tag { -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding:3px 5px; text-decoration:none; background: #45ba89; color: #ffffff; margin-right: 5px; margin-bottom:5px;}
div.tagsinput span.tag a { color: #ffffff; text-decoration:none; font-size:13px; font-weight:bold; } 
div.tagsinput input { width:80px; margin:0px;font-size: 13px; border:0 none; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #fbd8db !important; color: #90111a !important;}