@charset "UTF-8"; body, 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, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; } ol, ul, li { list-style: none; } a { text-decoration: none; color: #333; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { text-decoration: none; color: #3b99fc; } a:active, a:focus, a:hover { outline-width: 0; text-decoration: none; outline: none; } a.txt-primary:hover { text-decoration: underline; } label { font-weight: 400; } fieldset, img { border: 0; } html { color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } body, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-size: 14px; line-height: 1.5; } ::-ms-clear, ::-ms-reveal { display: none; } button, input, select, textarea { font-size: 100%; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } del { text-decoration: line-through; } mark { background: #ff0; color: #000; } small { font-size: 80%; } audio, video { display: inline-block; } img { border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; border-spacing: 0; } th { text-align: inherit; } td { word-break: break-all; word-wrap: break-word; } textarea { resize: none; } iframe { display: block; } /*float*/ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; overflow: hidden; } .clear { clear: both; } .icon { vertical-align: -1px; } body { min-width: 1200px; } /*盒模型*/ *, *:before, *:after { -wekbit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*被选中的文本背景颜色*/ ::-webkit-selection { color: #fff; background: #3b99fc; } ::-moz-selection { color: #fff; background: #3b99fc; } ::selection { color: #fff; background: #3b99fc; } /*placeholder颜色*/ ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } /*margin*/ .mt0 { margin-top: 0px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml-lger { margin-left: 234px; } /*padding*/ .pt0 { padding-top: 0px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr30 { padding-right: 30px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl30 { padding-left: 30px; } .pd0 { padding: 0px !important; } .pd5 { padding: 5px; } .pd10 { padding: 10px; } .pd15 { padding: 15px; } .pd20 { padding: 20px; } /*width*/ .w10 { width: 10px; } .w20 { width: 20px; } .w30 { width: 30px; } .w40 { width: 40px; } .w50 { width: 50px; } .w60 { width: 60px; } .w70 { width: 70px; } .w80 { width: 80px; } .w90 { width: 90px; } .w100 { width: 100px !important; } .w110 { width: 110px !important; } .w120 { width: 120px !important; } .w130 { width: 130px !important; } .w140 { width: 140px !important; } .w150 { width: 150px !important; } .w160 { width: 160px !important; } .w170 { width: 170px !important; } .w180 { width: 180px !important; } .w190 { width: 190px !important; } .w200 { width: 200px !important; } .w210 { width: 210px; } .w220 { width: 220px; } .w230 { width: 230px; } .w240 { width: 240px; } .w250 { width: 250px; } .w260 { width: 260px; } .w270 { width: 270px; } .w280 { width: 280px; } .w290 { width: 290px; } .w300 { width: 300px !important; } .w400 { width: 400px !important; } .w500 { width: 500px !important; } .w600 { width: 600px !important; } /*form*/ /*btn*/ .btn { display: inline-block; font-size: 14px; color: #333; min-width: 80px; height: 30px; line-height: 20px; padding: 4px 10px; border: 1px solid #dedede; border-radius: 6px; background-color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; position: relative; -webkit-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .btn:hover { color: #ff8000; border-color: #ff8000; } .btn.btn-default { background: #e6e6e6; border-color: #e6e6e6; } .btn.btn-default:hover { background: #c7c7c7; border-color: #c7c7c7; color: #333; } .btn.btn-primary, .pagination .page-skip .btn { background: #ff8000; color: #fff; border-color: #ff8000; } .btn.btn-primary:hover, .pagination .page-skip .btn:hover { background: #ff6602; border-color: #ff6602; } .btn.btn-secondary { background: #3b99fc; color: #fff; border-color: #3b99fc; } .btn.btn-secondary:hover { background: #2477e3; border-color: #2477e3; } .btn.btn-hollow { color: #3b99fc; border: 1px solid #3b99fc; } .btn.btn-disabled { background: rgba(234, 237, 237, 0.1); color: #999; border-color: #eaeded; cursor: not-allowed; } .btn.btn-disabled:hover { background: rgba(234, 237, 237, 0.1); border-color: #eaeded; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-success { background: #4ea373; color: #fff; border-color: #4ea373; } .btn.btn-success:hover { background: rgba(78, 163, 115, 0.8); border-color: rgba(78, 163, 115, 0.8); } .btn.btn-warning { background: #f6ba29; color: #fff; border-color: #f6ba29; } .btn.btn-warning:hover { background: rgba(246, 186, 41, 0.8); border-color: rgba(246, 186, 41, 0.8); } .btn.btn-danger { background: #ff4646; color: #fff; border-color: #ff4646; } .btn.btn-danger:hover { background: rgba(255, 70, 70, 0.8); border-color: rgba(255, 70, 70, 0.8); } .btn.btn-sm { min-width: 70px; height: 24px; padding: 1px 10px; border-radius: 3px; } .btn.btn-sm.btn-radius { border-radius: 12px; } .btn.btn-lg { height: 36px; padding: 7px 10px; } .btn.btn-lg.btn-radius { border-radius: 18px; } .btn.form-block { display: block; width: 100%; border-radius: 6px; font-size: 14px; } .btn.btn-radius { border-radius: 15px; } .btn-left { text-align: left; font-size: 0; } .btn-left a { margin-right: 10px; } .btn-right { text-align: right; font-size: 0; } .btn-right > a { margin-left: 10px; } .btn-right > div { margin-left: 10px; } .btn-center { text-align: center; font-size: 0; } .btn-center > a { margin: 0 5px; } .btn-center > div { margin: 0 5px; } .btn-drop { display: inline-block; position: relative; } .btn-drop:hover .drop-bd { display: block; } .btn-drop .drop-bd { position: absolute; top: 100%; left: 0px; z-index: 2000; font-size: 14px; display: none; padding-top: 8px; } .btn-drop .drop-bd ul { position: relative; padding: 12px; background: #fff; border: 1px solid #dedede; width: 90px; } .btn-drop .drop-bd ul:before { content: ""; position: absolute; top: -5px; left: 30px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #dedede transparent; border-top: none; } .btn-drop .drop-bd ul:after { content: ""; position: absolute; top: -4px; left: 30px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; border-top: none; } .btn-drop .drop-bd li { line-height: 20px; padding: 5px 0px; overflow: hidden; text-align: left; } .btn-drop .drop-bd .list-name { line-height: 20px; -webkit-transition: 0.3s color; transition: 0.3s color; display: block; margin-left: 0; } .btn-drop .drop-bd .list-name:hover { color: #ff8000; } .btn-drop .drop-bd .list-down { float: right; } /*select*/ .select { min-width: 80px; height: 30px; line-height: 20px; border: 1px solid #dedede; padding: 4px 10px; color: #333; text-indent: 0; text-align: left; outline: none; border-radius: 4px; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; background-image: url("../images/select.png"); background-image: -webkit-image-set(url("../images/select.png") 1x, url("../images/select@2x.png") 2x); background-image: image-set(url("../images/select.png") 1x, url("../images/select@2x.png") 2x); background-position: right center; background-repeat: no-repeat; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .select:focus, .select.focus { border-color: #3b99fc; -webkit-box-shadow: 0 0 4px rgba(59, 153, 252, 0.4); box-shadow: 0 0 4px rgba(59, 153, 252, 0.4); } .select.disabled, .select:disabled { border-color: #f1f1f1; color: #eaeded; background-color: #f9f9f9; cursor: not-allowed; } select::-ms-expand { display: none; } /*input*/ .input-box { display: inline-block; position: relative; } .input-box .input, .input-box .textarea { width: 100%; vertical-align: top; } .input-box .select { width: 100%; vertical-align: top; } .input-box .icon { position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #dcdcdc; cursor: pointer; font-size: 18px; } .input-box .icon:hover { color: #3b99fc; } .input-box .input-scale { position: absolute; top: 0; left: 0; margin-top: -40px; background: #fff; width: 240px; height: 40px; line-height: 38px; border: 1px solid #3b99fc; padding: 0 10px; font-size: 16px; color: #3b99fc; -webkit-box-shadow: 0 0 3px rgba(59, 153, 252, 0.3); box-shadow: 0 0 3px rgba(59, 153, 252, 0.3); z-index: 10; display: none; } .input-city .input, .input-city .textarea, .input-date .input, .input-date .textarea { padding-right: 30px; } .input, .textarea { height: 30px; line-height: 20px; border: 1px solid #dedede; padding: 4px 10px; color: #333; background-color: #fff; color: #333; outline: none; font-size: 14px; border-radius: 0; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .input:focus, .textarea:focus, .input.focus, .focus.textarea { border-color: #3b99fc; -webkit-box-shadow: 0 0 4px rgba(59, 153, 252, 0.4); box-shadow: 0 0 4px rgba(59, 153, 252, 0.4); } .input.input-sm, .input-sm.textarea { height: 24px; padding: 1px 10px; } .input.input-lg, .input-lg.textarea { height: 36px; padding: 7px 10px; } .input.input-error, .input-error.textarea { border-color: #e12525; color: #e12525; } .input.disabled, .disabled.textarea, .input:disabled, .textarea:disabled { border-color: #f1f1f1; color: #eaeded; background: #f9f9f9; cursor: not-allowed; } .input.input-disabled:disabled, .input-disabled.textarea:disabled { border-color: #f1f1f1; color: #333; cursor: not-allowed; background-color: #fff; } .textarea { height: 70px; overflow-y: auto; overflow-x: hidden; } .textarea.disabled, .textarea:disabled { border-color: #f1f1f1; color: #eaeded; background: #f9f9f9; cursor: not-allowed; } .form-block { display: block; width: 100% !important; } /*checkbox,radio*/ input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } /*-----icheck插件样式-----*/ .icheckbox, .iradio { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; border: none; cursor: pointer; background-image: url("../images/check.png"); background-image: -webkit-image-set(url("../images/check.png") 1x, url("../images/check@2x.png") 2x); background-image: image-set(url("../images/check.png") 1x, url("../images/check@2x.png") 2x); } .icheckbox.checked { background-position: -32px 0; -webkit-animation: scale-spring 0.2s; animation: scale-spring 0.2s; } .icheckbox.disabled { background-position: -16px 0; cursor: default; } .icheckbox.checked.disabled { background-position: -48px 0; cursor: default; } .iradio { background-position: -64px 0; } .iradio.checked { background-position: -96px 0; -webkit-animation: scale-spring 0.2s; animation: scale-spring 0.2s; } .iradio.disabled { background-position: -80px 0; cursor: default; } .iradio.checked.disabled { background-position: -112px 0; cursor: default; } .check-inline { position: relative; display: inline-block; line-height: 30px; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .check-inline .iradio, .check-inline .icheckbox { float: left; margin-left: -20px; margin-top: 7px; } .check-inline + .check-inline { margin-left: 10px; } /*file*/ input[type=file] { display: block; } .file { position: relative; overflow: hidden; display: inline-block; } .file input[type=file] { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; cursor: pointer; font-size: 100px; opacity: 0; filter: alpha(opacity=0); } /*check*/ .check-list { *zoom: 1; } .check-list:before, .check-list:after { content: ""; display: table; } .check-list:after { clear: both; overflow: hidden; } .check-list li { float: left; margin-right: 10px; height: 30px; line-height: 30px; cursor: pointer; } .check-list li i { display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-top: 7px; margin-right: 10px; background-image: url("../images/check.png"); background-image: -webkit-image-set(url("../images/check.png") 1x, url("../images/check@2x.png") 2x); background-image: image-set(url("../images/check.png") 1x, url("../images/check@2x.png") 2x); } .check-list .active i { background-position: -32px 0; -webkit-animation: 0.3s scale-spring; animation: 0.3s scale-spring; } .check-list .disabled i { background-position: -16px 0; } .check-list .active.disabled i { background-position: -48px 0; } .check-list-right li i { margin-right: 0; margin-left: 10px; } .radio-list { *zoom: 1; } .radio-list:before, .radio-list:after { content: ""; display: table; } .radio-list:after { clear: both; overflow: hidden; } .radio-list li { float: left; margin-right: 10px; height: 30px; line-height: 30px; cursor: pointer; } .radio-list li i { display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-top: 7px; margin-right: 10px; background-image: url("../images/check.png"); background-image: -webkit-image-set(url("../images/check.png") 1x, url("../images/check@2x.png") 2x); background-image: image-set(url("../images/check.png") 1x, url("../images/check@2x.png") 2x); background-position: -32px 0; } .radio-list .active i { background-position: -48px 0; -webkit-animation: 0.3s scale-spring; animation: 0.3s scale-spring; } /*--- 关爱版 开始 ---*/ .is-caring .btn { font-size: 18px; } .is-caring .input, .is-caring .textarea { font-size: 18px; } /*--- 关爱版 结束 ---*/ /*网站通用样式*/ .ml { margin-left: 10px !important; } .ml0 { margin-left: 0 !important; } .ml-sm { margin-left: 5px !important; } .ml-lg { margin-left: 20px !important; } .mr { margin-right: 10px !important; } .mr0 { margin-right: 0 !important; } .mr-sm { margin-right: 5px !important; } .mr-lg { margin-right: 20px !important; } .mt { margin-top: 10px !important; } .mt0 { margin-top: 0 !important; } .mt-sm { margin-top: 5px !important; } .mt-lg { margin-top: 20px !important; } .mt-mlg { margin-top: 40px !important; } .mb { margin-bottom: 10px !important; } .mb0 { margin-bottom: 0 !important; } .mb-sm { margin-bottom: 5px !important; } .mb-lg { margin-bottom: 20px !important; } .show { display: block !important; } .hide { display: none !important; } .pull-left { float: left !important; } .pull-right { float: right !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .txt-default { color: #333 !important; } .txt-primary { color: #3b99fc !important; } .txt-num { color: #ff8000 !important; } .txt-light, .txt-tips { color: #666 !important; } .txt-lighter { color: #999 !important; } .txt-lightest { color: #fff !important; } .txt-success { color: #4ea373 !important; } .txt-error { color: #e12525 !important; } .txt-warning { color: #f6ba29 !important; } .txt-danger { color: #ff4646 !important; } .txt-disabled { color: #eaeded !important; } .txt-price { color: #ff8000 !important; } .txt-second { color: #ff8000 !important; } .txt-lg { font-size: 16px !important; } .txt-mlg { font-size: 18px !important; } .txt-blg { font-size: 20px !important; } .txt-sm { font-size: 12px !important; } .txt-md { font-size: 14px !important; } .txt-bold, .txt-700 { font-weight: 700; } .txt-400 { font-weight: 400; } .underline { text-decoration: underline; } .underline:hover { text-decoration: underline; } .txt-decoration { text-decoration: line-through; } .txt-decoration:hover { text-decoration: line-through; } .text-indent { text-indent: 2em; } .required { color: #f00; font-weight: 400; } .lineheight-lg { line-height: 30px; } .wrapper { width: 1200px; padding: 0 5px; margin-left: auto; margin-right: auto; } /*三角形*/ .caret { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #dedede transparent transparent transparent; border-bottom: none; } /*图片划入缩放*/ .img-scale { overflow: hidden; } .img-scale img { -webkit-transition: 0.3s linear transform; transition: 0.3s linear transform; } .img-scale img:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } /*section*/ .section { padding-top: 30px; } .section .section-hd { height: 40px; border-bottom: 2px solid #dedede; } .section .section-hd .more { float: right; line-height: 38px; color: #999; } .section .section-hd .more:hover { color: #3b99fc; } .section .section-tit { float: left; position: relative; font-size: 16px; line-height: 38px; height: 38px; color: #3b99fc; padding: 0 4px; } .section .section-tit:after { content: ""; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: #3b99fc; } /*金钱*/ .txt-price { color: #ff8000; } .txt-price .rmb { font-style: normal; margin-right: 2px; } /*返回顶部*/ .gototop { position: fixed; bottom: 0; right: 0; width: 50px; opacity: 0; visibility: hidden; -webkit-transition: 1s linear opacity; transition: 1s linear opacity; } .gototop a { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #efefef; } .gototop .icon { font-size: 20px; color: #666; } .gototop.active { opacity: 1; visibility: visible; } /*遮罩层*/ .mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; z-index: 5000; } /*弹窗*/ .modal { position: absolute; z-index: 6000; display: none; width: 440px; background: #fff; border-radius: 6px; } .modal .modal-close { position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; top: 0; right: 0; } .modal .modal-hd { height: 40px; background: #3b99fc; } .modal .modal-tit { height: 40px; line-height: 40px; padding: 0 20px; color: #fff; font-size: 16px; } .modal .modal-bd { padding: 20px; } .modal .modal-ft { padding: 0 20px 20px 20px; font-size: 0; text-align: center; } .modal .modal-ft .btn { margin: 0 5px; } .modal .modal-ft-tips { background: #f8f8f8; padding: 15px 20px; color: #666; } /*消息*/ @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .message { padding: 0 20px 0 60px; position: relative; } .message .msg-ico { float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 30px; margin-left: -45px; } .message .msg-ico i { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; } .message .msg-ico .icon { font-size: 30px; } .message .msg-ico .ico-wait { background-image: url("../images/center/ico-invoice.png"); background-image: -webkit-image-set(url("../images/center/ico-invoice.png") 1x, url("../images/center/ico-invoice@2x.png") 2x); background-image: image-set(url("../images/center/ico-invoice.png") 1x, url("../images/center/ico-invoice@2x.png") 2x); border: 3px solid #efeff4; border-radius: 50%; background-position: center center; background-size: 24px 24px; line-height: 24px; position: relative; } .message .msg-ico .ico-wait::after { position: absolute; right: -3px; top: -3px; background-image: url("../images/center/ico-wait-bg.png"); background-image: -webkit-image-set(url("../images/center/ico-wait-bg.png") 1x, url("../images/center/ico-wait-bg@2x.png") 2x); background-image: image-set(url("../images/center/ico-wait-bg.png") 1x, url("../images/center/ico-wait-bg@2x.png") 2x); width: 30px; height: 30px; background-size: 15px 15px; background-repeat: no-repeat; background-position: right top; content: ""; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border-radius: 50%; -webkit-animation: 0.7s rotate linear infinite; animation: 0.7s rotate linear infinite; } .message .msg-ico .ico-circle { border-radius: 50%; line-height: 30px; width: 30px; height: 30px; text-align: center; color: #fff; background-color: #3b99fc; position: relative; font-size: 14px; } .message .msg-ico .ico-circle::before { color: #fff; } .message .msg-ico img { display: block; width: 30px; height: 30px; } .message .msg-ico .icon-doubt { color: #f6ba29; } .message .msg-ico .icon-success { color: #4ea373; } .message .msg-ico .icon-error { color: #e12525; } .message .msg-ico .icon-plaint-fill { color: #3b99fc; } .message .msg-tit { line-height: 30px; font-size: 16px; } .message .msg-tit .small { font-size: 14px; } .message .msg-info { line-height: 20px; color: #666; } .message-code { padding-left: 140px; } .message-code .msg-ico { width: 120px; height: 120px; margin-left: -140px; } .message-code .msg-ico img { width: 120px; height: 120px; } .message-code .code-box-show-sm { width: 120px; height: 120px; border: none; } /*结果页*/ .box-result { border: 1px solid #3b99fc; padding: 20px; } .box-result .result-bd { margin: 0 200px; } .box-result .btn-group-center { margin-top: 30px; padding-top: 30px; border-top: 1px dashed #dedede; } .result-bd { padding-left: 90px; position: relative; _height: 45px; min-height: 45px; line-height: 20px; padding-top: 5px; } .result-bd .result-img { position: absolute; top: 0; left: 0; } .result-bd .result-tit { font-weight: 700; font-size: 16px; color: #333; line-height: 20px; margin-bottom: 5px; } .result-bd-mini { min-height: 40px; line-height: 40px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .result-bd-mini .result-tit { height: 40px; line-height: 40px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; } /*面包屑*/ .breadcrumb { height: 50px; line-height: 50px; color: #666; font-size: 12px; } .breadcrumb a { color: #666; } .breadcrumb a:hover { color: #666; } .breadcrumb .active { color: #3b99fc; } .breadcrumb .sep { font-family: "5B8B体"; margin: 0 3px; } /*内容面板*/ .main-panel { border-top: 0; position: relative; } .main-panel .panel-hd { height: 40px; line-height: 40px; background: #3b99fc; padding: 0 20px; color: #fff; } .main-panel .panel-bd { border: 1px solid #dedede; padding: 20px 19px; } .main-panel .panel-sub-title { font-size: 24px; line-height: 36px; text-align: center; padding: 10px; margin-bottom: 15px; } .main-panel .panel-bd-bg { background: #fcfcfc; border: none; } /*边框panel*/ .panel-border { border: 1px solid #dedede; padding: 20px; } .panel-border.border-transparent { border-color: transparent; } /*内页查询*/ .search-box { background: #f8f8f8; border-radius: 1px; padding: 0px 20px 20px; border: 1px solid #dedede; } .search-box .form-label { float: left; width: 75px; padding-right: 10px; text-align: right; } .search-box .form-label .required { margin-right: 3px; } .search-box-list { *zoom: 1; } .search-box-list:before, .search-box-list:after { content: ""; display: table; } .search-box-list:after { clear: both; overflow: hidden; } .search-box-list li { float: left; margin: 20px 10px 0 0; } .search-box-list .form-label { line-height: 30px; } .search-box-list .btn { min-width: 100px; vertical-align: top; } /*无查询结果*/ .result-none { text-align: center; width: 100%; padding: 30px 0; } .result-none .result-pic { width: 240px; height: 144px; vertical-align: top; } .result-none .result-txt { font-size: 18px; color: #999; margin-top: 30px; line-height: 24px; } /*文章详情*/ .article-box { padding: 0 40px; } .article-box .title { line-height: 34px; margin: 0px 0 20px; text-align: center; font-size: 20px; font-weight: 700; } .article-box .para-sub-title { height: 32px; line-height: 32px; font-size: 16px; font-weight: 700; margin-top: 20px; } .article-box .para-sub-title:before { content: ""; float: left; width: 3px; height: 16px; background: #3b99fc; margin: 9px 10px 0 0; } .article-box .para-box { margin-top: 20px; line-height: 22px; } .article-box .img-box { text-align: center; margin-top: 30px; } .article-box .img-box img { max-width: 100%; } /*右侧悬浮菜单*/ .fixed-right { position: fixed; right: 0; top: 50%; margin-top: -170px; z-index: 1100; } .fixed-right-menu { width: 50px; } .fixed-right-menu .menu-item { margin-bottom: 5px; background: #efefef; text-align: center; width: 50px; position: relative; } .fixed-right-menu .menu-item:hover .menu-code { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; } .fixed-right-menu .menu-item .menu-hd { text-align: center; display: block; padding: 10px; color: #666; } .fixed-right-menu .menu-item .menu-hd:hover { color: #3b99fc; } .fixed-right-menu .menu-item .menu-name { line-height: 18px; } .fixed-right-menu .menu-item .icon { display: block; font-size: 24px; height: 30px; line-height: 30px; } .fixed-right-menu .menu-code { width: 330px; height: 168px; background: #fff; -webkit-box-shadow: 0 0 8px #e3e3e3; box-shadow: 0 0 8px #e3e3e3; border: 1px solid #dedede; position: absolute; top: 50%; margin-top: -74px; right: 60px; z-index: 1100; padding: 0 20px 20px 20px; opacity: 0; visibility: hidden; text-align: left; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: 0.3s ease opacity, 0.3s ease transform; transition: 0.3s ease opacity, 0.3s ease transform; } .fixed-right-menu .menu-code:before { content: ""; position: absolute; right: -10px; top: 50%; margin-top: -10px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #dedede; border-right: none; } .fixed-right-menu .menu-code:after { content: ""; position: absolute; right: -9px; top: 50%; margin-top: -10px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; border-right: none; } .fixed-right-menu .menu-code-name { height: 46px; line-height: 46px; } .fixed-right-menu .menu-code-pic { display: block; width: 100px; height: 100px; position: relative; } .fixed-right-menu .menu-code-pic img { display: block; width: 100px; height: 100px; border: 1px solid #dedede; } .fixed-right-menu .menu-code-pic .code-tips { position: absolute; top: 0px; left: 116px; width: 170px; height: 100px; border: 1px solid #dedede; background-color: #fff; background-image: url("../images/bg-train.png"); background-image: -webkit-image-set(url("../images/bg-train.png") 1x, url("../images/bg-train@2x.png") 2x); background-image: image-set(url("../images/bg-train.png") 1x, url("../images/bg-train@2x.png") 2x); background-position: right bottom; background-repeat: no-repeat; line-height: 18px; padding: 12px 10px; font-size: 12px; text-align: left; } .fixed-right-menu .menu-code-pic .code-tips:before { content: ""; position: absolute; left: -6px; top: 34px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #dedede transparent transparent; border-left: none; } .fixed-right-menu .menu-code-pic .code-tips:after { content: ""; position: absolute; left: -5px; top: 34px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; border-left: none; } /*页面加载*/ .page-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff url(../images/loading3.gif) center center no-repeat; z-index: 5000; background-size: 60px 120px; } /*tooltip提示插件*/ .tooltip { position: absolute; z-index: 100; display: block; font-size: 14px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.98; filter: alpha(opacity=98); } .tooltip.top { margin-top: -3px; padding: 4px 0; } .tooltip.right { margin-left: 3px; padding: 0 4px; } .tooltip.bottom { margin-top: 3px; padding: 4px 0; } .tooltip.left { margin-left: -3px; padding: 0 4px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #3b99fc; border-radius: 2px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #3b99fc; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 4px; margin-bottom: -4px; border-width: 4px 4px 0; border-top-color: #3b99fc; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 4px; margin-bottom: -4px; border-width: 4px 4px 0; border-top-color: #3b99fc; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -4px; border-width: 4px 4px 4px 0; border-right-color: #3b99fc; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -4px; border-width: 4px 0 4px 4px; border-left-color: #3b99fc; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -4px; border-width: 0 4px 4px; border-bottom-color: #3b99fc; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 4px; margin-top: -4px; border-width: 0 4px 4px; border-bottom-color: #3b99fc; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 4px; margin-top: -4px; border-width: 0 4px 4px; border-bottom-color: #3b99fc; } /*输入框错误提示*/ .tooltip-error { position: absolute; height: 30px; line-height: 28px; border: 1px solid #e12525; padding: 0 10px; border-radius: 4px; color: #e12525; background: #ffebeb; z-index: 3000; white-space: nowrap; display: none; } .tooltip-error:before { content: ""; position: absolute; top: 50%; margin-top: -4px; left: -4px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #e12525 transparent transparent; border-left: none; } .tooltip-error:after { content: ""; position: absolute; top: 50%; margin-top: -4px; left: -3px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #ffebeb transparent transparent; border-left: none; } .tooltip-error .icon { margin-right: 4px; } /*下拉框组件*/ .down-box { position: absolute; top: 100%; margin-top: 1px; left: 0; right: 0; background: #fff; border: 1px solid #dedede; z-index: 10; display: none; max-height: 280px; overflow: auto; } .down-box .down-list li { height: 30px; line-height: 30px; padding: 0 10px; cursor: pointer; white-space: nowrap; } .down-box .down-list li:hover { background: #e8f3ff; color: #3b99fc; } .down-box .down-list li.active { background: #61adfd; color: #fff; } /*标签-最新*/ .label-new { display: inline-block; border: 1px solid #ffb5b5; height: 18px; line-height: 16px; padding: 0 5px; background: #fff; color: #ff4646; font-size: 12px; font-style: normal; vertical-align: middle; } /*标签-赠*/ .label-give { display: inline-block; width: 14px; height: 14px; line-height: 14px; font-size: 12px; text-align: center; font-style: normal; background: #ff8000; color: #fff; } .label-children { display: inline-block; border: 1px solid #acd1f9; height: 18px; line-height: 16px; padding: 0 5px; background: #fff; color: #3b99fc; font-size: 12px; font-style: normal; vertical-align: middle; } .label-txt { display: inline-block; min-width: 56px; height: 22px; line-height: 20px; font-size: 12px; border: 1px solid #b1d6fe; padding: 0 2px; color: #3b99fc; font-style: normal; white-space: nowrap; text-align: center; } .label-txt.odds-large { color: #ff4646; border-color: #ffbaba; } .label-txt.odds-small { color: #4ea373; border-color: #c6e8d5; } .label-txt.is-default { color: #666; border-color: #dedede; } .label-txt-sm { width: auto; min-width: 22px; } .label-discount { display: inline-block; border: 1px solid #ffb5b5; height: 18px; line-height: 16px; padding: 0 5px; background: #fff; color: #ff4646; font-size: 12px; font-style: normal; vertical-align: middle; } .label-primary { display: inline-block; border: 1px solid #ffb5b5; height: 18px; line-height: 16px; padding: 0 5px; background: #fff; color: #ff4646; font-size: 12px; font-style: normal; vertical-align: middle; } /*翻页*/ .pagination { height: 30px; line-height: 30px; text-align: right; } .pagination .page-num { display: inline-block; font-size: 0; vertical-align: top; } .pagination .page-num li { display: inline-block; vertical-align: top; margin-right: 10px; } .pagination .page-num li a { display: block; height: 30px; border: 1px solid #dedede; line-height: 28px; padding: 0 5px; min-width: 30px; text-align: center; font-size: 14px; border-radius: 2px; background: #f8f8f8; } .pagination .page-num li a:hover { color: #3b99fc; } .pagination .page-num li .icon { font-size: 14px; } .pagination .page-num .dotted { display: block; height: 30px; line-height: 24px; font-size: 14px; color: #999; } .pagination .page-num .active a, .pagination .page-num .active a:hover { background: #3b99fc; border-color: #3b99fc; color: #fff; } .pagination .page-num .disabled a { color: #d2d2d2; cursor: not-allowed; border-color: #e2e2e2; } .pagination .page-num .disabled a:hover { color: #d2d2d2; border-color: #e2e2e2; -webkit-box-shadow: none; box-shadow: none; } .pagination .page-all { display: inline-block; margin-right: 10px; vertical-align: top; } .pagination .page-all strong { margin: 0 3px; font-weight: 400; } .pagination .page-skip { display: inline-block; margin-right: 10px; } .pagination .page-skip .input, .pagination .page-skip .textarea { width: 40px; text-align: center; margin: 0 5px; padding-left: 2px; padding-right: 2px; vertical-align: baseline; } .pagination .page-skip .btn { margin-left: 10px; } .pagination .page-btn { background: #f8f8f8; vertical-align: top; border-radius: 2px; min-width: 50px; } .pagination.pagination-center { text-align: center; } /*加载中*/ .box-loading { height: 100px; position: relative; } .box-loading img { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; } /*温馨提示*/ .tips-box { border: 2px solid #ffddba; background: #fffbf8; padding: 10px 20px 10px 20px; line-height: 20px; } .tips-box .tips-tit { font-weight: 700; font-size: 14px; line-height: 30px; } .tips-box p { margin-top: 4px; line-height: 20px; font-size: 12px; } .tips-box.tips-box-mini { padding: 8px 20px 8px 20px; } .tips-box.tips-box-mini p { margin-top: 0; } .tips-box.tips-box-error { padding: 4px 20px; background: rgba(240, 72, 55, 0.1); border: 1px solid #F04837; text-align: center; } .tips-box.tips-box-error .icon { color: #e12525; font-size: 24px; vertical-align: top; display: inline-block; line-height: 30px; } .tips-box.tips-box-error p { font-weight: 600; font-size: 16px; line-height: 30px; margin-top: 0; } /*搜索表单-单行*/ .search-form-mini { *zoom: 1; } .search-form-mini:before, .search-form-mini:after { content: ""; display: table; } .search-form-mini:after { clear: both; overflow: hidden; } .search-form-mini .form-item { float: left; margin-right: 10px; line-height: 30px; } .search-form-mini .form-item .btn { vertical-align: top; } .search-form-mini .form-item .sel { vertical-align: top; } /*建设中提醒*/ .show-expect { text-align: center; padding: 20px; } .show-expect img { width: 500px; height: auto; vertical-align: top; } /*panel-tab*/ .panel-tab .tab-hd { height: 44px; margin-bottom: -1px; } .panel-tab .tab-bd { border: 1px solid #dedede; } .panel-tab .tab-hd-list { height: 44px; } .panel-tab .tab-hd-list li { float: left; border: 1px solid #dedede; margin-right: -1px; } .panel-tab .tab-hd-list a { float: left; padding: 0 30px; min-width: 110px; height: 42px; line-height: 42px; text-align: center; } .panel-tab .tab-hd-list .txt-num { display: inline-block; margin-left: 5px; height: 14px; line-height: 14px; padding: 0 8px; color: #fff !important; background: #ff8000; font-size: 12px; border-radius: 10px; font-weight: 400; } .panel-tab .tab-hd-list .active { border-bottom: 1px solid #fff; } .panel-tab .tab-hd-list .active a { color: #3b99fc; } .panel-tab .tab-item { display: none; padding: 20px; } /*提示窗*/ .panel-tooltip { position: absolute; border: 1px solid #3b99fc; background: #fff; z-index: 2001; } .panel-tooltip .tooltip-close { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #999; } .panel-tooltip .tooltip-close:hover { color: #3b99fc; } .panel-tooltip .tooltip-hd { height: 40px; padding: 5px 20px; line-height: 30px; background: #f0f8ff; } .panel-tooltip .tooltip-bd { padding: 20px; } .panel-tooltip .tooltip-txt { line-height: 20px; padding: 4px 10px; } .panel-tooltip.top .tooltip-arw, .panel-tooltip.top-left .tooltip-arw, .panel-tooltip.top-right .tooltip-arw { top: auto; bottom: -6px; } .panel-tooltip.top .tooltip-arw:before, .panel-tooltip.top-left .tooltip-arw:before, .panel-tooltip.top-right .tooltip-arw:before { top: 0; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #3b99fc transparent transparent transparent; border-bottom: none; } .panel-tooltip.top .tooltip-arw:after, .panel-tooltip.top-left .tooltip-arw:after, .panel-tooltip.top-right .tooltip-arw:after { content: ""; position: absolute; top: -1px; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; border-bottom: none; } .panel-tooltip.top .tooltip-arw { left: 50%; margin-left: -6px; } .panel-tooltip.top-left .tooltip-arw { left: auto; right: 10px; } .panel-tooltip.bottom-left .tooltip-arw { left: auto; right: 10px; } .panel-tooltip.bottom-right .tooltip-arw { left: 10px; } .panel-tooltip.bottom .tooltip-arw { left: 50%; margin-left: -6px; } .panel-tooltip.right-bottom .tooltip-arw, .panel-tooltip.right-top .tooltip-arw, .panel-tooltip.right .tooltip-arw { width: 6px; height: 12px; left: -6px; top: 10px; } .panel-tooltip.right-bottom .tooltip-arw:before, .panel-tooltip.right-top .tooltip-arw:before, .panel-tooltip.right .tooltip-arw:before { top: 0; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #3b99fc transparent transparent; border-left: none; } .panel-tooltip.right-bottom .tooltip-arw:after, .panel-tooltip.right-top .tooltip-arw:after, .panel-tooltip.right .tooltip-arw:after { content: ""; position: absolute; top: 0px; left: 1px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; border-left: none; } .panel-tooltip.right-bottom .tooltip-arw { top: 10px; } .panel-tooltip.right-top .tooltip-arw { top: auto; bottom: 10px; } .panel-tooltip.right .tooltip-arw { top: 50%; margin-top: -6px; } .panel-tooltip.left-bottom .tooltip-arw, .panel-tooltip.left-top .tooltip-arw, .panel-tooltip.left .tooltip-arw { width: 6px; height: 12px; left: auto; right: -6px; top: 8px; } .panel-tooltip.left-bottom .tooltip-arw:before, .panel-tooltip.left-top .tooltip-arw:before, .panel-tooltip.left .tooltip-arw:before { top: 0; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #3b99fc; border-right: none; } .panel-tooltip.left-bottom .tooltip-arw:after, .panel-tooltip.left-top .tooltip-arw:after, .panel-tooltip.left .tooltip-arw:after { content: ""; position: absolute; top: 0px; left: auto; right: 1px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; border-right: none; } .panel-tooltip.left-bottom .tooltip-arw { top: 8px; } .panel-tooltip.left-top .tooltip-arw { top: auto; bottom: 8px; } .panel-tooltip.left .tooltip-arw { top: 50%; margin-top: -6px; } .panel-tooltip .tooltip-arw { width: 12px; height: 6px; position: absolute; top: -6px; left: 10px; } .panel-tooltip .tooltip-arw:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #3b99fc transparent; border-top: none; } .panel-tooltip .tooltip-arw:after { content: ""; position: absolute; top: 1px; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; border-top: none; } /*经停站*/ .panel-train-stop { width: 418px; } .panel-train-stop .stop-close { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #999; } .panel-train-stop .stop-close:hover { color: #3b99fc; } .panel-train-stop .stop-hd { height: 40px; text-align: center; background: #f0f8ff; color: #666; } .panel-train-stop .stop-hd .stop-item { line-height: 40px; } .panel-train-stop .stop-item { float: left; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .panel-train-stop .stop-num { width: 60px; } .panel-train-stop .stop-name { width: 90px; } .panel-train-stop .stop-time { width: 80px; } .panel-train-stop .stop-bd { max-height: 256px; overflow: auto; } .panel-train-stop .stop-list { line-height: 32px; } .panel-train-stop .stop-ft { line-height: 38px; border-top: 1px solid #3b99fc; padding: 0 0 0 20px; } .panel-train-stop .stop-ft span { margin-right: 35px; font-weight: 700; } /*模拟select*/ .sel { display: inline-block; position: relative; zoom: 1; vertical-align: middle; text-align: left; } .sel .sel-hd { height: 30px; line-height: 28px; border: 1px solid #dedede; padding: 0 24px 0 10px; color: #333; background-color: #fff; cursor: pointer; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .sel .sel-hd .icon { position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #e0e0e0; -webkit-transition: 0.3s linear transform; transition: 0.3s linear transform; } .sel .sel-inner { overflow: hidden; white-space: nowrap; } .sel .sel-placeholder { color: #999; } .sel .sel-bd { position: absolute; top: 100%; left: 0; right: 0; margin-top: 2px; border: 1px solid #dcdcdc; background: #fff; z-index: 10; max-height: 180px; overflow: auto; display: none; } .sel.sel02 .sel-hd .input, .sel.sel02 .sel-hd .textarea { border-color: transparent; background-color: transparent; width: 100%; padding-left: 0; padding-right: 0; } .sel.sel02 .sel-hd .input:focus, .sel.sel02 .sel-hd .textarea:focus { -webkit-box-shadow: none; box-shadow: none; } .sel .sel-list.sel-list02 li { height: auto; line-height: 20px; padding-top: 8px; padding-bottom: 8px; white-space: normal; word-break: break-all; } .sel .sel-list.sel-list02 li.selected .sel-text { color: #fff; } .sel .sel-list.sel-list02 li + li { border-top: 1px solid #dedede; } .sel .sel-list.sel-list02 li .sel-text { color: #666; } .sel .sel-list.sel-list02 li .tag { background: #f8f8f8; border-radius: 10px; font-size: 12px; color: #999; float: right; padding: 0 5px; } .sel .sel-list.sel-list01 li { float: left; } .sel .sel-list li { height: 30px; line-height: 30px; white-space: nowrap; padding: 0 10px; cursor: pointer; } .sel .sel-list li.hover, .sel .sel-list li:hover { color: #3b99fc; } .sel .sel-list li.selected { background: #3b99fc; color: #fff; } .sel .sel-list li.disabled { color: #c0c4cc; cursor: not-allowed; } .sel .sel-list li.disabled:hover { background: none; } .sel .sel-list li.is-line { position: relative; } .sel .sel-list li.is-line::before { position: absolute; content: ""; bottom: 0; height: 1px; left: 10px; right: 10px; border-bottom: 1px dashed #dedede; } .sel .sel-list li.is-line.selected::before { display: none; } .sel.active { z-index: 100; } .sel.active .sel-hd { border-color: #3b99fc; -webkit-box-shadow: 0 0 4px rgba(59, 153, 252, 0.4); box-shadow: 0 0 4px rgba(59, 153, 252, 0.4); } .sel.active .sel-hd .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sel.active .sel-bd { display: block; } .sel.sel-sm .sel-hd { height: 24px; line-height: 22px; padding: 0 24px 0 10px; } .sel.sel-sm .sel-hd .icon { width: 24px; height: 24px; line-height: 24px; } .sel.sel-lg .sel-hd { height: 36px; line-height: 34px; padding: 0 36px 0 10px; } .sel.sel-lg .sel-hd .icon { width: 36px; height: 36px; line-height: 36px; } .sel.disabled .sel-hd { border-color: #f1f1f1; color: #eaeded; background-color: #f9f9f9; cursor: not-allowed; } /*表单列表*/ .form-list .form-item { *zoom: 1; margin-bottom: 10px; min-height: 30px; } .form-list .form-item:before, .form-list .form-item:after { content: ""; display: table; } .form-list .form-item:after { clear: both; overflow: hidden; } .form-list .form-label { float: left; padding: 5px 5px 5px 0; width: 100px; line-height: 20px; font-weight: 400; color: #666; text-align: right; } .form-list .form-label .required { margin-right: 5px; } .form-list .form-bd { margin-left: 100px; min-height: 30px; } .form-list .form-bd-txt { line-height: 20px; padding-top: 5px; padding-bottom: 5px; min-height: 20px; } .form-list .form-inline { float: left; margin-right: 20px; } .form-list .form-inline-half { width: 50%; margin-right: 0; } .form-list .form-tips { float: left; height: 30px; line-height: 30px; margin-left: 10px; color: #999; font-size: 12px; } .form-list .form-tips .icon { margin-right: 5px; } .form-list .ml0 { margin-left: 0; } .form-list .input-box, .form-list .sel { float: left; width: 200px; } .form-list .w240 { width: 240px; } .form-list .w250 { width: 250px; } .form-list .w260 { width: 260px; } .form-list-mlg .form-label { width: 340px !important; } .form-list-mlg .form-bd { margin-left: 340px !important; } .form-list-lg .form-label { width: 200px !important; } .form-list-lg .form-bd { margin-left: 200px !important; } .form-list-sm .form-label { width: 100px !important; } .form-list-sm .form-bd { margin-left: 100px !important; } /*分割线*/ .line-dashed { height: 1px; border-top: 1px dashed #dedede; margin: 15px 0; } .line-dashed-margin { margin: 40px 0; } /*密码等级*/ .pwd-rank { height: 14px; line-height: 14px; } .pwd-rank span { float: left; width: 66px; height: 14px; background: #ffce9c; margin-right: 1px; text-align: center; font-size: 12px; color: #fff; } .pwd-rank .active { background: #ff8000; } .list-operation { text-align: center; } .list-operation a { margin: 0 10px; } .list-operation .icon-del { color: #e12525; } .list-operation .icon-edit { color: #3b99fc; } /*文章详情*/ .article { padding: 0 20px; } .article .article-head { padding: 10px; } .article .article-tit { line-height: 30px; text-align: center; font-size: 20px; font-weight: 700; } .article .article-txt { line-height: 20px; margin-top: 15px; } /*二维码*/ .code-box-show { width: 162px; height: 162px; border: 1px solid #dedede; position: relative; } .code-box-show img { display: block; width: 160px; height: 160px; cursor: pointer; } .code-box-show .code-tips { position: absolute; top: 0; left: 0; text-align: center; width: 160px; height: 160px; z-index: 10; display: none; } .code-box-show .code-tips .code-tips-mask { width: 160px; height: 160px; background: #fff; opacity: 0.9; } .code-box-show .code-tips .code-tips-info { position: absolute; width: 160px; height: 160px; left: 0; top: 0; z-index: 10; } .code-box-show .code-tips .code-tips-bd { width: 160px; height: 160px; display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; line-height: 30px; } .code-box-show .code-tips .icon { width: 20px; height: 20px; line-height: 20px; margin: 0 auto; font-size: 20px; margin-right: 5px; display: inline-block; } .code-box-show .code-tips .btn { margin-top: 10px; } .code-box-show-sm { width: 122px; height: 122px; } .code-box-show-sm img { width: 120px; height: 120px; } .code-box-show-sm .code-tips { width: 120px; height: 120px; } .code-box-show-sm .code-tips .code-tips-mask { width: 120px; height: 120px; } .code-box-show-sm .code-tips .code-tips-info { width: 120px; height: 120px; } .code-box-show-sm .code-tips .code-tips-bd { width: 120px; height: 120px; font-size: 16px; } /*表格*/ .panel-table { border: 1px solid #dedede; -webkit-transition: 0.3s linear border; transition: 0.3s linear border; } .list-table { width: 100%; text-align: center; } .list-table th { background: #f0f8ff; height: 40px; padding: 0 10px; } .list-table td { padding: 15px 10px; border-top: 1px solid #dedede; border-right: 1px solid #dedede; line-height: 22px; } .list-table .order-operation { padding: 20px 10px; border-right: none; } .list-table .align-top { vertical-align: top; } .list-table .align-center { text-align: center; } .list-table .td-left { padding-left: 20px; text-align: left; } .list-table .td-right { padding-right: 20px; text-align: right; } .list-table .br-none { border-right: none; } .list-table .bg-light td, .list-table .bg-light th { background: #f8f8f8; border-top: 1px solid #dedede; } .list-table .br-bottom { border-top: 1px dashed #dedede; border-bottom: 1px dashed #dedede; } .list-table .item-disabled { color: #999; } .list-table .item-disabled .txt-primary, .list-table .item-disabled .txt-price, .list-table .item-disabled .label-discount, .list-table .item-disabled .txt-light { color: #999 !important; } .list-table .item-disabled .label-discount { border-color: #999; } .list-table .passenger-operation { padding-left: 20px; position: relative; } .list-table .passenger-operation .passenger-check { position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; line-height: 16px; } .list-table.list-table-horizontal-mini th, .list-table.list-table-horizontal-mini td { padding-left: 5px; padding-right: 5px; } /*失败提醒*/ .panel-error { padding: 100px 100px 100px 235px; } .panel-error .error-pic { float: left; width: 110px; height: 65px; margin-left: -135px; background-image: url("../images/error.png"); background-image: -webkit-image-set(url("../images/error.png") 1x, url("../images/error@2x.png") 2x); background-image: image-set(url("../images/error.png") 1x, url("../images/error@2x.png") 2x); } .panel-error .error-tit { font-size: 16px; } .panel-error .error-txt { color: #999; margin-top: 10px; line-height: 20px; } /*始发路过终点*/ .label-shi, .label-guo, .label-zhong { display: inline-block; width: 18px; height: 18px; line-height: 16px; text-align: center; border: 1px solid #d8edff; font-style: normal; font-size: 12px; background: #fff; } .label-shi { color: #5fac81; } .label-guo { color: #3b99fc; } .label-zhong { color: #ff8000; } /*车票车次-181213修改前备份*/ /*车票车次*/ .ticket-card { width: 270px; height: 125px; background-image: url("../images/ticket.png"); background-image: -webkit-image-set(url("../images/ticket.png") 1x, url("../images/ticket@2x.png") 2x); background-image: image-set(url("../images/ticket.png") 1x, url("../images/ticket@2x.png") 2x); padding: 10px 20px; position: relative; } .ticket-card .ticket-number { height: 20px; line-height: 20px; font-weight: 400; font-size: 20px; } .ticket-card .ticket-date { float: right; height: 20px; line-height: 20px; color: #666; } .ticket-card .ticket-date strong { font-weight: 400; color: #333; font-size: 16px; margin-left: 5px; } .ticket-card .ticket-station { height: 46px; line-height: 18px; margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ticket-card .ticket-station i { margin-right: 5px; } .ticket-card .ticket-station-start { float: left; } .ticket-card .ticket-station-end { float: left; } .ticket-card .ticket-station-arw { float: left; margin-right: 8px; margin-top: 7px; width: 16px; height: 5px; background-image: url("../images/to01.png"); background-image: -webkit-image-set(url("../images/to01.png") 1x, url("../images/to01@2x.png") 2x); background-image: image-set(url("../images/to01.png") 1x, url("../images/to01@2x.png") 2x); background-position: right center; background-repeat: no-repeat; } .ticket-card .ticket-station-name { font-size: 16px; font-weight: 700; height: 18px; line-height: 18px; margin-right: 8px; margin-bottom: 10px; white-space: nowrap; } .ticket-card .ticket-station-name i { vertical-align: top; font-weight: 400; } .ticket-card .ticket-station-time { height: 18px; line-height: 18px; white-space: nowrap; padding-left: 23px; } .ticket-card .ticket-info { height: 20px; line-height: 20px; position: relative; margin-top: 10px; } .ticket-card .ticket-info-txt { float: left; } .ticket-card .ticket-info-price { float: right; } .ticket-card .ticket-success { position: absolute; top: 10px; right: 20px; width: 74px; height: 18px; background-image: url("../images/buySuccess.png"); background-image: -webkit-image-set(url("../images/buySuccess.png") 1x, url("../images/buySuccess@2x.png") 2x); background-image: image-set(url("../images/buySuccess.png") 1x, url("../images/buySuccess@2x.png") 2x); } .ticket-card.disabled { background-image: url("../images/ticket2.png"); background-image: -webkit-image-set(url("../images/ticket2.png") 1x, url("../images/ticket2@2x.png") 2x); background-image: image-set(url("../images/ticket2.png") 1x, url("../images/ticket2@2x.png") 2x); color: #999; } .ticket-card.disabled .ticket-station-arw { background-image: url("../images/to02.png"); background-image: -webkit-image-set(url("../images/to02.png") 1x, url("../images/to02@2x.png") 2x); background-image: image-set(url("../images/to02.png") 1x, url("../images/to02@2x.png") 2x); } .ticket-card.disabled .label-shi, .ticket-card.disabled .label-zhong, .ticket-card.disabled .label-guo { color: #999; border-color: #dedede; } .ticket-card.disabled .txt-price { color: #999 !important; } .ticket-card.success { background-image: url("../images/ticket3.png"); background-image: -webkit-image-set(url("../images/ticket3.png") 1x, url("../images/ticket3@2x.png") 2x); background-image: image-set(url("../images/ticket3.png") 1x, url("../images/ticket3@2x.png") 2x); } .ticket-card.active { background-image: url("../images/ticket3.png"); background-image: -webkit-image-set(url("../images/ticket3.png") 1x, url("../images/ticket3@2x.png") 2x); background-image: image-set(url("../images/ticket3.png") 1x, url("../images/ticket3@2x.png") 2x); } .ticket-card.active:after { content: ""; position: absolute; top: 0; right: 5px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .ticket-card .ticket-tips { position: absolute; bottom: 0; left: 5px; right: 5px; background: 0; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 6px 30px 6px 10px; border-radius: 0 0 4px 4px; } .ticket-card .ticket-tips .ticket-tips-bd { height: 20px; overflow: hidden; font-size: 12px; -webkit-transition: 0.3s linear height; transition: 0.3s linear height; } .ticket-card .ticket-tips .ticket-tips-bd p { height: 20px; line-height: 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .ticket-card .ticket-tips .tips-show-all, .ticket-card .ticket-tips .tips-show-less { position: absolute; width: 16px; height: 16px; line-height: 16px; top: 8px; right: 10px; cursor: pointer; } .ticket-card .ticket-tips .tips-show-less { display: none; } .ticket-card .ticket-tips.ticket-tips-all { border-radius: 4px; } .ticket-card .ticket-tips.ticket-tips-all .ticket-tips-bd { height: 113px; } .ticket-card .ticket-tips.ticket-tips-all .ticket-tips-bd p { height: auto; white-space: normal; } .ticket-card .ticket-tips.ticket-tips-all .tips-show-all { display: none; } .ticket-card .ticket-tips.ticket-tips-all .tips-show-less { display: block; } .ticket-card.ticket-card-queue { background-size: 100% 100%; height: 165px; } .ticket-card.ticket-card-queue .ticket-queue { margin: 0 -20px -10px -20px; border-top: 1px dashed #3b99fc; line-height: 20px; background: #ddeeff; height: 40px; } /*190328新版*/ /*车票-排队*/ .ticket-card-queue { width: 270px; height: 165px; background-image: url("../images/ticket4.png"); background-image: -webkit-image-set(url("../images/ticket4.png") 1x, url("../images/ticket4@2x.png") 2x); background-image: image-set(url("../images/ticket4.png") 1x, url("../images/ticket4@2x.png") 2x); padding: 10px 20px; position: relative; } .ticket-card-queue .ticket-number { height: 20px; line-height: 20px; font-weight: 400; font-size: 20px; } .ticket-card-queue .ticket-date { float: right; height: 20px; line-height: 20px; color: #666; } .ticket-card-queue .ticket-date strong { font-weight: 400; color: #333; font-size: 16px; margin-left: 5px; } .ticket-card-queue .ticket-station { height: 46px; line-height: 18px; margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ticket-card-queue .ticket-station i { margin-right: 5px; } .ticket-card-queue .ticket-station-start { float: left; } .ticket-card-queue .ticket-station-end { float: left; } .ticket-card-queue .ticket-station-arw { float: left; margin-right: 10px; margin-top: 7px; width: 16px; height: 5px; background-image: url("../images/to01.png"); background-image: -webkit-image-set(url("../images/to01.png") 1x, url("../images/to01@2x.png") 2x); background-image: image-set(url("../images/to01.png") 1x, url("../images/to01@2x.png") 2x); background-position: right center; background-repeat: no-repeat; } .ticket-card-queue .ticket-station-name { font-size: 16px; font-weight: 700; height: 18px; line-height: 18px; margin-right: 10px; margin-bottom: 10px; white-space: nowrap; } .ticket-card-queue .ticket-station-name i { vertical-align: top; font-weight: 400; } .ticket-card-queue .ticket-station-time { height: 18px; line-height: 18px; padding-left: 23px; white-space: nowrap; } .ticket-card-queue .ticket-info { height: 20px; line-height: 20px; position: relative; margin-top: 10px; } .ticket-card-queue .ticket-info-txt { float: left; } .ticket-card-queue .ticket-info-price { float: right; } .ticket-card-queue .ticket-queue { position: absolute; bottom: 1px; left: 6px; right: 6px; background: #ddeeff; border-top: 1px dashed #3b99fc; height: 30px; border-radius: 0 0 4px 4px; line-height: 30px; font-size: 12px; overflow: hidden; padding: 0 10px 0; color: #999; } .ticket-card-queue .queue-number { color: #3b99fc; margin: 0 4px; font-weight: 400; } .ticket-card-queue .success-history { position: relative; float: right; padding-right: 8px; height: 20px; line-height: 20px; color: #3b99fc; } .ticket-card-queue .success-history:after { content: ""; position: absolute; top: 50%; right: 0; margin-top: -3px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 3px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #3b99fc; border-right: none; } .ticket-card-queue .ticket-success { text-align: center; color: #4ea373; } .ticket-card-queue .ticket-success .icon { margin-right: 5px; } .ticket-card-queue.disabled { background-image: url("../images/ticket5.png"); background-image: -webkit-image-set(url("../images/ticket5.png") 1x, url("../images/ticket5@2x.png") 2x); background-image: image-set(url("../images/ticket5.png") 1x, url("../images/ticket5@2x.png") 2x); color: #999; } .ticket-card-queue.disabled .ticket-station-arw { background-image: url("../images/to02.png"); background-image: -webkit-image-set(url("../images/to02.png") 1x, url("../images/to02@2x.png") 2x); background-image: image-set(url("../images/to02.png") 1x, url("../images/to02@2x.png") 2x); } .ticket-card-queue.disabled .label-shi, .ticket-card-queue.disabled .label-zhong, .ticket-card-queue.disabled .label-guo { color: #999; border-color: #dedede; } .ticket-card-queue.disabled .txt-price, .ticket-card-queue.disabled .txt-second { color: #999 !important; } .ticket-card-queue.disabled .ticket-queue { background: #f0f0f0; border-color: #d1d1d1; } .ticket-card-queue.disabled .success-history, .ticket-card-queue.disabled .queue-number { color: #999; } .ticket-card-queue.disabled .success-history:after { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 3px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #999; border-right: none; } .ticket-card-queue.success { background-image: url("../images/ticket6.png"); background-image: -webkit-image-set(url("../images/ticket6.png") 1x, url("../images/ticket6@2x.png") 2x); background-image: image-set(url("../images/ticket6.png") 1x, url("../images/ticket6@2x.png") 2x); } .ticket-card-queue.active { background-image: url("../images/ticket6.png"); background-image: -webkit-image-set(url("../images/ticket6.png") 1x, url("../images/ticket6@2x.png") 2x); background-image: image-set(url("../images/ticket6.png") 1x, url("../images/ticket6@2x.png") 2x); } .ticket-card-queue.active:after { content: ""; position: absolute; top: 0; right: 5px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .ticket-card-queue .ticket-tips { position: absolute; bottom: 0; left: 5px; right: 5px; background: 0; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 13px 30px 13px 10px; border-radius: 0 0 4px 4px; } .ticket-card-queue .ticket-tips .ticket-tips-bd { height: 20px; overflow: hidden; font-size: 12px; -webkit-transition: 0.3s linear height; transition: 0.3s linear height; } .ticket-card-queue .ticket-tips .ticket-tips-bd p { height: 20px; line-height: 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .ticket-card-queue .ticket-tips .tips-show-all, .ticket-card-queue .ticket-tips .tips-show-less { position: absolute; width: 16px; height: 16px; line-height: 16px; top: 15px; right: 10px; cursor: pointer; } .ticket-card-queue .ticket-tips .tips-show-less { display: none; } .ticket-card-queue .ticket-tips.ticket-tips-all { border-radius: 4px; } .ticket-card-queue .ticket-tips.ticket-tips-all .ticket-tips-bd { height: 134px; } .ticket-card-queue .ticket-tips.ticket-tips-all .ticket-tips-bd p { height: auto; white-space: normal; } .ticket-card-queue .ticket-tips.ticket-tips-all .tips-show-all { display: none; } .ticket-card-queue .ticket-tips.ticket-tips-all .tips-show-less { display: block; } /*旅客*/ .passenger-card { width: 270px; background: #f0f8ff; padding: 10px 15px; position: relative; } .passenger-card .passenger-name { line-height: 18px; height: 38px; padding: 10px 0; padding-right: 60px; overflow: hidden; } .passenger-card .ico-passenger { display: inline-block; width: 18px; height: 18px; vertical-align: top; margin-right: 10px; background-image: url("../images/passenger.png"); background-image: -webkit-image-set(url("../images/passenger.png") 1x, url("../images/passenger@2x.png") 2x); background-image: image-set(url("../images/passenger.png") 1x, url("../images/passenger@2x.png") 2x); } .passenger-card .label-txt { height: 18px; line-height: 16px; min-width: 45px; vertical-align: top; } .passenger-card .passenger-type { height: 28px; line-height: 28px; overflow: hidden; } .passenger-card .passenger-num { height: 28px; line-height: 28px; overflow: hidden; } .passenger-card .passenger-berth { position: absolute; top: 10px; right: 15px; line-height: 38px; color: #3b99fc; } .passenger-card.disabled { color: #999; background: #f8f8f8; } .passenger-card.disabled .ico-passenger { background-image: url("../images/passenger2.png"); background-image: -webkit-image-set(url("../images/passenger2.png") 1x, url("../images/passenger2@2x.png") 2x); background-image: image-set(url("../images/passenger2.png") 1x, url("../images/passenger2@2x.png") 2x); } .passenger-card.disabled .label-txt { border-color: #dedede; color: #999; } .passenger-card.active { border: 1px solid #3b99fc; padding: 9px 14px; border-radius: 4px; } .passenger-card.active::after { content: ""; position: absolute; top: -1px; right: -1px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .passenger-card.completed::after { content: "已预约"; position: absolute; top: 0; right: 0; height: 26px; line-height: 26px; padding: 0 10px; background: #d8d8d8; font-size: 12px; color: #333; } /*服务标签*/ .label-service-card, .label-service-food, .label-service-code { display: inline-block; width: 138px; height: 22px; background-image: url("../images/service2.png"); background-image: -webkit-image-set(url("../images/service2.png") 1x, url("../images/service2@2x.png") 2x); background-image: image-set(url("../images/service2.png") 1x, url("../images/service2@2x.png") 2x); } .label-service-food { width: 78px; background-position: -147px 0; } .label-service-code { width: 102px; background-position: -234px 0; } /*排序按钮*/ .btn-sort { display: inline-block; width: 8px; height: 10px; margin-left: 6px; position: relative; } .btn-sort .sort-top { position: absolute; top: 0; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #999 transparent; border-top: none; } .btn-sort .sort-top.active { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #3b99fc transparent; border-top: none; } .btn-sort .sort-down { position: absolute; bottom: 0; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #999 transparent transparent transparent; border-bottom: none; } .btn-sort .sort-down.active { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #3b99fc transparent transparent transparent; border-bottom: none; } /*订单类列表*/ .panel-order { border: 1px solid #acd1f9; -webkit-transition: 0.3s linear border; transition: 0.3s linear border; } .panel-order:hover { border: 1px solid #3b99fc; } .panel-order .panel-order-hd { height: 40px; line-height: 30px; background: #f0f8ff; padding: 5px 20px; } .panel-order .panel-order-hd.bg-white { background-color: #fff; } .panel-order .panel-order-bd.padding { padding: 20px; } .panel-order .panel-order-ft { *zoom: 1; border-top: 1px solid #dedede; padding: 20px; } .panel-order .panel-order-ft:before, .panel-order .panel-order-ft:after { content: ""; display: table; } .panel-order .panel-order-ft:after { clear: both; overflow: hidden; } /*搜索*/ .search-mini { width: 190px; height: 30px; position: relative; } .search-mini .search-input { float: left; width: 160px; border-right: none; } .search-mini .search-btn { float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #3b99fc; color: #fff; } /*广告*/ .ad-full { position: relative; } .ad-full img { display: block; width: 100%; height: auto; } .ad-full .ad-notice { position: absolute; right: 0; bottom: 0; width: 36px; height: 18px; line-height: 18px; text-align: center; background: #6c635b; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 12px; overflow: hidden; } .ad-full .ad-close { position: absolute; top: 0; right: 0; width: 14px; height: 14px; line-height: 14px; background: #6c635b; background: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; cursor: pointer; } .ad-full .ad-close .icon { display: block; width: 14px; height: 14px; font-size: 12px; } /*成功*/ .panel-success { background: #fcfff2; border: 1px solid #d4e4c3; padding: 20px; } /*结果页面*/ .panel-result { background: #f0f8ff; border: 1px solid #acd1f9; padding: 20px; } /*兑换图标*/ .ico-ticket-change { position: absolute; top: -1px; right: -1px; width: 20px; height: 15px; border-radius: 0 6px 0 0; background-image: url("../images/change.png"); background-image: -webkit-image-set(url("../images/change.png") 1x, url("../images/change@2x.png") 2x); background-image: image-set(url("../images/change.png") 1x, url("../images/change@2x.png") 2x); } .btn-sm .ico-ticket-change { border-radius: 0 3px 0 0; } /*购物车*/ /*锁定图标*/ .ico-lock { display: inline-block; width: 30px; height: 30px; background-image: url("../images/lock.png"); background-image: -webkit-image-set(url("../images/lock.png") 1x, url("../images/lock@2x.png") 2x); background-image: image-set(url("../images/lock.png") 1x, url("../images/lock@2x.png") 2x); } /*----201904 跨海联运----*/ /*联运入口*/ .ly-plan-section { margin-right: -20px; margin-top: 20px; *zoom: 1; } .ly-plan-section:before, .ly-plan-section:after { content: ""; display: table; } .ly-plan-section:after { clear: both; overflow: hidden; } .ly-plan-section .ly-plan-box { width: 585px; float: left; margin-right: 20px; } .ly-plan-box { border: 1px solid #dedede; border-radius: 4px; padding: 10px 20px; *zoom: 1; } .ly-plan-box:before, .ly-plan-box:after { content: ""; display: table; } .ly-plan-box:after { clear: both; overflow: hidden; } .ly-plan-box.l-border0 { border: none; } .ly-plan-box .bor-btn-default { position: relative; margin: 0 74px; float: left; } .ly-plan-box .bor-btn-default:after, .ly-plan-box .bor-btn-default:before { position: absolute; content: ""; left: -25px; top: 50%; width: 20px; height: 1px; background-color: #dedede; } .ly-plan-box .bor-btn-default:after { left: inherit; right: -25px; } .ly-plan-box .ly-plan-btn { margin-top: 15px; float: right; } .ly-plan-box .ly-plan-hd { float: left; margin-right: 20px; } .ly-plan-box .ly-plan-hd .bor-btn-primary { display: inline-block; vertical-align: middle; line-height: 22px; width: 64px; padding: 5px 14px; font-size: 16px; color: #3b99fc; border: 2px solid #3b99fc; border-radius: 4px; } .ly-plan-item { float: left; } .ly-plan-item .ly-plan-title { line-height: 32px; font-size: 16px; *zoom: 1; } .ly-plan-item .ly-plan-title:before, .ly-plan-item .ly-plan-title:after { content: ""; display: table; } .ly-plan-item .ly-plan-title:after { clear: both; overflow: hidden; } .ly-plan-item .bor-btn-default { vertical-align: middle; display: inline-block; border-radius: 100px; line-height: 20px; padding: 5px 10px; font-size: 12px; color: #3b99fc; border: 1px solid #dedede; } .order-empty { margin: 200px auto; padding-left: 280px; } .order-empty .empty-pic { float: left; } .order-empty .empty-pic img { display: block; width: 87px; height: 70px; } .order-empty .empty-txt { margin-left: 110px; padding: 15px 0; color: #999; } .order-empty .empty-txt p { line-height: 20px; } .order-empty .empty-txt .empty-tit { line-height: 40px; } /*箭头*/ .l-arrow-up { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #3b99fc transparent; border-top: none; vertical-align: middle; margin-left: 5px; margin-top: -2px; } .l-arrow-up.arw-default { border-bottom-color: #333; } .l-arrow-down { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #3b99fc transparent transparent transparent; border-bottom: none; vertical-align: middle; margin-left: 3px; margin-top: -2px; } .l-arrow-down.arw-default { border-top-color: #333; } .l-fold { cursor: pointer; position: absolute; width: 50px; height: 50px; line-height: 50px; right: 0px; top: 0px; color: #3b99fc; } .l-fold .l-fold-toggle { -webkit-transition: 0.3s linear transform; transition: 0.3s linear transform; } .l-fold:hover .l-fold-toggle { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .l-fold.active .l-fold-toggle { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /*table*/ .table-default { border-radius: 4px; border: 1px solid #3b99fc; line-height: 20px; background: #fff; } .table-default th { background: #3b99fc; color: #fff; padding: 5px 20px; } .table-default td { padding: 15px 20px; } .table-text { border-radius: 4px; background: #fff; width: 100%; line-height: 20px; } .table-text th { padding: 8px 5px; color: #666; text-align: right; vertical-align: top; } .table-text td { padding: 8px 5px; vertical-align: top; } .table-border { width: 100%; border: 1px solid #acd1f9; line-height: 20px; } .table-border td { padding: 10px 20px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; } .table-border td:last-child { border-right: none; } .table-border tr:last-child td { border-bottom: none; } .table-box .table { width: 100%; table-layout: fixed; border-radius: 4px; border: 1px solid #dedede; line-height: 20px; } .table-box .table th { background: #f8f8f8; font-weight: 700; padding: 10px 20px; } .table-box .table td { border: 1px solid #dedede; padding: 10px 20px; } .table-box .table-hd .table { border-bottom: none; text-align: center; } .table-box .table-hd + .table-bd .table { border-top: none; } .table-box .table-hd + .table-bd tr:first-child td { border-top: none; } .table-box .table-bd { overflow-y: auto; overflow-x: hidden; } .table-box .table-bd::-webkit-scrollbar { width: 6px; height: 6px; background-color: #f8f8f8; } .table-box .table-bd::-webkit-scrollbar-track { -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; background-color: transparent; } .table-box .table-bd::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; background-color: #d3d3d3; } /*票金额张数 卡片*/ .order-card-box { *zoom: 1; margin-top: -4px; } .order-card-box:before, .order-card-box:after { content: ""; display: table; } .order-card-box:after { clear: both; overflow: hidden; } .order-card-box .order-card-item { border: 1px solid #3b99fc; border-radius: 4px; height: 66px; width: 74px; overflow: hidden; padding: 6px 0px 0 8px; float: left; line-height: 18px; margin: 0px 0px 20px 20px; cursor: pointer; } .order-card-box .order-card-item.ishide { display: none; } .order-card-box .order-card-item.active { position: relative; background: #f0f8ff; } .order-card-box .order-card-item.active:after { content: ""; position: absolute; bottom: -2px; right: -2px; width: 26px; height: 21px; background-image: url("../images/current2.png"); background-image: -webkit-image-set(url("../images/current2.png") 1x, url("../images/current2@2x.png") 2x); background-image: image-set(url("../images/current2.png") 1x, url("../images/current2@2x.png") 2x); } .order-card-box .order-card-item p, .order-card-box .order-card-item div { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .bottom-tips { display: inline-block; background-color: #fff; border: 1px solid #3b99fc; line-height: 20px; color: #3b99fc; padding: 0 8px; font-size: 12px; cursor: pointer; } .bottom-tips .icon { display: inline-block; height: 100%; font-size: 14px; -webkit-transition: 0.3s linear transform; transition: 0.3s linear transform; } .bottom-tips .icon.active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .l-ticket-txt { border: 1px solid #3b99fc; line-height: 28px; display: inline-block; padding: 0 14px; color: #3b99fc; vertical-align: top; text-align: center; } .l-ticket-txt .txt-price { font-style: normal; margin: 0 8px; } .l-type-txt { background: #3b99fc; line-height: 28px; display: inline-block; padding: 0 14px; color: #fff; vertical-align: top; text-align: center; } /*推荐 联运等文字色卡*/ .ticket-type { position: absolute; top: 0; left: 0; height: 18px; } .ticket-type .ticket-type-txt { background: #f3f9ff; line-height: 18px; display: inline-block; min-width: 60px; color: #3b99fc; font-size: 12px; padding: 0 6px; vertical-align: top; text-align: center; } .ticket-type .ticket-type-txt.type01 { color: #ff8000; background-color: #ffead6; } .ticket-arw-box { position: absolute; top: 0; bottom: 0; height: 90%; height: calc(100% - 45px); width: 2px; background: #efefef; text-align: center; } .ticket-arw-box:before { content: ""; width: 6px; height: 6px; border-radius: 3px; background: #efefef; position: absolute; left: -2px; top: 0; } .ticket-arw-box:after { content: ""; border-radius: 2px; color: #efefef; line-height: 1; position: absolute; bottom: -6px; left: -5px; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #efefef transparent transparent transparent; border-bottom: none; vertical-align: middle; } .l-order-item { position: relative; *zoom: 1; padding: 30px 0px 0px 28px; } .l-order-item:before, .l-order-item:after { content: ""; display: table; } .l-order-item:after { clear: both; overflow: hidden; } .l-order-item.l-order-item-single { padding: 12px 0 3px 28px; margin-right: 10px; } .l-order-item.l-order-item-single .l-jiantou1 { font-size: 24px; font-weight: 700; bottom: -10px; } .l-order-item.l-order-item-sm { padding: 10px 10px 0px 28px; } .l-order-item.l-order-item-sm .l-order-txt { padding-bottom: 0; } .l-order-item.l-order-item-sm .l-order-txt:last-child { margin-right: 0; } .l-order-item.l-order-item-sm:last-child .l-jiantou1 { display: none; } .l-order-item.l-order-item-sm:last-child .l-order-info { border-bottom: none; } .l-order-item.l-order-item-sm i.icon { margin-top: 12px; } .l-order-item.l-order-item-sm .l-jiantou1 { bottom: -10px; } .l-order-item.l-order-item-mid { padding: 10px 10px 0px 28px; margin-left: 20px; } .l-order-item.l-order-item-mid .l-order-info { border-bottom: none; padding-bottom: 0; } .l-order-item.l-order-item-mid .l-order-txt { padding-bottom: 18px; } .l-order-item.l-order-item-mid i.icon { margin-top: 16px; } .l-order-item.l-order-item-mid .l-jiantou1 { bottom: -21px; } .l-order-item .l-jiantou1 { position: absolute; left: -14px; bottom: -2px; color: #efefef; font-size: 32px; font-weight: 700; width: 44px; text-align: center; } .l-order-item.last .ticket-arw-box { display: none; } .l-order-item.last .l-order-info { border-bottom: none; } .l-order-item.last .l-jiantou1 { display: none; } .l-order-item > i.icon { float: left; display: block; text-align: center; line-height: 1; width: 17px; height: 36px; margin-left: -28px; margin-top: 4px; color: #3b99fc; position: relative; z-index: 1; } .l-order-item > i.icon.l-icon02 { color: #ff8000; } .l-order-item > i.icon.l-icon03 { color: #4ea373; } .l-order-item .l-order-text { position: relative; } .l-order-item .l-order-text:before { content: ""; position: absolute; left: 50%; margin-left: -4px; bottom: 0; width: 8px; height: 1px; background-color: #333; } .l-order-item .l-order-info { border-bottom: 1px dashed #dedede; float: left; position: relative; width: 100%; padding-bottom: 10px; } .l-order-item .ticket-arw-box { left: 7px; top: 60px; } .l-order-item .l-order-txt { float: left; padding-bottom: 12px; margin-right: 20px; } .l-order-item .order-card-box { width: 355px; float: right; } /*文字卡片*/ .type-txt { background: #ff8000; line-height: 16px; display: inline-block; min-width: 60px; color: #fff; border-radius: 8px; font-size: 12px; padding: 0 6px; text-align: center; } /*查看中转*/ .l-panel { position: absolute; left: 400px; top: 646px; width: 350px; z-index: 9999; } .l-panel .l-panel-hd { height: 30px; line-height: 30px; background: #3b99fc; color: #fff; padding: 0 30px 0 20px; } .l-panel .l-panel-hd .l-panel-close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; } .l-panel .l-panel-bd { width: 100%; background: #fff; border: 1px solid #dedede; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } /*查看中转*/ .lianyun-category-item { padding: 8px 0; *zoom: 1; } .lianyun-category-item:before, .lianyun-category-item:after { content: ""; display: table; } .lianyun-category-item:after { clear: both; overflow: hidden; } .lianyun-category-item:last-child .lianyun-category .l-jiantou { display: none; } .lianyun-category-item:last-child .lianyun-txt { border-bottom: none; } .lianyun-category-item .lianyun-category { float: left; max-width: 58px; position: relative; } .lianyun-category-item .lianyun-category > i.icon { margin-left: 5px; } .lianyun-category-item .lianyun-category .l-jiantou { position: absolute; bottom: -22px; color: #efefef; font-size: 32px; width: 28px; left: 0; text-align: center; } .lianyun-category-item .lianyun-category .l-jiantou1 { position: absolute; left: 31px; bottom: 8px; color: #efefef; font-size: 42px; width: 44px; text-align: center; } .lianyun-category-item .lianyun-category .l-zhuan { position: absolute; bottom: -12px; left: 40px; color: #999; font-size: 24px; width: 28px; text-align: center; } .lianyun-category-item .lianyun-category .lianyun-category-name { font-weight: 700; line-height: 24px; height: 38px; overflow: hidden; } .lianyun-category-item .lianyun-txt { margin-left: 58px; border-bottom: 1px dashed #dedede; padding-bottom: 12px; } .lianyun-category i.icon { display: inline-block; text-align: center; width: 22px; height: 22px; line-height: 20px; color: #3b99fc; border: 1px solid #3b99fc; border-radius: 11px; font-size: 14px; -webkit-box-shadow: 0 0 4px 0 rgba(59, 153, 252, 0.5); box-shadow: 0 0 4px 0 rgba(59, 153, 252, 0.5); } .lianyun-category i.icon.l-icon02 { border-color: #ff8000; color: #ff8000; -webkit-box-shadow: 0 0 4px 0 rgba(255, 128, 0, 0.5); box-shadow: 0 0 4px 0 rgba(255, 128, 0, 0.5); } .lianyun-category i.icon.l-icon03 { border-color: #4ea373; color: #4ea373; -webkit-box-shadow: 0 0 4px 0 rgba(78, 163, 115, 0.5); box-shadow: 0 0 4px 0 rgba(78, 163, 115, 0.5); } .lianyun-category-box { padding: 10px 20px; } .lianyun-category-box .lianyun-category-item .lianyun-txt { margin-left: 70px; } /*层*/ .l-floor { position: fixed; top: 460px; z-index: 9999; margin-left: -95px; } .l-floor-box { background: #ffffff; border: 1px solid #d3e5f5; } .l-floor-box li { color: #666; *zoom: 1; padding-left: 30px; line-height: 24px; cursor: pointer; padding-right: 13px; -webkit-transition: 0.3s color; transition: 0.3s color; } .l-floor-box li:before, .l-floor-box li:after { content: ""; display: table; } .l-floor-box li:after { clear: both; overflow: hidden; } .l-floor-box li .icon { float: left; width: 30px; margin-left: -30px; text-align: center; color: #dfdfdf; -webkit-transition: 0.3s color; transition: 0.3s color; } .l-floor-box li .floor-txt { font-size: 12px; } .l-floor-box li:hover { color: #3b99fc; } .l-floor-box li:hover .icon { color: #3b99fc; } .l-floor-box li.active { background: #3b99fc; color: #fff; } .l-floor-box li.active .icon { color: #fff; } /*第几程标签*/ .ticket-result-name { line-height: 28px; border: 1px solid #3b99fc; } .ticket-result-name .result-name { color: #fff; background: #3b99fc; font-weight: 400; float: left; padding: 0 5px 0 13px; position: relative; } .ticket-result-name .result-name:before { content: ""; position: absolute; right: -21px; width: 22px; height: 100%; background-image: url("../images/arrowbg.png"); background-image: -webkit-image-set(url("../images/arrowbg.png") 1x, url("../images/arrowbg@2x.png") 2x); background-image: image-set(url("../images/arrowbg.png") 1x, url("../images/arrowbg@2x.png") 2x); background-repeat: no-repeat; background-position: right center; } .ticket-result-name .result-cate { padding: 0 12px 0 30px; } /*----201904 订单中心----*/ .l-circle-icon { width: 50px; height: 50px; } .l-jiantouxia { text-align: center; color: #efefef; line-height: 32px; } .l-jiantouxia .icon { vertical-align: middle; font-size: 32px; } .l-txt-type { display: inline-block; height: 16px; line-height: 16px; padding: 0px 8px; color: #fff; background: #ff8000; font-size: 12px; border-radius: 10px; vertical-align: middle; margin-left: 8px; margin-top: -2px; } /*路线信息*/ .l-route-list { *zoom: 1; } .l-route-list:before, .l-route-list:after { content: ""; display: table; } .l-route-list:after { clear: both; overflow: hidden; } .l-route-list.l-route-list-sm .l-route-item { border-right: none; height: 62px; } .l-route-list.l-route-list-sm .l-route-item.last .l-route-type { display: none; } .l-route-list.l-route-list-sm .l-route-item .l-route-type { margin-left: 20px; } .l-route-list.l-route-list-sm .l-route-item .l-route-txt { width: auto; } .l-route-item { float: left; margin: 0px 0 20px; position: relative; border-right: 1px dashed #dedede; *zoom: 1; } .l-route-item:before, .l-route-item:after { content: ""; display: table; } .l-route-item:after { clear: both; overflow: hidden; } .l-route-item.last { border-right: none; } .l-route-item .l-route-name { font-size: 18px; color: #3b99fc; font-weight: 700; width: 100%; height: 54px; overflow: hidden; } .l-route-item .l-route-txt { float: left; line-height: 22px; width: 144px; padding-left: 20px; } .l-route-item .l-route-txt .route-title { font-size: 16px; font-weight: 700; margin-bottom: 8px; } .l-route-item .l-route-txt .route-title, .l-route-item .l-route-txt .route-time { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /*路线箭头*/ .l-route-type { float: left; width: 92px; position: relative; background-image: url("../images/center/to4.png"); background-image: -webkit-image-set(url("../images/center/to4.png") 1x, url("../images/center/to4@2x.png") 2x); background-image: image-set(url("../images/center/to4.png") 1x, url("../images/center/to4@2x.png") 2x); background-repeat: no-repeat; background-position: center 17px; background-size: 100%; text-align: center; } .l-route-type.l-route-type-sm { width: 62px; background-position: center 20px; } .l-route-type > .icon { color: #3b99fc; font-size: 18px; } .l-route-type .route-type-txt { font-size: 12px; margin-bottom: 5px; color: #666; line-height: 22px; } .txt-price-lg { line-height: 40px; } .txt-price-lg .txt-price-tit { display: inline-block; min-width: 96px; text-align: right; vertical-align: middle; } .txt-price-lg .txt-price { display: inline-block; vertical-align: middle; text-align: left; font-size: 26px; } .txt-price-lg .rmb { display: inline-block; vertical-align: middle; color: #ff8000; font-style: normal; font-size: 20px; } /*发票信息*/ .table-new-default td { line-height: 20px; padding: 5px 10px; } .table-new-default .text-right { padding: 5px 10px 5px 0; } /*联运车票卡片*/ .l-ticket-cards { *zoom: 1; padding: 10px; } .l-ticket-cards:before, .l-ticket-cards:after { content: ""; display: table; } .l-ticket-cards:after { clear: both; overflow: hidden; } .l-ticket-cards .l-ticket-card { float: left; } .l-ticket-card { width: 270px; height: 125px; background-image: url("../images/l-ticket-daba.png"); background-image: -webkit-image-set(url("../images/l-ticket-daba.png") 1x, url("../images/l-ticket-daba@2x.png") 2x); background-image: image-set(url("../images/l-ticket-daba.png") 1x, url("../images/l-ticket-daba@2x.png") 2x); padding: 10px 20px 10px; margin: 10px; position: relative; } .l-ticket-card .l-ticket-info { height: 18px; line-height: 18px; overflow: hidden; position: relative; margin-top: 8px; font-size: 12px; @incldue ellipsis; } .l-ticket-card.l-ticket-lundu { background-image: url("../images/l-ticket-lundu.png"); background-image: -webkit-image-set(url("../images/l-ticket-lundu.png") 1x, url("../images/l-ticket-lundu@2x.png") 2x); background-image: image-set(url("../images/l-ticket-lundu.png") 1x, url("../images/l-ticket-lundu@2x.png") 2x); } .l-ticket-card.l-ticket-train { background-image: url("../images/ticket.png"); background-image: -webkit-image-set(url("../images/ticket.png") 1x, url("../images/ticket@2x.png") 2x); background-image: image-set(url("../images/ticket.png") 1x, url("../images/ticket@2x.png") 2x); } .l-ticket-card .ticket-success { position: absolute; top: 10px; right: 20px; width: 74px; height: 18px; background-image: url("../images/buySuccess.png"); background-image: -webkit-image-set(url("../images/buySuccess.png") 1x, url("../images/buySuccess@2x.png") 2x); background-image: image-set(url("../images/buySuccess.png") 1x, url("../images/buySuccess@2x.png") 2x); } .l-ticket-card.disabled { background-image: url("../images/l-ticket-daba0.png"); background-image: -webkit-image-set(url("../images/l-ticket-daba0.png") 1x, url("../images/l-ticket-daba0@2x.png") 2x); background-image: image-set(url("../images/l-ticket-daba0.png") 1x, url("../images/l-ticket-daba0@2x.png") 2x); color: #999; } .l-ticket-card.disabled .l-txt-type { background-color: #999; } .l-ticket-card.disabled .txt-price { color: #999 !important; } .l-ticket-card.disabled .i-dkp { background-image: url("../images/center/ykp.png"); background-image: -webkit-image-set(url("../images/center/ykp.png") 1x, url("../images/center/ykp@2x.png") 2x); background-image: image-set(url("../images/center/ykp.png") 1x, url("../images/center/ykp@2x.png") 2x); } .l-ticket-card.disabled.l-ticket-lundu { background-image: url("../images/l-ticket-lundu0.png"); background-image: -webkit-image-set(url("../images/l-ticket-lundu0.png") 1x, url("../images/l-ticket-lundu0@2x.png") 2x); background-image: image-set(url("../images/l-ticket-lundu0.png") 1x, url("../images/l-ticket-lundu0@2x.png") 2x); } .l-ticket-card.disabled.l-ticket-train { background-image: url("../images/ticket2.png"); background-image: -webkit-image-set(url("../images/ticket2.png") 1x, url("../images/ticket2@2x.png") 2x); background-image: image-set(url("../images/ticket2.png") 1x, url("../images/ticket2@2x.png") 2x); } .l-ticket-card.success { background-image: url("../images/ticket3.png"); background-image: -webkit-image-set(url("../images/ticket3.png") 1x, url("../images/ticket3@2x.png") 2x); background-image: image-set(url("../images/ticket3.png") 1x, url("../images/ticket3@2x.png") 2x); } .l-ticket-card.active { background-image: url("../images/ticket3.png"); background-image: -webkit-image-set(url("../images/ticket3.png") 1x, url("../images/ticket3@2x.png") 2x); background-image: image-set(url("../images/ticket3.png") 1x, url("../images/ticket3@2x.png") 2x); } .l-ticket-card.active:after { content: ""; position: absolute; bottom: 0; right: 5px; width: 26px; height: 21px; background-image: url("../images/current2.png"); background-image: -webkit-image-set(url("../images/current2.png") 1x, url("../images/current2@2x.png") 2x); background-image: image-set(url("../images/current2.png") 1x, url("../images/current2@2x.png") 2x); } /*验证码*/ .box-psw-code .code-tit { text-align: center; font-size: 30px; font-size: 16px; } .box-psw-code .code-pic { text-align: center; margin: 10px 0; } .box-psw-code .code-pic img { vertical-align: top; width: 90px; height: 60px; } .switch { display: inline-block; position: relative; width: 40px; height: 20px; line-height: 20px; border-radius: 10px; background: #c8c9cc; cursor: pointer; vertical-align: middle; -webkit-transition: background 0.16s cubic-bezier(0.5, 0, 0.5, 0.1); transition: background 0.16s cubic-bezier(0.5, 0, 0.5, 0.1); } .switch .switch-handle { background: #fff; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 100%; -webkit-transition: left 0.16s cubic-bezier(0.5, 0, 0.5, 0.1); transition: left 0.16s cubic-bezier(0.5, 0, 0.5, 0.1); cursor: pointer; } .switch.is-active { background: #3b99fc; } .switch.is-active .switch-handle { left: 22px; } .address-box { position: absolute; background: #fff; border: 1px solid #dedede; width: 642px; display: none; } .address-box .address-hd { height: 40px; border-bottom: 1px solid #dedede; } .address-box .address-hd-item { float: left; width: 160px; height: 40px; line-height: 40px; text-align: center; padding: 0 10px; cursor: pointer; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .address-box .address-hd-item:hover { color: #3b99fc; } .address-box .address-hd-item.is-active { background: #3b99fc; color: #fff; border-radius: 4px 4px 0 0; } .address-box .address-list { padding: 10px 0; overflow: hidden; } .address-box .address-list li { float: left; width: 160px; height: 32px; line-height: 32px; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .address-box .address-list li.is-active { color: #3b99fc; } .address-box .address-list li.is-active a { color: #3b99fc; } .seat-sel { background: #F0F8FF; padding: 10px 20px 10px 100px; position: relative; } .seat-sel .seat-sel-hd { position: absolute; top: 10px; left: 20px; width: 90px; line-height: 24px; } .seat-sel .sel-item { height: 48px; line-height: 28px; padding: 10px 0; } .seat-sel .sel-item .txt { float: left; height: 28px; line-height: 28px; padding: 0 20px; border-right: 1px solid #A6BFDE; } .seat-sel .sel-item .txt-last { border-right: none; } .seat-sel .seat-list { float: left; } .seat-sel .seat-list li { float: left; height: 28px; padding: 0 10px; text-align: center; border-right: 1px solid #A6BFDE; } .seat-sel .seat-list a { float: left; width: 30px; height: 28px; line-height: 25px; background-image: url("../images/seat.png"); background-image: -webkit-image-set(url("../images/seat.png") 1x, url("../images/seat@2x.png") 2x); background-image: image-set(url("../images/seat.png") 1x, url("../images/seat@2x.png") 2x); color: #333; } .seat-sel .seat-list a.cur, .seat-sel .seat-list a.is-active { background-position: -30px 0; color: #fff; } .tips-warning { display: inline-block; height: 24px; line-height: 24px; background: #FCE9D6; padding: 0 8px; border-radius: 4px; } .tips-warning .icon { color: #FF8000; margin-right: 10px; } .tips-warning.is-bg-none { background: none; } .tips-warning.is-bg-none .icon { color: #3b99fc; } .tips-show { position: relative; padding: 10px 40px 10px 10px; line-height: 20px; background: #EBF4FE; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tips-show .tips-hd { color: #3b99fc; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; font-weight: 700; } .tips-show .tips-hd .icon { margin-right: 8px; } .tips-show .tips-ft { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; line-height: 20px; font-size: 16px; text-align: center; color: #3b99fc; cursor: pointer; } .tips-show.is-warning { background: #FFF2E5; } .tips-show.is-warning .tips-hd { color: #FF8000; } .tips-show.is-warning .tips-ft { color: #FF8000; } .entry-exit .entry-exit-hd { color: #FF8201; font-size: 16px; margin-bottom: 8px; font-weight: 700; } .entry-exit .entry-exit-hd .icon { margin-right: 10px; } .entry-exit .entry-exit-line { height: 1px; border-top: 1px dashed #EEEEEE; margin: 20px 0; } .entry-exit .entry-exit-bd { font-size: 16px; } .station-box { width: 450px; margin: 0 auto; } .station-box .station-tit { text-align: center; font-size: 16px; margin-bottom: 20px; font-weight: 700; } .station-box .station-search { width: 450px; } .station-box .station-search .search-input { width: 420px; } .station-box .station-con { max-height: 320px; overflow-y: auto; border: 1px solid #dedede; margin-top: 20px; } .station-box .station-list-box:last-child .station-list li:last-child { border-bottom: none; } .station-box .station-list-tit { height: 40px; line-height: 40px; background: #F8F8F8; padding: 0 20px; font-weight: 700; overflow: hidden; } .station-box .station-list li { height: 40px; line-height: 40px; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #dedede; cursor: pointer; } .station-box .station-list li:hover { background: rgba(59, 153, 252, 0.05); } /*购物车*/ .buy-cart { position: fixed; bottom: 100px; right: 10px; z-index: 1000; } .buy-cart .cart-hd { width: 46px; height: 46px; line-height: 46px; text-align: center; background: #3b99fc; color: #fff; position: relative; cursor: pointer; z-index: 1000; } .buy-cart .cart-hd i { font-size: 26px; } .buy-cart .cart-hd .num { position: absolute; top: -8px; right: -8px; height: 16px; line-height: 16px; text-align: center; border-radius: 20px; padding: 0 5px; background: #FF4646; color: #fff; } .buy-cart .cart-bd { position: absolute; right: 100%; bottom: 0; background: #fff; border: 1px solid #e6e6e6; width: 300px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; } .buy-cart .cart-bd::before { content: ""; position: absolute; bottom: 16px; right: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #fff; border-bottom: 6px solid transparent; } .buy-cart .cart-bd-top { height: 30px; line-height: 30px; background: #3b99fc; color: #fff; padding: 0 20px; position: relative; } .buy-cart .cart-bd-top h3 { font-weight: 400; font-size: 14px; } .buy-cart .cart-bd-top h3 strong { font-weight: 400; font-size: 14px; margin-right: 3px; } .buy-cart .cart-bd-top h3 a { color: #fff; margin-left: 10px; } .buy-cart .cart-bd-top .close { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 18px; } .buy-cart .cart-bd-top .close:hover { opacity: 0.8; } .buy-cart .cart-bd-con { overflow: hidden; padding-left: 10px; max-height: 180px; overflow-y: auto; } .buy-cart .cart-tlist li { border-bottom: 1px dashed #e3e3e3; line-height: 24px; padding: 5px 10px 5px 30px; position: relative; } .buy-cart .cart-tlist li .del { float: right; height: 24px; line-height: 24px; color: #999; } .buy-cart .cart-tlist li .del:hover { color: #f00; } .buy-cart .cart-tlist .card-num { position: absolute; top: 0; left: 0; width: 22px; height: 22px; line-height: 20px; text-align: center; color: #3b99fc; background-image: url("../images/bg-number.png"); background-image: -webkit-image-set(url("../images/bg-number.png") 1x, url("../images/bg-number@2x.png") 2x); background-image: image-set(url("../images/bg-number.png") 1x, url("../images/bg-number@2x.png") 2x); } .buy-cart .cart-tlist .cart-tlist-date { position: absolute; top: 5px; right: 10px; } .buy-cart .cart-tlist .cart-tlist-tool { height: 24px; } .buy-cart .odds-large, .buy-cart .odds-small, .buy-cart .odds-mid { float: left; height: 20px; line-height: 18px; font-size: 12px; border: 1px solid #b1d6fe; padding: 0 4px; text-align: center; margin-top: 3px; } .buy-cart .odds-large { color: #FF4646; border-color: #FFBABA; } .buy-cart .odds-small { color: #4EA373; border-color: #C6E8D5; } .buy-cart .odds-mid { color: #FCA73B; border-color: #FFDBAC; } .buy-cart .cart-odds { position: absolute; top: 25px; right: 40px; min-width: 56px; height: 20px; line-height: 20px; font-size: 12px; } .buy-cart .cart-odds strong { font-weight: 400; font-size: 14px; color: #FF4646; } .buy-cart .cart-bd-ft { padding: 10px; overflow: hidden; text-align: right; position: relative; z-index: 10; border-top: 1px dashed #e3e3e3; } .buy-cart .cart-bd-ft .cart-ft-tips { line-height: 20px; color: #999; text-align: left; position: relative; } .buy-cart .cart-bd-ft .btn { margin-top: 4px; } .is-caring .buy-cart .cart-bd-top h3 { font-size: 20px; } .is-caring .buy-cart .cart-bd-top strong { font-size: 20px; } .is-caring .buy-cart .cart-bd-top .close { font-size: 24px; } .is-caring .buy-cart .odds-large, .is-caring .buy-cart .odds-small, .is-caring .buy-cart .odds-mid { font-size: 18px; } .is-caring .buy-cart .cart-odds { font-size: 18px; } .is-caring .buy-cart .cart-odds strong { font-size: 20px; } /*购物车结束*/ /*--- 关爱版 开始 ---*/ .is-caring { font-size: 18px; } .is-caring .fixed-right-menu .menu-code { width: 400px; } .is-caring .fixed-right-menu .menu-code-pic .code-tips { width: 240px; font-size: 18px; } .is-caring .breadcrumb { font-size: 18px; } .is-caring .tips-box .tips-tit { font-size: 18px; } .is-caring .tips-box h2 { font-size: 18px; } .is-caring .tips-box p { line-height: 30px; font-size: 18px; } .is-caring .panel-tab .tab-hd-list .txt-num { font-size: 18px; height: 20px; line-height: 20px; } .is-caring .txt-lg { font-size: 20px !important; } .is-caring .txt-mlg { font-size: 22px !important; } .is-caring .txt-blg { font-size: 22px !important; } .is-caring .txt-sm { font-size: 18px !important; } .is-caring .txt-md { font-size: 18px !important; } .is-caring .label-discount { font-size: 18px; height: 22px; line-height: 20px; } .is-caring .label-primary { height: 22px; line-height: 20px; font-size: 18px; } .is-caring .pagination .page-num li a { font-size: 18px; } .is-caring .modal .modal-tit { font-size: 20px; } .is-caring .modal .modal-close .icon { font-size: 20px; } .is-caring .icon { font-size: 18px; } .is-caring .label-txt { font-size: 18px; } .is-caring .passenger-card .label-txt { height: 22px; line-height: 20px; } .is-caring .ticket-card-queue .ticket-queue { font-size: 18px; } .is-caring .ticket-card-queue .ticket-station-name { font-size: 18px; } .is-caring .ticket-card-queue .ticket-date strong { font-size: 18px; } .is-caring .ticket-card .ticket-date strong { font-size: 18px; } .is-caring .ticket-card .ticket-station-name { font-size: 18px; } .is-caring .label-shi, .is-caring .label-guo, .is-caring .label-zhong { width: 20px; height: 20px; font-size: 18px; } .is-caring .message .msg-tit { font-size: 20px; } .is-caring .message .msg-info { line-height: 30px; } .is-caring .article-box .title { line-height: 40px; font-size: 24px; } .is-caring .article-box .para-sub-title { height: 36px; line-height: 36px; font-size: 20px; } .is-caring .article-box .para-box { line-height: 26px; } .is-caring .search-box .form-label { width: 95px; } .is-caring .form-list .form-tips { font-size: 18px; } .is-caring .pwd-rank { height: 20px; line-height: 20px; } .is-caring .pwd-rank span { font-size: 18px; height: 20px; } .is-caring .btn.w120 { width: 150px !important; } .is-caring .btn.w210 { width: 230px !important; } .is-caring .message .msg-tit .small { font-size: 18px; } .is-caring .passenger-card.completed::after { font-size: 18px; } .is-caring .panel-error .error-tit { font-size: 20px; } .is-caring .l-ticket-card .l-ticket-info { font-size: 18px; } .is-caring .l-txt-type { font-size: 18px; } .is-caring .l-ticket-card { height: 166px; } /*--- 关爱版 结束 ---*/ .label-discount-new { display: inline-block; width: 44px; height: 18px; line-height: 18px; text-align: center; padding-left: 4px; color: #ff4646; font-size: 12px; font-style: normal; vertical-align: middle; background-image: url("../images/discount.png"); background-image: -webkit-image-set(url("../images/discount.png") 1x, url("../images/discount@2x.png") 2x); background-image: image-set(url("../images/discount.png") 1x, url("../images/discount@2x.png") 2x); } .is-caring .label-discount-new { font-size: 14px; } @-webkit-keyframes scale-spring { 0% { opacity: 0.5; -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); } 80% { opacity: 0.8; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-spring { 0% { opacity: 0.5; -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); } 80% { opacity: 0.8; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes up-small { 0% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0.3; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes up-small { 0% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0.3; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes up-lg { 0% { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0.3; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes up-lg { 0% { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0.3; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes width-increase { 0% { width: 0%; } } @-webkit-keyframes animate-positive { 0% { width: 0%; } } @keyframes animate-positive { 0% { width: 0%; } } /* z-index: header 2000 nav 1900 mask 5000 modal 6000 */ @charset "UTF-8"; /*新网站头部底部样式*/ .header, .header *, .footer, .footer *, .nav-box, .nav-box * { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; } .header .wrapper, .footer .wrapper, .nav-box .wrapper { width: 1200px; padding: 0 5px; margin-left: auto; margin-right: auto; } .header, .footer, .nav-box { font-size: 14px; } .w300 { width: 300px; } a { color: #333; } a:hover { color: #3b99fc; } h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 100%; } .mr { margin-right: 10px; } .ml { margin-left: 10px; } /*头部*/ .header { background: #fff; position: relative; z-index: 2000; } .header:before { content: ""; position: absolute; top: 24px; right: 0; left: 50%; height: 40px; background: #f8f8f8; z-index: 1; } .header .header-con { *zoom: 1; height: 80px; } .header .header-con:before, .header .header-con:after { content: ""; display: table; } .header .header-con:after { clear: both; overflow: hidden; } .logo { float: left; margin: 15px 0 0 0; padding: 0; } .logo a { display: block; width: 200px; height: 50px; text-indent: -9999px; background-image: url("../images/logo.png"); background-image: -webkit-image-set(url("../images/logo.png") 1x, url("../images/logo@2x.png") 2x); background-image: image-set(url("../images/logo.png") 1x, url("../images/logo@2x.png") 2x); } .header-right { float: right; margin: 24px 0 0 0; width: 940px; height: 40px; background-image: url(../images/train.png); background-image: -webkit-image-set(url(../images/train.png) 1x, url(../images/train@2x.png) 2x); background-image: image-set(url(../images/train.png) 1x, url(../images/train@2x.png) 2x); background-repeat: no-repeat; position: relative; z-index: 2000; } /*-----搜索条-----*/ .header-search { float: left; width: 390px; margin: 5px 0 5px 90px; } .header-search .search-bd { width: 360px; position: relative; } .header-search .search-bd .search-input { width: 100%; float: left; border-radius: 0; height: 30px; line-height: 20px; border: 1px solid #dedede; padding: 4px 10px; background-color: #fff; color: #333; outline: none; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .header-search .search-bd .search-input.focus { border-color: #3b99fc; } .header-search .search-btn { float: left; width: 30px; color: #fff; height: 30px; line-height: 30px; padding: 0; border-radius: 0; background-color: #3b99fc; border: none; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; -webkit-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .header-search .search-btn:hover { background: #2676e3; color: #fff; } .header-search .search-down, .header-search .search-history { position: absolute; top: 30px; left: 0; right: 0; z-index: 2000; background: #fff; border: 1px solid #dedede; border-top: none; min-height: 30px; display: none; } .header-search .search-down .close, .header-search .search-history .close { position: absolute; top: 0; right: 16px; line-height: 34px; height: 34px; color: #3b99fc; font-size: 12px; background: none; text-indent: 0; width: auto; } .header-search .search-down .close:hover, .header-search .search-history .close:hover { color: #2676e3; } .header-search .search-down-list { max-height: 204px; overflow-y: auto; } .header-search .search-down-list li { height: 34px; line-height: 34px; overflow: hidden; padding: 0 30px 0 5px; cursor: pointer; color: #666; } .header-search .search-down-list li:hover { background: #F8F8F8; } .header-search .search-down-list .list-txt { color: #333; } .header-search .search-down-list .icon { float: left; width: 24px; color: #3b99fc; } .header-search .search-down-list .icon-zhanche { font-size: 14px; } .header-search .search-down-hot { border-top: 1px solid #dedede; padding: 10px; } .header-search .search-hot-tit { line-height: 24px; font-weight: 700; } .header-search .search-hot-key { line-height: 24px; } .header-search .search-hot-key a { display: inline-block; margin-right: 10px; color: #666; white-space: nowrap; } .header-search .search-hot-key a:hover { color: #3b99fc; } .header-search .search-history { padding: 10px; } .header-search .history-clear { position: absolute; top: 10px; right: 10px; color: #3b99fc; height: 24px; line-height: 24px; font-size: 12px; } .header-search .history-clear:hover { color: #2676e3; } .header-search .search-history-tit { line-height: 24px; font-weight: 700; margin-bottom: 5px; } .header-search .search-history-list { line-height: 24px; color: #666; } .header-search .search-history-list li { height: 24px; line-height: 24px; cursor: pointer; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .header-search .search-history-list li:hover { color: #3b99fc; } /*右侧菜单*/ .header-menu { float: right; padding-right: 10px; } .header-menu .menu-item { float: left; margin-left: 10px; height: 40px; line-height: 40px; font-size: 12px; position: relative; } .header-menu .menu-line { color: #acd1f9; } .header-menu .menu-nav:hover .menu-nav-bd { display: block; } .header-menu .menu-nav-hd { color: #3b99fc; display: block; height: 40px; line-height: 40px; } .header-menu .menu-nav-hd .caret { margin-left: 5px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #acd1f9 transparent transparent transparent; border-bottom: none; } .header-menu .menu-nav-bd { position: absolute; top: 40px; left: 0; background: #fff; border: 1px solid #dedede; width: 130px; padding: 10px; z-index: 2000; display: none; } .header-menu .menu-nav-bd:before { content: ""; position: absolute; top: -5px; left: 30px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #dedede transparent; border-top: none; } .header-menu .menu-nav-bd:after { content: ""; position: absolute; top: -4px; left: 30px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; border-top: none; } .header-menu .menu-nav-bd li { height: 26px; line-height: 26px; overflow: hidden; } .header-menu .menu-nav-bd .nav-line { height: 1px; line-height: 1px; border-bottom: 1px dashed #dedede; margin: 3px 0; } .header-menu .menu-nav-bd a { display: block; white-space: nowrap; } .caring-model { position: absolute; top: 2px; left: 2px; width: 36px; height: 10px; background: url(../images/caring.png); background-size: 100% 100%; } /*--- 关爱版 ---*/ .is-caring { font-size: 18px; } .is-caring .header, .is-caring .footer, .is-caring .nav-box { font-size: 18px; } .is-caring .header-right { width: 980px; } .is-caring .header-search { width: 320px !important; margin-left: 60px; } .is-caring .header-search .search-bd { width: 290px !important; } .is-caring .header-search .search-bd .search-input { font-size: 18px; } .is-caring .header-search .search-btn .icon { font-size: 20px; } .is-caring .header-search .search-history-tit { line-height: 30px; } .is-caring .header-search .search-history-list li { height: 30px; line-height: 30px; } .is-caring .header-search .history-clear { font-size: 18px; } .is-caring .header-search .search-down .close, .is-caring .header-search .search-history .close { font-size: 18px; } .is-caring .header-menu .menu-item { font-size: 18px; margin-left: 5px; } .is-caring .header-search .search-down-list .icon { font-size: 22px; width: 34px; } .is-caring .header-search .search-hot-tit { line-height: 30px; } .is-caring .header-search .search-hot-key { line-height: 30px; } .is-caring .header-menu .menu-nav-hd .caret { vertical-align: middle; } .is-caring .header-menu .menu-nav-bd li { height: 30px; line-height: 30px; } .is-caring .header-menu .menu-nav-bd { width: 160px; } .is-caring .header-menu .menu-nav-bd .nav-line { height: 1px; line-height: 1px; } .is-caring .caring-model { width: 66px; height: 20px; top: -10px; } .is-caring .nav .nav-hd { font-size: 18px; } .is-caring .nav .nav-bd { font-size: 18px; } .is-caring .nav .nav-tit { font-size: 18px; } .is-caring .nav .nav-con li a { font-size: 18px; } /*主导航*/ .nav-box { height: 40px; background: #3b99fc; } .nav { width: 1190px; margin-left: auto; margin-right: auto; position: relative; height: 40px; position: relative; z-index: 1900; } .nav .nav-item { float: left; width: 150px; } .nav .nav-item.nav-item-w1 { width: 145px; } .nav .nav-item:hover .nav-hd { background: #3685EC; } .nav .nav-item:hover .nav-hd .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .nav .nav-item:hover .nav-bd { display: block; } .nav .nav-item.active .nav-hd { background: #2676e3; color: #fff; } .nav .nav-hd { display: block; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 14px; } .nav .nav-hd .icon { display: inline-block; vertical-align: top; font-size: 12px; margin-left: 4px; -webkit-transition: 0.3s linear transform; transition: 0.3s linear transform; } .nav .nav-bd { position: absolute; left: 0; right: 0; top: 40px; min-height: 40px; background: #fff; background: rgba(255, 255, 255, 0.96); border: 1px solid #3b99fc; padding: 14px 0; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); font-size: 14px; display: none; } .nav .nav-bd-item { float: left; width: 198px; } .nav .nav-col2 { width: 396px; } .nav .nav-col3 { width: 584px; } .nav .nav-col4 { width: 792px; } .nav .nav-col5 { width: 990px; } .nav .nav-col6 { width: 1188px; } .nav .nav-tit { color: #3b99fc; height: 24px; line-height: 16px; position: relative; padding: 0 0 8px 30px; font-size: 14px; border-right: 1px solid #acd1f9; } .nav .border-none { border: none !important; } .nav .nav-con { *zoom: 1; } .nav .nav-con:before, .nav .nav-con:after { content: ""; display: table; } .nav .nav-con:after { clear: both; overflow: hidden; } .nav .nav-con li { float: left; width: 198px; line-height: 32px; height: 32px; padding-left: 30px; overflow: hidden; border-right: 1px solid #acd1f9; } .nav .nav-con li a { color: #666; font-size: 14px; } .nav .nav-con li a:hover { color: #3b99fc; } .nav .nav-con-pt { padding-top: 24px; } .nav .nav-con-tits li a { text-decoration: underline; color: #3b99fc; } .nav .nav-con-tits li a:hover { color: #2676e3; } .footer { background: #f8f8f8; margin-top: 40px; } .footer .footer-con { *zoom: 1; padding: 20px 0; } .footer .footer-con:before, .footer .footer-con:after { content: ""; display: table; } .footer .footer-con:after { clear: both; overflow: hidden; } .footer .foot-links { float: left; width: 420px; margin-left: 60px; margin-right: 195px; } .footer .foot-con-tit { height: 54px; line-height: 54px; font-size: 14px; } .footer .foot-links-list { *zoom: 1; height: 100px; } .footer .foot-links-list:before, .footer .foot-links-list:after { content: ""; display: table; } .footer .foot-links-list:after { clear: both; overflow: hidden; } .footer .foot-links-list li { float: left; margin: 0 10px 10px 0; } .footer .foot-links-list img { display: block; width: 200px; height: 34px; border: 1px solid #dedede; } .footer .foot-code { float: left; } .footer .foot-code li { float: left; width: 140px; text-align: center; } .footer .foot-code .code-pic { width: 80px; height: 80px; background: #fff; margin: 0 auto; position: relative; } .footer .foot-code .code-pic img { display: block; width: 80px; height: 80px; border: 1px solid #dedede; } .footer .foot-code .code-txt { line-height: 30px; font-size: 12px; color: #666; } .footer .foot-code .code-tips { position: absolute; top: 0px; left: 96px; width: 190px; height: 80px; border: 1px solid #dedede; background-color: #fff; background-image: url("../images/bg-train.png"); background-image: -webkit-image-set(url("../images/bg-train.png") 1x, url("../images/bg-train@2x.png") 2x); background-image: image-set(url("../images/bg-train.png") 1x, url("../images/bg-train@2x.png") 2x); background-position: right bottom; background-repeat: no-repeat; line-height: 18px; padding: 12px 10px; font-size: 12px; text-align: left; } .footer .foot-code .code-tips:before { content: ""; position: absolute; left: -6px; top: 34px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #dedede transparent transparent; border-left: none; } .footer .foot-code .code-tips:after { content: ""; position: absolute; left: -5px; top: 34px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; border-left: none; } .footer .footer-txt { text-align: center; padding: 10px 0; background: #666; color: #c1c1c1; } .footer .footer-txt p { line-height: 30px; } /*--- 关爱版 ---*/ .is-caring .footer .foot-con-tit { font-size: 18px; } .is-caring .footer .foot-code .code-tips { top: -10px; font-size: 18px; width: 230px; height: 98px; } .is-caring .footer .foot-links { margin-left: auto; margin-right: 0 !important; } .is-caring .footer .foot-code li:nth-child(1), .is-caring .footer .foot-code li:nth-child(2) { width: 160px !important; } .is-caring .footer .foot-code .code-txt { font-size: 18px; } @charset "UTF-8"; /*----会员中心----*/ .center-box { *zoom: 1; } .center-box:before, .center-box:after { content: ""; display: table; } .center-box:after { clear: both; overflow: hidden; } .center-menu { float: left; width: 130px; } .center-menu .menu-item { margin-bottom: 4px; } .center-menu .menu-tit { font-weight: 700; position: relative; height: 30px; line-height: 30px; padding: 0 10px; } .center-menu .menu-tit .icon-switch { position: absolute; top: 7px; right: 0; width: 16px; height: 16px; line-height: 16px; color: #999; cursor: pointer; font-weight: 400; font-size: 16px; text-align: center; } .center-menu .menu-tit .icon-switch:hover { color: #3b99fc; } .center-menu .menu-tit .icon-switch:before { content: "\e6fa"; } .center-menu .menu-less .icon-switch:before { content: "\e72a"; } .center-menu .menu-sub li { position: relative; } .center-menu .menu-sub a { display: block; height: 30px; line-height: 30px; padding: 0 10px 0 20px; color: #666; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .center-menu .menu-sub a:hover { color: #3b99fc; } .center-menu .txt-num { display: inline-block; position: absolute; top: 8px; right: 0; height: 14px; line-height: 14px; padding: 0 8px; color: #fff !important; background: #ff8000; font-size: 12px; border-radius: 10px; font-weight: 400; } .center-menu .active { background: #3b99fc; color: #fff; } .center-menu .active .txt-num { display: none; } .center-menu .active > a { color: #fff; } .center-menu .active > a:hover { color: #fff; } .center-main { width: 1030px; float: right; } .center-main .panel-border.border-transparent { padding-top: 0; } /*欢迎页面*/ .center-welcome { border: 1px solid #dedede; border-top: 2px solid #3b99fc; padding: 20px 30px 30px 30px; -webkit-box-shadow: 0 0 5px #e5e5e5; box-shadow: 0 0 5px #e5e5e5; background: #fafdff; position: relative; } .center-welcome:after { content: ""; position: absolute; right: -10px; bottom: -7px; width: 110px; height: 110px; background-image: url("../images/center/centerbg.jpg"); background-image: -webkit-image-set(url("../images/center/centerbg.jpg") 1x, url("../images/center/centerbg@2x.jpg") 2x); background-image: image-set(url("../images/center/centerbg.jpg") 1x, url("../images/center/centerbg@2x.jpg") 2x); background-repeat: no-repeat; background-position: right bottom; } .center-welcome .welcome-tit { font-size: 18px; height: 65px; line-height: 65px; } .center-welcome .welcome-tit .welcome-notice { float: left; text-align: right; width: 80px; height: 65px; margin-right: 20px; } .center-welcome .welcome-tit .welcome-name { font-size: 24px; margin-right: 15px; font-weight: 400; } .center-welcome .welcome-con { line-height: 32px; padding: 10px 20px; border: 1px dashed #9eccfe; background: #fafdff; -webkit-box-shadow: 0 0 5px 5px #f3faff inset; box-shadow: 0 0 5px 5px #f3faff inset; position: relative; z-index: 2; margin-top: 15px; } .center-welcome .welcome-con:after { content: ""; position: absolute; top: -8px; left: -8px; width: 100%; height: 100%; border: 1px dashed #9eccfe; background: #f9fdff; opacity: 0.2; z-index: -1; } .center-welcome .welcome-code { overflow: hidden; margin: 40px 0 30px; } .center-welcome .welcome-code li { float: left; width: 230px; text-align: center; margin-right: 10px; } .center-welcome .welcome-code .code-pic { width: 124px; height: 124px; background: #fff; margin: 0 auto; border: 2px solid #d7eaff; display: block; } .center-welcome .welcome-code .code-pic img { display: block; width: 120px; height: 120px; } .center-welcome .welcome-code .code-txt { margin-top: 12px; line-height: 20px; font-size: 12px; } /*订单中心*/ .order-panel .search-form-mini { margin-bottom: 20px; } .order-panel .col-train { width: 215px; } .order-panel .col-passenger { width: 150px; } .order-panel .col-seat { width: 150px; } .order-panel .col-price { width: 140px; } .order-panel .col-state { width: 110px; } .order-panel .col-form { width: 100px; } .order-panel .col-user { width: 200px; } .order-panel .col-ticket { width: 260px; } .order-panel.order-panel-invoice .order-item-bd { overflow: initial; } .order-panel.order-panel-invoice .order-item-hd { height: auto; position: relative; overflow: hidden; } .order-panel.order-panel-invoice .order-hd-item { float: left; width: 50%; padding: 0px 0 5px; } .order-panel.order-panel-invoice .order-hd-item .hd-text-box { min-height: 120px; } .order-panel.order-panel-invoice .order-hd-item .line-dashed { margin: 0; } .order-panel.order-panel-invoice .order-hd-item:first-child::before { content: ""; position: absolute; left: 50%; top: 15px; bottom: 20px; width: 1px; border-left: 1px solid #acd1f9; } .order-panel.order-panel-invoice .order-hd-item .station-arw { display: inline-block; margin: 0 10px; vertical-align: middle; width: 50px; height: 36px; background-image: url("../images/to04.png"); background-image: -webkit-image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); background-image: image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); background-position: right 12px; background-repeat: no-repeat; } .order-panel.order-panel-invoice .order-hd-item:nth-child(2n) { padding-left: 20px; padding-right: 120px; } .order-panel.order-panel-history .col-train { width: 220px; } .order-panel.order-panel-history .col-passenger { width: 170px; } .order-panel.order-panel-history .col-seat { width: 150px; } .order-panel.order-panel-history .col-price { width: 160px; } .order-panel.order-panel-history .col-state { width: 140px; } .order-panel.order-panel-unpaid .col-train { width: 220px; } .order-panel.order-panel-unpaid .col-passenger { width: 170px; } .order-panel.order-panel-unpaid .col-seat { width: 130px; } .order-panel.order-panel-unpaid .col-price { width: 150px; } .order-panel.order-panel-unpaid .col-state { width: 120px; } .order-panel .order-item { border: 1px solid #acd1f9; margin-top: 20px; -webkit-transition: 0.3s linear border; transition: 0.3s linear border; } .order-panel .order-item:hover { border: 1px solid #3b99fc; } .order-panel .order-item:first-child { margin-top: 0; } .order-panel .order-item-hd { height: 40px; line-height: 40px; background: #f0f8ff; padding: 0 20px; overflow: hidden; } .order-panel .order-item-hd .icon-fold { float: left; width: 20px; height: 20px; line-height: 20px; color: #3b99fc; font-size: 20px; margin: 10px 10px 10px 0; cursor: pointer; } .order-panel .order-item-hd .order-hd-info { float: left; margin-right: 20px; } .order-panel .show-less .icon-fold:before { content: "\e72b"; } .order-panel .order-item-bd { width: 100%; text-align: center; max-height: 320px; overflow-x: hidden; overflow-y: auto; } .order-panel .order-item-bd::-webkit-scrollbar { width: 6px; height: 6px; background-color: #f8f8f8; } .order-panel .order-item-bd::-webkit-scrollbar-track { -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; background-color: transparent; } .order-panel .order-item-bd::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; background-color: #d3d3d3; } .order-panel .order-item-bd-houbu { text-align: left; padding: 20px; } .order-item-table { width: 100%; text-align: center; } .order-item-table th { background: #f0f8ff; height: 40px; padding: 0 10px; border-right: 1px solid #dedede; } .order-item-table th:last-child { border-right: none; } .order-item-table td { padding: 15px 10px; border-top: 1px solid #dedede; border-right: 1px solid #dedede; line-height: 22px; } .order-item-table .order-operation { padding: 20px 10px; border-right: none; } .order-item-table .align-top { vertical-align: top; } .order-item-table .align-center { vertical-align: center; } .order-item-table .td-left { padding-left: 20px; text-align: left; } .order-item-table .td-bg { background: #f9fcff; } .order-item-table .br-none { border-right: none; } .order-item-table .order-info-ticket { position: relative; } .order-item-table .order-info-ticket .icon-to { font-size: 12px; margin: 0 -2px; } .order-item-table .order-num-one, .order-item-table .order-num-two { position: absolute; top: -30px; left: -24px; width: 62px; height: 25px; line-height: 22px; text-align: center; color: #fff; padding-right: 14px; font-size: 12px; background-image: url("../images/center/train.png"); background-image: -webkit-image-set(url("../images/center/train.png") 1x, url("../images/center/train@2x.png") 2x); background-image: image-set(url("../images/center/train.png") 1x, url("../images/center/train@2x.png") 2x); } .order-item-table .order-num-two { background-position: 0 -25px; } .order-item-table .has-order-num td { padding-top: 30px; padding-bottom: 20px; } .order-item-table .serial-number { color: #3b99fc; text-decoration: underline; } .order-item-table .item-disabled { color: #999; } .order-item-table .item-disabled .txt-primary, .order-item-table .item-disabled .txt-price, .order-item-table .item-disabled .label-discount, .order-item-table .item-disabled .txt-light { color: #999 !important; } .order-item-table .item-disabled .label-discount { border-color: #999; } .order-item-table .item-disabled .arw-default { border-top-color: #999; border-bottom-color: #999; } .order-item-table .passenger-operation { padding-left: 20px; position: relative; } .order-item-table .passenger-operation .passenger-check { position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; line-height: 16px; } .order-panel-head { width: 100%; height: 40px; background: #f8f8f8; } .order-panel-head th { text-align: center; color: #666; padding: 0 10px; } .label-ticket-form { display: inline-block; height: 22px; line-height: 20px; font-size: 12px; border: 1px solid #b1d6fe; padding: 0 2px; color: #3b99fc; } /*身份核验提示*/ .verify-tips { *zoom: 1; margin-top: 30px; position: relative; } .verify-tips:before, .verify-tips:after { content: ""; display: table; } .verify-tips:after { clear: both; overflow: hidden; } .verify-tips .verify-tips-item { float: left; width: 50%; padding: 0 40px; text-align: center; } .verify-tips .verify-tips-tit { line-height: 30px; font-weight: 700; margin-bottom: 6px; } .verify-tips .verify-tips-tit .tips-tit-num { display: inline-block; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #3b99fc; color: #fff; font-weight: 400; font-style: normal; border-radius: 2px; position: relative; margin-right: 12px; } .verify-tips .verify-tips-tit .tips-tit-num:after { content: ""; position: absolute; top: 4px; right: -2px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 3px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #3b99fc; border-right: none; } .verify-tips .verify-tips-txt { line-height: 20px; color: #666; } .verify-tips .code-box-show { margin: 10px auto; } .verify-tips .verify-tips-pic { margin: 10px auto; } .verify-tips .verify-tips-pic img { vertical-align: top; width: 244px; height: 162px; } .verify-tips .verify-tips-or { position: absolute; left: 50%; width: 1px; height: 100%; top: 10px; bottom: 10px; background: #c4e0fe; } .verify-tips .verify-tips-or .txt-or { position: absolute; width: 37px; height: 37px; line-height: 37px; text-align: center; background: #3b99fc; color: #fff; border-radius: 100%; top: 50%; left: 50%; margin-left: -18px; margin-top: -16px; } .verify-tips-station { margin-top: 70px; } .verify-tips-station .verify-tips-item { width: 100%; float: none; } /*个人行程-未开通*/ .not-opened { margin: 140px 0 0 250px; height: 70px; padding: 10px 0 10px 115px; background-image: url("../images/center/not.png"); background-image: -webkit-image-set(url("../images/center/not.png") 1x, url("../images/center/not@2x.png") 2x); background-image: image-set(url("../images/center/not.png") 1x, url("../images/center/not@2x.png") 2x); background-repeat: no-repeat; margin-left: 250px; line-height: 25px; color: #999; } .not-opened p { line-height: 25px; } /*个人行程*/ .order-panel-personal { position: relative; } .order-panel-personal .order-item { margin-top: 20px; } .order-panel-personal .order-item-hd { height: 30px; position: relative; } .order-panel-personal .order-item-date { position: absolute; top: 0; left: -8px; width: 156px; height: 38px; line-height: 38px; background: #52b69c; color: #fff; padding-left: 20px; border-radius: 0 100px 0 0; } .order-panel-personal .order-item-date:before { content: ""; position: absolute; top: 38px; left: 0; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #005f46 transparent transparent transparent; border-bottom: none; border-style: solid dashed dashed dashed; border-color: #005f46 #005f46 transparent transparent; } .order-panel-personal .order-item-num { float: right; line-height: 30px; height: 30px; color: #666; } .order-panel-personal .order-item-bd { border: 1px solid #dedede; border-top: none; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); } .order-panel-personal .order-item-table td { border-right: none; padding: 15px 5px; } .order-panel-personal .col-station { width: 100px; } .order-panel-personal .col-info { width: 126px; } .order-panel-personal .col-time { width: 150px; } .order-panel-personal .col-seat { width: 120px; } .order-panel-personal .col-price { width: 90px; } .order-panel-personal .col-state { width: 80px; } .order-panel-personal .col-form { width: 140px; } .order-panel-personal .order-info-ticket { width: 116px; height: 52px; line-height: 26px; background-image: url("../images/center/to.png"); background-image: -webkit-image-set(url("../images/center/to.png") 1x, url("../images/center/to@2x.png") 2x); background-image: image-set(url("../images/center/to.png") 1x, url("../images/center/to@2x.png") 2x); background-position: center 18px; background-repeat: no-repeat; } .order-panel-personal .order-info-ticket .ticket-about { height: 26px; line-height: 26px; } .order-panel-personal .order-info-ticket .ticket-all-time { height: 26px; line-height: 26px; font-size: 12px; color: #999; } .order-panel-personal .order-info-ticket .t-num { font-size: 15px; } .order-panel-personal .order-info-ticket .t-station { display: inline-block; height: 16px; line-height: 16px; padding: 0 4px; font-size: 12px; background: #e6f2ff; border-radius: 2px; color: #3b99fc; text-decoration: underline; vertical-align: middle; cursor: pointer; } .order-panel-personal .order-item-warning .order-item-date, .order-panel-personal .date-warning { background: #ff972e; } .order-panel-personal .order-item-warning .order-item-date:before, .order-panel-personal .date-warning:before { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #d86c00 transparent transparent transparent; border-bottom: none; border-style: solid solid dashed dashed; border-color: #d86c00 #d86c00 transparent transparent; } .order-panel-personal .order-item-disabled .order-item-date, .order-panel-personal .date-disabled { background: #bfdeff; } .order-panel-personal .order-item-disabled .order-item-date:before, .order-panel-personal .date-disabled:before { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #5384b8 transparent transparent transparent; border-bottom: none; border-style: solid solid dashed dashed; border-color: #5384b8 #5384b8 transparent transparent; } .order-panel-personal .order-item-disabled .label-ticket-form, .order-panel-personal .label-ticket-form.disabled { color: #c4c4c4; border-color: #c4c4c4; } .order-panel-personal .order-item-tit { border-top: 1px solid #dedede; position: relative; margin: 30px 0; height: 1px; } .order-panel-personal .order-item-tit span { position: absolute; top: -10px; left: 50%; margin-left: -50px; background: #fff; text-align: center; color: #999; width: 100px; height: 20px; line-height: 20px; } .order-panel-personal .order-item-refund { color: #999; } .order-panel-personal .order-item-refund .t-station { background: #efefef; color: #999; } .order-panel-personal .order-item-refund .order-info-ticket { background-image: url("../images/center/to4.png"); background-image: -webkit-image-set(url("../images/center/to4.png") 1x, url("../images/center/to4@2x.png") 2x); background-image: image-set(url("../images/center/to4.png") 1x, url("../images/center/to4@2x.png") 2x); background-position: center 18px; background-repeat: no-repeat; } /*订单为空*/ .order-empty { margin: 140px auto; padding-left: 280px; } .order-empty .empty-pic { float: left; } .order-empty .empty-pic img { display: block; width: 87px; height: 70px; } .order-empty .empty-txt { margin-left: 110px; padding: 15px 0; color: #999; } .order-empty .empty-txt p { line-height: 20px; } .order-empty .empty-txt .empty-tit { line-height: 40px; } /*订单排队*/ .order-queue { border: 1px solid #dedede; height: 66px; padding: 10px 20px; background: #f0f8ff; margin-bottom: 20px; } .order-queue.order-queue-border0 { margin-bottom: 0; border: none; background: #f9fcff; } .order-queue .queue-state { float: left; width: 400px; } .order-queue .queue-ico { float: left; width: 44px; height: 44px; line-height: 44px; text-align: center; margin-right: 20px; font-size: 44px; } .order-queue .queue-error { color: #ff2600; } .order-queue .queue-info { overflow: hidden; } .order-queue .queue-info h2 { height: 26px; line-height: 26px; font-size: 18px; } .order-queue .queue-info p { height: 18px; line-height: 18px; font-size: 12px; color: #999; } .order-queue .queue-right { float: right; padding: 7px 0; line-height: 30px; } .order-queue .queue-right .btn { margin-left: 8px; } .order-queue .queue-time { float: left; margin-right: 30px; } .order-queue .queue-time .txt-num { font-size: 20px; margin: 0 3px; } /*取消订单提示*/ .order-cancel-tips { font-size: 12px; } .order-cancel-tips .order-cancel-count { padding: 10px 20px; margin: 10px 0; line-height: 24px; color: #666; border-top: 1px dashed #dedede; border-bottom: 1px dashed #dedede; } .order-cancel-tips .order-cancel-txt { padding: 0 20px; color: #999; } /*订单详情*/ .order-panel-baoxian .col-name { width: 280px; } .order-panel-baoxian .col-num { width: 320px; } .order-panel-baoxian .col-info { width: 240px; } .order-panel-baoxian .col-number { width: 50px; } .order-panel-baoxian .col-user { width: 270px; } .order-panel-baoxian .col-train { width: 290px; } .order-info-baoxian { border: 1px dashed #4ea373; background: #fdfde7; position: relative; padding: 15px 20px; margin: 10px 10px 10px 0; } .order-info-baoxian .icon-baoxian { position: absolute; top: -13px; left: -13px; width: 26px; height: 28px; line-height: 28px; font-size: 26px; color: #4ea373; z-index: 10; } .order-info-baoxian .icon-baoxian:after { content: ""; width: 12px; height: 12px; position: absolute; top: 7px; left: 7px; background: #fff; z-index: -1; } .i-ytb, .i-ytp, .i-qxps, .i-qxzf, .i-zfcg { position: absolute; bottom: 5px; right: 0px; z-index: 10; width: 106px; height: 74px; display: none; } .i-ytb { bottom: -6px; right: -6px; background-image: url("../images/center/ytb.png"); background-image: -webkit-image-set(url("../images/center/ytb.png") 1x, url("../images/center/ytb@2x.png") 2x); background-image: image-set(url("../images/center/ytb.png") 1x, url("../images/center/ytb@2x.png") 2x); } .i-ytp { background-image: url("../images/center/ytp.png"); background-image: -webkit-image-set(url("../images/center/ytp.png") 1x, url("../images/center/ytp@2x.png") 2x); background-image: image-set(url("../images/center/ytp.png") 1x, url("../images/center/ytp@2x.png") 2x); } .i-qxps { background-image: url("../images/center/qxps.png"); background-image: -webkit-image-set(url("../images/center/qxps.png") 1x, url("../images/center/qxps@2x.png") 2x); background-image: image-set(url("../images/center/qxps.png") 1x, url("../images/center/qxps@2x.png") 2x); } .i-qxzf { background-image: url("../images/center/qxzf.png"); background-image: -webkit-image-set(url("../images/center/qxzf.png") 1x, url("../images/center/qxzf@2x.png") 2x); background-image: image-set(url("../images/center/qxzf.png") 1x, url("../images/center/qxzf@2x.png") 2x); } .i-zfcg { background-image: url("../images/center/zfcg.png"); background-image: -webkit-image-set(url("../images/center/zfcg.png") 1x, url("../images/center/zfcg@2x.png") 2x); background-image: image-set(url("../images/center/zfcg.png") 1x, url("../images/center/zfcg@2x.png") 2x); } .i-ykp, .i-dkp { position: absolute; bottom: 0px; right: 5px; z-index: 10; background-repeat: right bottom; background-repeat: no-repeat; width: 52px; height: 52px; } .i-ykp { background-image: url("../images/center/ykp.png"); background-image: -webkit-image-set(url("../images/center/ykp.png") 1x, url("../images/center/ykp@2x.png") 2x); background-image: image-set(url("../images/center/ykp.png") 1x, url("../images/center/ykp@2x.png") 2x); } .i-dkp { background-image: url("../images/center/dkp.png"); background-image: -webkit-image-set(url("../images/center/dkp.png") 1x, url("../images/center/dkp@2x.png") 2x); background-image: image-set(url("../images/center/dkp.png") 1x, url("../images/center/dkp@2x.png") 2x); } .item-disabled { color: #999; } .item-disabled .order-info-baoxian { border: 1px dashed #b4b4b4; background: #f8f8f8; } .item-disabled .icon-baoxian { color: #b4b4b4; } .item-disabled .txt-primary, .item-disabled .txt-price, .item-disabled .label-discount, .item-disabled .txt-light { color: #999 !important; } .item-disabled .label-discount { border-color: #999; } .item-disabled .i-ytb { display: block; } .order-panel-refund .col-info { width: 270px; } .order-panel-refund .col-result { width: 250px; } .order-panel-refund .col-num { width: 260px; } .order-panel-express .col-info { width: 360px; } .order-panel-express .col-company { width: 260px; } .order-panel-express .col-state { width: 260px; } .express-train li { float: left; width: 230px; height: 110px; border: 1px solid #dedede; border-radius: 6px; overflow: hidden; margin-right: 10px; position: relative; } .express-train .express-train-hd { height: 42px; line-height: 42px; background: #3b99fc; color: #fff; } .express-train .express-train-bd { border-top: 1px solid #dedede; padding: 10px 20px; line-height: 20px; } .express-train .express-train-station { float: left; width: 84px; text-align: center; } .express-train .express-train-num { float: left; width: 60px; height: 42px; line-height: 26px; text-align: center; background-image: url("../images/center/to2.png"); background-image: -webkit-image-set(url("../images/center/to2.png") 1x, url("../images/center/to2@2x.png") 2x); background-image: image-set(url("../images/center/to2.png") 1x, url("../images/center/to2@2x.png") 2x); background-repeat: no-repeat; background-position: right 16px; } .express-train .item-refunded, .express-train .item-disabled { color: #999; } .express-train .item-refunded .label-children, .express-train .item-disabled .label-children { color: #999; border-color: #e9e9e9; } .express-train .item-refunded .express-train-hd, .express-train .item-disabled .express-train-hd { background: #dedede; } .express-train .item-refunded .express-train-num, .express-train .item-disabled .express-train-num { background-image: url("../images/center/to3.png"); background-image: -webkit-image-set(url("../images/center/to3.png") 1x, url("../images/center/to3@2x.png") 2x); background-image: image-set(url("../images/center/to3.png") 1x, url("../images/center/to3@2x.png") 2x); } .express-train .item-refunded .i-ytp, .express-train .item-refunded .i-qxps, .express-train .item-refunded .i-qxzf, .express-train .item-disabled .i-ytp, .express-train .item-disabled .i-qxps, .express-train .item-disabled .i-qxzf { display: block; } .express-info { width: 330px; position: relative; } .express-info .express-close { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #999; } .express-info .express-close:hover { color: #3b99fc; } .express-info .express-hd { height: 40px; line-height: 40px; background: #f0f8ff; padding: 0 20px; } .express-info .express-bd { padding: 15px 20px; } .express-info .express-info-list { line-height: 20px; } .express-info .express-info-list li:not(:last-child) { margin-bottom: 10px; } /*订单跟踪*/ .order-tracking { border: 1px solid #3b99fc; height: 242px; } .order-tracking .order-tracking-hd { float: left; width: 296px; height: 240px; color: #fff; padding: 20px 30px; background-image: url("../images/center/bg01.png"); background-image: -webkit-image-set(url("../images/center/bg01.png") 1x, url("../images/center/bg01@2x.png") 2x); background-image: image-set(url("../images/center/bg01.png") 1x, url("../images/center/bg01@2x.png") 2x); } .order-tracking .tracking-hd-tit { height: 60px; line-height: 60px; border-bottom: 1px solid #5b9eef; font-size: 20px; } .order-tracking .tracking-hd-con { line-height: 22px; padding: 10px 0; } .order-tracking .tracking-hd-con .hd-label { color: #87b7f2; } .order-tracking .order-tracking-bd { margin-left: 296px; height: 240px; overflow: auto; padding: 10px 36px; } .tracking-status { border-left: 1px solid #dbdbdb; position: relative; } .tracking-status:before { content: ""; position: absolute; top: 0; left: -1px; width: 1px; height: 9px; background: #fff; z-index: 2; } .tracking-status:after { content: ""; position: absolute; bottom: 0; left: -1px; width: 1px; height: 9px; background: #fff; z-index: 2; } .tracking-status li { line-height: 34px; position: relative; padding-left: 150px; } .tracking-status .s-date { position: absolute; top: 0; left: 20px; } .tracking-status .s-dot { position: absolute; top: 9px; left: -9px; width: 17px; height: 17px; border: 6px solid #fff; background: #dbdbdb; border-radius: 10px; } .tracking-status .status-txt { height: 34px; line-height: 34px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .tracking-status .status-item-newdate .s-dot { border: 5px solid #fff; } .tracking-status .status-item-today .s-dot { background: #ff8000; } /*要求添加*/ #loading { width: 120px; height: 120px; position: fixed; top: 50%; left: 50%; margin-top: -60px; margin-left: -60px; } #empty-content { width: 174px; height: 140px; position: absolute; top: 50%; left: 40%; margin-left: -87px; margin-top: 220px; } .middle { position: relative; } /*我的保险*/ .order-panel-mybaoxian .col-train { width: 220px; } .order-panel-mybaoxian .col-passenger { width: 190px; } .order-panel-mybaoxian .col-info { width: 400px; } /*个人资料*/ .center-tit { height: 30px; margin-bottom: 10px; } .center-tit .tit-name { float: left; font-weight: 700; line-height: 30px; } .center-form-item .form-label { width: 360px; } .center-form-item .form-bd { margin-left: 360px; } .center-form-item .btn-save { display: none; } .form-card-type { margin-bottom: 10px; border: 1px dashed #a6bfde; background: #f0f8ff; height: 36px; line-height: 34px; text-align: center; } /*账户安全*/ .safe-account { border: 1px solid #dedede; border-bottom: none; } .safe-account .safe-item { line-height: 36px; padding: 30px 20px; border-bottom: 1px solid #dedede; height: 97px; } .safe-account .item-name { float: left; width: 280px; } .safe-account .item-name .icon { float: left; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 24px; margin-right: 5px; color: #3b99fc; } .safe-account .item-tips { float: left; width: 440px; color: #666; } .safe-account .item-btn { float: right; } .safe-account .item-btn .btn { width: 100px; } .safe-account .item-state { float: left; width: 120px; } .safe-account .item-state .icon { margin-right: 5px; } /*通知设置*/ .notice-bind { *zoom: 1; } .notice-bind:before, .notice-bind:after { content: ""; display: table; } .notice-bind:after { clear: both; overflow: hidden; } .notice-bind .bind-item { float: left; width: 310px; height: 160px; margin: 0 9px; border: 1px solid #dedede; border-radius: 5px; padding: 40px 40px 0 90px; color: #666; line-height: 24px; cursor: pointer; } .notice-bind .icon { float: left; width: 48px; height: 48px; line-height: 48px; text-align: center; margin-left: -60px; font-size: 42px; } .notice-bind .icon-weixin { color: #48bd1c; } .notice-bind .icon-zhifubao { color: #3b99fc; } .notice-bind .icon-mail { color: #ff8181; font-size: 38px; } .notice-bind .active { border: 1px solid #3b99fc; } /*常用联系人列表*/ .order-panel-contacts .col-num { width: 70px; } .order-panel-contacts .col-name { width: 120px; } .order-panel-contacts .col-cardtype { width: 140px; } .order-panel-contacts .col-cardnum { width: 170px; } .order-panel-contacts .col-tel { width: 120px; } .order-panel-contacts .col-usertype { width: 160px; } .order-panel-contacts .col-state { width: 100px; } /*订单筛选*/ .order-filter { height: 32px; border-bottom: 2px solid #3b99fc; margin: 40px 0 20px 0; } .order-filter a { float: left; min-width: 110px; padding: 0 20px; height: 30px; line-height: 30px; text-align: center; } .order-filter .active { background: #3b99fc; color: #fff; } /*温馨服务*/ .table-service .col-info { width: 220px; } .table-service .col-passenger { width: 200px; } .table-service .col-train { width: 220px; } /*车票快递地址*/ .order-panel-address .col-num { width: 50px; } .order-panel-address .col-name { width: 100px; } .order-panel-address .col-place { width: 500px; } .order-panel-address .col-default { width: 120px; } .order-panel-address .col-tel { width: 120px; } /*通行证样式*/ .passport-tips { position: absolute; z-index: 100; width: 710px; border: 1px solid #3b99fc; background: #fff; padding: 0 20px 20px 20px; overflow: hidden; display: none; } .passport-tips .passport-tit { height: 50px; line-height: 50px; text-align: center; color: #333; } .passport-tips .passport-con img { display: block; width: 325px; height: auto; } .passport-tips-one { width: 367px; } /*出票失败提醒*/ .ticket-error-box { padding: 20px; border: 1px dashed #9eccfe; background: #fafdff; -webkit-box-shadow: 0 0 5px 5px #f3faff inset; box-shadow: 0 0 5px 5px #f3faff inset; position: relative; z-index: 2; margin-top: 15px; } .ticket-error-box:after { content: ""; position: absolute; top: -8px; left: -8px; width: 100%; height: 100%; border: 1px dashed #9eccfe; background: #f9fdff; opacity: 0.2; z-index: -1; } /*候补订单*/ .order-item-bd-houbu { text-align: left; } .tit-houbu { height: 20px; line-height: 20px; font-weight: 400; } .ticket-card-list { *zoom: 1; } .ticket-card-list:before, .ticket-card-list:after { content: ""; display: table; } .ticket-card-list:after { clear: both; overflow: hidden; } .ticket-card-list .ticket-card, .ticket-card-list .ticket-card-new, .ticket-card-list .ticket-card-queue { float: left; margin: 20px 20px 0 0; } .passenger-card-list { *zoom: 1; } .passenger-card-list:before, .passenger-card-list:after { content: ""; display: table; } .passenger-card-list:after { clear: both; overflow: hidden; } .passenger-card-list .passenger-card { float: left; margin: 20px 20px 0 0; } .order-item-ft-houbu { border-top: 1px solid #dedede; padding: 20px; line-height: 30px; *zoom: 1; } .order-item-ft-houbu:before, .order-item-ft-houbu:after { content: ""; display: table; } .order-item-ft-houbu:after { clear: both; overflow: hidden; } /*待兑现-修改时间*/ .time-change-box { line-height: 30px; margin-top: 10px; } .order-toggle-btn { height: 20px; border-top: 1px dashed #dedede; position: relative; margin-top: 30px; } .order-toggle-btn span { position: absolute; top: -15px; left: 50%; margin-left: -30px; width: 60px; height: 30px; line-height: 30px; background: #fff; text-align: center; cursor: pointer; } .order-toggle-btn span:hover { color: #3b99fc; } .order-toggle-btn .icon { color: #666; } .success-temporary-train { height: 40px; line-height: 40px; background: #fffbd9; text-align: center; margin: -20px -20px 20px -20px; } .success-temporary-train .icon { color: #36a725; margin-right: 10px; } /*----201904 跨海联运----*/ .form-item .header-search { width: 248px; margin: 0; } .form-item .search-bd { width: 218px; } /*订单列表*/ /*订单详情*/ .order-tracking-box { border: 1px solid #3b99fc; padding-bottom: 20px; position: relative; } .order-tracking-box .order-tracking { border: none; border-bottom: 1px solid #dedede; height: 241px; } .order-tracking-box .tracking-hd-tit { font-size: 14px; line-height: 20px; padding-bottom: 10px; height: 30px; font-weight: 700; } .order-tracking-box .tracking-hd-con .hd-label { text-align: right; } .order-tracking-box .tracking-hd-con td { padding: 6px 0; } /*支付弹框*/ .l-ticket-box { position: relative; padding-top: 30px; } .list-ticket-type { text-align: left; } .list-ticket-type .l-order-item { padding-left: 0; padding-top: 0; } .list-ticket-type .l-order-item .l-jiantou1 { left: -41px; bottom: -29px; } .list-ticket-type .l-order-item > i.icon { margin-top: 15px; height: 20px; } .list-ticket-type tr.active { background-color: #f0f8ff; } .list-ticket-type th { border-bottom: 1px solid #dedede; } .list-ticket-type td { border-top: 1px dashed #dedede; } /*190521学生资格认证*/ .student-qualification { border: 2px solid #ffddba; background: #fffbf8; padding: 10px 20px 10px 20px; line-height: 20px; margin-top: 10px; overflow: hidden; } .student-qualification .student-pic { float: left; width: 40px; height: 56px; line-height: 56px; } .student-qualification .student-pic .icon { font-size: 30px; color: #ff8000; } .student-qualification .student-list { margin-left: 60px; height: 56px; overflow: hidden; } .student-qualification .student-list li { float: left; width: 240px; margin-right: 40px; } .student-qualification .student-list strong { display: block; height: 24px; line-height: 24px; overflow: hidden; } .student-qualification .student-list p { height: 24px; line-height: 24px; margin-top: 8px; overflow: hidden; color: #666; } /*20190926账号注销*/ .logout-tips { *zoom: 1; margin-top: 30px; position: relative; } .logout-tips:before, .logout-tips:after { content: ""; display: table; } .logout-tips:after { clear: both; overflow: hidden; } .logout-tips .logout-tips-item { float: left; width: 50%; padding: 0 40px; text-align: center; } .logout-tips .logout-tips-tit { line-height: 30px; font-weight: 700; margin-bottom: 6px; } .logout-tips .logout-tips-tit .tips-tit-num { display: inline-block; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #ff8000; color: #fff; font-weight: 400; font-style: normal; border-radius: 2px; position: relative; margin-right: 12px; } .logout-tips .logout-tips-tit .tips-tit-num:after { content: ""; position: absolute; top: 4px; right: -2px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 3px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #ff8000; border-right: none; } .logout-tips .logout-tips-txt { line-height: 20px; color: #666; } .logout-tips .code-box-show { margin: 10px auto; } .logout-tips .logout-tips-pic { margin: 10px auto; } .logout-tips .logout-tips-pic img { vertical-align: top; width: 244px; height: 162px; } .logout-tips .logout-tips-or { position: absolute; left: 50%; width: 1px; height: 100%; top: 10px; bottom: 10px; background: #fff3e7; } .logout-tips .logout-tips-or .txt-or { position: absolute; width: 37px; height: 37px; line-height: 37px; text-align: center; background: #ff8000; color: #fff; border-radius: 100%; top: 50%; left: 50%; margin-left: -18px; margin-top: -16px; } .logout-tips-station { margin-top: 70px; } .logout-tips-station .verify-tips-item { width: 100%; float: none; } /*20200212手机核验*/ .panel-remind { background: #fafdff; border: 1px solid #a6bfde; padding: 20px 40px 45px 300px; } .panel-remind .remind-icon { float: left; width: 110px; height: 80px; margin-left: -140px; } .panel-remind .remind-icon.user-check { background-image: url("../images/center/user-check.png"); background-image: -webkit-image-set(url("../images/center/user-check.png") 1x, url("../images/center/user-check@2x.png") 2x); background-image: image-set(url("../images/center/user-check.png") 1x, url("../images/center/user-check@2x.png") 2x); } .panel-remind .remind-icon.user-check-success { background-image: url("../images/center/user-check-success.png"); background-image: -webkit-image-set(url("../images/center/user-check-success.png") 1x, url("../images/center/user-check-success@2x.png") 2x); background-image: image-set(url("../images/center/user-check-success.png") 1x, url("../images/center/user-check-success@2x.png") 2x); } .panel-remind .remind-icon.user-check-error { background-image: url("../images/center/user-check-error.png"); background-image: -webkit-image-set(url("../images/center/user-check-error.png") 1x, url("../images/center/user-check-error@2x.png") 2x); background-image: image-set(url("../images/center/user-check-error.png") 1x, url("../images/center/user-check-error@2x.png") 2x); } .panel-remind .remind-icon.user-invoice { background-image: url("../images/center/user-invoice.png"); background-image: -webkit-image-set(url("../images/center/user-invoice.png") 1x, url("../images/center/user-invoice@2x.png") 2x); background-image: image-set(url("../images/center/user-invoice.png") 1x, url("../images/center/user-invoice@2x.png") 2x); } .panel-remind .remind-icon.user-invoice-fail { background-image: url("../images/center/user-invoice-fail.png"); background-image: -webkit-image-set(url("../images/center/user-invoice-fail.png") 1x, url("../images/center/user-invoice-fail@2x.png") 2x); background-image: image-set(url("../images/center/user-invoice-fail.png") 1x, url("../images/center/user-invoice-fail@2x.png") 2x); } .panel-remind .remind-name { font-weight: 700; font-size: 16px; line-height: 32px; } .panel-remind .remind-sub { font-weight: 700; line-height: 30px; } .panel-remind.remind02 { padding: 25px 210px 30px 354px; } .panel-remind.remind02 .remind-btns { margin-top: 10px; } .panel-remind.remind02 .remind-text { line-height: 20px; margin-top: 5px; } .panel-remind .remind-text { line-height: 30px; } .panel-remind .remind-btns { margin-top: 50px; } .panel-remind .remind-btns .btn { margin-right: 10px; } .panel-remind.panel-remind-result { padding-top: 100px; padding-bottom: 80px; padding-left: 500px; } .panel-remind.panel-remind-result .remind-name { line-height: 80px; } .panel-remind.panel-remind-result .remind-btns { margin-top: 30px; } .notice-send { border-top: 1px dashed #dedede; margin-top: 20px; padding-top: 20px; } .notice-send .send-name { line-height: 14px; margin-bottom: 20px; } .notice-send .send-list { overflow: hidden; } .notice-send .send-item { float: left; width: 320px; border: 1px solid #dedede; border-radius: 5px; margin-right: 30px; padding: 30px 30px 30px 95px; } .notice-send .send-icon { float: left; margin-left: -70px; width: 44px; height: 44px; } .notice-send .send-icon .icon { font-size: 44px; display: block; width: 44px; height: 44px; text-align: center; line-height: 44px; } .notice-send .send-icon .icon-weixin { color: #09bb07; } .notice-send .send-icon .icon-zhifubao { color: #1296db; } .notice-send .send-text { line-height: 20px; } .notice-send .send-btn { margin-top: 15px; } .notice-send .send-result { border: 1px solid #dedede; border-radius: 5px; padding: 10px 15px 10px 68px; } .notice-send .send-result .send-icon { margin-left: -50px; margin-top: 8px; width: 32px; height: 32px; } .notice-send .send-result .send-icon .icon { width: 32px; height: 32px; line-height: 32px; font-size: 32px; } .notice-send .send-result .send-text { line-height: 24px; } .notice-send .send-result .send-text .margin-right { margin-right: 40px !important; } /*20201105通勤票*/ /*20210104快运*/ .express-box { text-align: left; padding-left: 20px; } .express-box .express-item { padding-left: 30px; position: relative; } .express-box .express-item.item-send:after { content: ""; position: absolute; top: 20px; left: 9px; width: 1px; height: 50px; border-right: 1px dashed #ddd; } .express-box .express-item.item-receive .express-item-tit { background: #ff8201; } .express-box .express-item-tit { position: absolute; top: 0; left: 0; height: 20px; line-height: 20px; width: 20px; background: #3b98fc; border-radius: 20px; color: #fff; text-align: center; font-size: 12px; } .express-box .express-item-name { height: 20px; line-height: 20px; margin-bottom: 10px; overflow: hidden; } .express-box .express-item-address { height: 40px; line-height: 20px; } /* 20210510遗失物品查找 */ .lost-items-search { border: 1px solid #dedede; padding: 20px; *zoom: 1; } .lost-items-search:before, .lost-items-search:after { content: ""; display: table; } .lost-items-search:after { clear: both; overflow: hidden; } .lost-items-search .search-tab { float: left; width: 370px; } .lost-items-search .search-tab-hd { padding-left: 110px; margin-bottom: 20px; } .lost-items-search .search-tab-hd-list { height: 30px; } .lost-items-search .search-tab-hd-list li { float: left; height: 30px; line-height: 30px; margin-right: 30px; font-size: 16px; position: relative; } .lost-items-search .search-tab-hd-list li:after { content: ""; position: absolute; top: 9px; right: -15px; width: 1px; height: 12px; background: #999; } .lost-items-search .search-tab-hd-list li:last-child:after { display: none; } .lost-items-search .search-tab-hd-list li a { color: #666; } .lost-items-search .search-tab-hd-list li.active a { color: #3b99fc; } .lost-items-search .tips-box { float: right; width: 500px; margin-top: 50px; } .tongqin-line-list { *zoom: 1; } .tongqin-line-list:before, .tongqin-line-list:after { content: ""; display: table; } .tongqin-line-list:after { clear: both; overflow: hidden; } .tongqin-line-list .line-item { float: left; margin: 10px 20px 10px 0; border: 1px solid #dedede; min-width: 106px; padding: 15px; text-align: center; border-radius: 4px; position: relative; cursor: pointer; } .tongqin-line-list .line-item:hover { border-color: #3b99fc; } .tongqin-line-list .line-item.active { border-color: #3b99fc; background: #f0f8ff; } .tongqin-line-list .line-item.active::after { content: ""; position: absolute; top: -1px; right: -1px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .tongqin-line-list .line-item.completed { background: #f8f8f8; color: #999; } .tongqin-line-list .line-item.completed .icon, .tongqin-line-list .line-item.completed .line-state { color: #999; } .tongqin-line-list .line-item.completed:hover { border-color: #dedede; } .tongqin-line-list .line-icon { line-height: 24px; color: #3b99fc; font-size: 24px; } .tongqin-line-list .line-name { font-size: 16px; height: 30px; line-height: 30px; white-space: nowrap; margin-top: 4px; font-weight: 700; } .tongqin-line-list .line-state { color: #3b99fc; line-height: 20px; position: relative; height: 20px; } .tongqin-station-select { *zoom: 1; padding-top: 8px; } .tongqin-station-select:before, .tongqin-station-select:after { content: ""; display: table; } .tongqin-station-select:after { clear: both; overflow: hidden; } .tongqin-station-select .sel { float: left; margin-right: 10px; } .tongqin-station-select .station-arw { float: left; margin-right: 10px; width: 30px; height: 36px; background-image: url("../images/to04.png"); background-image: -webkit-image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); background-image: image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); background-position: right 12px; background-repeat: no-repeat; } .tongqin-trip-list .trip-item { margin-top: 10px; position: relative; border: 1px solid #dedede; margin-left: 30px; padding: 10px; } .tongqin-trip-list .trip-item.is-active { border: 1px solid #3b99fc; } .tongqin-trip-list .trip-check { position: absolute; top: 50%; left: -30px; margin-top: -8px; } .tongqin-trip-list .trip-info { line-height: 24px; } .tongqin-trip-list .trip-item-tips { margin-left: 30px; margin-top: 10px; color: #666; } .explain-show { padding: 30px 110px; font-size: 0; border: 1px solid #dedede; line-height: 24px; position: relative; } .explain-show::before { content: ""; position: absolute; left: 50%; top: 30px; bottom: 30px; width: 1px; border-left: 1px dashed #dedede; } .explain-show li { vertical-align: top; display: inline-block; font-size: 14px; margin-bottom: 30px; width: 50%; padding: 20px 100px 0 0; } .explain-show li:nth-child(2n) { padding-left: 100px; padding-right: 0px; } .explain-show .explain-name { font-weight: 700; margin-bottom: 10px; } .explain-show .explain-text { color: #999; min-height: 96px; } .explain-show .explain-btn { margin-top: 20px; } .explain-show .explain-btn .txt-primary { text-decoration: underline; } .search-center { text-align: center; } .search-center .search-mini { display: inline-block; vertical-align: middle; } .search-center .search-total { margin-left: 10px; display: inline-block; vertical-align: middle; } .load-more { color: #999; line-height: 16px; text-align: center; margin-top: 20px; } .breadcrumb-wrap { *zoom: 1; } .breadcrumb-wrap:before, .breadcrumb-wrap:after { content: ""; display: table; } .breadcrumb-wrap:after { clear: both; overflow: hidden; } .breadcrumb-wrap .breadcrumb { float: left; } .breadcrumb-wrap .wrap-side { line-height: 50px; float: right; text-align: right; color: #666; } .breadcrumb-wrap .wrap-side b { color: #333; } .form-list-box { padding: 10px; } .form-list-box .form-text { padding: 5px 5px 5px 0; line-height: 20px; } .form-list-box .form-tip { float: left; margin-left: 5px; color: #999; font-size: 12px; padding: 5px 5px 5px 0; line-height: 20px; } /* 20220523乘意险 */ .cyx-box .cyx-hd { position: relative; padding-left: 30px; line-height: 30px; } .cyx-box .cyx-hd .icheckbox { position: absolute; top: 7px; left: 0; } .cyx-box .cyx-hd .icon { color: #4EA373; margin-right: 4px; font-size: 18px; } .cyx-box .cyx-bd { margin-top: 20px; } .cyx-box .cyx-ad { display: inline-block; height: 22px; line-height: 20px; color: #3b99fc; padding: 0 6px; border: 1px dashed #3b99fc; border-radius: 4px; margin: 0 10px; } .cyx-box .cyx-more-btn { display: inline-block; color: #3b99fc; cursor: pointer; font-weight: 700; } .cyx-box .cyx-more-btn .icon { font-weight: 400; margin-right: 5px; } .cyx-children { display: inline-block; height: 20px; line-height: 18px; padding: 0 5px; border: 1px solid #3b99fc; color: #3b99fc; margin: 0 10px; font-size: 12px; } .cyx-children .icon { font-size: 14px; margin-right: 4px; } .cyx-safe { border: 1px solid #dedede; } .cyx-safe .cyx-safe-hd { height: 50px; line-height: 50px; font-weight: 700; font-size: 16px; border-bottom: 1px solid #dedede; padding: 0 20px; } .cyx-safe .cyx-safe-bd { overflow: hidden; padding: 20px 20px 20px 100px; } .cyx-safe .cyx-safe-item-hd { float: left; height: 260px; width: 180px; margin-right: 10px; position: relative; } .cyx-safe .cyx-safe-item-hd-con { position: absolute; bottom: 0; left: 0; width: 100%; } .cyx-safe .cyx-safe-item-hd-con .item-text { height: 26px; line-height: 26px; background: #F0F8FF; padding: 0 0 0 10px; position: relative; white-space: nowrap; margin-top: 4px; font-size: 12px; } .cyx-safe .cyx-safe-item-hd-con .item-text:after { content: ""; position: absolute; top: 0; right: -13px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 13px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #F0F8FF; border-right: none; } .cyx-safe .cyx-safe-item { cursor: pointer; float: left; height: 260px; width: 220px; padding: 10px; position: relative; border: 1px solid #DEDEDE; margin-left: 20px; border-radius: 4px; text-align: center; background-image: url("../images/cyx-train-bg.png"); background-image: -webkit-image-set(url("../images/cyx-train-bg.png") 1x, url("../images/cyx-train-bg@2x.png") 2x); background-image: image-set(url("../images/cyx-train-bg.png") 1x, url("../images/cyx-train-bg@2x.png") 2x); background-position: right bottom; background-repeat: no-repeat; } .cyx-safe .cyx-safe-item.is-active { border-color: #3B99FC; background-color: #F0F8FF; background-image: url("../images/train-bg.png"); background-image: -webkit-image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-image: image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); } .cyx-safe .cyx-safe-item.is-active:after { content: ""; position: absolute; top: -1px; right: -1px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .cyx-safe .cyx-safe-item .item-name { font-size: 16px; height: 30px; line-height: 30px; font-weight: 700; } .cyx-safe .cyx-safe-item .item-name-sub { height: 30px; line-height: 30px; } .cyx-safe .cyx-safe-item .item-price { height: 40px; line-height: 40px; color: #FF8201; font-size: 18px; margin: 10px 0; } .cyx-safe .cyx-safe-item .item-price strong { font-size: 26px; font-weight: 400; margin-left: 4px; } .cyx-safe .cyx-safe-item .item-info { height: 120px; line-height: 30px; overflow: hidden; } .cyx-safe.cyx-safe-mini { border: none; padding: 0; } .cyx-safe.cyx-safe-mini .cyx-safe-hd { height: 30px; line-height: 30px; border-bottom: none; padding: 0; } .cyx-safe.cyx-safe-mini .cyx-safe-bd { padding: 0; } .tooltip-cyx .tooltip-cyx-hd { height: 34px; line-height: 34px; border-bottom: 1px solid #C0D7E4; padding: 0 20px; } .tooltip-cyx .tooltip-cyx-bd { padding: 10px 20px; } .tooltip-cyx .tooltip-cyx-item { height: 26px; line-height: 26px; white-space: nowrap; } .tooltip-cyx .iten-name { display: inline-block; min-width: 180px; margin-right: 10px; } .is-has-tag td { padding-top: 30px; padding-bottom: 20px; } .order-info-tag { position: absolute; top: -30px; left: -20px; height: 20px; line-height: 20px; padding: 0 8px 0 6px; background: #3b99fc; color: #FFF; border-radius: 0 0 10px 0; font-size: 12px; } .panel-remind.remind03 { padding-left: 250px; padding-right: 450px; position: relative; } .invoice-links { position: absolute; left: 620px; top: 50%; margin-top: -65px; border-left: 1px solid #dedede; padding-left: 80px; height: 130px; overflow: hidden; z-index: 10; } .invoice-links .invoice-links-item { display: block; width: 220px; height: 60px; border: 1px solid rgba(166, 191, 222, 0.5); border-radius: 6px; margin-bottom: 10px; position: relative; padding: 9px 9px 9px 75px; } .invoice-links .invoice-links-item:hover .links-name { color: #3b99fc; } .invoice-links .invoice-links-item.item-02 { margin-bottom: 0; } .invoice-links .invoice-links-item.item-02 .links-icon { background-image: url("../images/center/invoice-link-02.png"); background-image: -webkit-image-set(url("../images/center/invoice-link-02.png") 1x, url("../images/center/invoice-link-02@2x.png") 2x); background-image: image-set(url("../images/center/invoice-link-02.png") 1x, url("../images/center/invoice-link-02@2x.png") 2x); } .invoice-links .links-icon { position: absolute; left: 20px; top: 50%; margin-top: -19px; width: 38px; height: 38px; background-image: url("../images/center/invoice-link-01.png"); background-image: -webkit-image-set(url("../images/center/invoice-link-01.png") 1x, url("../images/center/invoice-link-01@2x.png") 2x); background-image: image-set(url("../images/center/invoice-link-01.png") 1x, url("../images/center/invoice-link-01@2x.png") 2x); } .invoice-links .links-name { height: 40px; line-height: 40px; overflow: hidden; font-weight: 700; } .set-mail-box { border: 1px solid #dedede; padding: 20px 20px 30px 20px; } .set-mail-box .set-mail-icon { width: 44px; height: 44px; line-height: 44px; text-align: center; background: #3b99fc; color: #FFF; border-radius: 8px; margin: 0 auto; } .set-mail-box .set-mail-icon .icon { font-size: 26px; } .set-mail-box .set-mail-tit { line-height: 20px; font-weight: 700; text-align: center; margin-top: 20px; } .set-mail-box .set-mail-info { line-height: 20px; margin-top: 10px; text-align: center; color: #999; font-size: 12px; } .set-mail-box .set-mail-form { width: 340px; margin: 20px auto; position: relative; } .set-mail-box .set-mail-form .input-box { display: block; width: 100%; } .set-mail-box .set-mail-form .input { padding-left: 40px; } .set-mail-box .set-mail-form .icon { left: 5px; right: auto; } .set-mail-box .set-mail-form .input-tips { line-height: 20px; margin-top: 5px; } .set-mail-box .set-mail-btn { text-align: center; } .is-caring .invoice-links .links-info { font-size: 16px; } .is-caring .set-mail-box .set-mail-info { font-size: 16px; } .btn-tips-dot { position: absolute; top: -6px; right: -6px; width: 10px; height: 10px; background: #FF8201; border-radius: 100%; color: #333; z-index: 10; } .btn-tips-dot:hover { color: #333; } .ticket-return-container { *zoom: 1; } .ticket-return-container:before, .ticket-return-container:after { content: ""; display: table; } .ticket-return-container:after { clear: both; overflow: hidden; } .ticket-return-container .ticket-return-main { float: left; width: 870px; } .ticket-return-container .ticket-return-side { float: right; width: 300px; position: relative; } .ticket-return-container .ticket-return-tit { line-height: 24px; font-weight: 700; margin-bottom: 10px; } .table-ticket-return-container { padding: 10px 50px; } .table-ticket-return { width: 100%; table-layout: fixed; } .table-ticket-return td { line-height: 20px; padding: 8px 0; text-align: left; } .return-order-detail { border: 1px solid #ff8000; min-height: 20px; } .return-order-detail .order-detail-hd { height: 40px; line-height: 40px; padding: 0 15px; background: #FFF8ED; font-size: 18px; } .return-order-detail .order-detail-bd { padding: 10px 15px; } .return-order-detail .order-detail-ft { height: 40px; } .return-order-detail .order-detail-ft a { float: left; width: 50%; height: 40px; line-height: 40px; background: #F5F5F5; text-align: center; } .return-order-detail .order-detail-ft a.btn-primary { background: #ff8000; color: #fff; } .return-order-detail .order-detail-ft a.btn-primary:hover { background: #FF6602; } .return-order-detail .order-detail-ft a.btn-primary.disabled { background: #eaeded; color: #999; } .return-order-detail .order-detail-list li { line-height: 20px; padding: 15px 0; border-bottom: 1px dashed #dedede; overflow: hidden; position: relative; } .return-order-detail .order-detail-list li.last { border-bottom: none; } .return-order-detail .order-detail-list .list-con { overflow: hidden; } .return-order-detail .order-detail-list .list-name { float: left; background: #fff; padding-right: 10px; position: relative; z-index: 20; } .return-order-detail .order-detail-list .list-price { float: right; background: #fff; padding-left: 10px; position: relative; z-index: 20; } .return-order-detail .order-detail-list .list-tips { font-size: 12px; color: #999; } .form-photo .photo-tips { color: #999; line-height: 28px; } .form-photo .btn-center { margin-top: 20px; } .photo-upload { overflow: hidden; margin: 10px 0; } .photo-upload .photo-upload-item { float: left; width: 365px; margin-right: 120px; } .photo-upload .photo-upload-item .photo-upload-tit { height: 28px; line-height: 28px; font-weight: 700; } .photo-upload .photo-upload-item .photo-upload-tit .icon { color: #3b99fc; margin-left: 10px; } .photo-upload .photo-upload-item .photo-upload-tit-info { color: #999; height: 28px; line-height: 28px; } .photo-upload .photo-upload-item .photo-upload-main { margin-top: 10px; height: 227px; border: 1px dashed #dedede; border-radius: 10px; position: relative; background: #FCFCFC; } .photo-upload .photo-upload-item .photo-upload-main .photo-upload-main-pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .photo-upload .photo-upload-item .photo-upload-main .photo-upload-main-pic img { display: block; width: 100%; height: 100%; } .photo-upload .photo-upload-item .photo-upload-main .photo-upload-main-icon { position: absolute; top: 75px; left: 50%; margin-left: -22px; width: 44px; height: 44px; line-height: 44px; text-align: center; background: #3b99fc; border-radius: 100%; color: #FFF; } .photo-upload .photo-upload-item .photo-upload-main .photo-upload-main-icon .icon { font-size: 24px; } .photo-upload .photo-upload-item .photo-upload-main .photo-upload-main-text { position: absolute; top: 165px; left: 0; right: 0; text-align: center; line-height: 20px; } .photo-upload .photo-upload-item .photo-upload-main input[type=file] { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; cursor: pointer; font-size: 100px; opacity: 0; filter: alpha(opacity=0); } /*--- 关爱版 开始 ---*/ .is-caring { font-size: 18px; } .is-caring .center-menu .txt-num { font-size: 18px; height: 20px; line-height: 20px; top: 5px; } .is-caring .center-menu .menu-tit .icon-switch { font-size: 18px; } .is-caring .center-menu .menu-tit { padding-right: 20px; padding-left: 0; height: 40px; line-height: 40px; font-size: 18px; } .is-caring .center-menu .menu-tit .icon-switch { top: 12px; } .is-caring .center-menu .menu-sub a { padding-left: 0; } .is-caring .center-welcome .welcome-tit .welcome-name { font-size: 30px; } .is-caring .center-welcome .welcome-tit { font-size: 22px; } .is-caring .center-welcome .welcome-code .code-txt { font-size: 18px; } .is-caring .center-welcome .welcome-code li { width: 300px; } .is-caring .order-queue .queue-info h2 { font-size: 22px; } .is-caring .order-queue .queue-info p { height: 24px; line-height: 24px; font-size: 18px; } .is-caring .order-queue { height: 72px; } .is-caring .order-filter { height: 38px; } .is-caring .order-filter a { height: 36px; line-height: 36px; } .is-caring .order-item-table .order-num-one, .is-caring .order-item-table .order-num-two { font-size: 18px; white-space: nowrap; } .is-caring .panel-order .panel-order-hd { min-height: 40px; height: auto; } .is-caring .order-empty .empty-txt p { line-height: 30px; } .is-caring .order-empty .empty-txt { padding: 5px 0; } .is-caring .order-panel-personal .order-item-date { padding-left: 4px; } .is-caring .search-form-mini .form-item .w160 { width: 180px !important; } .is-caring .order-panel-personal .order-info-ticket .t-num { font-size: 20px; } .is-caring .order-panel-personal .order-info-ticket .t-station { height: 20px; line-height: 20px; font-size: 18px; } .is-caring .order-panel-personal .order-info-ticket .ticket-all-time { font-size: 18px; } .is-caring .label-ticket-form { height: 24px; line-height: 22px; font-size: 18px; } .is-caring .notice-bind .bind-item { padding: 40px 20px 0 70px; } .is-caring .panel-remind { padding-left: 200px; } .is-caring .lost-items-search .search-tab-hd-list li { font-size: 18px; } .is-caring .panel-remind .remind-name { font-size: 20px; } .is-caring .explain-show li { font-size: 18px; } .is-caring .form-list-box .form-tip { font-size: 18px; } .is-caring .express-box .express-item-tit { font-size: 18px; height: 24px; line-height: 24px; width: 24px; } .is-caring .cyx-safe .cyx-safe-bd { padding-left: 20px; } .is-caring .cyx-safe .cyx-safe-item-hd-con .item-text { font-size: 18px; } .is-caring .cyx-safe .cyx-safe-item { width: 260px; } .is-caring .cyx-box .icon.icon-baoxian { font-size: 24px; } .is-caring .cyx-safe.cyx-safe-mini .cyx-safe-bd { padding: 0; } .is-caring .cyx-safe.cyx-safe-mini .cyx-safe-item-hd { float: none; height: auto; width: 100%; margin-bottom: 20px; } .is-caring .cyx-safe.cyx-safe-mini .cyx-safe-item-hd-con { position: static; overflow: hidden; } .is-caring .cyx-safe.cyx-safe-mini .cyx-safe-item-hd-con .item-text { float: left; margin-right: 20px; } .is-caring .order-panel-address .col-num { width: 70px; } .is-caring .order-panel-address .col-tel { width: 140px; } .is-caring .order-panel-address .col-place { width: 420px; } .is-caring .form-list .input-box.w100, .is-caring .form-list .sel.w100 { width: 120px !important; } .is-caring .form-list .input-box.w120, .is-caring .form-list .sel.w120 { width: 140px !important; } .is-caring .form-list .input-box.w140, .is-caring .form-list .sel.w140 { width: 160px !important; } .is-caring .form-list .input-box.w190, .is-caring .form-list .sel.w190 { width: 210px !important; } .is-caring .tracking-status li { padding-left: 170px; } .is-caring .order-info-baoxian .icon-baoxian { font-size: 26px; } .is-caring .order-panel-baoxian .col-number { width: 60px; } .is-caring .l-route-type .route-type-txt { font-size: 18px; } .is-caring .l-route-item .l-route-txt .route-title { font-size: 20px; } .is-caring .ticket-type .ticket-type-txt { line-height: 24px; font-size: 18px; } .is-caring .tit-houbu { font-size: 18px; } /*--- 关爱版 结束 ---*/ .hb-selected-infos { *zoom: 1; padding: 15px 0 0 0; border-top: 1px solid #dedede; } .hb-selected-infos:before, .hb-selected-infos:after { content: ""; display: table; } .hb-selected-infos:after { clear: both; overflow: hidden; } .hb-selected-infos .infos-item { float: left; margin-right: 30px; line-height: 20px; } .hb-selected-infos .infos-item a { text-decoration: underline; } .hb-selected-group { position: relative; } .hb-selected-group .selected-menu { position: absolute; top: 0; right: 0; width: 175px; } .hb-selected-group .selected-menu-item { position: relative; padding-left: 20px; height: 40px; line-height: 40px; font-weight: 700; margin-bottom: 5px; cursor: pointer; } .hb-selected-group .selected-menu-item:hover { color: #3b99fc; } .hb-selected-group .selected-menu-item.is-active { color: #3b99fc; } .hb-selected-group .selected-menu-item.is-active:hover { color: #3b99fc; } .hb-selected-group .selected-menu-item.is-active::after { content: ""; position: absolute; top: 50%; left: 0; margin-top: -10px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #3b99fc; border-right: none; } .hb-selected-group .selected-main { width: 525px; padding-right: 10px; border-right: 1px solid #A6BFDE; max-height: 400px; overflow-y: auto; } .hb-selected-group .selected-main::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(0, 0, 0, 0); } .hb-selected-group .selected-main::-webkit-scrollbar-track { -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; background-color: rgba(0, 0, 0, 0); } .hb-selected-group .selected-main::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.1); } .hb-selected-group .group-item + .group-item { margin-top: 10px; } .hb-selected-group .group-tit { height: 40px; line-height: 40px; font-size: 16px; font-weight: 700; } .hb-selected-group .group-ticket { height: 65px; line-height: 20px; border-bottom: 1px solid #dedede; padding: 12px 0; } .hb-selected-group .group-ticket .ticket-order { float: left; width: 40px; line-height: 40px; } .hb-selected-group .group-ticket .ticket-station { float: left; width: 80px; } .hb-selected-group .group-ticket .ticket-station-name { font-weight: 700; } .hb-selected-group .group-ticket .ticket-number { float: left; width: 60px; height: 32px; line-height: 32px; text-align: center; margin-right: 25px; padding-right: 10px; background-image: url("../images/center/to5.png"); background-image: -webkit-image-set(url("../images/center/to5.png") 1x, url("../images/center/to5@2x.png") 2x); background-image: image-set(url("../images/center/to5.png") 1x, url("../images/center/to5@2x.png") 2x); background-position: bottom center; background-repeat: no-repeat; } .hb-selected-group .group-ticket .ticket-seat { float: left; width: 70px; height: 40px; line-height: 40px; } .passenger-card-mini { width: 170px; } .passenger-card-mini .passenger-name { padding-right: 0; } .passenger-card-list .passenger-card-mini { margin: 10px 10px 0 0; } .success-rate { display: inline-block; width: 126px; height: 30px; line-height: 28px; text-align: center; color: #FFF; background-image: url("../images/success-rate.png"); background-image: -webkit-image-set(url("../images/success-rate.png") 1x, url("../images/success-rate@2x.png") 2x); background-image: image-set(url("../images/success-rate.png") 1x, url("../images/success-rate@2x.png") 2x); } .panel-post-name { line-height: 60px; font-weight: 500; font-size: 20px; } .panel-post { border: 1px solid #acd1f9; padding: 0 20px; } .panel-post .post-item { padding: 10px 0 20px 0; border-bottom: 1px solid #dedede; } .panel-post .post-item:last-child { border-bottom: none; } .panel-post .post-item-send { border-bottom: 1px solid #acd1f9; border-top: 1px solid #acd1f9; background-color: #f0f8ff; padding: 10px 20px 20px 20px; margin-left: -20px; margin-right: -20px; margin-top: -1px; } .panel-post .send-info { min-height: 48px; overflow: hidden; position: relative; } .panel-post .send-info .send-logo { position: absolute; top: 0; left: 0; width: 48px; height: 48px; margin-right: 12px; } .panel-post .send-info .send-logo img { display: block; width: 48px; height: 48px; } .panel-post .send-info .send-con { padding: 0 0 0 60px; line-height: 24px; } .panel-tab .panel-post { padding: 0; border: none; } .checks-box { overflow: hidden; } .checks-box .check-item { float: left; position: relative; width: 240px; height: 56px; margin-right: 20px; border: 1px solid #dedede; line-height: 20px; padding: 7px 8px 7px 48px; border-radius: 2px; cursor: pointer; } .checks-box .check-item:hover .check-name { color: #3b99fc; } .checks-box .check-item.is-active { border-color: #3b99fc; } .checks-box .check-item.is-active .check-side { border-color: #3b99fc; } .checks-box .check-item.is-active .check-side::after { content: ""; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -3px; width: 6px; height: 6px; background: #3b99fc; border-radius: 100%; } .checks-box .check-side { position: absolute; width: 16px; height: 16px; left: 20px; top: 50%; margin-top: -8px; line-height: 1; border: 1px solid #dedede; border-radius: 100%; } .checks-box .check-price { position: absolute; top: 7px; right: 20px; color: #ff8000; } .checks-box .check-name { padding-right: 80px; height: 20px; line-height: 20px; overflow: hidden; } .checks-box .check-info { height: 20px; line-height: 20px; overflow: hidden; color: #666; } .panel-post-foot { padding: 20px 0; line-height: 30px; overflow: hidden; } .panel-post-foot .panel-post-foot-left { float: left; } .panel-post-foot .panel-post-foot-right { float: right; } .post-order { overflow: hidden; } .post-order .post-order-side { float: left; width: 448px; height: 300px; padding-right: 40px; padding-left: 40px; border-right: 1px dashed #dedede; } .post-order .post-order-side-item { line-height: 20px; margin-bottom: 20px; } .post-order .post-order-side-item .item-type { float: left; margin-left: -40px; width: 32px; height: 32px; border: 1px solid #2196F3; padding: 1px; background-color: #2196F3; border-radius: 100%; color: #FFF; line-height: 28px; text-align: center; background-clip: content-box; font-size: 16px; font-weight: 700; } .post-order .post-order-side-item .item-type.is-receive { border: 1px solid #4EA373; background-color: #4EA373; } .post-order .post-order-side-item-infos { line-height: 40px; } .post-order .post-order-main { float: left; width: 700px; height: 320px; padding-left: 70px; overflow-y: auto; } .post-order .post-order-main .tracking-status .status-item-today .s-dot { background: #3b99fc; } .post-order .post-order-main .tracking-status .status-txt { line-height: 24px; padding: 5px 0; height: auto; white-space: normal; overflow: visible; } .post-status { width: 290px; padding: 10px 20px 10px 40px; max-height: 300px; overflow-y: auto; } .post-status .post-status-item { position: relative; border-bottom: 1px dashed #dedede; padding: 10px 0; line-height: 20px; } .post-status .post-status-item:last-child { border-bottom: none; } .post-status .item-head { line-height: 20px; } .post-status .item-dot { position: absolute; top: 17px; left: -20px; width: 5px; height: 5px; background: #CDCDCD; border-radius: 100%; } .post-status .item-dot::after { content: ""; position: absolute; top: 4px; left: 2px; width: 1px; height: 40px; background: #DEDEDE; } .post-status .item-dot .icon { width: 16px; height: 16px; line-height: 16px; font-size: 16px; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; background: #FFF; color: #3b99fc; z-index: 10; } .post-status .item-name { display: inline-block; min-width: 4em; } .post-status .item-time { color: #666; font-size: 12px; margin-left: 10px; } .post-status .item-body { margin-top: 4px; } @charset "UTF-8"; /*车票查询*/ .ticket-search { *zoom: 1; } .ticket-search:before, .ticket-search:after { content: ""; display: table; } .ticket-search:after { clear: both; overflow: hidden; } .ticket-search { margin: 20px 0; } .ticket-search .search-item { float: left; margin-right: 10px; line-height: 30px; } .ticket-search .line-to { line-height: 30px; color: #999; } .ticket-search .line-cut { display: block; width: 1px; height: 30px; background: #dedede; margin: 0 10px; } .ticket-search .search-city-change { height: 30px; width: 40px; position: relative; padding: 5px 0; } .ticket-search .search-city-change:before { content: ""; position: absolute; left: 0; right: 0; top: 14px; height: 1px; line-height: 1px; overflow: hidden; background: #dedede; z-index: 0; } .ticket-search .icon-qiehuan { display: block; width: 20px; height: 20px; line-height: 20px; margin: 0 auto; text-align: center; background: #3b99fc; color: #fff; border-radius: 100%; cursor: pointer; font-size: 14px; position: relative; z-index: 2; } .ticket-filter-date .filter-date-list { height: 40px; border-left: 1px solid #acd1f9; } .ticket-filter-date .filter-date-list li { float: left; width: 57px; height: 40px; line-height: 38px; border: 1px solid #acd1f9; border-left: none; text-align: center; position: relative; cursor: pointer; } .ticket-filter-date .filter-date-list .active { border-top: 1px solid #3b99fc; border-bottom: none; width: 106px; } .ticket-filter-date .filter-date-list .active:after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #3b99fc; overflow: hidden; } .ticket-filter-date .filter-date-list .disabled { cursor: not-allowed; background: #eaeded; color: #999; } .ticket-filter-con { border: 1px solid #acd1f9; border-top: none; padding: 2px 20px; } .ticket-filter-list .filter-item { padding: 12px 0; border-bottom: 1px dashed #dedede; min-height: 54px; } .ticket-filter-list .filter-item-last { border-bottom: none; } .ticket-filter-list .filter-item-pull-right { float: right; border-bottom: none; } .ticket-filter-list .filter-hd { float: left; width: 70px; height: 30px; line-height: 30px; color: #999; } .ticket-filter-list .filter-bd { margin-left: 70px; height: 30px; } .ticket-filter-list .filter-key-list { height: 30px; } .ticket-filter-list .filter-key-list .key-item { float: left; margin-right: 15px; line-height: 30px; } .ticket-filter-list .filter-key-list .filter-all { cursor: pointer; } .ticket-filter-list .filter-key-list .filter-all:hover { color: #3b99fc; } .ticket-filter-list .filter-key-list .filter-all.active { color: #3b99fc; } .ticket-filter-list .filter-set-list { height: 30px; } .ticket-filter-list .filter-set-list .set-item { float: left; margin-right: 15px; } .ticket-filter-list .filter-set-list .set-btn { display: inline-block; line-height: 30px; } .ticket-filter-list .filter-set-list .set-btn:hover { color: #3b99fc; } .ticket-filter-list .filter-set-list .set-btn:hover .icon { color: #3b99fc !important; } .ticket-filter-list .filter-set-list .set-line { color: #dedede; margin: 0 10px; } .ticket-filter-list .filter-set-list .set-item-pull-right { float: right; margin-right: 0; } .ticket-filter-list .filter-add-list { height: 30px; padding: 3px 0; } .ticket-filter-list .filter-add-list .add-item { float: left; margin-right: 15px; line-height: 24px; } .ticket-filter-list .filter-add-list .add-btn { display: block; width: 66px; height: 24px; line-height: 22px; border: 1px dashed #3b99fc; border-radius: 2px; color: #3b99fc; padding: 0 10px; position: relative; } .ticket-filter-list .filter-add-list .add-btn .icon { font-size: 12px; position: absolute; top: 5px; right: 10px; width: 12px; height: 12px; line-height: 12px; font-weight: 700; } .ticket-filter-list .filter-add-list .added-btn { display: inline-block; padding: 0 25px 0 10px; height: 24px; line-height: 24px; background: #3b99fc; color: #fff; position: relative; border-radius: 2px; } .ticket-filter-list .filter-add-list .added-btn .icon { font-size: 12px; position: absolute; top: 7px; right: 10px; width: 12px; height: 12px; line-height: 12px; cursor: pointer; } .ticket-filter-list .filter-add-list .add-item-pull-right { float: right; margin-right: 0; } .panel-tooltip-train { width: 662px; } .panel-tooltip-time { width: 718px; } .panel-tooltip-seat { width: 486px; } .panel-tooltip-passenger { width: 486px; } .filter-train-list { *zoom: 1; } .filter-train-list:before, .filter-train-list:after { content: ""; display: table; } .filter-train-list:after { clear: both; overflow: hidden; } .filter-train-list { margin: -10px -20px -10px 0; } .filter-train-list li { float: left; width: 140px; height: 30px; line-height: 28px; text-align: center; position: relative; border: 1px solid #fff; margin: 5px 20px 5px 0; overflow: hidden; cursor: pointer; } .filter-train-list li.active { border: 1px solid #3b99fc; color: #3b99fc; background-image: url("../images/current.png"); background-image: -webkit-image-set(url("../images/current.png") 1x, url("../images/current@2x.png") 2x); background-image: image-set(url("../images/current.png") 1x, url("../images/current@2x.png") 2x); background-position: right bottom; background-repeat: no-repeat; } .filter-train-list li:nth-child(4n) { margin-right: 0; } .filter-time-list { *zoom: 1; } .filter-time-list:before, .filter-time-list:after { content: ""; display: table; } .filter-time-list:after { clear: both; overflow: hidden; } .filter-time-list { margin: -10px -20px -10px 0; } .filter-time-list li { float: left; width: 96px; height: 30px; line-height: 28px; text-align: center; position: relative; border: 1px solid #fff; margin: 5px 20px 5px 0; overflow: hidden; cursor: pointer; } .filter-time-list li.active { border: 1px solid #3b99fc; color: #3b99fc; background-image: url("../images/current.png"); background-image: -webkit-image-set(url("../images/current.png") 1x, url("../images/current@2x.png") 2x); background-image: image-set(url("../images/current.png") 1x, url("../images/current@2x.png") 2x); background-position: right bottom; background-repeat: no-repeat; } .filter-time-list li:nth-child(6n) { margin-right: 0; } .filter-seat-list { *zoom: 1; } .filter-seat-list:before, .filter-seat-list:after { content: ""; display: table; } .filter-seat-list:after { clear: both; overflow: hidden; } .filter-seat-list { margin: -10px -20px -10px 0; } .filter-seat-list li { float: left; width: 96px; height: 30px; line-height: 28px; text-align: center; position: relative; border: 1px solid #fff; margin: 5px 20px 5px 0; overflow: hidden; cursor: pointer; } .filter-seat-list li.active { border: 1px solid #3b99fc; color: #3b99fc; background-image: url("../images/current.png"); background-image: -webkit-image-set(url("../images/current.png") 1x, url("../images/current@2x.png") 2x); background-image: image-set(url("../images/current.png") 1x, url("../images/current@2x.png") 2x); background-position: right bottom; background-repeat: no-repeat; } .filter-seat-list li:nth-child(4n) { margin-right: 0; } .filter-passenger-list { *zoom: 1; } .filter-passenger-list:before, .filter-passenger-list:after { content: ""; display: table; } .filter-passenger-list:after { clear: both; overflow: hidden; } .filter-passenger-list { margin: -10px -20px -10px 0; } .filter-passenger-list li { float: left; width: 96px; height: 30px; line-height: 28px; text-align: center; position: relative; border: 1px solid #fff; margin: 5px 20px 5px 0; overflow: hidden; cursor: pointer; } .filter-passenger-list li.active { border: 1px solid #3b99fc; color: #3b99fc; background-image: url("../images/current.png"); background-image: -webkit-image-set(url("../images/current.png") 1x, url("../images/current@2x.png") 2x); background-image: image-set(url("../images/current.png") 1x, url("../images/current@2x.png") 2x); background-position: right bottom; background-repeat: no-repeat; } .filter-passenger-list li:nth-child(4n) { margin-right: 0; } .ticket-result-top { height: 60px; line-height: 30px; padding: 15px 0; } .ticket-result-top .btn-sm { margin-top: 3px; } .search-citys { font-size: 16px; margin-right: 20px; float: left; } .search-citys .citys-item { float: left; font-weight: 700; } .search-citys .citys-to { float: left; height: 30px; line-height: 30px; width: 50px; margin: 0 10px; background-image: url("../images/center/to5.png"); background-image: -webkit-image-set(url("../images/center/to5.png") 1x, url("../images/center/to5@2x.png") 2x); background-image: image-set(url("../images/center/to5.png") 1x, url("../images/center/to5@2x.png") 2x); background-repeat: no-repeat; background-position: right center; } .ticket-result-box .ticket-number { float: left; padding-left: 20px; width: 170px; } .ticket-result-box .ticket-time { float: left; width: 160px; text-align: center; } .ticket-result-box .ticket-alltime { min-height: 34px; float: left; width: 160px; text-align: center; } .ticket-result-box .ticket-price { float: left; width: 260px; text-align: center; } .ticket-result-box .ticket-state { float: left; width: 160px; text-align: center; } .ticket-result-box .ticket-btn { float: left; width: 120px; text-align: center; } .ticket-result-hd { height: 40px; position: relative; } .ticket-result-titlist { height: 40px; line-height: 40px; background: #f8f8f8; color: #666; } .ticket-result-titlist.titlist-fixed { position: fixed; top: 0; left: 50%; margin-left: -595px; width: 1190px; z-index: 100; } .ticket-result-item { position: relative; padding: 20px 0 20px 0; border-bottom: 1px dashed #dedede; line-height: 24px; *zoom: 1; } .ticket-result-item:before, .ticket-result-item:after { content: ""; display: table; } .ticket-result-item:after { clear: both; overflow: hidden; } .ticket-result-item:last-child { border-bottom: none; } .ticket-result-item .ticket-item-info { float: left; width: 650px; } .ticket-result-item .ticket-number-num, .ticket-result-item .ticket-time-num { margin-bottom: 10px; font-size: 20px; } .ticket-result-item .ticket-number-num .is-another-day, .ticket-result-item .ticket-time-num .is-another-day { font-weight: 400; margin-left: 5px; color: #ff8000; font-size: 14px; vertical-align: middle; } .ticket-result-item .ticket-number-station .arw { display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 4px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #3b99fc transparent transparent transparent; border-bottom: none; vertical-align: middle; margin-left: 5px; } .ticket-result-item .ticket-time-info .label-shi, .ticket-result-item .ticket-time-info .label-zhong, .ticket-result-item .ticket-time-info .label-guo { margin-right: 8px; } .ticket-result-item .ticket-alltime { background-image: url("../images/center/to4.png"); background-image: -webkit-image-set(url("../images/center/to4.png") 1x, url("../images/center/to4@2x.png") 2x); background-image: image-set(url("../images/center/to4.png") 1x, url("../images/center/to4@2x.png") 2x); background-repeat: no-repeat; background-position: center 20px; } .ticket-result-item .ticket-alltime-txt { font-size: 12px; margin-bottom: 10px; } .ticket-result-item .ticket-train-type { font-size: 12px; color: #999; } .ticket-result-item .train-type { float: left; padding: 0 0 0 20px; height: 18px; margin-top: 12px; } .ticket-result-item .train-type .train-type-item { float: left; margin: 0 2px 0 0; width: 18px; height: 18px; line-height: 16px; background: #fff; border: 1px solid #fff; border-radius: 2px; font-size: 12px; text-align: center; color: #ff8000; } .ticket-result-item .train-type .item-fu { border: 1px solid #ffdbac; color: #ff8000; } .ticket-result-item .train-type .item-jing { border: 1px solid #acd1f9; color: #3b99fc; } .ticket-result-item .train-type .item-zhi { border: 1px solid #c6e8d5; color: #4ea373; } .ticket-result-item .train-type .item-can { border: 1px solid #ffbaba; color: #ff4646; } .ticket-result-item .ticket-service { height: 22px; float: left; padding: 0 0 0 20px; margin-top: 10px; } .ticket-result-item .ticket-service i { margin-right: 10px; } .ticket-result-item .ticket-item-buy { float: left; width: 540px; position: relative; } .ticket-result-item .ticket-item-buy-item { margin-bottom: 10px; height: 24px; } .ticket-result-item .ticket-price { height: 24px; } .ticket-result-item .ticket-btn .btn { vertical-align: top; } .ticket-result-item .ticket-price-seat { float: left; width: 50%; text-align: right; padding-right: 5px; } .ticket-result-item .ticket-price-num { float: left; width: 50%; text-align: left; padding-left: 5px; } .ticket-result-item .label-discount { margin-left: 5px; } .ticket-result-item .ticket-item-not-sold { position: absolute; top: 50%; margin-top: -12px; right: 0; text-align: center; width: 120px; height: 24px; line-height: 24px; color: #999; } .ticket-result-item.ticket-result-item-disabled { color: #999; } .ticket-result-item.ticket-result-item-disabled .ticket-number-num { margin-bottom: 0; } .ticket-result-item.ticket-result-item-disabled .ticket-time-info { font-size: 20px; } .ticket-result-item.ticket-result-item-disabled .ticket-alltime { height: 24px; background-position: center center; } .ticket-result-item.ticket-result-item-disabled .ticket-item-buy-item { text-align: right; position: relative; padding-right: 25px; } .ticket-result-item.ticket-result-item-tranfer .ticket-tranfer-tit { float: left; width: 60px; height: 60px; line-height: 22px; border: 2px solid #3b99fc; border-radius: 4px; text-align: center; font-size: 16px; padding: 6px; color: #3b99fc; margin: 0 90px 0 20px; font-weight: 700; } .ticket-result-item.ticket-result-item-tranfer .ticket-time-info { height: 60px; line-height: 60px; font-size: 20px; } .ticket-result-item.ticket-result-item-tranfer .ticket-tranfer-tips { float: left; width: 160px; height: 60px; padding: 15px 0; } .ticket-result-item.ticket-result-item-tranfer .ticket-tranfer-tips-btn { display: block; width: 60px; height: 30px; line-height: 26px; border: 2px solid #dedede; border-radius: 30px; text-align: center; margin: 0 auto; position: relative; } .ticket-result-item.ticket-result-item-tranfer .ticket-tranfer-tips-btn:before { content: ""; position: absolute; top: 14px; left: -50px; width: 40px; height: 2px; line-height: 2px; background: #dedede; overflow: hidden; } .ticket-result-item.ticket-result-item-tranfer .ticket-tranfer-tips-btn:after { content: ""; position: absolute; top: 14px; right: -50px; width: 40px; height: 2px; line-height: 2px; background: #dedede; overflow: hidden; } .ticket-result-item.ticket-result-item-tranfer .ticket-item-buy { padding-top: 18px; } .ticket-result-item.ticket-result-item-tranfer .ticket-item-buy .ticket-item-buy-item { margin-bottom: 0; } .ticket-result-item.ticket-result-item-tranfer .ticket-item-buy .ticket-price { margin-right: 160px; } .ticket-result-item.ticket-result-item-tranfer .ticket-item-buy .ticket-price-num { margin-left: 50%; } /*订单-添加乘客去支付*/ .order-tobuy { margin-top: 20px; padding-right: 318px; position: relative; } .order-tobuy .ticket-card-list { overflow: hidden; padding: 0 0 20px 20px; } .order-tobuy .ticket-card-list .ticket-card, .order-tobuy .ticket-card-list .ticket-card-new, .order-tobuy .ticket-card-list .ticket-card-queue { float: left; margin: 20px 10px 0 0; } .order-tobuy .agree-lk { border-top: 1px solid #dedede; padding: 10px 20px; } .order-tobuy .agree-lk-txt { padding: 0 20px 20px 20px; } .order-tobuy .agree-lk-list { overflow: hidden; } .order-tobuy .agree-lk-list li { float: left; margin-right: 20px; } .order-tobuy .passenger-list-box { min-height: 30px; } .order-tobuy .passenger-list-box .passenger-list-type { float: left; width: 30px; height: 30px; line-height: 30px; } .order-tobuy .passenger-list { overflow: hidden; margin-left: 30px; } .order-tobuy .passenger-list li { float: left; width: 83px; padding-right: 5px; height: 30px; overflow: hidden; } .order-tobuy .order-add-addpassenger { padding-bottom: 20px; } .order-tobuy .btn-addpassenger { width: 150px; color: #3b99fc; border: 1px dashed #3b99fc; } .order-tobuy .btn-addpassenger .icon { font-size: 14px; vertical-align: middle; margin-right: 4px; position: relative; top: -2px; } .order-tobuy .closing-date { border-top: 1px solid #dedede; line-height: 30px; border-top: 1px solid #dedede; padding: 10px 20px; } .order-tobuy .closing-date .input-box, .order-tobuy .closing-date .sel { vertical-align: top; } .order-tobuy .closing-date .label-txt { padding: 0 5px; cursor: pointer; } .order-tobuy .closing-date .label-txt:hover { color: #3b99fc; } .order-detail { position: absolute; top: 0; right: 0; width: 300px; border: 1px solid #ff8000; min-height: 20px; } .order-detail .order-detail-hd { height: 40px; line-height: 40px; padding: 0 20px; background: #fff8ed; font-size: 18px; } .order-detail .order-detail-bd { padding: 10px 20px; } .order-detail .order-detail-ft { height: 40px; } .order-detail .order-detail-ft a { float: left; width: 50%; height: 40px; line-height: 40px; background: #f5f5f5; text-align: center; } .order-detail .order-detail-ft a.btn-primary { background: #ff8000; color: #fff; } .order-detail .order-detail-ft a.btn-primary:hover { background: #ff6602; } .order-detail .order-detail-ft a.btn-primary.disabled { background: #eaeded; color: #999; } .order-detail .order-detail-list li { height: 30px; line-height: 30px; overflow: hidden; position: relative; } .order-detail .order-detail-list li:before { content: ""; position: absolute; top: 15px; left: 50px; right: 30px; height: 1px; border-top: 1px dashed #dedede; z-index: 1; } .order-detail .order-detail-list li:last-child, .order-detail .order-detail-list li.last { border-bottom: none; } .order-detail .order-detail-list .detail-list-name { float: left; background: #fff; padding-right: 10px; position: relative; z-index: 20; } .order-detail .order-detail-list .detail-list-price { float: right; background: #fff; padding-left: 10px; position: relative; z-index: 20; } .order-tobuy-success { padding-right: 0; } .order-tobuy-success .ticket-card-list .ticket-card { margin-right: 20px; } /*----201904 跨海联运----*/ .ticket-result-box01 .ticket-filter { float: left; margin: 0 10px 0 20px; } .ticket-result-box01 .ticket-price { float: left; width: 130px; text-align: center; } .ticket-result-box01 .ticket-price .ticket-price-num { padding-left: 0; text-align: center; width: 100%; } .ticket-result-box01 .ticket-alltime01 { float: left; width: 150px; min-height: 34px; background-image: url("../images/center/to4.png"); background-image: -webkit-image-set(url("../images/center/to4.png") 1x, url("../images/center/to4@2x.png") 2x); background-image: image-set(url("../images/center/to4.png") 1x, url("../images/center/to4@2x.png") 2x); background-repeat: no-repeat; background-position: center 20px; } .ticket-result-box01 .ticket-time01 { min-height: 34px; width: 150px; float: left; text-align: center; } .ticket-result-box01 .ticket-time, .ticket-result-box01 .ticket-alltime { width: 163px; } .ticket-result-box01 .ticket-time .ticket-alltime-txt, .ticket-result-box01 .ticket-alltime .ticket-alltime-txt { height: 24px; } .ticket-result-box01 .ticket-time-all { float: left; width: 220px; text-align: center; } .ticket-result-box01 .ticket-result-item { position: relative; padding: 56px 0 46px 0; border-bottom: 1px dashed #dedede; } .ticket-result-box01 .ticket-result-item .ticket-item-info { width: 770px; } .ticket-result-box01 .ticket-result-item .ticket-item-buy { width: 420px; } .ticket-result-box01 .ticket-result-item .ticket-time-all { margin-left: 58px; } .ticket-result-box02 .ticket-result-item { position: relative; padding: 56px 0 46px 0; border-bottom: 1px dashed #dedede; } .ticket-result-box02 .ticket-number { width: 130px; } .ticket-result-box02 .ticket-time-all { float: left; width: 220px; text-align: center; } .ticket-result-box02 .ticket-seat { float: left; width: 130px; text-align: center; } .ticket-result-box02 .ticket-seat .ticket-tooltip { position: relative; display: block; } .ticket-result-box02 .ticket-seat .ticket-tooltip + .panel-tooltip { z-index: 10000; } .ticket-result-box02 .ticket-alltime { width: 120px; min-height: 34px; } .ticket-result-box02 .ticket-time01 { min-height: 34px; width: 120px; float: left; } .ticket-result-box02 .ticket-time { min-height: 34px; width: 150px; } .ticket-result-box02 .ticket-item-info { width: 770px; } .ticket-result-box02 .ticket-item-buy { width: 420px; } /*席位*/ .l-seats-hd { font-weight: 700; color: #333; text-align: left; padding: 0 6px; *zoom: 1; } .l-seats-hd:before, .l-seats-hd:after { content: ""; display: table; } .l-seats-hd:after { clear: both; overflow: hidden; } .l-seats-hd .l-seats-title { border-bottom: 1px solid #dedede; line-height: 20px; padding: 5px 0 5px 15px; width: 50%; float: left; } .l-seats-hd .l-seats-title.last { padding-left: 0; padding-right: 15px; } .l-seats { padding: 0 6px; color: #333; text-align: left; } .l-seats .l-seats-item { *zoom: 1; } .l-seats .l-seats-item:before, .l-seats .l-seats-item:after { content: ""; display: table; } .l-seats .l-seats-item:after { clear: both; overflow: hidden; } .l-seats .l-seats-item { padding: 0 15px; border-bottom: 1px dashed #dedede; } .l-seats .l-seats-item:last-child { border-bottom: none; } .l-seats .l-seats-txt { line-height: 20px; padding: 10px 0; width: 50%; float: left; font-size: 12px; } /*购物车*/ .lianyun-list li { margin-top: 10px; } .lianyun-list li:first-child { margin-top: 0; } .lianyun-list .lianyun-item { position: relative; } .lianyun-list .lianyun-hd { padding: 10px 20px; height: 42px; } .lianyun-list .lianyun-bd { padding: 0px 0px 15px 20px; border-bottom: 1px dashed #dedede; } .lianyun-list .lianyun-time { position: absolute; text-align: center; bottom: -12px; width: 100%; } .lianyun-list .lianyun-time .label-lighter { width: 168px; overflow: hidden; } .lianyun-list .lianyun-txt { line-height: 24px; } .lianyun-list .lianyun-item01 { position: relative; } .cart-bd-ft-txt { line-height: 1.5; } /*标签*/ .labelbg-primary { display: inline-block; min-width: 60px; height: 22px; line-height: 20px; border: 1px solid #b1d6fe; padding: 0 2px; color: #fff; background-color: #3b99fc; font-style: normal; white-space: nowrap; text-align: center; } .label-lighter { display: inline-block; min-width: 60px; height: 16px; line-height: 14px; font-size: 12px; border: 1px solid #dedede; color: #999; background-color: #f8f8f8; font-style: normal; white-space: nowrap; text-align: center; } /*订单为空*/ .l-txt-tips { line-height: 26px; color: #999; font-size: 12px; } /*可选方案*/ .result-plan { line-height: 30px; *zoom: 1; } .result-plan:before, .result-plan:after { content: ""; display: table; } .result-plan:after { clear: both; overflow: hidden; } /*可行方案列表*/ .ticket-plan { *zoom: 1; } .ticket-plan:before, .ticket-plan:after { content: ""; display: table; } .ticket-plan:after { clear: both; overflow: hidden; } .ticket-plan .ticket-plan-item { line-height: 20px; border: 1px solid #d3e5f5; border-radius: 4px; border-radius: 4px; transition: 0.3s border, 0.3s background, 0.3s box-shadow; padding: 16px 20px 0 20px; width: 220px; height: 102px; margin: 5px 20px 5px 0; float: left; } .ticket-plan .ticket-plan-item.active { background: #f0f8ff; border: 1px solid #3b99fc; box-shadow: 0 0 14px 0 rgba(131, 163, 197, 0.3); } .ticket-plan .ticket-plan-item:hover { box-shadow: 0 0 14px 0 rgba(131, 163, 197, 0.3); border: 1px solid #3b99fc; } .ticket-plan .ticket-plan-item .plan-time, .ticket-plan .ticket-plan-item .plan-name, .ticket-plan .ticket-plan-item .plan-times { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .ticket-plan .ticket-plan-item .plan-time { line-height: 22px; } .ticket-plan .ticket-plan-item .plan-time strong { font-size: 16px; font-weight: 700; color: #3b99fc; margin: 0 7px; vertical-align: top; } .ticket-plan .ticket-plan-item .plan-name { line-height: 20px; padding: 6px 0; } .ticket-plan .ticket-plan-item .plan-times { font-size: 12px; color: #666; } .ticket-plan .ticket-plan-item .plan-times .times-txt { color: #ff8000; } /*添加乘客去支付*/ .panel-hd-txt { padding: 10px 20px; border-top: 1px solid #b3d5ff; } .order-details { position: absolute; top: 0; right: 0; width: 300px; min-height: 20px; } .order-details .order-detail { position: static; } .order-detail-list01 li { height: 54px; line-height: 54px; border-bottom: 1px dashed #dedede; overflow: hidden; position: relative; } .order-detail-list01 li.last { border-bottom: none; } .order-detail-list01 .detail-list-name { float: left; background: #fff; padding-right: 10px; position: relative; z-index: 20; } .order-detail-list01 .detail-list-price { float: right; background: #fff; padding-left: 10px; position: relative; z-index: 20; } /*添加乘客去支付*/ .l-order-box { display: none; padding: 25px 20px 20px; position: relative; border-bottom: 1px solid #dedede; } .l-order-box:first-child { border-bottom-color: transparent; } .l-order-box:last-child { border-bottom: none; } .l-order-info { *zoom: 1; } .l-order-info:before, .l-order-info:after { content: ""; display: table; } .l-order-info:after { clear: both; overflow: hidden; } .l-order-info .l-order-name { float: left; border: 1px solid #b3d5ff; text-align: center; margin-right: 14px; } .l-order-info .l-order-name .l-order-txt { padding: 4px 10px; } .l-order-info .l-order-name .l-order-txt:first-child { color: #fff; background-color: #3b99fc; } .l-order-info .l-order-ticket { margin-right: 22px; float: left; } .l-order-info .l-order-ticket .l-order-txt { font-weight: 700; } .l-order-info .l-order-ticket .l-order-txt:first-child { font-size: 16px; } .l-order-info .l-order-txt { line-height: 20px; padding: 4px 0px; } .l-order-info .l-order-time { float: left; } .l-order-bt { left: 0; right: 0; position: absolute; bottom: -10px; text-align: center; } /*添加乘客支付第二程*/ .bor-bottom { padding-bottom: 20px; border-bottom: 1px dashed #dedede; } .l-panel-table { max-width: 80%; position: absolute; left: 45%; top: 35%; z-index: 9999; box-shadow: 0 0 4px 0 rgba(10, 70, 105, 0.2); } /*附加服务*/ .add-service-item { margin: 20px 20px; } .add-service-item .btn-addpassenger { width: auto; } .add-service-item .form-label { display: inline-block; line-height: 30px; vertical-align: top; } .add-service-item td { padding: 5px 15px 5px 0px; } .add-service-item td:first-child { max-width: 160px; } .l-code-txt { line-height: 22px; } .l-code-txt span { vertical-align: middle; } @media (max-width: 1395px) { .l-floor { margin-left: 0; } } /*190506支付*/ .pay-order-confirm { border: 1px solid #acd1f9; } .pay-order-confirm + .panel-order:hover { border-color: #acd1f9; } .pay-order-confirm .order-confirm-top { padding: 20px; overflow: hidden; position: relative; } .pay-order-confirm .order-confirm-left { float: left; line-height: 30px; } .pay-order-confirm .order-confirm-left .btn { margin-top: 6px; } .pay-order-confirm .order-confirm-left .btn .icon { display: inline-block; transition: 0.3s linear all; } .pay-order-confirm .order-confirm-left .btn:hover { border-color: #3b99fc; color: #3b99fc; } .pay-order-confirm .order-confirm-right { float: right; line-height: 30px; } .pay-order-confirm .order-confirm-con { display: none; } .pay-order-confirm .order-confirm-con .list-table th { text-align: left; padding-left: 20px; } .pay-order-confirm .order-confirm-con .list-table td { border: none; padding: 8px 10px 8px 20px; text-align: left; color: #666; } .pay-order-confirm.open .order-confirm-top .btn .icon { transform: rotate(180deg); } .pay-order-list { overflow: hidden; } .pay-order-list li { float: left; margin-right: 20px; } .pay-order-list li a { display: block; width: 160px; height: 54px; line-height: 52px; padding: 0 10px; border: 1px solid #dedede; border-radius: 4px; transition: 0.3s linear; } .pay-order-list li a:hover { border-color: #3b99fc; background: #f0f8ff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); color: #333; } .pay-order-list li i { float: left; width: 38px; height: 38px; line-height: 38px; margin: 7px 10px 0 0; text-align: center; font-size: 36px; } .pay-order-list li .icon-zhifubao { color: #1296db; } .pay-order-list li .icon-weixin { color: #24af41; } .pay-code { text-align: center; } .pay-code .pay-code-text { padding: 5px 0; } .pay-code .pay-code-pic { margin-top: 5px; } .pay-code .pay-code-pic img { display: block; width: 180px; height: 180px; margin: 0 auto; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .pay-code .pay-code-tips { text-align: center; margin-top: 20px; } .pay-code .pay-code-tips .icon { display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 34px; color: #ff8000; margin-right: 10px; } .pay-code .pay-code-tips-text { display: inline-block; vertical-align: top; line-height: 20px; } /*190611选铺别*/ .select-berth { position: relative; height: 30px; display: inline-block; z-index: 10; } .select-berth .select-berth-hd { display: inline-block; width: 94px; height: 30px; line-height: 28px; border: 1px solid #dedede; text-align: center; } .select-berth .select-berth-hd .icon { font-size: 16px; margin-right: 5px; } .select-berth .select-berth-bd { position: absolute; top: 30px; left: 0; width: 360px; border: 1px solid #3b99fc; background: #fff; z-index: 10; display: none; } .select-berth .berth-list { padding: 10px 0 10px 10px; overflow: hidden; } .select-berth .berth-list li { float: left; margin-right: 6px; width: 80px; height: 28px; line-height: 26px; border: 1px solid #dedede; text-align: center; cursor: pointer; } .select-berth .berth-list li .icon { font-size: 14px; } .select-berth .berth-list li:hover { color: #3b99fc; } .select-berth .berth-list .active { border-color: #3b99fc; color: #3b99fc; } .select-berth .berth-tips { background: #fffbf8; height: 30px; line-height: 30px; padding: 0 10px; text-align: left; border-top: 1px dashed #3b99fc; overflow: hidden; } .select-berth:hover { z-index: 20; } .select-berth:hover .select-berth-hd { color: #3b99fc; } .select-berth:hover .select-berth-bd { display: block; } .select-berth.disabled .select-berth-hd { border-color: #dedede; color: #999999; cursor: not-allowed; } .select-berth.disabled .select-berth-bd { display: none; } .select-berth.disabled:hover .select-berth-hd { border-color: #dedede; color: #999999; } /*20201023托运需求填写*/ .transport-form .transport-form-tit { height: 60px; line-height: 60px; font-size: 16px; font-weight: 700; } .transport-form .transport-form-head { position: relative; } .transport-form .transport-form-head .transport-form-item { float: left; width: 50%; position: relative; border-bottom: none; margin-bottom: -10px; } .transport-form .transport-form-head .transport-form-item:first-child:after { content: ""; position: absolute; top: 36px; right: 50px; bottom: 50px; width: 1px; border-right: 1px dashed #dedede; } .transport-form .transport-form-head { border-bottom: 1px solid #dedede; margin-bottom: 10px; } .transport-form .transport-form-item { border-bottom: 1px solid #dedede; margin-bottom: 10px; } .transport-form .transport-form-item .transport-item-tit { height: 36px; line-height: 36px; font-weight: 700; position: relative; } .transport-form .transport-form-item .transport-item-tit .tit-name { float: left; width: 100px; } .transport-form .transport-form-item .transport-item-tit .txt-lighter { font-weight: 400; margin-left: 10px; } .transport-form .transport-form-item .transport-item-tit .tit-link { position: absolute; top: 0; right: 0; color: #3b99fc; text-decoration: underline; font-weight: 400; } .transport-form .transport-form-item .form-list .form-item { margin-bottom: 20px; } .transport-form .transport-form-item .form-tips { clear: both; color: #999; margin-left: 0; } .transport-form .transport-arrive { float: left; } .transport-show-info .transport-tit { height: 40px; line-height: 40px; font-weight: 700; } .transport-show-info .transport-tit .txt-lighter { color: #999; margin-left: 10px; font-size: 12px; font-weight: 400; } .transport-show-info .transport-service { overflow: hidden; } .transport-show-info .transport-service-item { float: left; margin: 0 20px 10px 0; width: 200px; height: 240px; border: 1px solid #dedede; border-top: 2px solid #3b98fc; border-radius: 3px; text-align: center; padding: 25px 15px 0 15px; position: relative; } .transport-show-info .transport-service-item.is-next-day { border-top: 2px solid #52b69c; } .transport-show-info .transport-service-item.is-next-day.is-active:after { background-image: url("../images/current4.png"); background-image: -webkit-image-set(url("../images/current4.png") 1x, url("../images/current4@2x.png") 2x); background-image: image-set(url("../images/current4.png") 1x, url("../images/current4@2x.png") 2x); } .transport-show-info .transport-service-item.is-active:after { content: ""; position: absolute; top: -3px; right: -1px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .transport-show-info .transport-service-name { font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; font-weight: 700; margin-bottom: 5px; } .transport-show-info .transport-service-info { line-height: 20px; height: 80px; overflow: hidden; color: #666; font-size: 12px; } .transport-show-info .transport-service-price { height: 40px; line-height: 40px; color: #ff4646; font-size: 12px; } .transport-show-info .transport-service-price strong { font-size: 28px; font-weight: 400; margin: 0 5px; } .transport-show-info .transport-service-price.is-old { height: 24px; line-height: 24px; color: #999; text-decoration: line-through; } .transport-show-info .transport-service-price.is-old strong { font-size: 14px; margin: 0 2px; } /*20201104通勤票*/ .tongqin-booking { border: 1px solid #dedede; padding: 20px; margin-top: 20px; } .tongqin-booking .tongqin-booking-tit { height: 30px; line-height: 30px; font-size: 20px; font-weight: 700; text-align: center; } .tongqin-booking .tongqin-booking-tit span { font-size: 14px; font-weight: 400; } .tongqin-booking .tongqin-booking-item .item-name { line-height: 30px; margin-bottom: 10px; font-weight: 700; } .tongqin-booking .ticket-search .icon-qiehuan { background: #ff8000; } .tongqin-booking .ticket-search .search-city-change { width: 30px; } .tongqin-booking .ticket-search .search-city-change:before { display: none; } .tongqin-booking .tongqin-type-list { overflow: hidden; } .tongqin-booking .tongqin-type-item { float: left; width: 540px; height: 80px; border: 1px solid #3b99fc; background-color: #f0f8ff; background-image: url("../images/train-bg.png"); background-image: -webkit-image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-image: image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-position: right center; background-repeat: no-repeat; border-radius: 4px; position: relative; padding: 12px 15px; margin: 0 20px 10px 0; } .tongqin-booking .tongqin-type-item.is-active:after { content: ""; position: absolute; top: -1px; right: -1px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .tongqin-booking .tongqin-type-item.is-disabled { background: #f8f8f8; border: 1px solid #dedede; color: #999; } .tongqin-booking .tongqin-type-item.is-disabled .type-name .icon { color: #999; } .tongqin-booking .tongqin-type-item.is-disabled .type-price .price-now { color: #999; } .tongqin-booking .tongqin-type-item.is-disabled .type-state .state-item { color: #999 !important; border-color: #dedede !important; } .tongqin-booking .tongqin-type-item .type-name { float: left; margin-right: 15px; font-size: 16px; font-weight: 700; height: 30px; line-height: 30px; overflow: hidden; } .tongqin-booking .tongqin-type-item .type-name .icon { float: left; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 16px; color: #3b99fc; margin-right: 10px; margin-top: 7px; } .tongqin-booking .tongqin-type-item .type-info { float: left; line-height: 30px; height: 30px; overflow: hidden; } .tongqin-booking .tongqin-type-item .type-price { position: absolute; top: 12px; right: 15px; height: 30px; line-height: 30px; overflow: hidden; } .tongqin-booking .tongqin-type-item .type-price .price-now { float: left; color: #ff8000; } .tongqin-booking .tongqin-type-item .type-price .price-now strong { font-size: 16px; font-weight: 400; margin-left: 2px; } .tongqin-booking .tongqin-type-item .type-price .price-old { float: left; text-decoration: line-through; color: #999; } .tongqin-booking .tongqin-type-item .type-price .price-old strong { font-weight: 400; margin-left: 5px; } .tongqin-booking .tongqin-type-item .type-state { position: absolute; top: 45px; right: 15px; overflow: hidden; } .tongqin-booking .tongqin-type-item .type-state .state-item { float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0 4px; margin-left: 10px; } .tongqin-booking .tongqin-type-item .type-state .state-item.is-warning { border: 1px solid #ffdbac; color: #ff8000; } .tongqin-booking .tongqin-type-item .type-state .state-item.is-danger { border: 1px solid #ffbaba; color: #ff4646; } .tongqin-booking .tongqin-type-item .type-state .state-item.is-success { border: 1px solid #c6e8d5; color: #4ea373; } .tongqin-booking .tongqin-type-item .type-text { float: left; width: 100%; color: #999; font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 4px; margin-left: 26px; } .tongqin-booking .tongqin-user-list .user-hd { float: left; height: 30px; line-height: 30px; } .tongqin-booking .tongqin-user-list .user-hd .icon { color: #3b99fc; margin-right: 10px; } .tongqin-booking .tongqin-user-list .user-list { overflow: hidden; margin-left: 100px; } .tongqin-booking .tongqin-user-list .user-list li { float: left; width: 83px; padding-right: 5px; height: 30px; overflow: hidden; } .tongqin-booking .tongqin-booking-item-count { padding: 15px 0; border-top: 1px dashed #dedede; border-bottom: 1px dashed #dedede; } .tongqin-booking .tongqin-booking-item-count .count-text { line-height: 30px; } .tongqin-booking .tongqin-booking-item-count .count-text.pull-left { margin-right: 40px; } .tongqin-booking .tongqin-booking-item-count .count-tips { line-height: 30px; color: #ff8000; } .tongqin-booking .tongqin-booking-item-count strong.txt-price { font-size: 26px; font-weight: 400; margin-left: 6px; } .tongqin-booking .tongqin-booking-item-count .count-btn { margin-top: 10px; text-align: center; } .tongqin-booking .tongqin-tips h3 { text-align: center; padding: 20px 0; } .tongqin-booking .tongqin-tips p { line-height: 24px; } .tongqin-check h2 { font-size: 16px; font-weight: 700; line-height: 30px; } .tongqin-check .tongqin-check-con { overflow: hidden; } .tongqin-check .tongqin-check-left { float: left; width: 225px; line-height: 26px; border-right: 1px solid #dedede; } .tongqin-check .tongqin-check-left .check-name { font-weight: 500; } .tongqin-check .tongqin-check-left .check-tips { line-height: 20px; font-size: 12px; color: #999; } .tongqin-check .tongqin-check-right { margin-left: 224px; border-left: 1px solid #dedede; padding-left: 20px; } .tongqin-check .tongqin-check-right h3 { line-height: 30px; font-weight: 700; } .tongqin-check .tongqin-check-user { max-height: 150px; overflow: auto; margin-right: -10px; } .tongqin-check .tongqin-check-user .user-item { float: left; width: 270px; height: 90px; margin: 0 10px 10px 0; background: #f0f8ff; border-radius: 4px; padding: 15px; } .tongqin-check .tongqin-check-user .user-item-name { line-height: 30px; } .tongqin-check .tongqin-check-user .user-item-name .icon { color: #3b99fc; margin-right: 8px; } .tongqin-check .tongqin-check-user .user-item-info { float: left; line-height: 30px; } .tongqin-check .tongqin-check-user .user-item-card { float: right; line-height: 30px; } .tongqin-check .tongqin-check-foot { border-top: 1px dashed #dedede; margin-top: 20px; } .tongqin-check .tongqin-check-foot strong { margin-left: 10px; font-size: 26px; font-weight: 400; } .tongqin-order { margin-top: 20px; border: 1px solid #dedede; } .tongqin-order .tongqin-order-head { background: #f0f8ff; line-height: 30px; padding: 10px 20px; height: 80px; } .tongqin-order .tongqin-order-name { font-size: 16px; font-weight: 700; } .tongqin-order .tongqin-order-name .text-lighter { font-weight: 400; margin-left: 20px; font-size: 12px; color: #999; } .tongqin-order .tongqin-order-info { overflow: hidden; height: 30px; } .tongqin-order .tongqin-order-info-item { float: left; width: 25%; } .tongqin-order .tongqin-order-body { background: #fff; padding: 0 20px; } .tongqin-order .tongqin-order-user { height: 60px; line-height: 30px; padding: 15px 0; border-bottom: 1px solid #dedede; } .tongqin-order .tongqin-order-user-item { float: left; } .tongqin-order .tongqin-order-user-item.item-name { width: 120px; margin-right: 10px; overflow: hidden; font-weight: 700; } .tongqin-order .tongqin-order-user-item.item-info { width: 200px; margin-right: 10px; overflow: hidden; } .tongqin-order .tongqin-order-user-item.item-num { width: 400px; overflow: hidden; } .tongqin-order .tongqin-order-foot { height: 60px; padding: 0 20px; overflow: hidden; } .tongqin-order .tongqin-order-foot-info { float: left; line-height: 30px; padding: 15px 0; margin-right: 40px; font-size: 12px; } .tongqin-order .tongqin-order-foot-info strong { font-size: 14px; } .tongqin-order .tongqin-order-foot-info strong.txt-price { margin-left: 4px; font-size: 26px; font-weight: 400; } .tongqin-order .tongqin-order-foot-info.pull-right { margin-right: 0; } .panel-tongqing { border: 1px solid #a6bfde; } .panel-tongqing .panel-tongqing-hd { height: 40px; line-height: 30px; background: #f0f8ff; padding: 5px 20px; } .panel-tongqing .panel-tongqing-hd .panel-name { float: left; font-size: 14px; font-weight: 700; position: relative; } .panel-tongqing .panel-tongqing-hd .panel-name .name-tips { position: absolute; top: 50%; margin: -10px 0 0 14px; left: 100%; height: 20px; line-height: 18px; padding: 0 10px; border: 1px solid #ffbaba; background: #fff; font-size: 12px; color: #ff4646; font-weight: 400; white-space: nowrap; } .panel-tongqing .panel-tongqing-hd .panel-name .name-tips:before { content: ""; position: absolute; left: -6px; top: 50%; margin-top: -6px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #ffbaba transparent transparent; border-left: none; } .panel-tongqing .panel-tongqing-hd .panel-name .name-tips:after { content: ""; position: absolute; left: -5px; top: 50%; margin-top: -6px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; border-left: none; } .panel-tongqing .panel-tongqing-hd .panel-more { float: right; color: #3b99fc; cursor: pointer; } .panel-tongqing .panel-tongqing-bd { padding: 20px; } .tongqing-order-empty { text-align: center; line-height: 30px; padding: 10px; } .tongqing-order-empty .icon { font-size: 22px; color: #3b99fc; } .tongqing-order-list { margin-bottom: -10px; overflow: hidden; } .tongqing-order-list .list-item { float: left; width: 280px; height: 210px; border: 1px solid #3b99fc; padding: 15px; border-radius: 4px; background: #f0f8ff; background-image: url("../images/train-bg.png"); background-image: -webkit-image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-image: image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-position: right 70%; background-repeat: no-repeat; line-height: 26px; margin: 0 9px 10px 0; } .tongqing-order-list .list-item.mr-0, .tongqing-order-list .list-item:nth-child(4n) { margin-right: 0; } .tongqing-order-list .item-name { font-size: 16px; height: 26px; line-height: 26px; font-weight: 700; overflow: hidden; } .tongqing-order-list .item-name .icon { color: #3b99fc; margin-right: 5px; font-weight: 400; } .tongqing-order-list .item-time { font-size: 12px; color: #666; } .tongqing-order-list .item-text-light { color: #666; height: 26px; line-height: 26px; overflow: hidden; } .tongqing-order-list .item-user { float: right; font-weight: 700; } .tongqing-order-list .item-line { font-weight: 700; } .tongqing-order-list .item-btn { margin-top: 10px; text-align: center; } .tongqing-order-list .item-btn .btn { width: 100px; } .tongqin .tongqin-head { text-align: center; padding: 0 20px; } .tongqin .tongqin-head h2 { font-size: 16px; line-height: 30px; font-weight: 700; } .tongqin .tongqin-head p { line-height: 30px; color: #666; } .tongqin .tongqin-card { overflow: hidden; text-align: center; margin-top: 30px; } .tongqin .tongqin-card .card-item { float: left; width: 280px; margin: 0 9px 30px 0; } .tongqin .tongqin-card .card-item:nth-child(4n) { margin-right: 0; } .tongqin .tongqin-card .card-tit { height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; position: relative; background-image: url("../images/card-tit.png"); background-image: -webkit-image-set(url("../images/card-tit.png") 1x, url("../images/card-tit@2x.png") 2x); background-image: image-set(url("../images/card-tit.png") 1x, url("../images/card-tit@2x.png") 2x); } .tongqin .tongqin-card .card-tit-name { text-align: left; padding-left: 60px; } .tongqin .tongqin-card .card-tit-name .txt-md { margin-left: 10px; } .tongqin .tongqin-card .card-tit-icon { position: absolute; left: 20px; top: 9px; width: 32px; height: 32px; } .tongqin .tongqin-card .card-tit-icon.icon-beijing { background-image: url("../images/card-beijing.png"); background-image: -webkit-image-set(url("../images/card-beijing.png") 1x, url("../images/card-beijing@2x.png") 2x); background-image: image-set(url("../images/card-beijing.png") 1x, url("../images/card-beijing@2x.png") 2x); } .tongqin .tongqin-card .card-tit-icon.icon-chengdu { background-image: url("../images/card-chengdu.png"); background-image: -webkit-image-set(url("../images/card-chengdu.png") 1x, url("../images/card-chengdu@2x.png") 2x); background-image: image-set(url("../images/card-chengdu.png") 1x, url("../images/card-chengdu@2x.png") 2x); } .tongqin .tongqin-card .card-tit-icon.icon-haikou { background-image: url("../images/card-haikou.png"); background-image: -webkit-image-set(url("../images/card-haikou.png") 1x, url("../images/card-haikou@2x.png") 2x); background-image: image-set(url("../images/card-haikou.png") 1x, url("../images/card-haikou@2x.png") 2x); } .tongqin .tongqin-card .card-con { border: 1px solid #dedede; border-top: none; padding: 20px; height: 230px; overflow: hidden; } .tongqin .tongqin-card .card-info { height: 20px; line-height: 20px; text-align: center; overflow: hidden; margin: 0 0 10px 0; } .tongqin .tongqin-card .card-info span { margin: 0 5px; } .tongqin .tongqin-card .card-text { color: #999; line-height: 26px; text-align: center; height: 78px; overflow: hidden; } .tongqin .tongqin-card .card-btn { margin: 20px 0 10px 0; text-align: center; } .tongqin .tongqin-card .card-btn .btn { width: 110px; } .tongqin .tongqin-card .card-link { text-align: center; } .tongqin .tongqin-help h3 { line-height: 30px; margin: 10px 0; font-size: 16px; font-weight: 700; text-align: center; } .tongqin .tongqin-help p { line-height: 26px; } .tongqin .card-introduce { width: 1020px; height: 820px; background-image: url("../images/card-info.png"); background-image: -webkit-image-set(url("../images/card-info.png") 1x, url("../images/card-info@2x.png") 2x); background-image: image-set(url("../images/card-info.png") 1x, url("../images/card-info@2x.png") 2x); position: relative; margin: 20px auto 0; } .tongqin .card-introduce .card-introduce-item { width: 380px; position: absolute; } .tongqin .card-introduce .card-introduce-item.item-01 { top: 40px; left: 560px; } .tongqin .card-introduce .card-introduce-item.item-02 { top: 500px; left: 0; } .tongqin .card-introduce .item-num { color: #ff8000; font-size: 68px; line-height: 76px; font-weight: 100; } .tongqin .card-introduce .item-name { line-height: 30px; font-weight: 700; font-size: 16px; margin: 0 0 10px 0; } .tongqin .card-introduce .item-text { color: #666; margin-bottom: 10px; line-height: 20px; } .tongqin .card-introduce .item-text strong { color: #333; } .tongqin .card-introduce .item-text.is-has-order { padding-left: 24px; position: relative; } .tongqin .card-introduce .item-order { position: absolute; top: 2px; left: 0; display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #3b99fc; color: #fff; border-radius: 2px; font-style: normal; } /*车票查询*/ .ticket-search-top { height: 78px; } .ticket-search-top .ticket-tit { float: left; width: 410px; height: 78px; padding: 25px 0; line-height: 28px; text-align: center; margin-right: 50px; background-image: url("../images/search-tit.png"); background-image: -webkit-image-set(url("../images/search-tit.png") 1x, url("../images/search-tit@2x.png") 2x); background-image: image-set(url("../images/search-tit.png") 1x, url("../images/search-tit@2x.png") 2x); } .ticket-search-top .ticket-tit .ticket-name { font-size: 20px; margin-right: 5px; font-weight: 700; } .ticket-search-top .ticket-tit .ticket-text { color: #666; margin-right: 6px; } .ticket-search-top .ticket-station { float: left; } .ticket-search-top .ticket-station .station-item { float: left; padding: 14px 0; margin-right: 40px; } .ticket-search-top .ticket-station .item-to { width: 20px; line-height: 20px; margin-top: 25px; overflow: hidden; } .ticket-search-top .ticket-station .item-to .icon { background: #3b99fc; color: #fff; display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; text-align: center; } .ticket-search-top .ticket-station .station-text { line-height: 20px; font-size: 12px; color: #999; white-space: nowrap; } .ticket-search-top .ticket-station .station-name { line-height: 30px; font-size: 20px; font-weight: 700; white-space: nowrap; } .ticket-search-top .ticket-form { float: right; height: 30px; margin-top: 29px; } .ticket-search-top .ticket-form .input-box { float: left; margin-right: 10px; } .ticket-search-top .ticket-form .btn { float: left; margin-left: 10px; } /* 20210104订单锁定 */ .order-locking { background: #f0f8ff; border: 1px solid #acd1f9; padding: 20px; overflow: hidden; } .order-locking .order-locking-left { float: left; } .order-locking .order-locking-right { float: right; } .order-locking .order-locking-name { height: 30px; line-height: 30px; font-weight: 700; font-size: 20px; } .order-locking .order-locking-num { height: 30px; line-height: 30px; color: #666; } .order-locking .order-locking-time { height: 30px; line-height: 30px; color: #666; text-align: right; } .order-locking .order-locking-time strong { color: #ff8000; font-size: 20px; margin-right: 10px; font-weight: 400; } .order-locking .order-locking-link { height: 30px; line-height: 30px; text-align: right; } .order-locking .order-locking-link a { text-decoration: underline; color: #3b99fc; } .pay-order-box .pay-order-top { height: 30px; line-height: 30px; text-align: center; } .pay-order-box .pay-order-top strong { font-size: 26px; font-weight: 400; margin-left: 4px; } .pay-order-box .pay-order-con { text-align: center; margin-top: 30px; font-size: 14px; } .pay-order-box .pay-order-con .pay-item { display: inline-block; width: 184px; margin: 0 30px; } .pay-order-box .pay-order-con .pay-item.item-alipay .pay-item-con { border: 1px solid #2e76ff; } .pay-order-box .pay-order-con .pay-item.item-weixin .pay-item-con { border: 1px solid #4bb315; } .pay-order-box .pay-order-con .pay-item.item-weixin .pay-item-name .icon { color: #4bb315; font-size: 26px; vertical-align: middle; } .pay-order-box .pay-order-con .pay-item-con { width: 184px; height: 184px; border: 1px solid #2e76ff; padding: 20px; } .pay-order-box .pay-order-con .pay-item-con img { width: 142px; height: 142px; } .pay-order-box .pay-order-con .pay-item-name { margin-top: 15px; text-align: center; font-size: 14px; font-size: 16px; } .pay-order-box .pay-order-con .pay-item-name a { display: block; height: 40px; line-height: 40px; background: #2e76ff; width: 160px; color: #fff; text-align: center; border-radius: 5px; margin: 0 auto; } .pay-order-box .pay-order-con .pay-item-name a:hover { opacity: 0.8; } .pay-order-box .pay-order-ft { border-top: 1px solid #dedede; color: #999; padding-top: 10px; margin-top: 50px; margin-bottom: -10px; } .pay-order-box .pay-order-ft a { color: #999; } .express-box .express-tit { line-height: 30px; font-size: 16px; font-weight: 700; margin-bottom: 10px; } .express-box .express-info .express-item { padding-left: 30px; position: relative; } .express-box .express-info .express-item.item-send:after { content: ""; position: absolute; top: 20px; left: 9px; width: 1px; height: 50px; border-right: 1px dashed #ddd; } .express-box .express-info .express-item.item-receive .express-item-tit { background: #ff8201; } .express-box .express-info .express-item-tit { position: absolute; top: 0; left: 0; height: 20px; line-height: 20px; width: 20px; background: #3b98fc; border-radius: 20px; color: #fff; text-align: center; font-size: 12px; } .express-box .express-info .express-item-name { height: 20px; line-height: 20px; margin-bottom: 10px; overflow: hidden; } .express-box .express-info .express-item-address { height: 40px; line-height: 20px; } .train-station-show { position: relative; height: 60px; padding-top: 29px; padding-left: 30px; } .train-station-show .train-station-item { float: left; border-top: 1px solid #3b99fc; padding-top: 10px; text-align: center; width: 110px; position: relative; } .train-station-show .train-station-item.is-first { width: 55px; text-align: left; } .train-station-show .train-station-item.is-first .station-item-icon { left: -7px; margin-left: 0; top: -16px; width: 16px; height: 16px; border: none; border-radius: 0; background: none; background-image: url("../images/icon-station.png"); background-image: -webkit-image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); background-image: image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); } .train-station-show .train-station-item.is-first .station-item-name { position: absolute; top: 10px; left: 0; white-space: nowrap; transform: translateX(-50%); } .train-station-show .train-station-item.is-last { width: 55px; text-align: left; } .train-station-show .train-station-item.is-last .station-item-icon { left: auto; right: -7px; margin-left: 0; top: -16px; width: 16px; height: 16px; border: none; border-radius: 0; background: none; background-image: url("../images/icon-station.png"); background-image: -webkit-image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); background-image: image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); } .train-station-show .train-station-item.is-last .station-item-name { position: absolute; top: 10px; right: 0; white-space: nowrap; transform: translateX(50%); } .train-station-show .station-item-icon { position: absolute; top: -5px; left: 50%; margin-left: -5px; width: 9px; height: 9px; border: 2px solid #3b99fc; background: #fff; border-radius: 100%; } .train-station-show .station-item-name { height: 20px; line-height: 20px; } .train-station-box { width: 1110px; height: 60px; position: relative; padding: 0 60px; overflow: hidden; } .train-station-box .train-station-con { overflow: hidden; } .train-station-box .train-station-show { padding-left: 0; } .train-station-box .train-station-first, .train-station-box .train-station-last { position: absolute; top: 0; left: 0; width: 60px; height: 60px; text-align: center; padding-top: 14px; user-select: none; cursor: pointer; } .train-station-box .train-station-first .station-item-icon, .train-station-box .train-station-last .station-item-icon { width: 16px; height: 16px; margin: 0 auto 10px; background-image: url("../images/icon-station.png"); background-image: -webkit-image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); background-image: image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); } .train-station-box .train-station-first .station-item-name, .train-station-box .train-station-last .station-item-name { height: 20px; line-height: 20px; } .train-station-box .train-station-first .icon, .train-station-box .train-station-last .icon { position: absolute; top: 50%; margin-top: -7px; width: 14px; height: 14px; font-size: 14px; color: #3b99fc; } .train-station-box .train-station-first.is-disabled .icon, .train-station-box .train-station-last.is-disabled .icon { color: #eaeded; } .train-station-box .train-station-first { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); padding-left: 10px; } .train-station-box .train-station-first .icon { left: 0; } .train-station-box .train-station-last { padding-right: 10px; left: auto; right: 0; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); } .train-station-box .train-station-last .icon { right: 0; } .tongqin-ticket-head { position: relative; background-color: #257be8; background-image: url("../images/tongqin-bgtrain.png"); background-image: -webkit-image-set(url("../images/tongqin-bgtrain.png") 1x, url("../images/tongqin-bgtrain@2x.png") 2x); background-image: image-set(url("../images/tongqin-bgtrain.png") 1x, url("../images/tongqin-bgtrain@2x.png") 2x); background-position: 60% top; background-repeat: no-repeat; padding: 40px 0 40px 0; margin-bottom: 40px; } .tongqin-ticket-head .tongqin-ticket-tit { width: 500px; height: 42px; background-image: url("../images/tongqin-title.png"); background-image: -webkit-image-set(url("../images/tongqin-title.png") 1x, url("../images/tongqin-title@2x.png") 2x); background-image: image-set(url("../images/tongqin-title.png") 1x, url("../images/tongqin-title@2x.png") 2x); margin: 0 auto; text-indent: -9999px; overflow: hidden; } .tongqin-my-ticket { margin-top: 40px; background: rgba(255, 255, 255, 0.1); padding: 20px; border-radius: 4px; } .tongqin-my-ticket .tongqin-my-ticket-hd { height: 22px; line-height: 22px; color: #fff; margin-bottom: 20px; } .tongqin-my-ticket .tongqin-my-ticket-hd .hd-tit { float: left; font-size: 16px; } .tongqin-my-ticket .tongqin-my-ticket-hd .tit-num { display: inline-block; height: 20px; line-height: 20px; padding: 0 10px; background: rgba(0, 0, 0, 0.2); color: #fff; border-radius: 20px; margin-left: 10px; font-weight: 400; font-size: 14px; } .tongqin-my-ticket .tongqin-my-ticket-hd .hd-more { float: right; color: rgba(255, 255, 255, 0.6); } .tongqin-my-ticket .tongqin-my-ticket-hd .hd-more:hover { color: #fff; } .tongqin-my-ticket .tongqin-my-ticket-list { overflow: hidden; } .tongqin-my-ticket .tongqin-my-ticket-list .list-item { float: left; width: 280px; height: 240px; border: 1px solid #3b99fc; padding: 15px; border-radius: 4px; background: #f0f8ff; background-image: url("../images/train-bg.png"); background-image: -webkit-image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-image: image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-position: right 70%; background-repeat: no-repeat; line-height: 26px; margin: 0 10px 10px 0; } .tongqin-my-ticket .tongqin-my-ticket-list .list-item.mr-0, .tongqin-my-ticket .tongqin-my-ticket-list .list-item:nth-child(4n) { margin-right: 0; } .tongqin-my-ticket .tongqin-my-ticket-list .item-name { height: 20px; line-height: 20px; overflow: hidden; } .tongqin-my-ticket .tongqin-my-ticket-list .item-name .icon { float: left; color: #3b99fc; margin-right: 5px; } .tongqin-my-ticket .tongqin-my-ticket-list .item-name .name-text { font-weight: 700; font-size: 16px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .tongqin-my-ticket .tongqin-my-ticket-list .item-type { display: inline-block; height: 20px; line-height: 18px; border: 1px solid #3b99fc; border-radius: 2px; padding: 0 6px; color: #3b99fc; font-weight: 400; margin-top: 10px; } .tongqin-my-ticket .tongqin-my-ticket-list .item-type.type-jcp { border: 1px solid #3b99fc; color: #3b99fc; } .tongqin-my-ticket .tongqin-my-ticket-list .item-type.type-dqp { border: 1px solid #22bf7a; color: #22bf7a; } .tongqin-my-ticket .tongqin-my-ticket-list .item-type.type-jtp { border: 1px solid #fc8b3c; color: #fc8b3c; } .tongqin-my-ticket .tongqin-my-ticket-list .item-time { font-size: 12px; color: #666; line-height: 20px; height: 20px; margin: 5px 0; overflow: hidden; } .tongqin-my-ticket .tongqin-my-ticket-list .item-ticket { height: 20px; line-height: 20px; font-weight: 700; margin: 10px 0; overflow: hidden; } .tongqin-my-ticket .tongqin-my-ticket-list .item-ticket .ticket-line { float: left; } .tongqin-my-ticket .tongqin-my-ticket-list .item-ticket .ticket-user { float: right; } .tongqin-my-ticket .tongqin-my-ticket-list .item-info { height: 26px; line-height: 26px; overflow: hidden; } .tongqin-my-ticket .tongqin-my-ticket-list .item-info .info-num { float: left; margin-right: 20px; } .tongqin-my-ticket .tongqin-my-ticket-list .item-info .info-num2 { float: left; } .tongqin-my-ticket .tongqin-my-ticket-list .item-info .info-text { float: right; } .tongqin-my-ticket .tongqin-my-ticket-list .item-seat { color: #666; height: 26px; line-height: 26px; overflow: hidden; font-size: 12px; } .tongqin-my-ticket .tongqin-my-ticket-list .item-btn { margin-top: 10px; text-align: center; } .tongqin-my-ticket .tongqin-my-ticket-list .item-btn .btn { width: 100px; } .tongqin-ticket-search { background: #ffffff; box-shadow: 0 2px 10px 0 #e5e5e5; border-radius: 4px; padding: 20px; } .tongqin-ticket-search .ticket-search { margin: 0 0 10px 0; } .tongqin-ticket-search .ticket-search-bottom { padding-left: 60px; height: 30px; line-height: 30px; } .tongqin-ticket-search .ticket-search-bottom .check-list { float: left; width: 440px; } .tongqin-ticket-search .ticket-search-bottom .search-help { float: left; color: #999; } .tongqin-ticket-search .ticket-search-bottom .search-help .icon { margin-right: 5px; } .tongqin-ticket-search .ticket-search-bottom .search-help:hover { color: #3b99fc; } .tongqin-ticket-search .ticket-search-bottom .search-history { float: right; height: 20px; line-height: 20px; margin-top: 5px; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd { width: 300px; float: left; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-prev, .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-next { width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; color: #999; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-prev:hover, .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-next:hover { color: #3b99fc; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-prev { float: left; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-next { float: right; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-list-wrap { margin: 0 20px; height: 20px; line-height: 20px; overflow: hidden; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-list { width: 10000px; height: 20px; overflow: hidden; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-list li { float: left; margin-right: 20px; cursor: pointer; color: #999; } .tongqin-ticket-search .ticket-search-bottom .search-history-bd .history-list li:hover { color: #3b99fc; } .tongqin-ticket-search .ticket-search-bottom .search-history-btn { float: right; width: 60px; text-align: right; } .tongqin-ticket-search .ticket-search-bottom .search-history-btn a { color: #999; } .tongqin-ticket-search .ticket-search-bottom .search-history-btn a:hover { color: #3b99fc; } .tongqin-ticket-hot { padding-top: 20px; } .tongqin-ticket-hot .ticket-hot-head { text-align: center; height: 30px; line-height: 30px; margin-bottom: 20px; position: relative; } .tongqin-ticket-hot .hot-head-name { display: inline-block; position: relative; font-size: 20px; font-weight: 700; } .tongqin-ticket-hot .hot-head-name .name-tips { position: absolute; top: 50%; margin: -10px 0 0 14px; left: 100%; height: 20px; line-height: 18px; padding: 0 10px; border: 1px solid #ffbaba; background: #fff; font-size: 12px; color: #ff4646; font-weight: 400; white-space: nowrap; } .tongqin-ticket-hot .hot-head-name .name-tips:before { content: ""; position: absolute; left: -6px; top: 50%; margin-top: -6px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #ffbaba transparent transparent; border-left: none; } .tongqin-ticket-hot .hot-head-name .name-tips:after { content: ""; position: absolute; left: -5px; top: 50%; margin-top: -6px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; border-left: none; } .tongqin-ticket-hot .hot-head-more { position: absolute; top: 0; right: 0; color: #3b99fc; } .tongqin-ticket-hot .ticket-hot-body { overflow: hidden; } .tongqin-ticket-hot .ticket-hot-item { float: left; width: 590px; margin: 0 10px 10px 0; } .tongqin-ticket-hot .ticket-hot-item:nth-child(2n), .tongqin-ticket-hot .ticket-hot-item.mr-0 { margin-right: 0; } .tongqin-ticket-hot .ticket-hot-item .item-tit { position: relative; height: 50px; text-align: center; padding: 0 50px; border-radius: 4px 4px 0 0; background-image: url("../images/ticket-hot-tit.png"); background-image: -webkit-image-set(url("../images/ticket-hot-tit.png") 1x, url("../images/ticket-hot-tit@2x.png") 2x); background-image: image-set(url("../images/ticket-hot-tit.png") 1x, url("../images/ticket-hot-tit@2x.png") 2x); } .tongqin-ticket-hot .ticket-hot-item .tit-icon { position: absolute; left: 20px; top: 9px; width: 32px; height: 32px; } .tongqin-ticket-hot .ticket-hot-item .tit-icon.icon-beijing { background-image: url("../images/card-beijing.png"); background-image: -webkit-image-set(url("../images/card-beijing.png") 1x, url("../images/card-beijing@2x.png") 2x); background-image: image-set(url("../images/card-beijing.png") 1x, url("../images/card-beijing@2x.png") 2x); } .tongqin-ticket-hot .ticket-hot-item .tit-icon.icon-chengdu { background-image: url("../images/card-chengdu.png"); background-image: -webkit-image-set(url("../images/card-chengdu.png") 1x, url("../images/card-chengdu@2x.png") 2x); background-image: image-set(url("../images/card-chengdu.png") 1x, url("../images/card-chengdu@2x.png") 2x); } .tongqin-ticket-hot .ticket-hot-item .tit-icon.icon-haikou { background-image: url("../images/card-haikou.png"); background-image: -webkit-image-set(url("../images/card-haikou.png") 1x, url("../images/card-haikou@2x.png") 2x); background-image: image-set(url("../images/card-haikou.png") 1x, url("../images/card-haikou@2x.png") 2x); } .tongqin-ticket-hot .ticket-hot-item .tit-name { color: #fff; height: 50px; line-height: 50px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 700; } .tongqin-ticket-hot .ticket-hot-item .tit-name .tit-name-type { font-size: 14px; font-weight: 400; } .tongqin-ticket-hot .ticket-hot-item .tit-help { position: absolute; top: 0; right: 20px; color: rgba(255, 255, 255, 0.8); height: 50px; line-height: 50px; cursor: pointer; } .tongqin-ticket-hot .ticket-hot-item .tit-help .icon { margin-left: 5px; } .tongqin-ticket-hot .ticket-hot-item .item-con { padding: 20px; border-radius: 0 0 4px 4px; border: 1px solid #dedede; border-top: none; } .tongqin-ticket-hot .ticket-hot-item .item-info { height: 40px; line-height: 20px; } .tongqin-ticket-hot .ticket-hot-item .item-btn { text-align: center; margin-top: 20px; } .tongqin-ticket-hot.tongqing-ticket-result { border: 1px solid #acd1f9; padding: 19px 19px 9px 19px; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item { width: 280px; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item:nth-child(2n) { margin-right: 10px; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item:nth-child(4n), .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item.mr-0 { margin-right: 0; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-tit { background-position: 30% center; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-con { height: 232px; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-types { text-align: center; margin-bottom: 10px; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-types .item-type { display: inline-block; height: 20px; line-height: 18px; border: 1px solid #3b99fc; border-radius: 2px; padding: 0 6px; color: #3b99fc; font-weight: 400; margin: 0 4px; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-types .item-type.type-jcp { border: 1px solid #3b99fc; color: #3b99fc; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-types .item-type.type-dqp { border: 1px solid #22bf7a; color: #22bf7a; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-types .item-type.type-jtp { border: 1px solid #fc8b3c; color: #fc8b3c; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-info { height: 80px; color: #999; margin-bottom: 10px; overflow: hidden; } .tongqin-ticket-hot.tongqing-ticket-result .ticket-hot-item .item-tips { text-align: center; line-height: 20px; height: 20px; margin-top: 10px; } .train-station-hot-show { position: relative; height: 60px; padding-top: 29px; padding-left: 24px; padding-right: 24px; } .train-station-hot-show .train-station-item { float: left; border-top: 1px solid #3b99fc; padding-top: 10px; text-align: center; width: 70px; padding-left: 10px; padding-right: 10px; position: relative; } .train-station-hot-show .train-station-item.is-first { min-width: 40px; width: 40px; text-align: left; } .train-station-hot-show .train-station-item.is-first .station-item-icon { left: -7px; margin-left: 0; top: -16px; width: 16px; height: 16px; border: none; border-radius: 0; background: none; background-image: url("../images/icon-station.png"); background-image: -webkit-image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); background-image: image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); } .train-station-hot-show .train-station-item.is-first .station-item-name { position: absolute; top: 10px; left: -40px; width: 80px; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .train-station-hot-show .train-station-item.is-last { min-width: 40px; width: 40px; text-align: left; } .train-station-hot-show .train-station-item.is-last .station-item-icon { left: auto; right: -7px; margin-left: 0; top: -16px; width: 16px; height: 16px; border: none; border-radius: 0; background: none; background-image: url("../images/icon-station.png"); background-image: -webkit-image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); background-image: image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); } .train-station-hot-show .train-station-item.is-last .station-item-name { position: absolute; top: 10px; right: -40px; width: 80px; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .train-station-hot-show .station-item-icon { position: absolute; top: -5px; left: 50%; margin-left: -5px; width: 9px; height: 9px; border: 2px solid #3b99fc; background: #fff; border-radius: 100%; } .train-station-hot-show .station-item-name { height: 20px; line-height: 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .train-station-hot-box { width: 548px; height: 60px; position: relative; padding: 0 64px; overflow: hidden; } .train-station-hot-box .train-station-con { overflow: hidden; } .train-station-hot-box .train-station-hot-show { padding-left: 0; padding-right: 0; overflow: hidden; } .train-station-hot-box .train-station-first, .train-station-hot-box .train-station-last { position: absolute; top: 0; left: 0; width: 64px; height: 60px; text-align: center; padding-top: 14px; user-select: none; cursor: pointer; } .train-station-hot-box .train-station-first .station-item-icon, .train-station-hot-box .train-station-last .station-item-icon { width: 16px; height: 16px; margin: 0 auto 10px; background-image: url("../images/icon-station.png"); background-image: -webkit-image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); background-image: image-set(url("../images/icon-station.png") 1x, url("../images/icon-station@2x.png") 2x); } .train-station-hot-box .train-station-first .station-item-name, .train-station-hot-box .train-station-last .station-item-name { height: 20px; line-height: 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .train-station-hot-box .train-station-first .icon, .train-station-hot-box .train-station-last .icon { position: absolute; top: 50%; margin-top: -7px; width: 14px; height: 14px; font-size: 14px; color: #3b99fc; } .train-station-hot-box .train-station-first.is-disabled .icon, .train-station-hot-box .train-station-last.is-disabled .icon { color: #eaeded; } .train-station-hot-box .train-station-first { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); padding-left: 10px; } .train-station-hot-box .train-station-first .icon { left: 0; } .train-station-hot-box .train-station-last { padding-right: 10px; left: auto; right: 0; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); } .train-station-hot-box .train-station-last .icon { right: 0; } .tongqin-ticket-tips h3 { text-align: center; padding: 20px 0; font-size: 16px; font-weight: 700; } .tongqin-ticket-tips p { line-height: 24px; } .tongqin-tab-tits { font-size: 0; text-align: center; margin-bottom: 40px; } .tongqin-tab-tits .tongqin-tab-tit-item { display: inline-block; display: inline-flex; align-items: center; justify-content: center; height: 56px; line-height: 56px; width: 300px; font-size: 20px; text-align: center; background: #f8f8f8; color: #666; cursor: pointer; position: relative; } .tongqin-tab-tits .tongqin-tab-tit-item .icon { margin-right: 10px; font-size: 24px; color: #999; } .tongqin-tab-tits .tongqin-tab-tit-item.is-active { background: #3b99fc; color: #fff; } .tongqin-tab-tits .tongqin-tab-tit-item.is-active .icon { color: #fff; } .tongqin-tab-tits .tongqin-tab-tit-item.is-active::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #3b99fc transparent transparent transparent; border-bottom: none; } .tongqin-tab-tits .tongqin-tab-tit-item:first-child { border-radius: 4px 0 0 4px; } .tongqin-tab-tits .tongqin-tab-tit-item:last-child { border-radius: 4px 4px 0 0; } .tongqin-travel-list { overflow: hidden; } .tongqin-travel-list .list-item { float: left; width: 290px; height: 230px; margin: 0 10px 10px 0; border: 1px solid #dedede; border-top: 3px solid #3b99fc; border-radius: 4px; padding: 16px; background-image: url("../images/train-bg.png"); background-image: -webkit-image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-image: image-set(url("../images/train-bg.png") 1x, url("../images/train-bg@2x.png") 2x); background-position: right 110px; background-repeat: no-repeat; transition: box-shadow 0.3s, border-color 0.3s; } .tongqin-travel-list .list-item:nth-child(4n), .tongqin-travel-list .list-item.mr-0 { margin-right: 0; } .tongqin-travel-list .list-item:hover { border: 1px solid #3b99fc; border-top: 3px solid #3b99fc; box-shadow: 0 0 14px 0 rgba(57, 149, 247, 0.3); } .tongqin-travel-list .list-name { height: 22px; line-height: 22px; font-size: 16px; font-weight: 700; } .tongqin-travel-list .list-name .icon { font-weight: 400; font-size: 20px; color: #3b99fc; margin-right: 6px; vertical-align: middle; } .tongqin-travel-list .list-type { display: inline-block; height: 20px; line-height: 18px; border: 1px solid #3b99fc; border-radius: 2px; padding: 0 6px; color: #3b99fc; font-weight: 400; margin: 12px 0; } .tongqin-travel-list .list-info { height: 40px; line-height: 20px; overflow: hidden; } .tongqin-travel-list .list-price { height: 34px; line-height: 34px; color: #999; margin-top: 6px; } .tongqin-travel-list .list-price .rmb { font-style: normal; font-size-adjust: 16px; color: #ff8000; } .tongqin-travel-list .list-price strong { font-size: 26px; color: #ff8000; margin: 0 6px; font-weight: 400; } .tongqin-travel-list .list-btn { margin-top: 15px; text-align: center; } .tongqin-travel-list .list-btn .btn { width: 100px; } .tongqin-travel-box { border: 1px solid #dedede; padding: 20px 19px; margin-top: 10px; } .tongqin-travel-box .travel-top { margin-bottom: 40px; padding: 0 20px; } .tongqin-travel-box .travel-info-name { line-height: 36px; font-size: 24px; } .tongqin-travel-box .travel-info-text { line-height: 22px; color: #666; margin: 10px 0; } .tongqin-travel-box .travel-info-item { min-height: 22px; margin-top: 10px; } .tongqin-travel-box .travel-info-label { float: left; width: 4em; line-height: 22px; margin-right: 10px; text-align: justify; text-align-last: justify; position: relative; color: #666; } .tongqin-travel-box .travel-info-label::after { content: ":"; position: absolute; top: 0; right: -5px; } .tongqin-travel-box .travel-info-con { margin-left: 70px; line-height: 22px; } .tongqin-travel-box .travel-info-type { overflow: hidden; } .tongqin-travel-box .travel-info-type .type-item { float: left; width: 172px; padding: 10px; border: 1px solid #dedede; margin-right: 10px; margin-bottom: 10px; position: relative; border-radius: 3px; } .tongqin-travel-box .travel-info-type .type-item.is-active { background: #f0f8ff; border: 1px solid #3b99fc; } .tongqin-travel-box .travel-info-type .type-item.is-active::after { content: ""; position: absolute; top: -1px; right: -1px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .tongqin-travel-box .travel-info-type .type-item.is-disabled { background: #f8f8f8; color: #999; cursor: not-allowed; } .tongqin-travel-box .travel-info-type .type-item.is-disabled .type-info strong, .tongqin-travel-box .travel-info-type .type-item.is-disabled .type-info .rmb { color: #999; } .tongqin-travel-box .travel-info-type .type-name { height: 24px; line-height: 24px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .tongqin-travel-box .travel-info-type .type-info .rmb { color: #ff8000; font-style: normal; } .tongqin-travel-box .travel-info-type .type-info strong { color: #ff8000; font-size: 18px; font-weight: 400; margin: 0 5px; } .tongqin-travel-box .travel-info-station { overflow: hidden; margin-bottom: 10px; } .tongqin-travel-box .travel-info-station .station-item { float: left; } .tongqin-travel-box .travel-info-station .station-item-num { float: left; width: 75px; padding-top: 3px; margin: 0 10px; text-align: center; } .tongqin-travel-box .travel-info-station .station-item-num a { color: #3b99fc; text-decoration: underline; } .tongqin-travel-box .travel-info-station .station-item-num-pic { width: 75px; height: 16px; margin-bottom: 4px; background-image: url("../images/tongqin-train-num.png"); background-image: -webkit-image-set(url("../images/tongqin-train-num.png") 1x, url("../images/tongqin-train-num@2x.png") 2x); background-image: image-set(url("../images/tongqin-train-num.png") 1x, url("../images/tongqin-train-num@2x.png") 2x); } .tongqin-travel-box .travel-line { height: 1px; border-top: 1px dashed #dedede; margin: 10px 0; } .tongqin-travel-box .travel-order-tobuy { padding: 0 20px; } .tongqin-travel-box .order-tobuy-tit { height: 30px; line-height: 30px; font-weight: 500; } .tongqin-travel-box .order-tobuy { padding: 0 20px; margin-top: 0; } .tongqin-travel-box .order-tobuy .passenger-list-tit { float: left; height: 30px; line-height: 30px; margin-right: 10px; } .tongqin-travel-box .order-tobuy .passenger-list { margin-left: 90px; } .tongqin-travel-box .travel-order-count { overflow: hidden; padding: 10px 20px; } .tongqin-travel-box .travel-order-count .count-item { float: left; margin-right: 20px; line-height: 30px; } .tongqin-travel-box .travel-order-count .count-item.item-all { float: right; margin-right: 0; } .tongqin-travel-box .travel-order-count .count-item.item-all strong { font-size: 18px; font-weight: 400; } .tongqin-travel-box .travel-info-box { margin-top: 40px; } .tongqin-travel-box .travel-info-tits { height: 46px; background: #f0f8ff; } .tongqin-travel-box .travel-info-tits .travel-tit { float: left; position: relative; height: 46px; } .tongqin-travel-box .travel-info-tits .travel-tit a { display: block; padding: 0 30px; font-size: 16px; height: 46px; line-height: 46px; color: #666; } .tongqin-travel-box .travel-info-tits .travel-tit.is-active a { color: #333; } .tongqin-travel-box .travel-info-tits .travel-tit.is-active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #3b99fc; } .travel-footer-fixed { position: fixed; bottom: 0; left: 0; width: 100%; height: 70px; padding: 10px 0; background: #fff; box-shadow: 0 4px 20px 0 #dcdcdc; z-index: 100; } .travel-footer-fixed .travel-footer-left { float: left; padding: 10px 0; } .travel-footer-fixed .travel-footer-right { float: right; } .travel-footer-fixed .travel-footer-count { position: relative; float: left; text-align: right; line-height: 22px; padding: 3px 0; } .travel-footer-fixed .travel-footer-count .txt-price { font-size: 18px; font-weight: 400; } .travel-footer-fixed .travel-footer-btn { float: left; margin-left: 10px; } .travel-footer-fixed .travel-footer-btn .btn { width: 120px; height: 50px; padding: 14px 10px; } .travel-footer-fixed .travel-footer-count-info { float: right; } .travel-footer-fixed .travel-footer-count-info:hover .travel-footer-count-info-con { display: block; } .travel-footer-fixed .travel-footer-count-info-con { position: absolute; bottom: 110%; right: -95px; width: 260px; background: #fff; border: 1px solid #3b99fc; border-radius: 3px; display: none; } .travel-footer-fixed .travel-footer-count-info-con::before { content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -8px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 8px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #3b99fc transparent transparent transparent; border-bottom: none; } .travel-footer-fixed .travel-footer-count-info-con::after { content: ""; position: absolute; bottom: -7px; left: 50%; margin-left: -8px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 8px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #ebf4fe transparent transparent transparent; border-bottom: none; } .travel-footer-fixed .travel-footer-count-info-con .info-con-top { padding: 14px 20px; } .travel-footer-fixed .travel-footer-count-info-con .info-item { height: 32px; line-height: 32px; overflow: hidden; } .travel-footer-fixed .travel-footer-count-info-con .info-item-name { float: left; color: #666; } .travel-footer-fixed .travel-footer-count-info-con .info-item-num { float: right; } .travel-footer-fixed .travel-footer-count-info-con .info-con-foot { padding: 14px 20px; background: #ebf4fe; } .travel-footer-fixed .travel-footer-count-info-con .info-con-foot .info-item-num { font-size: 16px; } .tongqin-ticket-result-box .ticket-number { width: 200px; } .tongqin-ticket-result-box .ticket-time { width: 210px; } .tongqin-ticket-result-box .ticket-alltime { width: 210px; } .tongqin-ticket-result-box .ticket-state { width: 180px; } .tongqin-ticket-result-box .ticket-btn { width: 180px; } .tongqin-ticket-result-box .ticket-result-item .ticket-item-info { width: 830px; } .tongqin-ticket-result-box .ticket-result-item .ticket-item-buy { width: 360px; } .tongqin-ticket-result-box .ticket-result-item .ticket-item-buy .ticket-state { width: 180px; } .tongqin-ticket-result-box .ticket-result-item .ticket-item-buy .ticket-btn { width: 180px; } .tongqin-ticket-result-check { background: #f8f8f8; padding: 10px; margin: 10px 0; } .tongqin-ticket-result-check .ticket-result-box .ticket-result-item { padding: 10px 0 0 0; } .tongqin-ticket-result-check .ticket-result-box .ticket-alltime { width: 140px; } .ticket-search-top-mini { height: 30px; } .ticket-search-top-mini .ticket-station .station-item { padding: 0; margin-right: 20px; } .ticket-search-top-mini .ticket-station .item-to { margin-top: 5px; } .ticket-search-top-mini .ticket-station .item-icon { height: 30px; line-height: 30px; } .ticket-search-top-mini .ticket-station .item-icon .icon { font-size: 20px; color: #3b99fc; } .ticket-search-top-mini .ticket-form { margin-top: 0; } .hb-add-box { position: relative; height: 48px; padding: 1px 1px 1px 70px; background-color: #3b99fc; margin: 0 20px 20px 20px; border-radius: 24px; } .hb-add-box .box-icon { position: absolute; top: 0; left: 10px; width: 48px; height: 48px; line-height: 48px; text-align: left; } .hb-add-box .box-icon .icon { color: #fff; font-size: 32px; } .hb-add-box .box-con { background: #fff; height: 46px; line-height: 30px; border-radius: 23px; padding: 8px 30px; } .hb-add-box .add-tit { float: left; height: 30px; line-height: 30px; font-size: 20px; font-weight: 700; margin-right: 20px; color: #3b99fc; } .hb-add-box .add-text { float: left; color: #666; } .hb-add-box .add-icon { float: left; width: 75px; height: 20px; margin: 5px 15px; background-image: url("../images/hb-add-icon.png"); background-image: -webkit-image-set(url("../images/hb-add-icon.png") 1x, url("../images/hb-add-icon@2x.png") 2x); background-image: image-set(url("../images/hb-add-icon.png") 1x, url("../images/hb-add-icon@2x.png") 2x); } .hb-add-box .add-btn { float: left; width: 180px; height: 30px; line-height: 28px; text-align: center; border: 1px dashed #3b99fc; background: #f0f8ff; border-radius: 6px; color: #3b99fc; cursor: pointer; } .hb-add-box .add-btn .icon { margin-right: 10px; } .hb-add-box .add-btn:hover { background: #3b99fc; color: #fff; } .agree-new-add { padding: 10px 20px; border-top: 1px dashed #dedede; } .hb-select { border-top: 1px solid #dedede; padding: 10px 20px 20px 20px; } .hb-select .hb-select-name { line-height: 20px; font-weight: 700; margin-bottom: 10px; } .hb-select .hb-select-list { overflow: hidden; } .hb-select .list-item { float: left; margin-right: 10px; width: 260px; height: 110px; line-height: 20px; background-color: #f0f8ff; padding: 10px; border-radius: 4px; } .hb-select .list-item .item-btns { float: right; height: 20px; } .hb-select .list-item .item-btns a { color: #3b99fc; text-decoration: underline; margin-left: 10px; } .hb-select .list-item .item-btns a:hover { opacity: 0.8; } .hb-select .list-item .item-time { font-weight: 700; height: 20px; line-height: 20px; overflow: hidden; } .hb-select .list-item .item-info { margin: 5px 0; height: 40px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .hb-select .list-item .item-seat { height: 20px; line-height: 20px; overflow: hidden; } .hb-select .list-item-add { cursor: pointer; border: 1px dashed #cce1f8; background: none; text-align: center; line-height: 26px; color: #999; padding: 23px 10px; } .hb-select .list-item-add .icon { display: inline-block; line-height: 1; font-size: 26px; color: #333; vertical-align: top; margin-bottom: 10px; } .hb-select .list-item-add:hover { border-color: #3b99fc; } .date-select { width: 800px; height: 58px; margin: 0 auto; border-bottom: 1px solid #dedede; } .date-select .date-select-main { float: left; position: relative; width: 759px; height: 58px; padding: 0 30px; } .date-select .date-select-main::after { content: ""; position: absolute; top: 0; right: 0; width: 4px; height: 100%; background-image: linear-gradient(270deg, rgba(143, 163, 188, 0.4) 0%, rgba(166, 191, 222, 0) 100%); } .date-select .date-select-btn { position: absolute; top: 0; width: 30px; height: 58px; line-height: 58px; text-align: center; cursor: pointer; } .date-select .date-select-btn:hover { color: #3b99fc; } .date-select .date-select-btn.btn-prev { left: 0; } .date-select .date-select-btn.btn-next { right: 0; } .date-select .date-select-btn .icon { font-size: 16px; } .date-select .date-select-con { height: 58px; overflow: hidden; } .date-select .date-list { position: relative; white-space: nowrap; font-size: 0; } .date-select .date-list .date-item { display: inline-block; width: 100px; text-align: center; font-size: 14px; height: 58px; line-height: 20px; padding: 9px 0; position: relative; vertical-align: top; cursor: pointer; } .date-select .date-list .date-item::before { content: ""; position: absolute; top: 9px; right: 0; width: 1px; height: 20px; background: #dedede; } .date-select .date-list .date-item .date-name { font-weight: 700; } .date-select .date-list .date-item:hover .date-name { color: #3b99fc; } .date-select .date-list .date-item.is-active { background: #f0f8ff; } .date-select .date-list .date-item.is-active .date-name { color: #3b99fc; } .date-select .date-list .date-item.is-active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: #3b99fc; } .date-select .date-list .date-info { color: #666; font-size: 12px; } .date-select .date-select-side { float: left; width: 41px; height: 58px; line-height: 58px; text-align: center; color: #3b99fc; cursor: pointer; } .date-select .date-select-side .icon { font-size: 20px; } .date-select .date-select-side:hover { opacity: 0.8; } .hb-select-quick { background-color: #f0f8ff; border-bottom: 1px solid #dedede; } .hb-select-quick .slide-btn { float: right; cursor: pointer; color: #999; } .hb-select-quick .slide-btn:hover { color: #3b99fc; } .ticket-hb-result-box { border-bottom: 1px solid #dedede; } .ticket-hb-result-box .ticket-result-hd { border-bottom: 1px solid #dedede; padding: 5px 20px; height: 40px; line-height: 30px; } .ticket-hb-result-box .ticket-result-bd { max-height: 300px; overflow-y: auto; } .ticket-hb-result-box .ticket-item-info { width: 450px; } .ticket-hb-result-box .ticket-item-info .ticket-number { width: 130px; } .ticket-hb-result-box .ticket-item-info .ticket-time { width: 100px; } .ticket-hb-result-box .ticket-item-info .ticket-alltime { width: 110px; } .ticket-hb-result-box .ticket-item-buy { width: 330px; } .ticket-hb-result-box .ticket-item-buy .ticket-price { width: 130px; } .ticket-hb-result-box .ticket-item-buy .ticket-state { width: 70px; } .ticket-hb-result-box .ticket-item-buy .ticket-btn { width: 80px; } .ticket-hb-result-box .ticket-item-buy .ticket-discount { float: left; width: 50px; } .ticket-hb-result-box .ticket-item-buy-item:last-child { margin-bottom: 0; } .ticket-hb-result-box .ticket-result-item + .ticket-result-item-date { margin-top: -1px; } .ticket-hb-result-box .ticket-result-item-date { height: 40px; line-height: 40px; background-color: #f0f8ff; padding-left: 20px; font-weight: 700; } .ticket-item-buy-item-drop { position: relative; } .ticket-item-buy-item-drop .ticket-item-buy-item-group { width: 310px; margin-bottom: 10px; padding: 5px 0; background: #f0f8ff; border: 1px solid #3b99fc; position: relative; display: none; } .ticket-item-buy-item-drop .ticket-item-buy-item-group::before { content: ""; position: absolute; left: 100px; top: -6px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #3b99fc transparent; border-top: none; } .ticket-item-buy-item-drop .ticket-item-buy-item-group::after { content: ""; position: absolute; left: 100px; top: -5px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 6px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #f0f8ff transparent; border-top: none; } .ticket-item-buy-item-drop .ticket-item-buy-item:last-child { margin-bottom: 0; } .btn.is-active::after { content: ""; position: absolute; bottom: -1px; right: -1px; width: 20px; height: 16px; background-image: url("../images/current5.png"); background-image: -webkit-image-set(url("../images/current5.png") 1x, url("../images/current5@2x.png") 2x); background-image: image-set(url("../images/current5.png") 1x, url("../images/current5@2x.png") 2x); } .btn.btn-secondary.is-active { color: #3b99fc; background: rgba(59, 153, 252, 0.1); } .hb-select-foot { text-align: right; padding: 20px; } .hb-selected-infos { *zoom: 1; } .hb-selected-infos:before, .hb-selected-infos:after { content: ""; display: table; } .hb-selected-infos:after { clear: both; overflow: hidden; } .hb-selected-infos { padding: 15px 20px; border-top: 1px solid #dedede; } .hb-selected-infos .infos-item { float: left; margin-right: 30px; line-height: 20px; } .hb-selected-infos .infos-item a { text-decoration: underline; } .hb-selected-group { position: relative; } .hb-selected-group .selected-menu { position: absolute; top: 0; right: 0; width: 175px; } .hb-selected-group .selected-menu-item { position: relative; padding-left: 20px; height: 40px; line-height: 40px; font-weight: 700; margin-bottom: 5px; cursor: pointer; } .hb-selected-group .selected-menu-item:hover { color: #3b99fc; } .hb-selected-group .selected-menu-item.is-active { color: #3b99fc; } .hb-selected-group .selected-menu-item.is-active:hover { color: #3b99fc; } .hb-selected-group .selected-menu-item.is-active::after { content: ""; position: absolute; top: 50%; left: 0; margin-top: -10px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #3b99fc; border-right: none; } .hb-selected-group .selected-main { width: 525px; padding-right: 10px; border-right: 1px solid #a6bfde; max-height: 400px; overflow-y: auto; } .hb-selected-group .selected-main::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(0, 0, 0, 0); } .hb-selected-group .selected-main::-webkit-scrollbar-track { -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; background-color: rgba(0, 0, 0, 0); } .hb-selected-group .selected-main::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.1); } .hb-selected-group .group-item + .group-item { margin-top: 10px; } .hb-selected-group .group-tit { height: 40px; line-height: 40px; font-size: 16px; font-weight: 700; } .hb-selected-group .group-ticket { height: 65px; line-height: 20px; border-bottom: 1px solid #dedede; padding: 12px 0; } .hb-selected-group .group-ticket .ticket-order { float: left; width: 40px; line-height: 40px; } .hb-selected-group .group-ticket .ticket-station { float: left; width: 80px; } .hb-selected-group .group-ticket .ticket-station-name { font-weight: 700; } .hb-selected-group .group-ticket .ticket-number { float: left; width: 60px; height: 32px; line-height: 32px; text-align: center; margin-right: 25px; padding-right: 10px; background-image: url("../images/center/to5.png"); background-image: -webkit-image-set(url("../images/center/to5.png") 1x, url("../images/center/to5@2x.png") 2x); background-image: image-set(url("../images/center/to5.png") 1x, url("../images/center/to5@2x.png") 2x); background-position: bottom center; background-repeat: no-repeat; } .hb-selected-group .group-ticket .ticket-seat { float: left; width: 70px; height: 40px; line-height: 40px; } .success-rate { display: inline-block; width: 146px; height: 30px; line-height: 28px; text-align: center; color: #fff; background-image: url("../images/success-rate.png"); background-image: -webkit-image-set(url("../images/success-rate.png") 1x, url("../images/success-rate@2x.png") 2x); background-image: image-set(url("../images/success-rate.png") 1x, url("../images/success-rate@2x.png") 2x); } .ticket-fill-advance-result-box .ticket-price { width: 200px; padding-left: 50px; } .ticket-fill-advance-result-box .ticket-discount { float: left; width: 50px; } .ticket-fill-advance-result-box .ticket-state { width: 150px; } .ticket-fill-advance-result-box .ticket-btn { width: 140px; } .ticket-fill-advance-result-box .btn-hollow { background: rgba(59, 153, 252, 0.1); } .ticket-fill-advance-result-box .btn.btn-hollow.is-active { background: #3b99fc; color: #fff; } .ticket-fill-advance-result-box .btn.btn-hollow.is-active::after { background-image: url("../images/current6.png"); background-image: -webkit-image-set(url("../images/current6.png") 1x, url("../images/current6@2x.png") 2x); background-image: image-set(url("../images/current6.png") 1x, url("../images/current6@2x.png") 2x); } .ticket-fill-advance-result-box .ticket-result-titlist .ticket-discount, .ticket-fill-advance-result-box .ticket-result-titlist .ticket-state { height: 40px; } .ticket-fill-advance-result-box .ticket-result-bd .ticket-discount, .ticket-fill-advance-result-box .ticket-result-bd .ticket-state { height: 24px; } .ticket-fill-advance-result-box .ticket-item-info { position: relative; } .ticket-fill-advance-result-box .ticket-item-info .ticket-type { position: absolute; top: -22px; left: 0px; width: 62px; height: 25px; line-height: 22px; text-align: center; color: #fff; padding-right: 14px; font-size: 12px; background-image: url("../images/center/train.png"); background-image: -webkit-image-set(url("../images/center/train.png") 1x, url("../images/center/train@2x.png") 2x); background-image: image-set(url("../images/center/train.png") 1x, url("../images/center/train@2x.png") 2x); background-position: 0 -25px; } .ticket-fill-advance-result-box .ticket-result-show-more { position: relative; height: 1px; } .ticket-fill-advance-result-box .ticket-result-show-more .show-more-btn { position: absolute; top: -10px; left: 50%; margin-left: -75px; display: inline-block; width: 150px; height: 20px; line-height: 20px; text-align: center; background: #fff; font-size: 12px; color: #999; cursor: pointer; } .ticket-fill-advance-result-box .ticket-result-show-more .show-more-btn:hover { color: #3b99fc; } .ticket-fill-advance-result-box .ticket-result-show-more .show-more-btn .icon { font-size: 14px; } .ticket-fill-advance-lines { padding: 0 25px; position: relative; margin: 10px 0; } .ticket-fill-advance-lines .lines-btn { position: absolute; top: 0; height: 46px; line-height: 46px; text-align: center; cursor: pointer; } .ticket-fill-advance-lines .lines-btn .icon { font-size: 18px; } .ticket-fill-advance-lines .lines-btn:hover { color: #3b99fc; } .ticket-fill-advance-lines .btn-prev { left: 0; } .ticket-fill-advance-lines .btn-next { right: 0; } .ticket-fill-advance-lines .lines-con { overflow: hidden; height: 46px; position: relative; } .ticket-fill-advance-lines .lines-list { white-space: nowrap; font-size: 0; position: absolute; } .ticket-fill-advance-lines .lines-item { display: inline-block; width: 275px; height: 46px; line-height: 26px; padding: 10px 5px; font-size: 12px; overflow: hidden; position: relative; margin-right: 20px; text-align: center; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .ticket-fill-advance-lines .lines-item.is-active { color: #3b99fc; } .ticket-fill-advance-lines .lines-item.is-active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #3b99fc; } .ticket-fill-advance-lines .lines-item.is-active .lines-to { background-image: url("../images/to03.png"); background-image: -webkit-image-set(url("../images/to03.png") 1x, url("../images/to03@2x.png") 2x); background-image: image-set(url("../images/to03.png") 1x, url("../images/to03@2x.png") 2x); } .ticket-fill-advance-lines .lines-name { font-size: 16px; } .ticket-fill-advance-lines .lines-to { display: inline-block; width: 50px; height: 7px; margin: 0 10px; background-image: url("../images/to04.png"); background-image: -webkit-image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); background-image: image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); } .ticket-fill-advance-table { width: 100%; table-layout: fixed; } .ticket-fill-advance-table td { border-bottom: 1px dashed #dedede; padding: 15px 0; } .ticket-fill-advance-table .td-order { width: 28px; } .ticket-fill-advance-table .td-train-number { width: 56px; } .ticket-fill-advance-table .td-station { width: 80px; text-align: center; } .ticket-fill-advance-table .td-to { width: 50px; } .ticket-fill-advance-table .td-to .to-icon { display: block; width: 50px; height: 7px; background-image: url("../images/to04.png"); background-image: -webkit-image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); background-image: image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); } .ticket-fill-advance-table .td-state { width: 120px; text-align: center; } .ticket-fill-advance-table .td-seat { line-height: 28px; width: 310px; } .ticket-fill-advance-table .seat-item { float: left; width: 145px; height: 30px; margin: 5px; padding: 0 10px; border: 1px solid #dedede; transition: border-color 0.3s; cursor: pointer; } .ticket-fill-advance-table .seat-item.is-active { border-color: #3b99fc; } .ticket-fill-advance-table .seat-item.is-active .seat-check { background-position: -32px 0; } .ticket-fill-advance-table .seat-item:hover { border-color: #3b99fc; } .ticket-fill-advance-table .seat-name { float: left; width: 50px; font-size: 12px; white-space: nowrap; } .ticket-fill-advance-table .seat-price { float: left; } .ticket-fill-advance-table .seat-check { float: right; margin-top: 6px; width: 16px; height: 16px; background-image: url("../images/check.png"); background-image: -webkit-image-set(url("../images/check.png") 1x, url("../images/check@2x.png") 2x); background-image: image-set(url("../images/check.png") 1x, url("../images/check@2x.png") 2x); } .ticket-fill-advance-table .td-link { text-align: center; } .panel-insurance .insurance-top { background-color: #f0f8ff; background-image: url("../images/insurance.png"); background-image: -webkit-image-set(url("../images/insurance.png") 1x, url("../images/insurance@2x.png") 2x); background-image: image-set(url("../images/insurance.png") 1x, url("../images/insurance@2x.png") 2x); background-position: left center; background-repeat: no-repeat; height: 82px; position: relative; padding: 10px 10px 10px 120px; } .panel-insurance .insurance-top .insuranc-title { width: 184px; height: 30px; line-height: 30px; text-indent: -9999px; overflow: hidden; background-image: url("../images/insurance-tit.png"); background-image: -webkit-image-set(url("../images/insurance-tit.png") 1x, url("../images/insurance-tit@2x.png") 2x); background-image: image-set(url("../images/insurance-tit.png") 1x, url("../images/insurance-tit@2x.png") 2x); } .panel-insurance .insurance-top .insuranc-info { font-size: 12px; line-height: 30px; font-weight: 500; } .panel-insurance .insurance-con { padding: 20px; } .panel-insurance .insurance-list { overflow: hidden; } .panel-insurance .insurance-list .insurance-item { position: relative; float: left; width: 360px; height: 100px; border-radius: 4px; background: #f0f8ff; padding: 10px 130px 10px 16px; margin: 0 20px 20px 0; border: 1px solid #f0f8ff; } .panel-insurance .insurance-list .insurance-item.is-active { background: #fff; border-color: #3b99fc; } .panel-insurance .insurance-list .insurance-item.is-active .btn-secondary { display: none; } .panel-insurance .insurance-list .insurance-item.is-active .btn-hollow { display: inline-block; } .panel-insurance .insurance-list .insurance-name { line-height: 16px; font-weight: 700; padding: 4px 0; } .panel-insurance .insurance-list .insurance-name .insurance-label { display: inline-block; width: 48px; height: 16px; text-indent: -9999px; overflow: hidden; vertical-align: top; margin-left: 6px; background-image: url("../images/insurance-label.png"); background-image: -webkit-image-set(url("../images/insurance-label.png") 1x, url("../images/insurance-label@2x.png") 2x); background-image: image-set(url("../images/insurance-label.png") 1x, url("../images/insurance-label@2x.png") 2x); } .panel-insurance .insurance-list .insurance-name .insurance-label.label-better { background-image: url("../images/insurance-label2.png"); background-image: -webkit-image-set(url("../images/insurance-label2.png") 1x, url("../images/insurance-label2@2x.png") 2x); background-image: image-set(url("../images/insurance-label2.png") 1x, url("../images/insurance-label2@2x.png") 2x); } .panel-insurance .insurance-list .insurance-info { height: 20px; line-height: 20px; overflow: hidden; margin: 6px 0; } .panel-insurance .insurance-list .insurance-info .icon { display: inline-block; color: #4ac680; margin-right: 6px; font-size: 16px; transform: scale(1.2); } .panel-insurance .insurance-list .insurance-price { height: 20px; line-height: 20px; overflow: hidden; } .panel-insurance .insurance-list .insurance-btn { position: absolute; top: 50%; right: 20px; margin-top: -15px; } .panel-insurance .insurance-list .insurance-btn .btn-hollow { display: none; } .prefill-ticket-home { background: url(../images/prefill-ticket-top.png) top center no-repeat; } .prefill-home-head { position: relative; padding-top: 170px; } .prefill-home-head .prefill-head-text { color: #395572; line-height: 20px; padding-left: 20px; width: 550px; } .prefill-ticket-search { background: #ffffff; box-shadow: 12px 0 40px 0 rgba(0, 0, 0, 0.12); border-radius: 8px; padding: 30px 20px 20px 20px; margin-top: 55px; } .prefill-ticket-search .prefill-search-top { height: 80px; position: relative; } .prefill-ticket-search .search-change { position: absolute; top: 50%; left: 270px; margin-top: -10px; width: 20px; height: 20px; z-index: 10; cursor: pointer; } .prefill-ticket-search .search-change .icon { font-size: 14px; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #ff8000; color: #fff; border-radius: 100%; } .prefill-ticket-search .search-item { float: left; width: 280px; height: 80px; border: 1px solid #dedede; transition: border-color 0.3s; position: relative; } .prefill-ticket-search .search-item.item-from { border-radius: 4px 0 0 4px; margin-right: -1px; } .prefill-ticket-search .search-item.item-end { border-radius: 0 4px 4px 0; } .prefill-ticket-search .search-item.item-date { width: 340px; margin: 0 20px 0 10px; border-radius: 4px; } .prefill-ticket-search .search-item:hover { z-index: 2; border-color: #3b99fc; } .prefill-ticket-search .search-item-hd { position: absolute; top: 14px; left: 20px; height: 20px; line-height: 20px; color: #999; } .prefill-ticket-search .search-item-hd .icon { margin-right: 10px; font-size: 18px; } .prefill-ticket-search .search-input { width: 100%; height: 78px; font-size: 18px; font-weight: 700; padding: 34px 20px 4px 45px; border: none; outline: none; box-shadow: none; background: none; } .prefill-ticket-search .search-button { float: left; width: 220px; height: 80px; line-height: 30px; padding: 25px; background: #3b99fc; background: linear-gradient(-72deg, #6dc9fe 0%, #3b99fc 100%); box-shadow: 0 10px 10px -4px rgba(59, 153, 252, 0.4); border-radius: 4px; color: #fff; font-size: 20px; color: #ffffff; letter-spacing: 1px; text-align: center; text-shadow: 0 2px 2px rgba(0, 73, 150, 0.4); transition: opacity 0.3s; border: none; outline: none; } .prefill-ticket-search .search-button:hover { opacity: 0.8; } .prefill-ticket-search .prefill-search-history { margin-top: 10px; } .prefill-ticket-search .search-history-list { overflow: hidden; } .prefill-ticket-search .search-history-list .history-item { float: left; height: 30px; line-height: 30px; margin-right: 20px; transition: color 0.3s; color: #666; cursor: pointer; } .prefill-ticket-search .search-history-list .history-item:hover { color: #3b99fc; } .prefill-ticket-infos { margin-top: 40px; } .prefill-ticket-infos .infos-title { height: 48px; line-height: 28px; font-size: 16px; background: #f0f8ff; font-weight: 700; padding: 10px; } .prefill-ticket-infos .infos-title::before { content: ""; float: left; width: 20px; height: 20px; margin: 4px 10px 0 0; background-image: url("../images/icon-forward.png"); background-image: -webkit-image-set(url("../images/icon-forward.png") 1x, url("../images/icon-forward@2x.png") 2x); background-image: image-set(url("../images/icon-forward.png") 1x, url("../images/icon-forward@2x.png") 2x); } .prefill-ticket-infos .info-group { overflow: hidden; padding: 20px 20px 0 20px; } .prefill-ticket-infos .info-item { float: left; width: 520px; } .prefill-ticket-infos .info-name { line-height: 22px; font-weight: 700; position: relative; margin-bottom: 10px; position: relative; } .prefill-ticket-infos .info-con { line-height: 20px; font-size: 12px; color: #666; } .prefill-ticket-infos .info-con strong { color: #333; } .prefill-ticket-tips { margin-top: 20px; border: 1px solid #acd1f9; border: 1px solid; border-image: linear-gradient(180deg, rgba(59, 153, 252, 0.3) 0%, rgba(59, 153, 252, 0) 100%) 1; background-image: linear-gradient(180deg, #f5faff 0%, rgba(240, 248, 255, 0) 100%); border-radius: 3px; padding: 15px 20px; line-height: 20px; font-size: 12px; } .step-buy .step-item { float: left; height: 26px; line-height: 20px; padding: 2px 8px 0 2px; border: 1px solid #dedede; border-radius: 26px; margin-right: 10px; color: #666; } .step-buy .step-item:last-child { margin-right: 0; } .step-buy .step-item.is-active { border-color: #3b99fc; color: #3b99fc; } .step-buy .step-item.is-active .step-num { border-color: #3b99fc; background: #3b99fc; color: #fff; } .step-buy .step-num { float: left; margin-right: 5px; width: 20px; height: 20px; line-height: 18px; text-align: center; border: 1px solid #dedede; border-radius: 100%; } .prefill-ticket-times-group .prefill-ticket-times-item { margin-bottom: 10px; } .prefill-ticket-times-group .prefill-ticket-times-item.is-open .prefill-ticket-times-head .head-btn-toggle { transform: rotate(180deg); } .prefill-ticket-times-group .prefill-ticket-times-item.is-open .prefill-ticket-times-body { display: block; } .prefill-ticket-times-group .prefill-ticket-times-head { height: 24px; line-height: 24px; transition: transform 0.3s; cursor: pointer; } .prefill-ticket-times-group .prefill-ticket-times-head .head-btn-toggle { float: left; width: 16px; height: 16px; line-height: 14px; font-size: 14px; border: 1px solid #dedede; border-radius: 2px; text-align: center; margin: 4px 6px 0 0; cursor: pointer; } .prefill-ticket-times-group .prefill-ticket-times-head .head-btn-toggle .icon { font-size: 14px; display: block; width: 14px; height: 14px; } .prefill-ticket-times-group .prefill-ticket-times-body { padding: 10px 0; display: none; } .prefill-ticket-time-list { padding-left: 46px; } .prefill-ticket-time-list .list-item { position: relative; height: 51px; border-bottom: 1px dashed #dedede; padding: 5px 0; line-height: 40px; } .prefill-ticket-time-list .item-drag { position: absolute; top: 5px; left: -30px; width: 25px; text-align: center; cursor: move; } .prefill-ticket-time-list .item-drag:hover { color: #3b99fc; } .prefill-ticket-time-list .item-order { float: left; width: 40px; } .prefill-ticket-time-list .item-number { float: left; width: 80px; } .prefill-ticket-time-list .item-station { float: left; width: 100px; line-height: 20px; text-align: center; } .prefill-ticket-time-list .item-to { float: left; margin: 6px 0 0 0; width: 60px; height: 7px; background-image: url("../images/to04.png"); background-image: -webkit-image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); background-image: image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); } .prefill-ticket-time-list .item-info { float: left; width: 160px; height: 40px; color: #ff8000; text-align: center; } .prefill-ticket-time-list .item-seat { float: left; } .prefill-ticket-time-list-stop { background: #f8f8f8; padding: 20px; margin-top: 20px; color: #999; } .prefill-ticket-time-list-stop .prefill-ticket-time-list { margin-top: 10px; padding-left: 0; } .ticket-pay-infos { overflow: hidden; } .ticket-pay-infos li { line-height: 32px; overflow: hidden; padding-left: 100px; } .ticket-pay-infos .info-label { float: left; margin-left: -100px; display: inline-block; width: 100px; } .travel-product-title { font-weight: 700; line-height: 30px; } .travel-product-list { overflow: hidden; } .travel-product-list .list-item { float: left; width: 282px; height: 304px; border: 1px solid #dedede; border-radius: 4px; margin-right: 20px; margin-bottom: 50px; } .travel-product-list .list-item:nth-child(4n) { margin-right: 0; } .travel-product-list .list-item:hover { border: 1px solid #3b99fc; } .travel-product-list .list-pic img { display: block; width: 100%; height: 158px; border-radius: 3px; } .travel-product-list .list-con { padding: 18px; overflow: hidden; } .travel-product-list .list-name { height: 22px; line-height: 22px; font-size: 16px; font-weight: 700; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .travel-product-list .list-info { height: 40px; line-height: 20px; overflow: hidden; margin-bottom: 8px; } .travel-product-list .list-price { float: left; height: 30px; line-height: 30px; color: #999; } .travel-product-list .list-price .rmb { font-style: normal; font-size: 16px; color: #ff8000; } .travel-product-list .list-price strong { font-size: 26px; color: #ff8000; margin: 0 6px; font-weight: 400; } .travel-product-list .list-btn { float: right; } .travel-product-infos { margin-top: 20px; border: 1px solid #dedede; position: relative; overflow: hidden; } .travel-product-article { float: left; width: 769px; border-right: 1px solid #dedede; padding: 20px; } .travel-product-article .article-name { line-height: 30px; font-size: 24px; font-weight: 700; margin-bottom: 20px; } .travel-product-article .article-text { line-height: 22px; margin-bottom: 10px; } .travel-product-article p { line-height: 22px; margin-bottom: 10px; } .travel-product-article .article-title { font-weight: 700; margin: 10px 0; } .travel-product-article .article-pic { text-align: center; } .travel-product-article .article-pic img { max-width: 100%; height: auto; } .travel-product-side { margin-left: 768px; padding: 0 20px; } .travel-product-side .side-item { padding: 10px 0; } .travel-product-side .side-item .side-title { height: 24px; line-height: 24px; margin-bottom: 10px; font-weight: 700; } .travel-product-side .side-item .side-title .icon { color: #3b99fc; margin-right: 10px; font-size: 24px; } .travel-product-side .side-item.item-01 { margin: 0 -20px; padding: 10px 20px 20px 20px; background: url(../images/travel-product-side-item.png); background-size: 100% 100%; } .travel-product-side .side-item-divider { height: 1px; background: #dedede; } .travel-product-side .side-submit { height: 60px; border: 1px solid #ff8201; background: rgba(255, 130, 1, 0.05); } .travel-product-side .side-submit .submit-side { float: left; padding-left: 20px; height: 58px; line-height: 58px; } .travel-product-side .side-submit .submit-side .rmb { color: #ff8000; font-style: normal; font-size: 18px; } .travel-product-side .side-submit .submit-side strong { color: #ff8000; font-size: 26px; font-weight: 400; margin: 0 5px; } .travel-product-side .side-submit .submit-btn { float: right; width: 160px; height: 58px; line-height: 58px; background: #ff8000; color: #fff; text-align: center; } .travel-product-selected .selected-item { border: 1px solid #dedede; margin-bottom: 10px; border-radius: 4px; } .travel-product-selected .selected-item:last-child { margin-bottom: 0; } .travel-product-selected .item-header { position: relative; height: 28px; line-height: 28px; padding: 0 40px 0 20px; border-radius: 3px 3px 0 0; background-image: linear-gradient(to right, #eff6ff, #fff); overflow: hidden; } .travel-product-selected .item-header .item-name { float: left; color: #3b99fc; } .travel-product-selected .item-header .item-number { display: inline-block; width: 16px; height: 16px; line-height: 16px; background: #3b99fc; color: #fff; border-radius: 16px; text-align: center; margin-right: 10px; } .travel-product-selected .item-header .item-price { float: right; text-align: right; white-space: nowrap; } .travel-product-selected .item-header .item-del { position: absolute; top: 0; right: 12px; color: #666; cursor: pointer; } .travel-product-selected .item-header .item-del:hover { color: #3b99fc; } .travel-product-selected .item-body { padding: 10px 40px 10px 20px; overflow: hidden; } .travel-product-selected .item-stations { float: left; height: 30px; line-height: 30px; font-size: 16px; font-weight: 700; } .travel-product-selected .item-stations .station-name { float: left; } .travel-product-selected .item-stations .station-to { float: left; width: 50px; height: 7px; margin: 10px; background-image: url("../images/to04.png"); background-image: -webkit-image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); background-image: image-set(url("../images/to04.png") 1x, url("../images/to04@2x.png") 2x); } .travel-product-selected .item-seat { float: right; height: 30px; line-height: 30px; color: #666; } .travel-product-passenger-list { overflow: hidden; margin-top: 10px; } .travel-product-passenger-list li { float: left; width: 25%; } .travel-product-type-full { overflow: hidden; margin-right: -10px; } .travel-product-type-full .item { float: left; position: relative; width: 220px; height: 104px; border: 1px solid #dedede; padding: 16px; margin: 0 10px 10px 0; border-radius: 2px; overflow: hidden; } .travel-product-type-full .item.is-active { border-color: #3b99fc; background: #f0f8ff; } .travel-product-type-full .item.is-active:after { content: ""; position: absolute; top: -2px; right: -2px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .travel-product-type-full .item-text { height: 20px; line-height: 20px; overflow: hidden; } .travel-product-type-full .item-station { height: 22px; line-height: 22px; overflow: hidden; font-weight: 700; margin: 6px 0; } .travel-product-type-full .item-station > span { float: left; } .travel-product-type-full .item-station .icon-arw { float: left; margin: 8px 10px; width: 16px; height: 5px; background-image: url("../images/to02.png"); background-image: -webkit-image-set(url("../images/to02.png") 1x, url("../images/to02@2x.png") 2x); background-image: image-set(url("../images/to02.png") 1x, url("../images/to02@2x.png") 2x); } .travel-product-type-full .item-btn { float: left; width: 100px; height: 104px; text-align: center; line-height: 104px; background: #ff8000; color: #fff; border-radius: 6px; cursor: pointer; } .travel-passenger-card-list { overflow: hidden; margin-right: -10px; } .travel-passenger-card-list .passenger-card { float: left; width: 220px; margin: 10px 10px 0 0; } .travel-passenger-card-list .passenger-card .passenger-type { position: absolute; top: 16px; right: 10px; } .travel-product-type { overflow: hidden; padding: 20px 0 0 0; border-top: 1px solid #dedede; margin-top: 20px; } .travel-product-type .travel-product-type-title { float: left; height: 34px; line-height: 34px; margin-right: 10px; } .travel-product-type-list { float: left; } .travel-product-type-list-item { float: left; position: relative; width: 200px; height: 30px; line-height: 28px; border: 1px solid #dedede; overflow: hidden; padding: 0 10px; margin: 0 12px 12px 0; cursor: pointer; } .travel-product-type-list-item.is-active { border-color: #3b99fc; background: #f0f8ff; } .travel-product-type-list-item.is-active:after { content: ""; position: absolute; top: -2px; right: -2px; width: 26px; height: 21px; background-image: url("../images/current3.png"); background-image: -webkit-image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); background-image: image-set(url("../images/current3.png") 1x, url("../images/current3@2x.png") 2x); } .travel-product-type-list-item .item-seat { float: left; } .travel-product-type-list-item .item-price { float: right; } .travel-product-add-bottom { overflow: hidden; border-top: 1px solid #dedede; } .travel-product-add-bottom .add-bottom-left { float: left; width: 635px; min-height: 300px; border-right: 1px solid #dedede; padding-right: 20px; } .travel-product-add-bottom .add-bottom-right { margin-left: 635px; padding-left: 20px; } .travel-product-add-bottom .add-bottom-right .travel-product-selected { max-height: 260px; overflow-y: auto; } .travel-product-add-bottom .add-bottom-title { height: 40px; line-height: 40px; } .ticket-filter-scroll { position: relative; padding: 0 35px; height: 40px; } .ticket-filter-scroll .ticket-filter-prev, .ticket-filter-scroll .ticket-filter-next { position: absolute; top: 0; width: 36px; height: 40px; line-height: 38px; border: 1px solid #acd1f9; text-align: center; cursor: pointer; } .ticket-filter-scroll .ticket-filter-prev:hover, .ticket-filter-scroll .ticket-filter-next:hover { color: #3b99fc; } .ticket-filter-scroll .ticket-filter-prev { left: 0; } .ticket-filter-scroll .ticket-filter-next { right: 0; } .ticket-filter-scroll .ticket-filter-date { overflow: hidden; position: relative; height: 100%; } .ticket-filter-scroll .filter-date-list { position: absolute; white-space: nowrap; font-size: 0; } .ticket-filter-scroll .filter-date-list li { display: inline-block; float: none; font-size: 14px; } .travel-product-result-box .ticket-number { width: 140px; } .travel-product-result-box .ticket-time { width: 150px; } .travel-product-result-box .ticket-alltime { width: 140px; } .travel-product-result-box .ticket-result-item { padding: 10px 0; } .travel-product-result-box .ticket-result-item .ticket-item-info { width: auto; } .travel-product-result-box .ticket-result-bd { height: 235px; overflow-y: auto; } .travel-box-2026 { border: 1px solid #dedede; overflow: hidden; position: relative; margin-top: 20px; } .travel-box-2026::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; height: 100%; background-color: #dedede; z-index: 20; } .travel-box-2026 .travel-main { float: left; width: 768px; padding: 20px 19px; } .travel-box-2026 .travel-title-main { font-size: 24px; font-weight: 500; line-height: 30px; margin-bottom: 20px; } .travel-box-2026 .travel-slider { position: relative; width: 100%; } .travel-box-2026 .travel-slider .bd { position: relative; height: 380px; } .travel-box-2026 .travel-slider .bd li { height: 380px; } .travel-box-2026 .travel-slider .bd a, .travel-box-2026 .travel-slider .bd img { display: block; width: 100%; height: 380px; } .travel-box-2026 .travel-slider .hd { text-align: center; } .travel-box-2026 .travel-slider .hd ul { padding: 10px 0; overflow: hidden; } .travel-box-2026 .travel-slider .hd li { display: inline-block; width: 10px; height: 10px; line-height: 10px; margin: 0 6px; border-radius: 50%; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.1); border: none; opacity: 1; font-size: 0; } .travel-box-2026 .travel-slider .hd .on { background-color: #666; opacity: 1; } .travel-box-2026 .travel-infos .travel-infos-item { margin-top: 20px; } .travel-box-2026 .travel-infos .item-name { font-weight: 700; } .travel-box-2026 .travel-infos .item-con { color: #666; line-height: 20px; } .travel-box-2026 .travel-side { float: right; width: 420px; padding: 20px; background: linear-gradient(0deg, #FFFFFF 0%, #E1EEFF 100%) top center no-repeat; background-size: 100% 150px; position: relative; z-index: 10; } .travel-box-2026 .travel-side::after { content: ""; position: absolute; top: 0; right: 0; width: 215px; height: 150px; background: url("../images/travel-top.png") no-repeat right top; background-size: 215px 150px; z-index: -1; pointer-events: none; } .travel-box-2026 .travel-side-item { margin-bottom: 20px; } .travel-box-2026 .travel-side-item .travel-side-title { height: 24px; line-height: 24px; font-weight: 700; display: flex; align-items: center; margin-bottom: 10px; } .travel-box-2026 .travel-side-item .travel-side-title .icon { color: #3b99fc; margin-right: 10px; font-size: 24px; font-weight: 400; } .travel-box-2026 .item-first { padding-bottom: 20px; border-bottom: 1px solid #dedede; } .travel-box-2026 .item-submit { margin-bottom: 0; border-top: 1px solid #dedede; padding-top: 16px; } .travel-box-2026 .item-submit .submit-btn { margin-top: 10px; display: block; height: 60px; line-height: 50px; border-radius: 0; } .travel-box-2026 .travel-product-item { margin-bottom: 12px; } .travel-box-2026 .travel-product-item:last-child { margin-bottom: 0; } .travel-box-2026 .travel-product-item .travel-product-header { position: relative; height: 36px; font-weight: 700; background: url(../images/travel-product-header.png); background-size: 100% 100%; color: #FFF; padding: 0 16px; } .travel-box-2026 .travel-product-item .travel-product-header .product-name { width: 170px; font-size: 16px; font-weight: 700; height: 34px; line-height: 34px; } .travel-box-2026 .travel-product-item .travel-product-header .product-more { position: absolute; bottom: 2px; right: 16px; font-size: 14px; font-weight: 400; line-height: 20px; color: #FFF; } .travel-box-2026 .travel-product-item .travel-product-header .product-more:hover { opacity: 0.8; } .travel-box-2026 .travel-product-item .travel-product-body { border: 1px solid #dedede; border-top: none; margin-top: -2px; padding: 2px 16px 16px 16px; background: #FFF; overflow: hidden; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.03); border-radius: 0 0 5px 5px; } .travel-box-2026 .travel-product-item .product-item { overflow: hidden; position: relative; display: block; cursor: pointer; } .travel-box-2026 .travel-product-item .product-price { float: left; margin-right: 16px; min-width: 116px; height: 73px; line-height: 60px; padding-top: 10px; background: url(../images/travel-product-price.png); background-size: 100% 100%; font-size: 18px; text-align: center; color: #ff8000; user-select: none; white-space: nowrap; } .travel-box-2026 .travel-product-item .product-price strong { font-weight: 400; font-size: 24px; } .travel-box-2026 .travel-product-item .product-text { float: left; margin-top: 10px; height: 60px; line-height: 60px; } .travel-box-2026 .travel-product-item .product-radio { position: absolute; top: 50%; right: 16px; margin-top: -8px; width: 16px; height: 16px; line-height: 16px; } .travel-box-2026 .travel-passenger-list { overflow: hidden; } .travel-box-2026 .travel-passenger-list li { float: left; min-width: 90px; margin-right: 5px; } .travel-ticket-search { *zoom: 1; } .travel-ticket-search:before, .travel-ticket-search:after { content: ""; display: table; } .travel-ticket-search:after { clear: both; overflow: hidden; } .travel-ticket-search .search-item { float: left; line-height: 30px; height: 30px; margin-right: 10px; } .travel-ticket-search .search-label { float: left; } .travel-ticket-search .search-con { float: left; } .travel-ticket-search .search-item-to { float: left; width: 34px; height: 30px; background: url(../images/to04@2x.png) center right no-repeat; background-size: 50px 7px; } .travel-passenger-card-list { overflow: hidden; margin-right: -10px; } .travel-passenger-card-list .passenger-card { float: left; width: 270px; margin: 10px 10px 0 0; cursor: pointer; } .travel-passenger-card-list .passenger-card .passenger-name { padding-right: 0; } .travel-passenger-card-list .passenger-card .passenger-type { float: left; margin-right: 10px; } .travel-passenger-card-list .passenger-card .passenger-num { float: left; } .travel-refund-2026 { margin: 0 20px; position: relative; padding-top: 8px; } .travel-refund-2026 .travel-refund-top { position: absolute; top: 0; left: -10px; right: -10px; height: 16px; background-image: linear-gradient(180deg, #FFFFFF 0%, #FBFBFB 100%); box-shadow: inset 0 0 6px 0 rgba(120, 120, 120, 0.25); border-radius: 8px; } .travel-refund-2026 .travel-refund-top::after { content: ""; position: absolute; top: 50%; margin-top: -1px; left: 10px; right: 10px; height: 2px; background-color: #D9D9D9; } .travel-refund-2026 .travel-refund-con { position: relative; z-index: 10; padding: 20px; background: #FFF; background-image: linear-gradient(180deg, #FFFFFF 0%, #EDF1F3 20%, #EDF1F3 69%, #FFFFFF 100%); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05); } .travel-refund-2026 .travel-refund-con::after { content: ""; position: absolute; bottom: -6px; left: 0; right: 0; height: 12px; background: url(../images/travel-circle.png); background-size: 12px 12px; } .travel-refund-2026 .travel-refund-list .item { overflow: hidden; padding: 16px 0; border-bottom: 1px dashed #dedede; line-height: 24px; } .travel-refund-2026 .travel-refund-list .item-label { float: left; width: 7em; color: #666; } .travel-refund-2026 .travel-refund-list .item-content { margin-left: 7em; } .checkbox-btns { overflow: hidden; margin-bottom: -10px; } .checkbox-btns .checkbox-item { position: relative; float: left; min-width: 100px; line-height: 32px; height: 34px; white-space: nowrap; padding: 0 10px; margin: 0 10px 10px 0; border: 1px solid #dedede; cursor: pointer; text-align: center; border-radius: 2px; } .checkbox-btns .checkbox-item:hover { color: #3b99fc; } .checkbox-btns .checkbox-item.is-active { background-color: rgba(59, 153, 252, 0.1); } .checkbox-btns .checkbox-item.is-active::after { content: ""; position: absolute; top: -1px; right: -1px; width: 26px; height: 21px; background: url(../images/active-top.png) no-repeat; background-size: 100% 100%; z-index: 2; pointer-events: none; }