@charset "utf-8";
/* 基础样式 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; }
body, div, i, em, 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, span { margin: 0; padding: 0; /*word-break:break-all*/ }
ul, li, dl, dt, dd, ol { list-style: none; }
/*input[type="text"], input[type="search"] { -webkit-appearance: none; -webkit-tap-highlight-color: #fff; outline: 0; border: 1px solid #ddd; padding: 0px 4px; line-height: 23px; height: 23px; }
input[type="button"] { background: #f90; line-height: 23px; color: #fff; padding: 0px 6px; }
input[type="checkbox"] { margin: 0px 3px 0px 4px; }*/
body, button, input, select, textarea, td { outline-style: none; font: 14px/1.5em "Microsoft YaHei",Arial; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }
pre { overflow: auto; }

/**公共的**/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, textarea, p, blockquote, center { margin: 0 auto; padding: 0; }
body { background: #f1f1f1; position: relative; text-align: center; }
ol, ul { list-style: none; }

img { border: 0; }
em, i, cite, b { font-style: normal; font-weight: normal; }

.clearfix { *zoom: 1; clear: both; }
    .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
    .clearfix:after { clear: both; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.per { position: relative; }

h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-weight: 600; display: inline-block; font: 24px "Microsoft YaHei",Arial; }
h4, .h4 { font-weight: 500; display: inline-block; font: 18px/40px "Microsoft YaHei",Arial; }
h5, .h5 { font-weight: 600; display: inline-block; font: 16px/22px "Microsoft YaHei",Arial; }
h6, .h6 { font-size: 12px; }

/*
------------------------------------------------------------------------------------------------------------------------
**************************************** 文字与背景 ****************************************
------------------------------------------------------------------------------------------------------------------------
*/
a { cursor: pointer; background: transparent; color: #333; text-decoration: none; }
    a:hover, a:focus { color: #f60; outline: 0; text-decoration: none;border:0px; }
    a, a:visited { text-decoration: none; outline: 0; }

em { position: absolute; top: 10px; right: 10px; font: 14px/1.5em "宋休"; }
    em a { color: #fff; }
        em a:hover { color: #ffea00; }
.citem2 em a { color: #ccc;font: 12px/1.5em "宋休"; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
/*文字大小*/
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
.xs4 { font-size: 18px !important; }
.xs5 { font-size: 20px !important; }

/*文字颜色*/
.c_red { color: #FF0000; }
.c_orange { color: #fe8f00; }
.c_white { color: #fff; }
.c_blur { color: #0099FF; }
.c_grey { color: #999; }
.c_fzbold { font-weight: bold; }

/*背景*/
.bg_ff { background-color: #fff;border-bottom:1px solid #ddd;padding-bottom:4px; }
.bg_f4 { background-color: #f4f4f4; }
.bg_blur { background-color: #7ac4f0; color: #FFFFFF; }
.bg_red { background-color: #ee4136; color: #FFFFFF; }
.bg_orange { background-color: #fd9400; color: #FFFFFF; }
.bg_orange2 { background-color: #fdbe00; color: #FFFFFF; }
.bg_green { background-color: #7bd394; color: #FFFFFF; }

.bg_blur2 { background-color: #407cd6; color: #FFFFFF; }
.bg_blur3 { background-color: #5b95ec; color: #FFFFFF; }
.bg_blur4 { background-color: #5487d3; color: #FFFFFF; }
.bg_green2 { background-color: #22b9cc; color: #FFFFFF; }
.bg_red2 { background-color: #ee6f6f; color: #FFFFFF; }
.bg_green3 { background-color: #14ba62; color: #FFFFFF; }
.bg_red2{ background-color: #fc7353;color: #FFFFFF; }
/*iiiiiiin属性*/
i { display: inline-block; vertical-align: middle; }
/*
------------------------------------------------------------------------------------------------------------------------
**************************************** 表单 ****************************************
------------------------------------------------------------------------------------------------------------------------
*/
.inputU { background-color: #fff; padding: 0px 5px; border: 1px solid #ddd; line-height: 23px; height: 23px; }
input, select { vertical-align: middle; }
input, button, select, textarea { outline: none; }

button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle;_height: 20px; }
button, input { *overflow: visible; line-height: normal; }
    button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
    button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
    label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
    input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
        input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

textarea { overflow: auto; vertical-align: top; border: 1px solid #ddd; }
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
input[type="radio"],
input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; }
textarea { min-height: 100px; }
/**************按钮**********************/
.btn { display: inline-block; padding: 4px 12px;_padding: 0px 12px;*padding: 0px 12px;   font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #fff; background:#4683d9; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #2959a0; -moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; }
    .btn:hover, .btn:focus { color: #fff; text-decoration: none; background-color: #fe8f00; border-color: #d17907; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; }
    .btn + .btn { margin-left: 0.3em; }

.btn-ok { background: #fd4544; border: 1px solid #e62d2c; text-align: center;padding: 4px 22px;border-bottom:3px solid #e62d2c; }
.btn-ok:hover { background: #dc1f1e;border: 1px solid #cf2221;border-bottom:3px solid #cf2221; }

.btn-cancel{ background: #888; border: 1px solid #777; text-align: center; padding: 4px 22px;border-bottom:3px solid #777;}
.btn-cancel:hover { background: #444;border: 1px solid #333; border-bottom:3px solid #333; }
/*
------------------------------------------------------------------------------------------------------------------------
**************************************** 栅格 ****************************************
------------------------------------------------------------------------------------------------------------------------
*/
/*12列*/
/* 2016.09.26 班次查询IFRAME嵌套 */
/*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; min-height: 1px; position: relative;overflow: hidden;  }*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; min-height: 1px; position: relative;  }
.col-12 { float: none; }
.col-1 { width: 8.33333%; }
.col-2 { width: 16.6667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.3333%; }
.col-5 { width: 41.6667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.3333%; *width: 56%; }
.col-8 { width: 66.6667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.3333%; }
.col-11 { width: 91.6667%; }
.col-12 { width: 100%; }

.row-1, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7, .row-8, .row-9, .row-10, .row-11, .row-12 { float: left; min-height: 1px; position: relative; overflow: hidden; }

.row-2 { width: 20%; }
.row-3 {margin-left: 33.3333%; }
.row-35 { width: 35%; }
.row-4 { width: 40%; }
.row-5 { width: 50%; }
.row-55 { width: 55%; }
.row-65 { width: 65%; }
.row-6 { width: 60%; }
.row-8 { width: 80%; }
.row-12 {  width: 100%; }

.col-offset-12 { margin-left: 100%; }
.col-offset-11 { margin-left: 91.66666667%; }
.col-offset-10 { margin-left: 83.33333333%; }
.col-offset-9 { margin-left: 75%; }
.col-offset-8 { margin-left: 66.66666667%; }
.col-offset-7 { margin-left: 58.33333333%; }
.col-offset-6 { margin-left: 50%; }
.col-offset-5 { margin-left: 41.66666667%; }
.col-offset-4 { margin-left: 33.33333333%; }
.col-offset-3 { margin-left: 25%; }
.col-offset-2 { margin-left: 16.66666667%; }
.col-offset-1 { margin-left: 8.33333333%; }
.col-offset-0 { margin-left: 0; }


.mb20 { margin-bottom: 20px; margin-right: 20px; overflow: hidden; }
    .mb20 img { display: block; width: 100%; }
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.pl10 { padding-left:10px;}
.ml40 { padding-left:40px;}
.pp10 { padding:10px;}

.dot-01 { background: url(../images/arrow.gif) no-repeat 10px; width: 20px; height: 25px; color: #fff; font-size: 12px; }
.dot-02 { background: url(../images/arrow3.gif) no-repeat 10px; width: 25px; height: 25px; color: #fff; font-size: 12px; }

i { width: 25px; height: 25px; color: #fff; font-size: 12px; margin: 0px;  background-image: url(../images/icon.png); }
.icon_arrow { background-position: -348px -158px; }
.icon_edit { background-position: -9px -158px; }
.icon_bus { background-position: -45px -158px; }
.icon_bq { background-position: -82px -158px; }
.icon_message { background-position: -118px -158px; }
.icon_jb { background-position: -155px -158px; }
.icon_list { background-position: -190px -158px; }
.icon_time { background-position: -238px -163px; }
.icon_click { background-position: -267px -163px; }
.icon_home { background-position: -300px -156px; }

.icon_male { background-position: -9px -195px; }
.icon_vol { background-position: -45px -195px; }
.icon_thumbup {background-position: -82px -195px;  }
.icon_message2 { background-position: -118px -195px; }
.icon_star { background-position: -155px -195px; }
.icon_basil{ background-position: -191px -195px; }
.icon_tools{ background-position: -228px -195px; }

.icon_ZP01{ background-position: -2px -225px; }
.icon_ZP02{ background-position: -63px -225px; }
.icon_ZP03{ background-position: -128px -225px; }
.icon_ZP04{ background-position: -192px -225px; }
.icon_ZP05{ background-position: -245px -225px; }

/*分页*/
.pagination { text-align: center; margin-top: 25px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .pagination a, .pagination span { display: inline-block; width: 25px; height: 25px; line-height: 25px; margin: 0 4px; margin-bottom: 5px; border: 1px solid #dbdee2; color: #8c8c8c; cursor: default; background-color: #fcfcfc; }
    .pagination a { text-decoration: none; border: 1px solid #dbdee2; cursor: pointer; }
    .pagination .current { background-color: #58a4f3; color: #fff; border: 1px solid #58a4f3; cursor: default; }
    .pagination .prev, .pagination .next { text-indent: -9999px; border: 1px solid #dbdee2; }
    .pagination .current.prev { background: url(../images/prev-disable.png) no-repeat center center; }
    .pagination .current.next { background: url(../images/next-disable.png) no-repeat center center; }
    .pagination .prev { background: url(../images/prev.png) no-repeat center center; }
    .pagination .next { background: url(../images/next.png) no-repeat center center; }
     #pagination span {
            cursor: pointer;
        }