@font-face {
    font-family: 'woqu';
    src: url('../fonts/woqu.ttf?n2v4bb') format('truetype'), url('../fonts/woqu.woff?n2v4bb') format('woff'), url('../fonts/woqu.svg?n2v4bb#woqu') format('svg')
}

[class^="woqu-"],
[class*=" woqu-"] {
    font-family: 'woqu'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.woqu-gongao:before {
    content: "\e96d"
}

.woqu-addyuangong:before {
    content: "\e96e"
}

.woqu-sad:before {
    content: "\e96b"
}

.woqu-add:before {
    content: "\e95c"
}

.woqu-offDay:before {
    content: "\e920"
}

.woqu-daySun:before {
    content: "\e968"
}

.woqu-previousArticle:before {
    content: "\e969"
}

.woqu-nextArticle:before {
    content: "\e96a"
}

.woqu-unbundling:before {
    content: "\e962"
}

.woqu-monthNosignTotal:before {
    content: "\e967"
}

.woqu-departmentWorkTime:before {
    content: "\e95f"
}

.woqu-workTimeTotal:before {
    content: "\e961"
}

.woqu-trophy:before {
    content: "\e960"
}

.woqu-legworkTotal:before {
    content: "\e966"
}

.woqu-suitcase:before {
    content: "\e963"
}

.woqu-count_add:before {
    content: "\e964"
}

.woqu-lateTotal:before {
    content: "\e965"
}

.woqu-metting:before {
    content: "\e95e"
}

.woqu-points:before {
    content: "\e95d"
}

.woqu-pointTicket:before {
    content: "\e949"
}

.woqu-add_device:before {
    content: "\e901"
}

.woqu-add_shopping_point:before {
    content: "\e902"
}

.woqu-anzhuo:before {
    content: "\e903"
}

.woqu-apple:before {
    content: "\e904"
}

.woqu-backtop:before {
    content: "\e905"
}

.woqu-brokenHeart:before {
    content: "\e906"
}

.woqu-bumen:before {
    content: "\e907"
}

.woqu-calendar:before {
    content: "\e908"
}

.woqu-camera:before {
    content: "\e909"
}

.woqu-checkBill:before {
    content: "\e90a"
}

.woqu-chexiao:before {
    content: "\e90b"
}

.woqu-chk:before {
    content: "\e90c"
}

.woqu-clear_leave:before {
    content: "\e90d"
}

.woqu-clock:before {
    content: "\e90e"
}

.woqu-contactus:before {
    content: "\e90f"
}

.woqu-CPCC:before {
    content: "\e910"
}

.woqu-credit_card_payment:before {
    content: "\e911"
}

.woqu-del:before {
    content: "\e912"
}

.woqu-department:before {
    content: "\e913"
}

.woqu-device:before {
    content: "\e914"
}

.woqu-down:before {
    content: "\e915"
}

.woqu-email:before {
    content: "\e916"
}

.woqu-error:before {
    content: "\e917"
}

.woqu-fanhui:before {
    content: "\e918"
}

.woqu-good:before {
    content: "\e919"
}

.woqu-goout:before {
    content: "\e91a"
}

.woqu-gps:before {
    content: "\e91b"
}

.woqu-gpsTwo:before {
    content: "\e91c"
}

.woqu-homeGPS:before {
    content: "\e91d"
}

.woqu-homeWIFI:before {
    content: "\e91e"
}

.woqu-jd:before {
    content: "\e91f"
}

.woqu-jinzhi:before {
    content: "\e921"
}

.woqu-join_company:before {
    content: "\e922"
}

.woqu-jujue:before {
    content: "\e923"
}

.woqu-late_early:before {
    content: "\e924"
}

.woqu-leave:before {
    content: "\e925"
}

.woqu-legwork_sign:before {
    content: "\e926"
}

.woqu-Mood:before {
    content: "\e928"
}

.woqu-more:before {
    content: "\e929"
}

.woqu-morning:before {
    content: "\e92a"
}

.woqu-neigou:before {
    content: "\e92b"
}

.woqu-new:before {
    content: "\e92c"
}

.woqu-next:before {
    content: "\e92d"
}

.woqu-night:before {
    content: "\e92e"
}

.woqu-no_sign:before {
    content: "\e92f"
}

.woqu-noon:before {
    content: "\e930"
}

.woqu-normal:before {
    content: "\e931"
}

.woqu-oil_card_recharge:before {
    content: "\e932"
}

.woqu-overtime:before {
    content: "\e933"
}

.woqu-phone_recharge:before {
    content: "\e934"
}

.woqu-play:before {
    content: "\e935"
}

.woqu-prev:before {
    content: "\e936"
}

.woqu-qq:before {
    content: "\e937"
}

.woqu-rechargeMobile:before {
    content: "\e938"
}

.woqu-refresh:before {
    content: "\e939"
}

.woqu-renyuan:before {
    content: "\e93a"
}

.woqu-repaymentHistory:before {
    content: "\e93b"
}

.woqu-reportAdd:before {
    content: "\e93c"
}

.woqu-return_shopping_point:before {
    content: "\e93d"
}

.woqu-rightMore:before {
    content: "\e93e"
}

.woqu-roundCheck:before {
    content: "\e940"
}

.woqu-roundDel:before {
    content: "\e941"
}

.woqu-scan:before {
    content: "\e942"
}

.woqu-shebeiguanli:before {
    content: "\e943"
}

.woqu-shopping:before {
    content: "\e944"
}

.woqu-shopping-cart:before {
    content: "\e945"
}

.woqu-Sun:before {
    content: "\e946"
}

.woqu-switch_shift:before {
    content: "\e947"
}

.woqu-tianjiaBold:before {
    content: "\e948"
}

.woqu-time:before {
    content: "\e94a"
}

.woqu-rili:before {
    content: "\e93f"
}

.woqu-list:before {
    content: "\e927"
}

.woqu-kqhz:before {
    content: "\e94c"
}

.woqu-pjgs:before {
    content: "\e94b"
}

.woqu-tongyi:before {
    content: "\e94d"
}

.woqu-trip:before {
    content: "\e94e"
}

.woqu-unbind:before {
    content: "\e94f"
}

.woqu-up:before {
    content: "\e950"
}

.woqu-warning:before {
    content: "\e951"
}

.woqu-weixin:before {
    content: "\e952"
}

.woqu-wifi:before {
    content: "\e953"
}

.woqu-workflow:before {
    content: "\e954"
}

.woqu-workflowApprove:before {
    content: "\e955"
}

.woqu-yhd:before {
    content: "\e956"
}

.woqu-zhaoxiangji:before {
    content: "\e957"
}

.woqu-zhuanfa:before {
    content: "\e958"
}

.woqu-shezhi:before {
    content: "\e959"
}

.woqu-CTCC:before {
    content: "\e95b"
}

.woqu-CMCC:before {
    content: "\e95a"
}

.woqu-CUCC:before {
    content: "\e900"
}

.woqu-CPCC {
    background: url("/style/image/site/app/points/sinopec .png") no-repeat center
}

.woqu-icon {
    position: relative;
    z-index: 20;
    padding: .5rem .1rem;
    width: 1.2rem;
    height: 1.2rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.2rem
}

i.icon.woqu-morning,
i.icon.woqu-night,
i.icon.woqu-Mood,
i.icon.woqu-Sun {
    border-radius: 3px;
    background-color: #c0c0c0;
    color: #fff;
    font-size: .9rem;
    width: 1.55rem;
    height: 1.55rem;
    line-height: 1.55rem;
    text-align: center
}

i.icon.woqu-wifi:before {
    float: left;
    margin-top: .3rem
}

i.icon.woqu-morning {
    font-size: .7rem
}

.woqu-CPCC-bgimg {
    background-size: .85rem;
    background: url("/style/image/site/app/points/sinopec .png") no-repeat
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: #eee
}

label.label-checkbox i.woqu-roundCheck:before,
label.label-checkbox i.woqu-roundCheck:before {
    display: none
}

label.label-checkbox input[type=checkbox]:checked+.item-media i.woqu-roundCheck:before,
label.label-checkbox input[type=radio]:checked+.item-media i.woqu-roundCheck:before,
label.label-checkbox input[type=checkbox]:checked+.item-media i.woqu-roundCheck:before,
label.label-checkbox input[type=radio]:checked+.item-media i.woqu-roundCheck:before {
    display: inline-block;
    background: 0;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -0.3rem;
    top: 50%;
    margin-top: -0.2rem;
    font-size: .6rem
}

.popup-date,
.popup-date.modal-out {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.actions-modal-button {
    color: #333;
    background-color: #fff;
    font-size: .8rem
}

input.workflow-inputReadonly {
    color: #666!important
}

.turn {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.button-middle {
    height: 1.8rem!important;
    line-height: 1.8rem!important
}

.button-default {
    background-color: #eee;
    border-color: #eee;
    color: #333
}

.tab-item.disabled {
    color: #c8c9cb;
    border-color: #c8c9cb
}

.tab-item.disabled .icon {
    color: #c8c9cb
}

.item-inner.row {
    margin-left: 0;
    font-size: .75rem
}

.open {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s
}

.close {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s
}

.label-switch input[type=checkbox]:checked+.checkbox {
    background-color: #00a0e9
}

.switch-off .u-select-time {
    border-color: #bbb
}

.list-block input[type=time] {
    padding: 0;
    height: auto
}

.select-duration:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border: .2rem solid #0894ec;
    border-color: #0894ec #fff;
    border-width: .2rem .2rem 0 .2rem;
    position: absolute;
    right: .25rem;
    top: 50%;
    margin-top: -.1rem
}

.switch-off .u-select-time:after {
    border-color: #bbb transparent transparent transparent!important
}

.detail-hd-title:after,
#tripDetail:before,
#tripDetail:after {
    content: " ";
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #8cc4ea;
    transform: scaleX(.5);
    -webkit-transform: scaleX(.5);
    z-index: 999
}

.detail-hd-title:after {
    right: 0
}

.facebook-card:before,
.facebook-card:after,
.month-nav:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
    background-color: #e0e0e0
}

