@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;
}


.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;
}
.pp10{
    padding:10px;
}