.month-nav:after {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.facebook-card:before {
    top: 0;
    z-index: 9
}

.month-nav:after,
.facebook-card:after {
    bottom: 0
}

.bar .button-link {
    color: #fff
}

.bar-nav~.workflow-home-content {
    top: 0
}

.bar-tab .tab-item.btn-disabled,
.bar-tab .tab-item.btn-disabled .icon {
    color: #c7c7c7!important
}

.no-wifi {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.select-clear {
    line-height: 1.35rem;
    font-size: .85rem
}

.has-reason+.content {
    bottom: 5rem
}

.fixed-reason~.content {
    bottom: 6rem!important
}

.bar-tab.cancel {
    background: #fff
}

.bar-tab.cancel,
.bar-tab.cancel .tab-item {
    height: 2.2rem
}

.leave-timeBar {
    padding: .4rem .65rem;
    font-size: .75rem
}

.leave-timeBar div {
    min-height: 1.35rem
}

.item-memo {
    color: #666;
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 1.5
}

.list-view-info {
    margin: 0 .75rem;
    min-height: .75rem;
    line-height: 1.3rem;
    text-align: right;
    color: #999;
    letter-spacing: 1px
}

.list-view-info span {
    color: #333
}

.list-view-info em {
    color: #42a7ed
}

.button.button-add {
    display: inline-block;
    margin: 0 .75rem .75rem 0;
    height: 1.67rem;
    line-height: 1.67rem
}

.button.button-add .iconfont {
    margin-right: .1rem
}

.attendance:after,
.comptime.page .bar:after,
.comptime.page .bar-footer:before,
.comptime-detail-item:last-child .comptime-detail-item-line,
.people-picker-content .item-inner:after,
.list-block.rel.mglr-75 ul:before,
.workflow-process.list-block .item-inner:after,
.list-view.list-block .item-inner:after,
.attendance #todayAttendance.content table tr td:nth-child(1) .item-inner:after,
.detail-bd .item-content .item-inner:after,
.list-view-group .list-block ul:before,
.list-view-group .list-view.box:nth-child(2):before,
.attendance #todayAttendance.content table tr td:nth-child(1) ul:after,
.attendance #todayAttendance.content table tr td:nth-child(1) ul:before {
    display: none!important
}

.attendance .popup-data-picker {
    border: 0;
    margin: 0
}

.day-detail .day-detail-row {
    padding: .25rem .5rem;
    text-align: left
}

.date-picker-rows .box:last-child {
    padding-bottom: .25rem
}

.popup-date-datail {
    padding: .75rem .6rem;
    font-size: .65rem
}

.date-picker-rows .day.overtime-color {
    color: #ffb200
}

.date-picker-rows .day.trip-color {
    color: #009beb
}

.date-picker-rows .day.goout-color {
    color: #8aed4a
}

.date-picker-rows .day.leave-color {
    color: #ff8a4e
}

.day-detail.list-block .item-content .item-title:nth-child(2) {
    padding-top: .25rem
}

.attendance header .woqu-icon {
    padding: 0;
    font-size: .75rem;
    color: #ccc;
    top: 0
}

.attendance header .woqu-icon.button {
    border: 0
}

.attendance header span.flex {
    text-align: center;
    line-height: 1.4rem;
    min-height: 1.4rem
}

.bar.bar-header-secondary table th {
    background-color: #f9f9f9;
    font-size: .8rem;
    padding: .5rem 0
}

.bar.bar-header-secondary table th {
    font-weight: normal;
    font-size: .75rem
}

.list-view.list-block .item-inner {
    padding: 0
}

.list-view.list-block {
    padding: .1rem .75rem
}

.attendance .content table tr td.offday {
    color: #f86c6b
}

.label-checkbox {
    min-height: 0;
    display: -webkit-box;
    display: flex;
    margin-left: .5rem
}

.label-checkbox .item-media {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .25rem
}

html:not(.watch-active-state) label.label-checkbox:active,
label.label-checkbox.active-state {
    background-color: transparent!important
}

.comptime .bar-standard {
    background-color: #f5f5f5
}

.comptime .comptime-year {
    width: 3rem;
    margin: 1rem auto 0;
    z-index: 2;
    position: relative;
    border: 3px solid #f1f1f1;
    border-radius: 50%
}

.comptime .comptime-year-inside {
    width: 100%;
    position: absolute;
    z-index: 4;
    top: 0;
    border-radius: 50%;
    background-color: #42a7ed;
    text-align: center;
    color: #fff;
    font-size: .8rem;
    border: 3px solid #9accef;
    -webkit-transform: scale(0.98);
    transform: scale(0.98)
}

.comptime .bar-nav~.content,
.comptime.page .bar-header-secondary {
    top: 3.5rem
}

.comptime .bar-nav~.content {
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent)
}

.comptime .comptime-year:before,
.comptime-detail-item-inside:before,
.comptime .comptime-year .comptime-year-inside:before {
    content: "";
    display: inline-block;
    padding-bottom: 100%;
    vertical-align: middle
}

.comptime .comptime-detail {
    padding-top: 3rem
}

.comptime-detail-item-inside {
    width: 2.5rem;
    border-radius: 50%;
    border: 3px solid #f1f1f1;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-size: .8rem;
    background-color: green
}

.comptime-detail-item {
    padding-bottom: 2rem
}

.comptime .comptime-detail-item-l,
.comptime .comptime-detail-item-r {
    position: absolute;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    color: #333;
    left: .5rem;
    top: .1rem;
    padding: .3rem;
    width: 38%;
    background-color: #f9f9f9
}

.comptime .comptime-detail-item-r {
    right: .5rem;
    left: auto
}

.comptime-detail-item h3 {
    margin: 0;
    font-size: .65rem
}

.comptime-detail-item .comptime-detail-title {
    font-size: .55rem;
    color: #a8a8a8;
    max-width: 100%;
    word-wrap: break-word;
    max-height: 2.5rem;
    overflow: hidden
}

.comptime-detail-item-line {
    position: absolute;
    top: 2.5rem;
    left: 50%;
    margin-left: -1px;
    bottom: 0;
    width: 2px;
    background-color: #f1f1f1
}

.comptime-detail-item:last-child {
    padding-bottom: 3rem
}

.comptime-detail-item-r-arrow,
.comptime-detail-item-l-arrow {
    border-color: transparent transparent transparent #fafafa;
    border-style: solid;
    border-width: .25rem;
    height: 0;
    width: 0;
    position: absolute;
    right: -0.5rem;
    top: .8rem
}

.comptime-detail-item-r-arrow-border,
.comptime-detail-item-l-arrow-border {
    border-color: transparent transparent transparent #f1f1f1;
    border-style: solid;
    border-width: .35rem;
    height: 0;
    width: 0;
    position: absolute;
    right: -0.7rem;
    top: .71rem
}

.comptime-detail-item-r-arrow {
    left: -0.5rem;
    border-color: transparent #fafafa transparent transparent
}

.comptime-detail-item-r-arrow-border {
    left: -0.7rem;
    border-color: transparent #f1f1f1 transparent transparent
}

.comptime-num-wrap {
    text-align: center;
    position: relative;
    padding-top: .5rem
}

#paid-leave-info {
    padding: .4rem .8rem;
    border-radius: 5px;
    color: #fff;
    background-color: #74cfd7;
    font-size: .65rem
}

.comptime-num-arrow {
    border-color: transparent transparent #74cfd7 transparent;
    border-style: solid;
    border-width: .35rem;
    height: 0;
    width: 0;
    position: absolute;
    top: -.2rem;
    left: 50%;
    margin-left: -0.35rem
}

#fn-report-manager .wq-grids.wq-flex-startWrap {
    padding: .5rem 0 .5rem .5rem
}

.reportManager-itemInner {
    top: 0;
    right: .5rem;
    bottom: .5rem;
    left: 0;
    border-radius: 8px
}

.reportManager-item .reportManager-itemIcon {
    font-size: 2.5rem;
    opacity: .12
}

.reportManager-item .report-title {
    font-size: .8rem
}

.reportManager-item:last-child .reportManager-itemIcon {
    font-size: 2rem;
    color: #eaeaea;
    opacity: 1
}

.attendance {
    height: 100%;
    background-color: #fafafa;
    -webkit-tap-highlight-color: rgba(250, 250, 250, 0)
}

#weeklyReport .bar-header-secondary {
    padding: 0
}

#my-attendance .bar-header-secondary {
    top: 2.15rem;
    height: 2.15rem;
    background-color: #f7f8fa;
    padding-left: 0;
    padding-right: 0;
    font-size: .75rem;
    z-index: 16
}

#my-attendance .bar-header-secondary.hide~.content {
    top: 2.15rem
}

#my-attendance .bar-header-secondary~.content {
    top: 3.55rem
}

#info-header .col-50 {
    padding-right: .65rem
}

#calendar-info .item-content {
    padding-left: 0;
    font-size: .75rem
}

#calendar-info .item-content .col-20 {
    padding-left: .65rem
}

#my-attendance table,
#weeklyReport table {
    background-color: #fff;
    width: 100%
}

#weeklyReport td:nth-child(3) button {
    margin: 0 auto
}

#my-attendance .attendance {
    margin-bottom: 0
}

#count-info td {
    width: 50%;
    text-align: center;
    height: 2.2rem;
    font-size: .65rem
}

#count-info td:nth-child(2) {
    padding-left: 1rem;
    text-align: left
}

#calendar-info .list-block .item-inner {
    min-height: 2.6rem
}

#calendar-info p {
    margin: 0
}

#calendar-info p:nth-child(2) {
    margin-top: .5rem
}

#calendar-info p i {
    font-size: .75rem;
    margin-right: 5px
}

#count-info i {
    font-size: .9rem;
    padding-right: .5rem
}

.content.legwork-content {
    overflow-x: hidden
}

#rows {
    width: 100%;
    z-index: 5;
    left: 0
}

.wq-header header.bar.bar-nav {
    color: #fff;
    background-color: #159aea
}

.wq-header header.bar.bar-nav:after {
    display: none
}

.wq-header i.woqu-calendar {
    font-size: 1rem
}

input.legwork-time {
    color: #fff!important;
    background-color: transparent;
    left: 2rem;
    top: 0;
    right: 0;
    bottom: 0
}

.dayLegwork-item {
    z-index: 6
}

.legwork-content:after,
.dayLegwork-item:after,
.dayLegwork-item .dayLegwork-time:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0
}

.legwork-content:after {
    height: 100%;
    width: .25rem;
    z-index: 1;
    bottom: auto;
    background-color: #3498db
}

.dayLegwork-item:after {
    z-index: 5;
    width: .25rem;
    left: 0;
    background-color: #3498db
}

.dayLegwork-item .dayLegwork-time:after {
    width: 1px;
    background-color: #d9dce1;
    right: -1px;
    z-index: 6
}

.dayLegwork-item:nth-child(n) {
    background-color: #fff
}

.dayLegwork-item:nth-child(n):after {
    background-color: #3498db
}

.dayLegwork-item:nth-child(2n) {
    background-color: #f7f8fa
}

.dayLegwork-item:nth-child(2n):after {
    background-color: #62cb31
}

.dayLegwork-item:nth-child(3n):after {
    background-color: #ffb606
}

.dayLegwork-item:nth-child(4n):after {
    background-color: #e67327
}

.dayLegwork-item:nth-child(5n):after {
    background-color: #c0392b
}

.dayLegwork-item:nth-child(6n):after {
    background-color: #34495e
}

.dayLegwork-item:nth-child(7n):after {
    background-color: #9b59b6
}

.dayLegwork-time div {
    margin-left: .45rem;
    line-height: initial;
    padding-right: .8rem
}

.dayLegwork-item .dayLegwork-time {
    width: 3rem;
    min-width: 3rem
}

.dayLegwork-item .dayLegwork-time .legwork-timeBar {
    left: auto;
    right: 0
}

.dayLegwork-item i.woqu-time,
.dayLegwork-item i.woqu-clock {
    top: 50%;
    border-radius: 50%;
    position: absolute;
    font-size: .9rem;
    z-index: 8;
    margin-top: -.5rem;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    -webkit-text-stroke-width: .1px;
    right: -.6rem
}

.dayLegwork-item i.woqu-device,
.dayLegwork-item i.woqu-wifi {
    font-size: .55rem;
    margin-top: .05rem
}

.dayLegwork-item i.woqu-device {
    margin-top: .08rem
}

.dayLegwork-item:nth-child(n) i.woqu-time,
.dayLegwork-item:nth-child(n) i.woqu-clock {
    background-color: #fff;
    color: #d1d5db
}

.dayLegwork-item:nth-child(2n) i.woqu-clock {
    background-color: #f7f8fa;
    color: #d1d5db
}

.dayLegwork-item:nth-child(n):last-child i.woqu-clock {
    color: #3498db
}

.dayLegwork-item:nth-child(2n):last-child i.woqu-clock {
    color: #62cb31
}

.dayLegwork-item:nth-child(3n):last-child i.woqu-clock {
    color: #ffb606
}

.dayLegwork-item:nth-child(4n):last-child i.woqu-clock {
    color: #e67327
}

.dayLegwork-item:nth-child(5n):last-child i.woqu-clock {
    color: #c0392b
}

.dayLegwork-item:nth-child(6n):last-child i.woqu-clock {
    color: #34495e
}

.dayLegwork-item:nth-child(7n):last-child i.woqu-clock {
    color: #9b59b6
}

.dayLegwork-detail-content {
    padding: .9rem .75rem .9rem 1rem;
    width: 100%
}

.dayLegwork-detail-content div {
    margin-top: .65rem
}

.dayLegwork-detail-content .show-edit:first-child {
    margin-top: 0
}

.dayLegwork-detail-content .dayLegwork-detail-title {
    padding-top: 0;
    line-height: 1.2
}

.dayLegwork-detail-address {
    padding-left: .85rem;
    line-height: 1.2
}

.dayLegwork-detail-content div.detail-bd-photo {
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    float: left;
    padding-top: 0
}

.dayLegwork-detail-content div.row-imgs {
    overflow: hidden;
    margin-top: 0
}

.dayLegwork-detail-address i {
    top: .1rem;
    left: 0;
    color: #aaa
}

.dayLegwork-detail-remark {
    line-height: 1.2
}

.btn-addLegwork {
    position: absolute;
    bottom: 4rem;
    right: -.45rem;
    background-color: #42a7ed;
    border: 3px solid #9accef
}

.btn-addLegwork.woqu-tianjiaBold {
    width: 2.5rem;
    height: inherit;
    z-index: 6;
    border-radius: 50px 0 0 50px
}

.legwork-content .legwork-timeBar {
    width: 1px;
    height: 100%;
    top: 0;
    background-color: #d9dce1;
    left: 3rem;
    z-index: 5;
    padding: 0
}

.legwork .bar-header-secondary td {
    padding: .7rem 0
}

#addressShow {
    padding: 0 .3rem 0 .5rem
}

.legwork-error .woqu-error {
    font-size: 5rem;
    padding-bottom: .8rem;
    text-align: center
}

.legwork-error .color-gray {
    font-weight: 600
}

.fix-showbug {
    margin-top: -.1rem
}

.picker-columns {
    overflow: hidden;
    position: fixed
}

.wq-header-secondary {
    height: 2.65rem
}

.depList-header {
    top: 4.85rem;
    font-size: .75rem;
    height: 2.2rem
}

.depList-header div {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    height: 100%;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center
}

.depList-header~.content {
    top: 6.25rem
}

#personalAttend .dayLegwork-item .dayLegwork-time {
    width: 1rem;
    min-width: 1rem
}

#personalAttend .legwork-content .legwork-timeBar {
    left: 1rem
}

.importinpc-img {
    width: 65%;
    margin: 0 auto
}

.importinpc-img img {
    width: 100%;
    display: block
}

.importinpc-title {
    font-size: 1.15rem;
    font-weight: 500;
    padding-top: 2rem
}

.importinpc-title2 {
    padding-top: 1.5rem;
    font-weight: 500;
    line-height: 1.8
}

.buttons-tab .badge {
    position: absolute;
    top: .1rem;
    left: 50%;
    z-index: 100;
    height: .8rem;
    min-width: .8rem;
    padding: 0 .2rem;
    font-size: .6rem;
    line-height: .8rem;
    color: #fff;
    vertical-align: top;
    background: red;
    border-radius: .5rem;
    margin-left: .8rem
}

.btn-notify.button {
    border-color: #21c1fd;
    color: #21c1fd;
    line-height: 1.2rem
}

.btn-notify.button span {
    padding-right: .1rem;
    font-size: .65rem
}

.schedule-add .woqu-tianjiaBold {
    background-color: transparent
}

.scheduleList-content {
    border-left: 5px solid
}

.scheduleList-wrap .bar.bar-tab {
    height: inherit
}

.scheduleList-wrap .bar.bar-tab:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #e0e0e0;
    height: 1px;
    width: 100%;
    display: block
}

.scheduleList-wrap .tab-item {
    padding: .5rem 0;
    border-right: 1px solid #e0e0e0
}

.scheduleList-wrap .tab-item:last-child {
    border-right: 0
}

.scheduleChangeRule-title,
.scheduleList-wrap .item-inner .item-title {
    font-weight: 500;
    color: #111!important
}

.page-scheduleList .content-block-title {
    line-height: 1.5;
    white-space: normal
}

.page-scheduleList .scheduleList-content .item-title {
    color: #666
}

.page-scheduleChangeMember .label-checkbox,
.page-scheduleChangeRule .label-checkbox {
    margin-left: 0
}

.schedule-del .woqu-roundDel,
.schedule-add .woqu-tianjiaBold {
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    text-align: center;
    line-height: 1.1rem
}

.page-device .list-block .item-title-wrap {
    max-width: 80%
}

.page-device .list-block .item-content .item-media i {
    width: .9rem;
    height: .9rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: .8rem
}

.page-device .list-block .item-content .item-media i.woqu-gps {
    font-size: 1rem
}

.list-block .item-media+.item-inner.schedule-addInner {
    margin-left: .2rem
}

.page-shiftAdd .list-block .item-after,
.page-scheduleCreate .list-block .item-after {
    -webkit-align-items: center;
    align-items: center
}

.page-shiftAdd .item-inner .woqu-rightMore,
.page-scheduleCreate .item-inner .woqu-rightMore {
    margin-left: .3rem
}

.page-mycreate {
    overflow: hidden
}

.page-mycreate .content-block~.content {
    top: 3.25rem
}

.wq-grids {
    font-size: 0
}

.wq-grids-before:before {
    content: '';
    position: absolute;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.wq-grids .wq-grids-item {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    position: relative
}

.wq-grids .wq-grids-item:after {
    content: " ";
    padding-bottom: 100%;
    display: block
}

.wq-grids .wq-grids-itemThree {
    width: 33.33333333%
}

.wq-grids .wq-grids-itemFour {
    width: 25%
}

.wq-grids .wq-grids-icon {
    font-size: 1.25rem
}

.wq-grids .wq-grids-title {
    padding-top: .25rem;
    font-size: .8rem
}

.badge {
    position: absolute;
    top: .1rem;
    left: 50%;
    z-index: 100;
    height: .8rem;
    min-width: .8rem;
    padding: 0 .2rem;
    font-size: .6rem;
    line-height: .8rem;
    color: white;
    vertical-align: top;
    background: red;
    border-radius: .5rem;
    margin-left: .1rem;
    overflow: hidden
}

.page-workreportDetail .bg-white .list-block:first-child {
    margin-top: 0
}

.page-workreportDetail .bg-white .list-block:first-child .list-group-title {
    padding-top: .75rem
}

.page-workreportDetail .list-block .item-content,
.page-workreportDetail .list-block .item-inner {
    min-height: inherit
}

.woqu-preview-hd {
    font-size: 1.2rem;
    font-weight: bold
}

.woqu-preview-item div:first-child {
    white-space: nowrap
}

.woqu-preview-item div:nth-child(2) {
    line-height: 1.2
}

.page.statisticalList {
    font-size: 0
}

.statisticalList .statisticalList-item:before {
    content: "";
    display: inline-block;
    padding-bottom: 100%;
    vertical-align: middle
}

.statisticalList .statisticalList-item {
    display: inline-block;
    background-color: green;
    text-align: center;
    color: #fff;
    font-size: .7rem;
    margin: 0;
    padding: 0;
    line-height: 0;
    width: 30%;
    margin-left: 2.5%;
    margin-top: 2.5%;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.statisticalList .statisticalList-item:nth-child(3n),
.comptime .comptime-detail-item:nth-child(3n) .comptime-detail-item-inside {
    background-color: rgba(255, 87, 34 .5)
}

.statisticalList .statisticalList-item:nth-child(1n),
.comptime .comptime-detail-item:nth-child(1n) .comptime-detail-item-inside {
    background-color: rgba(156, 39, 176, 0.8)
}

.statisticalList .statisticalList-item:nth-child(2n),
.comptime .comptime-detail-item:nth-child(2n) .comptime-detail-item-inside {
    background-color: #53a1dc
}

.statisticalList .statisticalList-item:nth-child(3n+1),
.comptime .comptime-detail-item:nth-child(3n+1) .comptime-detail-item-inside {
    background-color: rgba(245, 124, 0, 1)
}

.statisticalList .statisticalList-item:nth-child(4n),
.comptime .comptime-detail-item:nth-child(4n) .comptime-detail-item-inside {
    background-color: #80ce2d
}

.statisticalList .statisticalList-item:nth-child(5n),
.comptime .comptime-detail-item:nth-child(5n) .comptime-detail-item-inside {
    background-color: rgba(123, 31, 162, 0.8)
}

.statisticalList .statisticalList-item:nth-child(6n),
.comptime .comptime-detail-item:nth-child(6n) .comptime-detail-item-inside {
    background-color: #eb9348
}

.statisticalList .statisticalList-item:nth-child(7n),
.comptime .comptime-detail-item:nth-child(7n) .comptime-detail-item-inside {
    background-color: rgba(229, 68, 68, 0.8)
}

.page-expenseList .item-media.expense-media {
    width: 2rem;
    height: 2rem;
    padding: 0
}

.detail-hd {
    color: #fff;
    height: 4.5rem
}

.detail-hd-item {
    height: 100%
}

.detail-hd .detail-hd-item .detail-hd-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.detail-hd .detail-hd-left {
    font-size: 1.2rem;
    position: relative
}

.detail-hd .detail-hd-left:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    opacity: .5
}

.detail-hd .detail-hd-middle {
    padding: 0 .65rem 0 1rem;
    -webkit-box-flex: 1.5;
    -webkit-flex: 1.5;
    flex: 1.5
}

.detail-hd .detail-hd-middle .detail-hd-middle-subtitle {
    font-size: .6rem
}

.detail-bd {
    margin: 0;
    padding: .65rem .65rem 0 0
}

.detail-bd .content-block-title {
    margin: 0 .65rem;
    font-size: .7rem
}

.detail-bd .item-title {
    text-overflow: inherit;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.detail-bd.list-block .item-inner {
    min-height: inherit;
    padding-top: 0;
    padding-bottom: .5rem
}

.detail-bd.list-block .item-inner .detail-bd-photo {
    width: 3rem;
    height: 3rem;
    border-radius: 2px;
    overflow: hidden
}

.detail-bd.list-block .item-inner .detail-bd-photo img {
    width: 100%;
    height: inherit;
    display: block
}

.detail-bd.list-block .item-inner.list-item-arrowRight {
    padding-right: 1.3rem
}

.detail-bd-photo {
    width: 2rem;
    height: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    overflow: hidden;
    margin-right: .25rem
}

.detail-bd-photo img {
    display: block;
    width: 2rem;
    height: 2rem
}

.people-picker-item.user-head-multi {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 #f6f6f6, 0 4px 0 0 rgba(0, 0, 0, 0.2), 0 6px 0 -1px #f6f6f6, 0 8px 2px -1px rgba(0, 0, 0, 0.2), 0 10px 2px -1px #f6f6f6, 0 10px 3px -3px rgba(0, 0, 0, 0.2), 0 10px 0 -3px #f6f6f6;
    overflow: inherit;
    border-radius: 50%
}

#step-detail.list-block .item-after {
    font-size: .6rem
}

#step-detail.list-block .item-subtitle {
    font-size: .65rem
}

#step-detail .item-media:after {
    content: '';
    position: absolute;
    width: 1px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: #e0e0e0;
    left: 50%;
    margin-left: -0.5px;
    top: 2.455rem;
    bottom: -.7rem
}

#step-detail ul li:last-child .item-media:after {
    display: none
}

.add-li .woqu-camera,
.people-picker-btn {
    text-align: center;
    color: #d9d9d9;
    font-size: .8rem;
    border-radius: 2px
}

.add-li .woqu-camera {
    width: 2rem;
    height: 2rem
}

.people-picker-btn {
    width: 2rem;
    height: 2rem;
    line-height: 2rem
}

.woqu-camera.add-pic {
    font-size: 1.2rem
}

.upload-pic-content {
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 .5rem .5rem 0;
    border: 1px solid #eee;
    border-radius: 2px
}

.upload-pic-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px
}

.upload-pic-item img {
    display: block;
    width: 100%;
    height: 100%
}

.upload-pic-content .image-remove {
    color: #fff;
    position: absolute;
    top: -0.3rem;
    right: -0.3rem;
    width: .9rem;
    height: .9rem;
    font-size: .4rem;
    background-color: #ff3f3e;
    border-radius: 50%
}

.people-picker-itemWrap {
    padding-right: .25rem
}

.people-picker-wrap {
    padding: .5rem .75rem
}

.approver-content .people-picker-wrap {
    padding: .5rem .75rem .25rem .75rem
}

.people-picker {
    padding-top: .25rem
}

.people-picker-item {
    width: 2rem;
    height: 2rem
}

.people-picker-listItem {
    width: 2.5rem;
    height: 2.5rem
}

.people-picker-item,
.people-picker-listItem {
    overflow: hidden;
    font-size: .65rem;
    color: #fff;
    border-radius: 50%
}

.people-picker-username {
    font-size: .65rem;
    text-align: center;
    color: #666
}

.people-picker-item img,
.people-picker-listItem img {
    display: block;
    width: 100%;
    border-radius: 50%
}

.emp-title {
    color: #fff;
    background-color: #0894ec;
    padding-left: .5rem;
    padding: .7rem .5rem
}

.emp-title a {
    top: 0;
    position: absolute
}

#empUserlist .list-block {
    margin-top: .5rem
}

#empUserlist .list-block .item-title {
    color: #666;
    font-size: .75rem
}

#empUserlist .list-block li.active .item-title {
    color: #0894ec
}

.page-legworkSetting header {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .15)
}

.page-legworkSetting .bar.bar-nav .buttons-tab .button {
    color: #b0d5eb;
    height: 2.2rem;
    line-height: 2.2rem;
    top: 0;
    border-bottom: 0
}

.page-legworkSetting .bar.bar-nav .buttons-tab .button.active:after {
    content: " ";
    position: absolute;
    left: 10%;
    right: 10%;
    background-color: #fff;
    height: 2px;
    bottom: 0
}

.icon-openContent {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #159aea
}

.icon-open {
    color: #fff;
    width: 100%;
    padding: .15rem 0;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: .5rem;
    background-color: #91cd2c
}

.page-singleEmpSign .content {
    top: 2.65rem
}

.page-singleEmpSign .icon-open {
    width: 100%;
    font-size: .5rem;
    color: #fff;
    position: absolute;
    background-color: #159aea
}

.pointList-hd-left {
    width: 3.2rem
}

.page-pointList .woqu-CUCC,
.page-pointList .woqu-CTCC,
.page-pointList .woqu-CMCC,
.page-pointList .woqu-rechargeMobile,
.page-pointList .woqu-CPCC {
    width: 2.2rem;
    height: 2.2rem;
    font-size: 2rem
}

.page-pointList .woquBank {
    width: 2.2rem
}

.page-pointList .woqu-rechargeMobile {
    background-color: #03a9f4;
    color: #fff
}

.page-cardBill .cardBill-icon.woqu-CUCC,
.page-pointList .woqu-CUCC {
    color: #e90003
}

.page-cardBill .cardBill-icon.woqu-CTCC,
.page-pointList .woqu-CTCC {
    color: #005ca1
}

.page-cardBill .cardBill-icon.woqu-CMCC,
.page-pointList .woqu-CMCC {
    color: #0085d0
}

.page-addCreditCard .bar-footer-secondary {
    bottom: 3.75rem;
    background-color: transparent
}

.page-addCreditCard .card {
    box-shadow: none;
    margin: 0;
    width: 90%;
    background-color: transparent
}

.page-pointList .list-block .item-text {
    height: inherit;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.2
}

.bankicon-scale {
    transform: scale(.65, .65);
    -webkit-transform: scale(.65, .65)
}

.page-pointIndex .pointIndex-hd {
    background-color: #1cabf3
}

.page-pointIndex .bar.bar-hd {
    height: auto
}

.shopping-number-exp {
    line-height: 1.5
}

.page-pointIndex .bar.bar-hd .tab-item .icon {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.2rem;
    margin: 0 auto;
    border-radius: 3px
}

.page-pointIndex .bar.bar-hd .tab-item .woqu-oil_card_recharge {
    background-color: #ff9600
}

.page-pointIndex .bar.bar-hd .tab-item .woqu-phone_recharge {
    background-color: #1a8ce1
}

.page-pointIndex .bar.bar-hd .tab-item .woqu-credit_card_payment {
    background-color: #57c11e
}

.page-pointIndex .bar.bar-hd .tab-item .woqu-shopping {
    background-color: #ff5757
}

.page-pointIndex .bar.bar-hd .tab-item .woqu-add_shopping_point {
    background-color: #e11a4e
}

.page-pointIndex .bar.bar-hd .tab-item .woqu-return_shopping_point {
    background-color: #1ec1a4
}

.woquPoints,
.shopping-number {
    font-size: 2.2rem
}

.recharge-choice-item {
    color: #999;
    width: 31%;
    height: 2.6rem;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding: .4rem 0;
    margin-bottom: 3.5%;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 3.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.recharge-choice-item:nth-child(3n) {
    margin-right: 0
}

.recharge-choice-item.active {
    border-color: #1cabf3;
    color: #1cabf3
}

.oli-btnClear {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #e0e0e0;
    font-size: .5rem
}

.oilCardRecharge-listWrap {
    overflow: hidden
}

.page-cardBill .payfor-number {
    font-size: 1.25rem;
    font-weight: bold
}

.page-cardBill .cardBill-icon {
    width: 32px;
    height: 32px;
    font-size: 200%
}

.creditCardBill-progressBar i {
    width: 1.1rem;
    height: 1.1rem;
    color: #1cabf3;
    border: 1px solid #1cabf3
}

.creditCardBill-progressBar .item-media:before,
.creditCardBill-progressBar .item-media:after {
    content: ' ';
    width: .05rem;
    display: block;
    position: absolute;
    background-color: #1cabf3;
    left: .525rem
}

.creditCardBill-progressBar .item-media:after {
    top: 1.55rem;
    bottom: -.1rem
}

.creditCardBill-progressBar .item-media:before {
    top: -.1rem;
    bottom: 1.55rem
}

.creditCardBill-progressBar .item-title {
    color: #42a7ed
}

.creditCardBill-progressBar.cardBill-failure i {
    color: #f12737;
    border: 1px solid #f12737
}

.creditCardBill-progressBar.cardBill-failure .item-media:before,
.creditCardBill-progressBar.cardBill-failure .item-media:after {
    background-color: #f12737
}

.creditCardBill-progressBar.cardBill-failure .item-media:after,
.creditCardBill-progressBar.cardBill-backtrack .item-media:after {
    bottom: -.8rem
}

.creditCardBill-progressBar.cardBill-failure .item-title {
    color: #f12737
}

.creditCardBill-progressBar:first-child .item-media:before,
.creditCardBill-progressBar:last-child .item-media:after {
    display: none
}

.woquBank {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/style/image/site/app/bankIcon/sprite.svg) no-repeat
}

.woquBank-SHBANK {
    background-position: 0 0
}

.woquBank-ABC {
    background-position: -64px 0
}

.woquBank-BOB {
    background-position: -128px 0
}

.woquBank-BOC {
    background-position: -192px 0
}

.woquBank-CCB {
    background-position: -256px 0
}

.woquBank-CEB {
    background-position: -320px 0
}

.woquBank-CGB {
    background-position: -384px 0
}

.woquBank-CIB {
    background-position: -448px 0
}

.woquBank-CITIC {
    background-position: -512px 0
}

.woquBank-CMB {
    background-position: -576px 0
}

.woquBank-CMBC {
    background-position: -640px 0
}

.woquBank-COMM {
    background-position: -704px 0
}

.woquBank-CQCB {
    background-position: -768px 0
}

.woquBank-GZCB {
    background-position: -832px 0
}

.woquBank-HEBBANK {
    background-position: -896px 0
}

.woquBank-HXB {
    background-position: -960px 0
}

.woquBank-HZBANK {
    background-position: -1024px 0
}

.woquBank-ICBC {
    background-position: -1088px 0
}

.woquBank-JSBC {
    background-position: -1152px 0
}

.woquBank-NBCB {
    background-position: -1216px 0
}

.woquBank-NJCB {
    background-position: -1280px 0
}

.woquBank-PINGAN {
    background-position: -1344px 0
}

.woquBank-PSBC {
    background-position: -1408px 0
}

.woquBank-SPDB {
    background-position: -1472px 0
}

.woquBank-TCCB {
    background-position: -1536px 0
}

.list-block ul.bank-linearGradient.BOB,
.list-block ul.bank-linearGradient.BOC,
.list-block ul.bank-linearGradient.CGB,
.list-block ul.bank-linearGradient.CITIC,
.list-block ul.bank-linearGradient.CMB,
.list-block ul.bank-linearGradient.GZCB,
.list-block ul.bank-linearGradient.HXB,
.list-block ul.bank-linearGradient.ICBC,
.list-block ul.bank-linearGradient.NBCB,
.list-block ul.bank-linearGradient.PINGAN,
.list-block ul.bank-linearGradient.NJCB {
    background: #ec666d;
    background: -webkit-linear-gradient(to right, #ec666d, #d95c84);
    background: linear-gradient(to right, #ec666d, #d95c84)
}

.list-block ul.bank-linearGradient.CCB,
.list-block ul.bank-linearGradient.CIB,
.list-block ul.bank-linearGradient.COMM,
.list-block ul.bank-linearGradient.SPDB,
.list-block ul.bank-linearGradient.TCCB,
.list-block ul.bank-linearGradient.CEB,
.list-block ul.bank-linearGradient.HEBBANK,
.list-block ul.bank-linearGradient.HZBANK,
.list-block ul.bank-linearGradient.JSBC,
.list-block ul.bank-linearGradient.SHBANK,
.list-block ul.bank-linearGradient.ABC {
    background: #4f83bd;
    background: -webkit-linear-gradient(to right, #4f83bd, #3b5cad);
    background: linear-gradient(to right, #4f83bd, #3b5cad)
}

.list-block ul.bank-linearGradient.CMBC,
.list-block ul.bank-linearGradient.CQCB,
.list-block ul.bank-linearGradient.ABC,
.list-block ul.bank-linearGradient.PSBC {
    background: #17ad94;
    background: -webkit-linear-gradient(to right, #17ad94, #059888);
    background: linear-gradient(to right, #17ad94, #059888)
}

.color-bankTitle {
    color: #fff!important;
    opacity: .8
}

.bg-bankIcon {
    background-color: rgba(255, 255, 255, .8)
}

.date-picker-hd {
    padding: 0 .65rem
}

.date-picker-hd,
.date-picker-hdLeft,
.date-picker-hdMiddle,
.date-picker-hdRight {
    height: 2.15rem;
    position: relative
}

.date-picker-hdLeft {
    -webkit-box-align: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.date-picker-hdRight {
    -webkit-box-align: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.date-picker-hdLeft,
.date-picker-hdRight,
.date-picker-hdMiddle,
.date-picker-week .date-picker-item,
.date-picker-day {
    -webkit-align-items: center;
    align-items: center
}

.date-picker-hdMiddle,
.date-picker-item,
.date-picker-week .date-picker-item,
.date-picker-rows .date-picker-itemInner {
    -webkit-justify-content: center;
    justify-content: center
}

.date-picker-hd,
.date-picker-hdLeft,
.date-picker-hdMiddle,
.date-picker-hdRight,
.date-picker-week .date-picker-weekItem {
    flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    position: relative
}

.date-picker-hd {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    width: 100%
}

.date-picker-hdLeft,
.date-picker-hdRight {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center
}

.date-picker-hdLeft {
    -webkit-box-pack: end;
    box-pack: end
}

.date-picker-hdRight {
    -webkit-box-pack: start;
    box-pack: start
}

.date-picker-weekItem {
    color: #333
}

.date-picker-bd,
.date-picker-dayContent {
    position: relative
}

.date-picker-hd:after,
.date-picker-bd:after,
.date-picker-hdRight:after,
.date-picker-bd .unusual:after,
.date-picker-rows .date-picker-itemInner.nosign:after,
.date-picker-rows .date-picker-itemInner.has-error:after {
    content: '';
    position: absolute;
    display: block
}

.date-picker-hd:after,
.date-picker-bd:after {
    left: 0;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #e0e0e0;
    z-index: 15;
    top: auto;
    bottom: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    pointer-events: none
}

.popup-data-picker {
    background-color: #fff
}

.date-picker-hdMiddle {
    position: relative;
    font-size: .8rem;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.date-picker-hdMiddle .date-time {
    font-size: .75rem;
    min-width: 8rem;
    height: 100%;
    padding: 0 .25rem
}

.date-picker-hdMiddle input#datepicker {
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.date-picker-week {
    height: 1.35rem;
    font-size: .6rem;
    color: #999
}

.date-picker-rows {
    padding: 0 .125rem;
    position: relative
}

.date-picker-dayContent:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #e0e0e0
}

.date-picker-week .date-picker-item {
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.date-picker-item {
    padding: .125rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    position: relative
}

.date-picker-weekItem.offday,
.date-picker-item .offday .info {
    color: #bbb
}

.date-picker-rows .date-picker-itemInner {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.date-picker-bd {
    padding-bottom: .35rem
}

.date-picker-bd .offday.selectday .info:nth-child(2),
.date-picker-rows .trip-color.selectday .info,
.date-picker-rows .selectday .info:nth-child(2) {
    color: #fff
}

.date-picker-rows p.info {
    margin: 0;
    font-size: .8rem;
    color: #111;
    line-height: 1
}

.date-picker-item p:nth-child(2) {
    font-size: .55rem;
    color: #666;
    white-space: nowrap;
    line-height: 1.5
}

.date-picker-day {
    width: 14.28571429%;
    width: -webkit-calc(100% / 7);
    display: inline-block;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: relative
}

.date-picker-bd .offday.selectday .info:nth-child(2),
.date-picker-rows .trip-color.selectday .info,
.date-picker-rows .selectday .info:nth-child(2) {
    color: #fff
}

.date-picker-bd .unusual:after,
.date-picker-rows .date-picker-itemInner.nosign:after,
.date-picker-rows .date-picker-itemInner.has-error:after {
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    bottom: .1rem;
    left: 50%;
    margin-left: -.125rem
}

.date-picker-bd .unusual:after {
    background-color: #f86c6b
}

.date-picker-itemInner.today {
    border-width: 2px;
    border-style: solid
}

.date-picker-bd .date-picker-itemInner.muted p:nth-child(1),
.date-picker-bd .date-picker-itemInner.muted p:nth-child(2) {
    color: #ccc
}

.button.select-clear {
    font-size: .75rem
}

.attendance .open-panel.button {
    color: #666;
    font-size: .85rem;
    top: 0;
    line-height: inherit
}

.bar .btn-attendanceToday {
    border-radius: 50%;
    border: 1px solid #f12737;
    color: #f12737;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0;
    visibility: hidden;
    margin-left: .25rem;
    position: absolute;
    z-index: 99;
    right: 0;
    top: .5rem
}

.attendance header.bar.bar-nav,
.attendance header .list-block.list-selectdate .item-inner {
    padding: 0
}

.attendance header .list-block.list-selectdate .item-inner .item-title {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1
}

.attendance header .list-block.list-selectdate {
    margin-bottom: 0
}

#day-info,
.showtime-Wrap {
    height: 100%
}

.showtime-Wrap {
    height: 100%;
    display: inline-block;
    line-height: 2.2rem;
    padding-right: 1.5rem;
    color: #666;
    font-size: .75rem
}

.showtime-Wrap i {
    padding-top: .5rem;
    font-size: .6rem
}

#day-info input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0
}

.panel-toolbar.toolbar.bottom-buttonBar {
    height: 2.5rem
}

.sort-iconWrap {
    height: 2.2rem;
    width: .6rem
}

#todayAttendance.content {
    margin-top: -.75rem
}

.attendance header.bar.bar-nav .list-block .item-inner:after {
    display: none
}

.attendance .bar.bar-tab {
    background-color: transparent
}

.attendance .bar.bar-header-secondary {
    margin: 0;
    padding: 0 0 0 .65rem;
    background-color: #fff;
    font-size: .7rem;
    color: #111
}

.attendance .bar.bar-header-secondary:after {
    height: 1px
}

.sortIcon-wrap {
    width: 1rem
}

.sort-icon {
    font-size: .35rem;
    right: 0;
    position: absolute;
    color: #e0e0e0
}

.sort-icon.woqu-up {
    top: .65rem
}

.sort-icon.woqu-down {
    bottom: .65rem
}

.sort.asc i.woqu-up,
.sort.desc i.woqu-down,
.sort-icons.desc i.woqu-down,
.sort-icons.asc i.woqu-up,
.sort i.woqu-up.asc,
.sort i.woqu-down.desc {
    color: #999
}

.wq-slideTab .tabs-animated-wrap {
    top: 4.85rem
}

.wq-slideTab .depList-header {
    position: relative;
    top: 0
}

.wq-slideTab .depList-header~.content {
    top: 1.25rem
}

#wf-content .reasonInput.autoTextarea {
    height: 3.6rem;
    min-height: 3.6rem;
    padding-top: .4rem;
    padding-bottom: .35rem
}

.expenseDetail-title {
    font-size: .8rem;
    padding-top: .65rem;
    padding-left: .65rem
}

.page-detail #action-form .item-media {
    width: 2rem;
    height: 3rem
}

.page-detail #action-form .item-media .expense-media {
    position: absolute;
    top: .5rem;
    width: 1.8rem!important;
    height: 1.8rem!important;
    line-height: 1.8rem!important;
    text-align: center
}

.page-mettingList .content {
    top: 3.25rem
}

.calendar-item {
    width: 10%;
    width: -webkit-calc(100% / 10);
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
}

.calendar-item:after {
    content: ' ';
    display: inline-block;
    padding-bottom: 100%;
    vertical-align: middle
}

.calendar-item.active {
    color: #fff;
    background-color: #00a0e9
}

.mettingReport-hd-left {
    flex: 1;
    font-size: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd
}

.mettingReport-hd-left:after {
    content: " ";
    display: inline-block;
    padding-bottom: 100%
}

.mettingReport-hd-right {
    flex: 2;
    -webkit-flex: 2
}

.mettingReport-hd-right .mettingReportHd-right-item {
    flex: 1;
    -webkit-flex: 1;
    padding-top: .75rem
}

.mettingReport-hd-right .mettingReportHd-right-item:first-child {
    padding-top: 0
}

.mettingReportHd-right-icon {
    width: .5rem;
    height: .5rem;
    border-radius: 2px
}

.mettingReport-hd-right .mettingReportHd-right-item:first-child .mettingReportHd-right-icon {
    background-color: #159aea
}

.mettingReport-hd-right .mettingReportHd-right-item:nth-child(2) .mettingReportHd-right-icon {
    background-color: #999
}

.mettingReport-hd-right .mettingReportHd-right-item:last-child .mettingReportHd-right-icon {
    background-color: red
}

.page-mettingReport .content.top-distance {
    top: 7.75rem
}

.page-mettingReport .wq-user-list .item-content .woqu-flex:first-child,
.page-mettingReport .mettingReport-list-hd div.woqu-flex:first-child {
    flex: 2;
    -webkit-flex: 2
}

.page-mettingReport .wq-user-list .item-content .woqu-flex:nth-child(2),
.page-mettingReport .mettingReport-list-hd div.woqu-flex:nth-child(2) {
    flex: 1;
    -webkit-flex: 1
}

.page-mettingReport .wq-user-list .item-content .woqu-flex:last-child,
.page-mettingReport .mettingReport-list-hd div.woqu-flex:last-child {
    flex: 1;
    -webkit-flex: 1
}

.page-mettingReport .sort {
    height: 2.2rem;
    width: .5rem;
    margin-left: .25rem
}

.mettingReport-list-hd div.wq-flex {
    flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1
}

.rel {
    position: relative
}

.abs {
    position: absolute
}

.show {
    display: block
}

.color-title {
    color: #333!important
}

.color-agree {
    color: #4cd964!important
}

.color-reject {
    color: #ff9500!important
}

.color-jiaban {
    color: #ffb200!important
}

.color-goout {
    color: #8aed4a!important
}

.color-loudaka {
    color: #fe6700!important
}

.color-primary {
    color: #3b9bf8!important
}

.color-back {
    color: #afcce0!important
}

.color-c {
    color: #ccc
}

.color-666,
.color-grayDep {
    color: #666!important
}

.color-grayDark {
    color: #999!important
}

.color-success {
    color: #4cd964!important
}

.color-danger {
    color: #f12737!important
}

.color-warning {
    color: #f60!important
}

.color-white {
    color: #fff!important
}

.dib,
.vertical:before {
    display: inline-block;
    vertical-align: middle
}

.middle {
    vertical-align: middle
}

.bg-white {
    background-color: #fff!important
}

.bg-gray {
    background-color: #f7f8fa
}

.bg-blue,
header.bar.bar-nav.bg-blue {
    background-color: #159aea
}

.bg-transparent {
    background-color: transparent!important
}

.text-right {
    text-align: right!important
}

.text-left {
    text-align: left!important
}

.vertical:before {
    content: "";
    width: 0;
    height: 100%
}

.round {
    border-radius: 50%!important
}

.border-none {
    border: none!important
}

.letter-space {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.txt-space {
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -webkit-text-align-last: justify
}

.txt-space:after {
    content: ".";
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 0
}

.middle-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.font-0 {
    font-size: 0
}

.font-small {
    font-size: .5rem!important
}

.font-middle {
    font-size: .6rem!important
}

.font-normal {
    font-size: .65rem!important
}

.font-inherit {
    font-size: .7rem!important
}

.font-big {
    font-size: .75rem!important
}

.font-bigger {
    font-size: .8rem!important
}

.font-bold {
    font-weight: bold!important
}

.mg-pd-0 {
    margin: 0!important;
    padding: 0!important
}

.pdt-0 {
    padding-top: 0!important
}

.pdt-25 {
    padding-top: .25rem
}

.pdt-5 {
    padding-top: .5rem!important
}

.pdt-75 {
    padding-top: .75rem!important
}

.pdb-75 {
    padding-bottom: .75rem!important
}

.pdr-0 {
    padding-right: 0!important
}

.pdr-5 {
    padding-right: .5rem!important
}

.pdr-75 {
    padding-right: .75rem!important
}

.pdr-1 {
    padding-right: 1rem!important
}

.pdr-2 {
    padding-right: 2rem!important
}

.pdb-0 {
    padding-bottom: 0!important
}

.pdb-5 {
    padding-bottom: .5rem!important
}

.pdb-85 {
    padding-bottom: .85rem!important
}

.pdb-1 {
    padding-bottom: 1rem!important
}

.pdl-0 {
    padding-left: 0!important
}

.pdl-5 {
    padding-left: .5rem!important
}

.pdl-05 {
    padding-left: 1rem!important
}

.pdl-75 {
    padding-left: .75rem!important
}

.pd-75 {
    padding: .75rem
}

.pdtb-75 {
    padding-top: .75rem!important;
    padding-bottom: .75rem!important
}

.pdtb-5 {
    padding: .5rem 0
}

.mg-0 {
    margin: 0!important
}

.mgt-0 {
    margin-top: 0!important
}

.mgt-5 {
    margin-top: .5rem!important
}

.mgt-75 {
    margin-top: .75rem!important
}

.mgb-75 {
    margin-bottom: .75rem!important
}

.mgr-0 {
    margin-right: 0!important
}

.mgr-25 {
    margin-right: .25rem!important
}

.mgr-10 {
    margin-right: 10px
}

.mgb-0 {
    margin-bottom: 0!important
}

.mgl-0 {
    margin-left: 0!important
}

.mgl-10 {
    margin-left: 10px
}

.mgl-5 {
    margin-left: .5rem!important
}

.mglr-5 {
    margin: 0 .5rem
}

.mgr-75 {
    margin-right: .75rem
}

.mglr-75 {
    margin: 0 .75rem
}

.full {
    width: 100%;
    height: 100%
}

.full-w {
    width: 100%
}

.full-h {
    height: 100%
}

.hide,
.list-block li.hide,
.hidden {
    display: none!important
}

.before-none:before,
.after-none:after {
    display: none!important
}

.iconBtn-bg {
    background-color: #f2f2f2
}

.event-disabled {
    pointer-events: none
}

.list-icon.woqu-leave {
    color: #fe6700
}

.list-icon.woqu-trip {
    color: #42a7ed
}

.list-icon.woqu-overtime {
    color: #ffb200
}

.list-icon.woqu-no_sign {
    color: #42a7ed
}

.list-icon.woqu-late_early {
    color: #f54557
}

.list-icon.woqu-goout {
    color: #46d9b1
}

.list-icon.woqu-switch_shift {
    color: #13ba69
}

.list-icon.woqu-add_device {
    color: #288fe7
}

.list-icon.woqu-receive {
    color: #28cee7
}

.list-icon.woqu-reimbursed {
    color: #fecb00
}

.list-icon.woqu-unbind {
    color: #ada5b4
}

.list-icon.woqu-normal {
    color: #e945a6
}

.list-icon.woqu-yuangong {
    color: #3ddd8c
}

.list-icon.woqu-clear_leave {
    color: #f54545
}

.list-icon.woqu-legwork_sign {
    color: #1cd4c9
}

.u-select-time {
    border-radius: 2px;
    padding-right: .75rem;
    padding-left: .2rem;
    margin-left: .25rem;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex
}

.u-select-time .u-select-time-input {
    height: inherit!important;
    padding: 0!important;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4
}

.u-select-time i.woqu-down {
    font-size: .25rem;
    right: .2rem;
    top: .48rem;
    z-index: 3;
    position: absolute
}

.autoTextarea,
.list-block textarea.autoTextarea {
    height: 2.5rem;
    width: 100%;
    padding: .25rem 0;
    display: block
}

.page-addReports .list-block.media-list .item-media {
    width: 2rem;
    height: 2rem;
    border-radius: 2px
}

.reportManager-item .reportManager-itemInner,
.page-addReports .list-block.media-list li .item-media,
.comptime .comptime-detail-item .comptime-detail-item-inside {
    background-color: #fd6363
}

.reportManager-item:nth-child(n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(n) .item-media,
.comptime .comptime-detail-item:nth-child(n) .comptime-detail-item-inside {
    background-color: #fd6363
}

.reportManager-item:nth-child(2n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(2n) .item-media,
.comptime .comptime-detail-item:nth-child(2n) .comptime-detail-item-inside {
    background-color: #fb9b48
}

.reportManager-item:nth-child(3n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(3n) .item-media,
.comptime .comptime-detail-item:nth-child(3n) .comptime-detail-item-inside {
    background-color: #fdba28
}

.reportManager-item:nth-child(4n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(4n) .item-media,
.comptime .comptime-detail-item:nth-child(4n) .comptime-detail-item-inside {
    background-color: #9ae25a
}

.reportManager-item:nth-child(5n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(5n) .item-media,
.comptime .comptime-detail-item:nth-child(5n) .comptime-detail-item-inside {
    background-color: #45d7ac
}

.reportManager-item:nth-child(6n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(6n) .item-media,
.comptime .comptime-detail-item:nth-child(6n) .comptime-detail-item-inside {
    background-color: #55bff5
}

.reportManager-item:nth-child(7n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(7n) .item-media,
.comptime .comptime-detail-item:nth-child(7n) .comptime-detail-item-inside {
    background-color: #4e97f1
}

.reportManager-item:nth-child(8n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(8n) .item-media,
.comptime .comptime-detail-item:nth-child(8n) .comptime-detail-item-inside {
    background-color: #9d7dfa
}

.reportManager-item:nth-child(9n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(9n) .item-media,
.comptime .comptime-detail-item:nth-child(9n) .comptime-detail-item-inside {
    background-color: #d37ff2
}

.reportManager-item:nth-child(10n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(10n) .item-media,
.comptime .comptime-detail-item:nth-child(10n) .comptime-detail-item-inside {
    background-color: #fc6c94
}

.reportManager-item:nth-child(11n) .reportManager-itemInner,
.page-addReports .list-block.media-list li:nth-child(11n) .item-media,
.comptime .comptime-detail-item:nth-child(11n) .comptime-detail-item-inside {
    background-color: #fd716d
}

.content-block-title {
    line-height: 1.2
}

label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {
    background-color: #0894ec
}

.label-switch input[type=checkbox]:checked+.checkbox {
    background-color: #00a0e9
}

.buttons-row .button {
    color: #3692ec;
    border-color: #3692ec
}

.buttons-row .button:active {
    color: #fff;
    background-color: #3692ec
}

.button.button-fill {
    background: #3692ec
}

.button.button-fill:active {
    background: #1f7fdc
}

.button {
    color: #3692ec;
    border: 1px solid #3692ec
}

.button.active,
.button.active:active,
.button:active,
.button:hover,
.button.button-big.button-fill:active,
.button.button-big.button-fill:hover {
    border-color: #3692ec
}

.button.button-big.button-fill:active,
.button.button-big.button-fill:hover {
    color: #fff
}

.button.button-big:active,
.button.button-big:hover,
.button.button-big.disabled:active,
.button.button-big.disabled:hover {
    color: #1f7fdc
}

.button.disabled {
    opacity: .5
}

.button.button-fill.disabled,
.button.disabled.button-fill:active {
    background-color: #9ac8f5
}

.button.button-danger {
    color: #d71f1f;
    border-color: #d71f1f
}

.button.button-danger:active,
.button.button-danger.active,
.button.button-danger.active:active,
.button.button-danger:hover {
    color: #d71f1f;
    border-color: #d71f1f
}

.buttons-row .button.active {
    background-color: #3692ec
}

.date-picker-rows .leaveday,
.date-picker-rows .selectday {
    color: #fff;
    background-color: #159aea
}

.date-picker-rows .selectday .info {
    color: #fff
}

.date-picker-rows .today {
    border: 2px solid #159aea
}

.date-picker-rows .date-picker-itemInner.nosign:after,
.date-picker-rows .date-picker-itemInner.has-error:after {
    background-color: #ff5151
}

.date-picker-rows .date-picker-itemInner.selectday:after {
    background-color: #fff
}

#leave-submit {
    background-color: #159aea;
    color: #fff
}

.select-clear {
    color: #42a7ed
}

.schedule-add .woqu-tianjiaBold,
.page-scheduleList .woqu-tianjiaBold,
.page-scheduleList .creat-title,
.scheduleList-wrap .tab-item,
.schedule-add .creat-title,
.schedule-add .woqu-tianjiaBold {
    color: #03a9f4
}

.attendance-rules ul.attandance-row:nth-child(n) .scheduleList-content {
    border-left-color: #15b4d1
}

.attendance-rules ul.attandance-row:nth-child(2n) .scheduleList-content {
    border-left-color: #15d17f
}

.bar-tab .tab-item.active,
.bar-tab .tab-item:active,
.scheduleList-wrap .tab-item,
.page-scheduleList .woqu-tianjiaBoldd,
.page-shiftAdd .woqu-tianjiaBold,
.page-shiftAdd .list-block .creat-title,
.page-scheduleList .creat-title {
    color: #03a9f4
}

#my-attendance .bar-tab .tab-item.active {
    color: #0894ec
}

.u-select-time {
    border: 1px solid #0894ec;
    color: #0894ec
}

.detail-hd {
    background-color: #3b9bf8
}

.detail-hd .detail-hd-left:after {
    background-color: #5babf9
}

#step-detail li:first-child .item-subtitle {
    color: #13ba69!important
}

.wq-addIcon:after,
.wq-addIcon:before {
    background-color: #3b9bf8
}

.btn-doit.button:hover,
.btn-doit.button:active {
    color: #3692ec
}

.color-default,
.color-primary {
    color: #3b9bf8!important
}

.color-black {
    color: #000!important
}

.color-red {
    color: #ff5151!important
}

.color-light {
    color: #13ba69!important
}

.color-grayDeep {
    color: #c0c0c0!important
}

.color-blue {
    color: #00a0e9!important
}

.color-orange {
    color: #fe6700!important
}

.color-blueDep {
    color: #42a7ed!important
}

.color-yellow {
    color: #ffb200!important
}

.color-redDep {
    color: #f54557!important
}

.color-lightDep {
    color: #8aed42!important
}

.color-jadeGreen {
    color: #46d9b1
}

.color-darkBlue {
    color: #288fe7
}

.button.select-clear:active,
.button.select-clear:hover,
.button.select-clear.disabled:active,
.button.select-clear.disabled:hover {
    color: #1f7fdc
}

.color-waitTime {
    color: #f8aa3b!important
}