@import url('http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*@import url("http://cdn.webfont.youziku.com/webfonts/nomal/89018/46940/57a05968f629d80e60c36a37.css");*/

@import url('../lib/iconfont-zwapp/iconfont.css');

/*@import url("//at.alicdn.com/t/font_5fu5r2xaobc5wmi.css");*/

form {
    margin: 0;
}

.page {
    background: #efeff4;
}

.list-block {
    margin: 8px 0;
    background: #fff;
}

.right.main-top-menus {
    padding-right: 0;
}

.right.main-top-menus a {
    min-width: 32px;
    padding: 0 16px;
}

.left.remind i {
    position: relative;
}

.left.remind span {
    font-size: 16px;
    left: 0;
    /* position: fixed; */
}

.left.remind i label {
    font-size: 10px;
    line-height: 1;
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 2px 4px;
    color: #fff;
    border: 2px #2196f3 solid;
    border-radius: 100%;
    background: red;
}

.navbar {
    font-size: 16px;
}

.navbar .wwzw-iconfont {
    font-size: 20px;
    line-height: 24px;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
}

.navbar .right a ~ a,
.navbar .right label ~ a {
    margin-left: -16px;
}

.ww-dowork-menus {
    padding: 0 16px;
    background: #fff;
}

.ww-dowork-menus p {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 4px 16px;

    -webkit-box-pack: justify;
    -ms-flex-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;
}

.ww-dowork-menus p:after {
    position: absolute;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    background-color: #e1e1e1;
}

.ww-dowork-menus a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 24px 0;

    Z-INDEX: 0;
}

.ww-dowork-menus a:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: '';
    opacity: .5;
    background-color: #ddd;
}

.ww-dowork-menus a span {
    font-size: 24px;
    line-height: 1;
    display: block;
    width: initial;
    height: initial;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.ww-dowork-menus a label {
    font-size: 13px;
    display: block;
    overflow: hidden;
    margin-top: 8px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    text-overflow: ellipsis;
    color: #212121;
}

.ww-dowork-menus.all {
    position: relative;
    margin-bottom: 8px;
    padding: 16px;
}

.ww-dowork-menus.all p {
    min-height: inherit;
    padding: 0;
}

.ww-dowork-menus.all p:after {
    display: none;
}

.ww-dowork-menus.all:before {
    content: '';
}

.ww-dowork-menus.all:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    opacity: .5;
    background-color: #ddd;
}

.ww-dowork-menus.all a {
    /* padding: 30px 0; */
}

.ww-dowork-menus.all a:after {
    display: none;
    content: '';
}

.ww-dowork-menus.all a > span {
    /* font-size: 30px; */
}

.ww-dowork-menus.choose-menus {
    /* padding: 16px; */
}

.ww-dowork-menus.choose-menus p {
    /* padding: 0; */
    padding: 4px;
    /* min-height: 32px; */
}

.ww-dowork-menus.choose-menus ul {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    list-style: none;
}

.ww-dowork-menus.choose-menus p:after {
    display: none;
}

.ww-dowork-menus.choose-menus:after {
    display: none;
}

.ww-dowork-menus.choose-menus ul:before {
    /*display: none;*/
}

.ww-dowork-menus.choose-menus ul:after {
    /*display: none;*/
}

.ww-dowork-menus.choose-menus .sortable.sortable-opened:before {
    display: none;
}

.ww-dowork-menus.choose-menus .sortable.sortable-opened li a {
    border: 1px #ececec solid;
}

.ww-dowork-menus.choose-menus .sortable.sortable-opened li .sortable-handler {
    top: 8px;
    right: 8px;
    bottom: auto;
    bottom: 8px;
    left: 8px;
    width: initial;
    -webkit-transition-duration: inherit;
    /*background-image: url();*/
            transition-duration: inherit;
    background-color: transparent;
    /* height: 30px; */
    /* width: 30px; */
    background-size: 10px;
    background-size: 0;
}

.ww-dowork-menus.choose-menus ul li {
    /* width: 25%; */
    float: left;
}

.ww-dowork-menus.choose-menus ul li a {
    margin: 8px;
    padding: 12px 0;
    border: 1px transparent solid;
}

.ww-dowork-menus.choose-menus ul.list-block:after {
    position: absolute;
    right: -16px;
    bottom: 0;
    left: -16px;
    height: 1px;
    content: '';
    content: '';
    /* width: 100%; */
    opacity: .4;
    background-color: #ddd;
}

.ww-dowork-menus.choose-menus ul.list-block:last-child:after {
    display: none;
    content: '';
}

.ww-dowork-menus.choose-menus li a label {
    white-space: inherit;
}

.ww-dowork-menus.choose-menus li i.setup-label {
    font-family: 'wwzw-iconfont' !important;
    font-size: 10px;
    font-style: normal;
    line-height: 18px;
    position: absolute;
    top: 4px;
    right: 4px;
    display: none;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    border-radius: 100%;

    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.ww-dowork-menus.choose-menus .sortable.sortable-opened li i.setup-label {
    display: block;
    background-color: #9e9e9e;
}

.ww-dowork-menus.choose-menus .sortable.sortable-opened li i.setup-label:before {
    content: '\e600';
}

.ww-dowork-menus.choose-menus#more {
    margin-top: 8px;
}

.ww-dowork-menus.choose-menus#more.on li a label {
    white-space: nowrap;
}

.ww-dowork-menus.choose-menus#more.on ul li a {
    border: 1px #ececec solid;
}

.ww-dowork-menus.choose-menus#more.on ul li i {
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    display: block;
    width: initial;
    height: initial;
    border-radius: inherit;
    background: transparent;
}

.ww-dowork-menus.choose-menus#more.on ul li i:before {
    position: absolute;
    top: -8px;
    right: -8px;
    display: block;
    width: 18px;
    height: 18px;
    content: '\e603';
    border-radius: 100%;
    background-color: #ccc;
}

.dowork-index-top-info {
    margin: 0;
    /* position: fixed; */
    /* margin-top: 56px; */
    padding: 0 16px;
    background-color: #2196f3;
}

.dowork-index-top-info-box.swiper-pagination-bullets {
    bottom: 4px;
    /* position: absolute; */
}

.dowork-index-top-info-box.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: rgba(255, 255, 255, .5);
}

.dowork-index-top-info .swiper-slide {
    text-align: center;
    /* margin: 16px; */
}

.dowork-index-top-info .swiper-slide .row > div {
    position: relative;
}

.dowork-index-top-info .swiper-slide .row > div:after {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 1px;
    content: '';
    opacity: .2;
    background-color: #ddd;
}

.dowork-index-top-info .swiper-slide .row > div:last-child:after {
    display: none;
}

.dowork-index-top-info .swiper-slide p {
    font-size: 12px;
    font-weight: 200;
    line-height: 1;
    margin: 0;
    margin: 4px 0 8px 0;
    opacity: .5;
    color: #fff;
}

.dowork-index-top-info .swiper-slide p:after {
    content: '';
}

.dowork-index-top-info .swiper-slide .row span {
    font-size: 24px;
    /* width: 30px; */
    /* height: 30px; */
    /* display: none; */
    line-height: 1;
    display: block;
    margin: 0 auto;
    color: rgba(255, 255, 255, .5);
    /* margin-top: 10px; */
    /* display: none; */
}

.dowork-index-top-info .swiper-wrapper {
    padding: 0 0 0 0;
}

.ww-dowork-menus a:nth-child(2n) span {
    color: rgb(246, 191, 38);
}

.ww-dowork-menus a:nth-child(3n) span {
    color: rgb(59, 194, 181);
}

.ww-dowork-menus a:nth-child(4n) span {
    color: rgb(94, 201, 246);
}

.ww-dowork-menus a:nth-child(5n) span {
    color: rgb(120, 145, 157);
}

.ww-dowork-menus a:nth-child(6) span {
    color: rgb(107, 181, 206);
}

.ww-dowork-menus a:nth-child(7) span {
    color: rgb(154, 137, 185);
}

.ww-dowork-menus a:nth-last-child(3):after,
.ww-dowork-menus a:nth-last-child(2):after,
.ww-dowork-menus a:nth-last-child(1):after {
    display: none;
}

.card.full-card {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
    box-shadow: none;
}

.card.full-card .card-header {
    display: block;
    padding: 14px 16px 0;
}

.card.full-card .full-avatar {
    font-size: 20px;
    line-height: 34px;
    display: block;
    float: left;
    width: 34px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    opacity: .5;
    color: #fff;
    border-radius: 4px;
    background-color: #ffc107;
}

.card.full-card .full-name {
    font-size: 14px;
    font-weight: 500;
    margin-left: 44px;
    /* line-height: 20px; */
}

.card.full-card .full-date {
    font-size: 12px;
    font-weight: 200;
    line-height: 14px;
    margin-left: 44px;
    color: #ccc;
}

.card.full-card .card-footer a {
    font-weight: 500;
    font-weight: 400;
    display: block;
    width: 100%;
    color: #2196f3;
}

.card.full-card .card-content img {
    display: block;
}

.card.full-card .card-content-inner {
    padding: 15px 10px;
}

.card.full-card .item-inner p {
    /* font-size: 14px; */
    /* margin: 0; */
    /* position: relative; */
    /* max-width: 100%; */
}

.card.full-card .line-clamp2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card.full-card .line-clamp1 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.card.full-card .line-clamp3 {
    display: -webkit-box;
    overflow: hidden;
    max-height: inherit;
    text-overflow: ellipsis;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.popover {
    top: 50px;
    width: 150px;
    margin-top: 56px;
    border-radius: 3px;
}

.popover .popover-angle {
    position: absolute;
    top: -6px;
    right: 14px;
    width: 12px;
    height: 12px;
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* IE 9 */
       -moz-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
    /* Safari 脙茠脗楼脙垄芒鈥毬⑩�垄脙鈥γ⑩偓鈩�Chrome */
         -o-transform: rotate(7deg);
            transform: rotate(7deg);
    /* z-index: 9999999999999; */
    background: #fff;
    /* Opera */
}

.popover .popover-inner {
    border-radius: 3px;
}

.popover.list-block {
    /* margin: 8px; */
}

.popover .list-block .item-link.list-button {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.popover .list-block li:after {
    position: absolute;
    right: 10px;
    /* width: 100%; */
    bottom: 0;
    left: 10px;
    height: 1px;
    content: '';
    opacity: .5;
    background-color: #ddd;
}

.popover .list-block li:last-child:after {
    display: none;
}

.popover .list-block li a i {
    font-size: 16px;
    display: inline;
    margin-right: 8px;
}

.search-tip {
    height: 100%;
    margin: 40px 40px;
}

.search-tip .no {
    font-size: 14px;
    position: relative;
    margin-top: 50px;
    text-align: center;
    color: #ccc;
}

.search-tip .no:after {
    font-family: 'wwzw-iconfont' !important;
    font-size: 50px;
    font-weight: 400;
    font-style: normal;
    line-height: 40px;
    line-height: 1;
    position: absolute;
    top: -60px;
    left: 50%;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    content: '\e63f';
    text-decoration: none;

    -webkit-font-smoothing: antialiased;
}

.search-tip p {
    position: relative;
    display: block;
    overflow: hidden;
    height: 20px;
    text-align: center;
}

.search-tip p:after {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 0;
    left: 0;
    /* color: #000; */
    width: 100%;
    height: 0;
    content: '';
    border-bottom: 1px #ddd solid;
}

.search-tip p span {
    font-size: 14px;
    position: absolute;
    z-index: 1;
    left: 50%;
    display: block;
    width: 140px;
    margin-left: -70px;
    padding: 0 10px;
    color: #bbb;
    background: #efeff4;
}

.search-tip ul {
    display: flex;
    overflow: hidden;
    margin: 0;
    margin-top: 30px;
    padding: 0;
    list-style: none;
}

.search-tip ul li {
    text-align: center;
    color: #666;

    flex: 1;
}

.search-tip ul li i {
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1;
    display: inline-block;
    text-decoration: none;
    color: #bbb;

    -webkit-font-smoothing: antialiased;
}

.search-tip ul li em {
    font-size: 13px;
    font-style: normal;
    display: block;
    margin-top: 8px;
    text-align: center;
    color: #bbb;
}

.navbar .searchbar {
    z-index: 10000;
    padding-left: 0;
    background-color: transparent;
}

.navbar .searchbar .searchbar-input {
    height: 28px;
    padding-left: 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1);
}

.navbar .searchbar input[type='search'] {
    font-size: 14px;
    line-height: 28px;
    border: transparent;
    -webkit-background-size: 20px 20px;
            background-size: 20px 20px;
}

.navbar .searchbar .searchbar-clear {
    right: -8px;
    -webkit-background-size: 20px;
            background-size: 20px;
}

.picker-info-add {
    /* height: 100%; */
    /* top: 0; */
    background-color: #efeff4;
    /* padding-top: 56px; */
    /* padding: 8px; */
}

.picker-info-add .list-block {
    margin: 0;
}

.picker-info-add .picker-modal-inner {
    /* background: #efeff4; */
}

.fake-search-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;
    overflow: hidden;
    /* background: #2196f3; */
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin-left: 16px;
    padding: 0;
    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.fake-search-link a {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    position: relative;
    width: 100%;
    height: 28px;
    padding: 0 12px;
    vertical-align: middle;
    opacity: .6;
    color: #fff;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .15);

    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
            flex-shrink: 1;
}

.fake-search-link a:before {
    font-family: 'wwzw-iconfont' !important;
    /* font-size: 16px; */
    font-style: normal;
    margin-right: 8px;
    content: '';
    content: '\e606';

    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.left ~ .fake-search-link {
    margin-left: 0;
}

.fake-input-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0;
    color: #efeff4;
    background: rgb(239, 239, 244);

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.fake-input-link a {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    position: relative;
    width: 100%;
    height: 28px;
    margin: 0 16px;
    padding: 0 12px;
    /* opacity: .6; */
    vertical-align: middle;
    color: #757575;
    border: 1px #ccc solid;
    border-radius: 60px;
    background-color: rgba(255, 255, 255, 1);

    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
            flex-shrink: 1;
}

.fake-input-link a:before {
    font-family: 'wwzw-iconfont' !important;
    /* font-size: 16px; */
    font-style: normal;
    margin-right: 8px;
    content: '';
    content: '\e609';

    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.news-disp .page-content {
    background-color: #fff;
}

.news-disp .page-content .content-block-title {
    margin: 0 15px 15px 15px;
    padding-bottom: 15px;
    color: #212121;
    border-bottom: 1px rgba(0, 0, 0, .1) solid;
}

.news-disp .page-content .content-block-title h1 {
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
    /* border-bottom: 1px #ddd solid; */
    /* padding-bottom: 10px; */
}

.news-disp .page-content .content-block-title h2 {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #8f8f94;
}

.news-disp .page-content .content-block p {
    font-size: 16px;
    line-height: 1.5;
}

.news-disp .page-content .content-block img {
    max-width: 100%;
    margin: 8px 0;
}

.list-block .item-title {
    color: #212121;
}

.index-bottom {
    position: relative;
    padding: 10px 15px;
    text-align: center;
}

.index-bottom:after {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 15px;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.33);
            transform: scaleY(.33);
    background-color: rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .12);
}

.index-bottom span {
    font-size: 12px;
    padding: 0 5px;
    color: rgba(0, 0, 0, .3);
    background-color: #efeff4;
    /* z-index: 19; */
}

.contacts-page .navbar .navbar-inner .right .label-switch .checkbox:after {
    content: '\f2c0';
}

.contacts-page .navbar .navbar-inner .right .label-switch input[type='checkbox']:checked + .checkbox:after {
    content: '\f0c0';
}

.contacts-page .contacts-class .item-media i {
    font-size: 16px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    color: #fff;
    border-radius: 100%;
    background-color: #ccc;
}

.contacts-page .contacts-class .item-media i:before {
    /* content: ""; */
}

.contacts-content .list-block .item-media {
    min-width: 30px;
    padding: 4px 0;
    text-align: center;
}

.contacts-content .accordion-item-content .list-block .item-media {
    padding: 12px 0;
}

.contacts-content .accordion-item-content .list-block .item-media i {
    font-size: 20px;
    color: #ccc;
    background-color: transparent;
}

.contacts-content .accordion-item-content .list-block .item-title {
    /* font-size: 14px; */
}

.contacts-content .accordion-item-content {
    /* margin-left: 8px; */
}

.page-content.checked {
    /* font-family: "wwzw-iconfont" !important; */
    /* font-size: 16px; */
    /* font-style: normal; */
    /* -webkit-font-smoothing: antialiased; */
    /* -webkit-text-stroke-width: 0.2px; */
}

.page-content.checked:before {
    font-family: 'wwzw-iconfont' !important;
    font-size: 120px;
    font-style: normal;
    line-height: 100%;
    position: absolute;
    z-index: 16;
    top: 56px;
    right: 0;
    overflow: hidden;
    width: 120px;
    height: 120px;
    content: '\e64e';
    opacity: .6;
    color: #fbb3ae;

    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
}

.contacts-list-boxs li .item-content .item-media {
    font-size: 12px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    background-color: #ccc;
}

.contacts-list-boxs li .item-content .item-media label {
    display: block;
    width: 100%;
    text-align: center;
}

.contacts-list-boxs li .item-content .item-subtitle {
    font-size: 12px;
    font-weight: 200;
    line-height: 1;
    color: #999;
}

.contacts-list-boxs li .item-content .item-after {
    /* font-size: 16px; */
    font-weight: 400;
}

.contacts-list-boxs li:nth-child(1n) .item-content .item-media {
    background: rgb(154, 137, 185);
}

.contacts-list-boxs li:nth-child(2n) .item-content .item-media {
    background: rgb(59, 194, 181);
}

.contacts-list-boxs li:nth-child(3n) .item-content .item-media {
    background: rgb(94, 201, 246);
}

.contacts-list-boxs li:nth-child(4n) .item-content .item-media {
    background: rgb(120, 145, 157);
}

.contacts-list-boxs li:nth-child(5n) .item-content .item-media {
    background: rgb(107, 181, 206);
}

.contacts-list-boxs li:nth-child(6n) .item-content .item-media {
    background: rgb(246, 191, 38);
}

.contacts-class li:nth-child(1n) .item-content .item-media i {
    color: rgba(154, 137, 185, 1);
    background: rgba(154, 137, 185, .2);
}

.contacts-class li:nth-child(2n) .item-content .item-media i {
    color: rgba(59, 194, 181, 1);
    background: rgba(59, 194, 181, .2);
}

.contacts-class li:nth-child(3n) .item-content .item-media i {
    color: rgba(94, 201, 246, 1);
    background: rgba(94, 201, 246, .2);
}

.contacts-class li:nth-child(4n) .item-content .item-media i {
    color: rgba(120, 145, 157, 1);
    background: rgba(120, 145, 157, .2);
}

.contacts-class li:nth-child(5n) .item-content .item-media i {
    color: rgba(107, 181, 206, 1);
    background: rgba(107, 181, 206, .2);
}

.contacts-class li:nth-child(6n) .item-content .item-media i {
    color: rgba(246, 191, 38, 1);
    background: rgba(246, 191, 38, .2);
}

.contacts-content .accordion-item-content .list-block ul > li > a .item-media > i {
    background-color: transparent;
}

.contacts-content .accordion-item-content .list-block ul > li:nth-child(1n) > a .item-media > i {
    color: rgb(154, 137, 185);
}

.contacts-content .accordion-item-content .list-block ul > li:nth-child(2n) > a .item-media > i {
    color: rgb(59, 194, 181);
}

.contacts-content .accordion-item-content .list-block ul > li:nth-child(3n) > a .item-media > i {
    color: rgb(94, 201, 246);
}

.contacts-content .accordion-item-content .list-block ul > li:nth-child(4n) > a .item-media > i {
    color: rgb(120, 145, 157);
}

.contacts-content .accordion-item-content .list-block ul > li:nth-child(5n) > a .item-media > i {
    color: rgb(107, 181, 206);
}

.contacts-content .accordion-item-content .list-block ul > li:nth-child(6n) > a .item-media > i {
    color: rgb(246, 191, 38);
}

.contacts-page .fake-search-link a:before {
    content: '\e608';
}

.publicservice-page .fake-search-link a:before {
    content: '\e77a';
}

.card-content .contacts-list-boxs {
    margin-top: 15px;
}

.card-content .contacts-list-boxs .item-media {
    /*display: none;*/
    opacity: .6;
}

.list-block .item-inner:last-child:after {
    /*display: none;*/
}

.subinfo-list .item-title {
    /* font-size: 14px; */
}

.subinfo-list .list-group-title {
    font-size: 12px;
    line-height: 24px;
    display: block;
    width: 28px;
    width: 100%;
    height: 24px;
    padding: 0;
    padding: 0 16px;
    text-align: left;
    vertical-align: middle;
    background-color: #efeff4;
    /* position: absolute; */
    /* top: -24px; */
}

.subinfo-list ul.item-after li {
    line-height: 24px;
    margin: 0;
    padding: 0 8px;
}

.subinfo-list ul.item-after li:after {
    position: absolute;
    z-index: 15;
    top: 4px;
    right: 0;
    bottom: 4px;
    display: block;
    width: 1px;
    content: '';
    -webkit-transform: scaleX(.33);
            transform: scaleX(.33);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    background-color: #ccc;
    /* width: 100%; */
    background-color: rgba(0, 0, 0, .12);
}

.subinfo-list ul.item-after li:last-child:after {
    display: none;
    content: '';
}

.subinfo-list ul.item-after li i {
    margin-right: 4px;
}

.subinfo-list .item-after i {
    /* font-size: 14px; */
    /* margin-left: 8px; */
    /* padding: 0 8px 0 16px; */
    /* position: relative; */
    /* height: 14px; */
}

.subinfo-list .item-after i:before {
    color: #ccc;
    /* margin-right: 4px; */
    /* position: absolute; */
    /* left: 0; */
}

.subinfo-list .item-after i:after {
    /* content: ""; */
    /* position: absolute; */
    /* width: 1px; */
    /* top: 2px; */
    /* bottom: 2px; */
    right: 0;
    /* background-color: #efeff4; */
}

.subinfo-list .item-inner {
    max-height: 500px;
}

.subinfo-list .item-inner:before {
    position: absolute;
    z-index: 1;
    top: 124px;
    right: 16px;
    left: 0;
    display: none;
    height: 40px;
    content: '';
    background: -moz-linear-gradient(top, red, rgba(0, 0, 255, .5));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background-color: #9c27b0;
}

.subinfo-list .item-title em {
    font-style: normal;
    margin-right: 4px;
    color: #8f8f94;
}

.subinfo-list .item-text {
    font-size: 13px;
    max-height: 60px;
    margin: 0;
    margin-top: 8px;
    padding: 0;
    padding-left: 8px;
    list-style: none;
    color: #333;
    border-left: 5px #efefef solid;

    -webkit-line-clamp: 3;
}

.subinfo-list .item-text.flex {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;
    box-sizing: border-box;
    min-height: 28px;
    padding: 4px 16px;
    border-left: transparent;
    border-radius: 60px;
    /* border-top: 1px rgba(0,0,0,.05) solid; */
    background-color: rgba(33, 150, 243, .1);

    -webkit-box-pack: justify;
    -ms-flex-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;
}

.subinfo-list .item-subtitle {
    font-size: 13px;
    color: #757575;
}

.subinfo-list .item-text p {
    font-size: 13px;
    position: relative;
    position: relative;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    max-width: 100%;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;

    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
            flex-shrink: 1;
}

.subinfo-list .item-text p em {
    font-style: normal;
    margin-right: 4px;
    color: #8f8f94;
}

.subinfo-list .item-media {
    width: 44px;
    height: 44px;
    margin-top: 12px;
    background: #2196f3;
    background-repeat: no-repeat;
    background-size: cover;
}

.tabbar-labels .tab-link i {
    font-size: 24px;
    font-style: normal;
    line-height: 1;
    position: relative;
    position: relative;
    display: block;
    height: 24px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.tabbar-labels .tab-link i .badge {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: -10px;
    right: -14px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 6px;
    padding: 2px 6px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    color: #2196f3;
    border: 2px #2196f3 solid;
    border-radius: 10px;
    background-color: #fff;
}

.searchbar ~ .right {
    margin-left: -16px;
}

.searchbar-not-found {
    font-size: 14px;
    position: relative;
    margin-top: 90px;
    text-align: center;
    color: #ccc;
}

.searchbar-not-found:before {
    font-family: 'wwzw-iconfont' !important;
    font-size: 50px;
    font-weight: 400;
    font-style: normal;
    line-height: 40px;
    line-height: 1;
    position: absolute;
    top: -60px;
    left: 50%;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    content: '\e63f';
    text-decoration: none;

    -webkit-font-smoothing: antialiased;
}

.card.full-card.tongxunlu .full-avatar {
    background-color: rgba(47, 156, 244, 1);
}

.card.full-card.tongxunlu .full-avatar:before {
    font-family: 'wwzw-iconfont' !important;
    font-style: normal;
    content: '\e608';
    color: #ffff;

    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
}

.list-index {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    position: absolute;
    z-index: 99;
    top: 0;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;
            flex-direction: column;
    /* background: #fff; */
    width: 15px;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    color: rgba(5, 123, 247, .7);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-orient: vertical;
       -moz-box-orient: vertical;
        -ms-flex-direction: column;
    -webkit-flex-direction: column;
}

.list-index li {
    font-size: 14px;
    position: relative;
    z-index: 10;
    padding: 2px 0;
    background-color: rgba(33, 150, 243, .05);
}

.list-index li:before {
    position: absolute;
    top: 0;
    right: 100%;
    width: 10px;
    height: 100%;
    content: '';
}

.list-index li:first-child {
    padding-top: 4px;
    border-radius: 4px 4px 0 0;
}

.list-index li:last-child {
    padding-bottom: 4px;
    border-radius: 0 0 4px 4px;
}

html[dir='rtl'] .list-index {
    right: auto;
    left: 0;
}

html[dir='rtl'] .list-index li:before {
    right: auto;
    left: 100%;
}

.contacts-block li:not(.list-group-title) {
    padding-left: 0;
}

.contacts-block .list-group-title + li {
    margin-top: 0;
}

.contacts-block .list-group-title {
    font-size: 12px;
    line-height: 24px;
    display: block;
    width: 28px;
    width: 100%;
    height: 24px;
    padding: 0;
    padding: 0 16px;
    text-align: left;
    vertical-align: middle;
    background-color: #efeff4;
    /*position: absolute;
	top: -24px;*/
}

.searchbar-overlay {
    z-index: 199;
    margin-top: 56px;
    background: rgba(0, 0, 0, .4);
}

.list-block .item-subtitle {
    font-size: 12px;
    color: #999;
}

.contacts-disp-card:first-child {
    margin-top: 0;
}

.contacts-disp-card.card.full-card .card-header {
    padding: 8px 16px 16px;
    border-radius: 0;
    background: #2196f3;
}

.contacts-disp-card .card-header .userimg {
    width: 80px;
    height: 80px;
    margin: 8px auto;
    border-radius: 100%;
    background: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contacts-disp-card .card-header .username {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
}

.contacts-disp-card .card-header .orgname {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
}

.contacts-disp-card .card-content .item-content .item-inner {
    padding-top: 8px;
    padding-bottom: 8px;
}

.toolbar.toolbar-bottom {
    /* background: #fff; */
    /* border-top: 1px rgba(204,204,204,.5) solid; */
}

.toolbar.toolbar-bottom:before {
    position: absolute;
    position: absolute;
    z-index: 15;
    top: 0;
    top: 0;
    top: auto;
    right: 0;
    right: auto;
    left: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    height: 1px;
    content: '';
    content: '';
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    background-color: #ccc;
    background-color: rgba(0, 0, 0, .12);
}

.item-subtitle .progressbar-infinite {
    margin-top: 8px;
}

.tabbar-labels span.tabbar-label {
    font-size: 13px;
}

.tabbar a.tab-link:after {
    position: absolute;
    z-index: 15;
    top: 16px;
    right: 0;
    bottom: 16px;
    display: block;
    width: 1px;
    content: '';
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    background-color: rgba(255, 255, 255, .12);
}


/*.smart-select .item-content:after{
	content: '';
	position: absolute;
	left: 16px;
	bottom: 0;
	right: 16px;
	height: 1px;
	width: 100%; 
	background-color: rgba(0, 0, 0,.05);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}*/


/*.smart-select .item-content:after:last-child{
	display: none;
}*/


/*.smart-select .item-1after{ width: 100%; -ms-flex: 1;-webkit-box-flex: 1; -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; flex-shrink: 1;  font-size: 0;  position: relative;  margin-bottom: 4px;  min-height: 36px;  line-height: 36px;  margin: 0;  font-size: 16px;  max-width: 100%; }*/

.item-choose a.item-choose-link {
    /* display: -webkit-flex; */
    /* display: flex; */
    /* max-height: 28px; */
    /* font-size: 14px; */
    line-height: 40px;
    position: absolute;
    top: -8px;
    right: 16px;
    /* background-color: #ccc; */
    display: block;
    /* flex-shrink: 0; */
    /* margin-left: 8px; */
    /* display: -webkit-box; */
    display: -ms-flexbox;
    width: 40px;
    height: 40px;
    padding: 16px;
    white-space: nowrap;
    color: #757575;
    /* -webkit-box-flex: 0; */
    /* -webkit-flex-shrink: 0; */

    -ms-flex: 0 0 auto;
}

.item-choose a.item-choose-link:before {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 1px;
    content: '';
    background-color: #f6f6f6;
}

.item-choose .focus-state a.item-choose-link {
    display: none;
}

.item-choose a.item-choose-link i {
    font-size: 28px;
    line-height: 40px;
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #2196f3;
}

.item-choose a.item-choose-link span {
    font-size: 10px;
    display: block;
    /* margin-top: 4px; */
    display: none;
    text-align: center;
    color: #757575;
}

.map-popup .map-pin-boxs {
    position: absolute;
    top: 50%;
    right: 64px;
    left: 64px;
    display: block;
    /*height: 30px;*/
    padding: 8px 16px;
    color: #fff;
    border-radius: 100px;
    background-color: #f44336;
}

.map-popup .map-pin-boxs .map-pin {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    bottom: -46px;
    left: 50%;
    width: 16px;
    height: 40px;
    height: 9px;
    margin-left: -8px;
    border: 2px rgba(255, 255, 255, .8) solid;
    border-radius: 100%;
    background: rgba(0, 0, 0, .1);
}

.map-popup .map-pin-boxs span {
    font-size: 16px;
    line-height: 1;
    display: block;
    margin-top: 4px;
}

.map-popup .map-pin-boxs label {
    font-size: 12px;
    line-height: 1;
    display: block;
    opacity: .8;
}

.map-popup .map-pin-boxs a {
    font-size: 23px;
    line-height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 37px;
    /* color: black; */
    margin: 5px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .1);
}

.map-popup .map-pin-boxs .map-pin:after {
    font-size: 28px;
    position: absolute;
    top: -23px;
    content: '\f276';
    color: #2196f3;
    text-shadow: 1px 1px 0 #fff;
}

.map-popup .map-pin-boxs .map-pin:before {
    position: absolute;
    top: -35px;
    content: '';
    border-top: 8px solid #f44336;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}

.map-popup .map-div {
    /* top: 0; */
    /* bottom: 0; */
    height: 100%;
}

.navbar .searchbar-active {
    position: absolute;
    top: 4px;
    right: 0;
    left: 16px;
    width: initial;
    background: #2196f3;
}

.searchbar-overlay.with-subclass {
    z-index: 999;
    overflow: auto;
    margin-top: 56px;
    background: rgba(6, 56, 97, .9);
    background: rgba(0, 0, 0, .4);
}

.searchbar-overlay.with-subclass .content-block {
    margin-top: 0;
    margin-bottom: 86px;
}

.searchbar-overlay.with-subclass .content-block p a {
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    background-color: #fff;
}

.searchbar-overlay.with-subclass .content-block .content-block-title {
    margin: 16px 0;
    color: #fff;
}

.seach-class {
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    left: 24px;
    display: block;
    overflow: hidden;
    max-width: 42px;
    height: 18px;
    margin: 5px;
    padding: 0 8px;
    text-align: center;
    /* width: 40px; */
    white-space: nowrap;
    text-transform: uppercase;
    text-overflow: ellipsis;
    border-radius: 26px;
    background-color: rgba(2555, 255, 255, .1);
}

.seach-class ~ input[type='search'] {
    padding-left: 80px;
}

.toolbar a.link.full {
    line-height: 1;
    height: 36px;
    margin: 0 8px;

    flex: 1;
}

.picker-bottom-memu {
    background-color: rgba(255, 255, 255, .9);
}

.picker-bottom-memu .ww-dowork-menus {
    margin: 0;
    padding: 16px;
    background-color: transparent;
}

.picker-bottom-memu .ww-dowork-menus a {
    padding: 8px 0;
}

.picker-bottom-memu .ww-dowork-menus a span {
    font-size: 18px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    /* padding: 8px; */
    margin: 0 auto;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    background: #ccc;
}

.picker-bottom-memu .ww-dowork-menus label {
    margin-top: 4px;
}

.picker-bottom-memu .ww-dowork-menus:after {
    display: none;
}

.picker-bottom-memu:before {
    position: absolute;
    position: absolute;
    z-index: 15;
    top: 0;
    top: auto;
    bottom: auto;
    left: 0;
    display: block;
    width: 100%;
    width: 100%;
    height: 1px;
    height: 1px;
    content: '';
    content: '';
    -webkit-transform: scaleY(.33);
            transform: scaleY(.33);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    background-color: #ccc;
    background-color: rgba(0, 0, 0, .4);
}

.picker-bottom-memu .close-picker {
    line-height: 48px;
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    background-color: rgba(33, 150, 243, .1);
}

.mini-list .item-media {
    min-width: 30px;
    margin-right: -16px;
}

.mini-list .item-media i {
    font-size: 16px;
    /* margin-right: -8px; */
    color: #757575;
}

.mini-list .item-inner .item-title {
    font-size: 14px;
    color: #757575;
}

.navbar .navbar-inner .right .label-switch {
    margin: 0 16px;
}

.navbar .navbar-inner .right .label-switch .checkbox {
    background-color: rgba(0, 0, 0, .1);
}

.navbar .navbar-inner .right .label-switch .checkbox:after {
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 26px;
    position: absolute;
    z-index: 9;
    top: -6px;
    left: -6px;
    display: inline-block;
    /*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	/* -webkit-transform: translateX(16px); */
    /**! height: 3;*/
    width: 26px;
    height: 26px;
    content: '\f11d';
    text-align: center;
    color: #757575;

    text-rendering: auto;
}

.navbar .navbar-inner .right .label-switch input[type='checkbox']:checked + .checkbox:after {
    content: '\f024';
    /* IE 9 */
    -moz-transform: rotate(7deg);
    /* transform:rotate(7deg); */
     -ms-transform: rotate(7deg);
    /* Firefox */
    /* -webkit-transform: rotate(-20deg); */
    /* Safari 脙楼芒鈧劉脜鈥�Chrome */
      -o-transform: rotate(7deg);
    /* Opera */
    /* left: 0px; */
         transform: translateX(20px) rotate(-20deg);
         transform: translateX(20px);
    color: #2196f3;
    background: #fff;
}

.navbar .navbar-inner .right .label-switch input[type='checkbox']:checked + .checkbox {
    background-color: rgba(0, 0, 0, .4);
}

.item-input input.item-after {
    font-family: inherit;
    font-size: 16px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: inherit;
    height: 36px;
    max-height: initial;
    margin: 0;
    padding: 0;
    color: #212121;
    border: none;
    border-radius: 0 0 0 0;
    background: none;
    box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
            appearance: none;
}

.toggle-sortable.open > i:before {
    content: '\e600';
}

.item-input input ~ .label-switch {
    position: absolute;
    right: 0;
}

.item-input .label-switch .checkbox {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    display: inline-block;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.item-input .label-switch .checkbox:after {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #b0afaf;
}

.item-input .label-switch input[type='checkbox']:checked + .checkbox:after {
    color: #fff;
}

.item-input .label-switch.kj .checkbox:after {
    content: '\f06e';
}

.item-input .label-switch.kj input[type='checkbox']:checked + .checkbox:after {
    content: '\f070';
}

.list-block.media-list .item-link.callphone .item-title-row,
.list-block.media-list .item-link.sendemail .item-title-row,
.list-block.media-list .item-link.localmap .item-title-row,
.list-block.media-list .item-link.sendweibo .item-title-row,
.list-block.media-list .item-link.sendwx .item-title-row,
.list-block.media-list .item-link.sendqq .item-title-row {
    background-image: none;
}

.list-block.media-list .item-link .item-title-row:after {
    font-family: FontAwesome;
    position: absolute;
    right: 16px;
    color: #d4d4d8;
}

.list-block.media-list .item-link.callphone .item-title-row:after {
    content: '\f095';
}

.list-block.media-list .item-link.sendemail .item-title-row:after {
    content: '\f003';
}

.list-block.media-list .item-link.sendqq .item-title-row:after {
    content: '\f1d6';
}

.list-block.media-list .item-link.sendweibo .item-title-row:after {
    content: '\f18a';
}

.list-block.media-list .item-link.sendwx .item-title-row:after {
    content: '\f1d7';
}

.list-block.media-list .item-link.localmap .item-title-row:after {
    content: '\f041';
}

.disp-map-lite {
    width: 100%;
    height: 240px;
    background: #ccc;
    background-image: url(http://api.map.baidu.com/staticimage/v2?ak=D4739134efb9184fccbaec0ecf825c15&mcode=666666&center=116.403874,39.914888&width=500&height=400&zoom=17&scale=2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200%;
}

.disp-map-lite i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -12px;
    margin-left: -12px;
    border: 4px #fff solid;
    border-radius: 100%;
    background-color: #2397f3;
    box-shadow: 0 0 15px rgba(0, 0, 0, .6);
}

.disp-map-lite i:before {
    content: '';
}

.disp-map-lite i:after {
    content: '';
}

.buttons-col {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.buttons-col li {
    float: left;
    width: 25%;
    margin: 0;
}

.buttons-col.five li {
    width: 20%;
}

.buttons-col li a.button {
    font-size: 12px;
    line-height: 28px;
    min-width: initial;
    height: 28px;
    margin: 4px;
    background-color: rgba(255, 255, 255, 1);
}

.buttons-col li a.button.active {
    color: #fff;
    background-color: #2196f3;
}

.media-list.notify-box ul li a .item-media {
    font-family: 'wwzw-iconfont' !important;
    font-size: 16px;
    font-style: normal;
    width: 40px;
    height: 40px;
    margin: 15px 0;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    background-color: #2196f3;

    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.media-list.notify-box ul li a .item-media:before {
    font-size: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    content: '\e60a';
    text-align: center;
    color: #fff;
}

.media-list.notify-box.media-list .item-link .item-title-row {
    padding-right: 0;
    /*background-image: url();*/
}

.inputs-list .list-group-title {
    line-height: 32px;
    height: 32px;
}

.inputs-list .list-group-title a {
    font-size: 12px;
    float: right;
    margin-right: -16px;
    padding: 0 16px;
}

.inputs-list .list-group-title a i {
    font-size: 12px;
    margin-right: 4px;
}

.inputs-list li .list-button.item-link {
    font-size: 12px;
    text-align: center;
    color: #2196f3;
}

.inputs-list li .list-button.item-link i {
    font-size: 14px;
    margin-right: 4px;
}


/*.navbar .navbar-inner .right .label-switch input[type="checkbox"]:checked + .checkbox:before{
	right: 0;
}*/

.inputs-list .new-button {
    margin-top: 16px;
}

.center.with-subtitle {
    line-height: initial;
    margin: 0;
}

.center.with-subtitle span {
    font-size: 16px;
    line-height: 1;
    display: block;
}

.center.with-subtitle label {
    font-size: 12px;
    line-height: 1;
    display: block;
    margin-top: 4px;
}

.login-screen-content .list-block {
    background-color: transparent;
}

.login-screen-content .login-screen-title {
    margin: 88px auto 24px auto;
}

.login-screen-content .login-screen-title i {
    /* background-color: #2196f3; */
    font-size: 44px;
    font-style: normal;
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    padding: 18px;
    color: #fff;
    border-radius: 100%;
    background: -moz-linear-gradient(top, red, rgba(0, 0, 255, .5));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(33, 150, 243, .9)), to(rgb(33, 150, 243)));
}

.login-screen-content .login-screen-title i:before {
    line-height: 44px;
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    text-shadow: 0 0 2px #0b78cf;
}

.login-screen-content a.button {
    font-size: 18px;
}

.card.worklog-disp {
    margin: 8px 0;
    border-radius: inherit;
    box-shadow: none;
}

.card.worklog-disp .card-header {
    font-size: 12px;
    min-height: 32px;
}

.card.worklog-disp .card-header span {
    color: #ccc;
}

.card.worklog-disp .list-block .item-text {
    max-height: inherit;
    text-overflow: inherit;
    color: #212121;

    -webkit-line-clamp: inherit;
}

.card.worklog-disp .list-block .item-title {
    font-size: 12px;
    color: #757575;
}

.card.worklog-disp .card-footer {
    font-size: 12px;
    min-height: 32px;
    border-radius: 0;
}

.index-tabr a.topicon.h {
    display: none;
}

.no-navbar-by-scroll .index-tabr {
    z-index: 999999;
    height: 56px;
    box-shadow: 0 0 20px #aaa;
}

.no-navbar-by-scroll .index-tabr {
    display: block;
    padding: 0;
    vertical-align: middle;
}

.no-navbar-by-scroll .index-tabr a.topicon.h {
    display: block;
    float: right;
}

.no-navbar-by-scroll .index-tabr a ~ a {
    margin-left: -16px;
}

.no-navbar-by-scroll .index-tabr a.topicon {
    width: initial;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    transition-duration: 12000ms;
}

.no-navbar-by-scroll .index-tabr a.topicon em {
    display: none;
}

.no-navbar-by-scroll .index-tabr a.topicon i.bigicon {
    font-size: 21px;
    line-height: 24px;
    width: 24px;
    margin: 16px 16px;
    padding: 0;
    /* transition-duration: 400ms; */
    /* transition-delay: 100ms; */
}

.no-navbar-by-scroll .index-tabr a.topicon:first-child {
    /* margin-right: 0; */
}

.no-navbar-by-scroll .index-tabr a.topicon:last-child:before {
    position: absolute;
    top: 16px;
    bottom: 16px;
    width: 1px;
    content: '';
    background-color: rgba(0, 0, 0, .08);
}

.index-tabr {
    display: flex;
    /* padding: 8px; */
    height: 101px;
    padding: 0 16px;
    /* transition-delay: 100ms; */
}

.index-tabr a.topicon {
    /* width: 48px; */
    display: block;
    /* position: relative; */
    /* width: 25%; */
    float: left;
    margin: 16px auto 24px auto;
    /* transition-duration: 200ms; */
    transition-duration: 12000ms;

    flex: 1;
}

.index-tabr a.topicon i.bigicon {
    font-size: 36px;
    font-weight: normal;
    line-height: 1;
    position: relative;
    display: block;
    width: 36px;
    margin: auto;
    transition-delay: 1000000ms;
    text-align: center;
    color: #fff;
}

.index-tabr a.topicon em {
    font-size: 13px;
    font-style: normal;
    line-height: 1;
    display: block;
    margin-top: 12px;
    text-align: center;
    color: #fff;
}

.index-tabr a.topicon label {
    font-size: 12px;
    /* font-size: 12px; */
    font-weight: 700;
    line-height: 12px;
    /* line-height: 1; */
    /* padding: 0 6px; */
    /* border-radius: 50px; */
    position: absolute;
    top: -8px;
    left: 20px;
    /* color: #fff; */
    /* line-height: 16px; */
    display: inline-block;
    min-width: 10px;
    padding: 4px 6px;
    border: 3px #2196f3 solid;
    /* color: #fff; */
    /* text-align: center; */
    /* white-space: nowrap; */
    /* vertical-align: baseline; */
    /* background-color: #777; */
    border-radius: 20px;
    background: red;
}

.no-navbar-by-scroll .index-tabr a.topicon label {
    font-size: 0;
    line-height: 0;
    top: -4px;
    right: -4px;
    left: initial;
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
}

.navbar-fixed .index-tabr ~ .page-content {
    padding-top: 158px;
}

.navbar-fixed .tabbar-labels.toolbar-bottom.index-tabr-bottom ~ .page-content {
    padding-top: 158px;
}

.no-navbar-by-scroll .navbar-fixed .tabbar-labels.toolbar-bottom.index-tabr-bottom ~ .page-content.hide-navbar-on-scroll {
    padding-top: 56px;
}

.dowork-mian .navbar.navbar-hidden {
    -webkit-transition-duration: 12000ms;
            transition-duration: 12000ms;
}

.dowork-mian .navbar.navbar-hiding {
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
}

.dowork-mian .navbar.navbar-hidden ~ .subnavbar,
.dowork-mian .navbar.navbar-hidden ~ .toolbar:not(.messagebar):not(.toolbar-bottom) {
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
}

.dowork-mian .navbar.navbar-hiding ~ .subnavbar,
.dowork-mian .navbar.navbar-hiding ~ .toolbar {
    -webkit-transition-duration: 200ms;
    /*transition-delay:300ms;*/
            transition-duration: 200ms;
}

label.badge:empty {
    display: none;
}

.navbar.navbar-hidden ~ .page-content .my-index-list .list-group-title {
    top: 0;
}

.list-block.my-index-list ul:before {
    display: none;
}

.p-t-16 {
    padding-top: 16px!important;
}

.navbar .center {
    margin: 0;
}

.list-block .eve-text {
    max-height: none;
    color: #212121;

    -webkit-line-clamp: initial;
}

.list-block-label p {
    text-align: center;
}

.infinite-scroll-preloader {
    display: none;
}

.file-list .item-title {
    color: #212121;
}

.file-list .tip {
    font-size: 12px;
    font-style: normal;
    margin-left: 10px;
    color: #666;
}

.file-list .add-icon {
    font-size: 32px;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    color: #2196f3;
    background-color: #efefef;
}

.swipeout img {
    width: 44px;
    height: 44px;
}

.list-block .item-bus {
    overflow: hidden;
    height: 65px;
    white-space: normal;
}

.list-block .item-stop-sf {
    overflow: hidden;
    white-space: normal;
}

.list-block .item-modify {
    overflow: hidden;
    height: 60px;
    white-space: normal;
}

.list-block .item-modif {
    white-space: normal;
}

.list-block .item-modif .item-cont-jj {
    overflow: hidden;
    height: 55px;
}

.list-block .item-modif .hei-active {
    height: auto;
}

.list-block .item-modif p {
    margin: 0;
}

.list-block .hei-active {
    height: auto;
}

.eve-content span {
    font-size: 16px;
    line-height: 36px;
    float: left;
    height: 36px;
}

.eve-content label {
    float: right;
}

.eve-del {
    line-height: 20px;
    float: right;
    width: 20px;
    height: 20px;
    margin: 12px 0;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    background-color: #f44336;
}

.delete-work-icon {
    font-size: 16px;
    margin-top: -2px;
    margin-right: -5px;
}
.video-close {
	position: fixed;
    width: 30px;
    height: 30px;
    top: 14px;
    right: 14px;
    display: none;
    z-index: 9999;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    font-style: normal;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
}
.hei-wrap {
	position: relative;
	padding-right: 26px;
    background: no-repeat right center;
    background-image: url(../img/des-rig.svg);
    background-size: 10px 20px;
}

.hei-wrap i{
	position: absolute;
    font-size: 12px;
    font-weight: 800;
    font-style: normal;
    background: red;
    line-height: 1;
    padding: 3px 8px;
    color: #fff;
    top: 4px;
    right: -20px;
    height: 12px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 70px;
    text-align: center;
    margin: -10px -20px 0 0;	
}

.hei-smee {
	float: right;
	height: 20px;
	line-height: 20px;
}
.hei-smee .hei-lef {
	float: left;
	margin: 0 8px 0 0;
	font-size: 12px;
}
.sh-he {
    background-color: #2196f3;
    text-align: center;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.sh-submit {
	color: #fff;
}

.wwmmmp {
	padding-bottom: 30px;
}
.kl-index {
	overflow: hidden;
}
.kl-index span {
	float: left;
	font-size: 13px;
	margin: 2px 2px;
}
.kl-index em {
    font-size: 11px;
    line-height: 24px;
    float: left;
    height: 24px;
    padding: 0 3px;
    color: #fff;
}

.lef-bor p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background-color: #2196f3;
    border-radius: 20px;
    font-size: 14px;
    margin-top: 5px; 
}

.lef-bor .mmp-mp {
    width: 90%;
	font-size: 12px;
}
	
.list-block .mdlj:before,.list-block .mdlj:after {
	display: none;
}

.biuboom {
	position: relative;
	padding-bottom: 20px; 
	margin-bottom: 10px;
}

.biuboom:after {
	content: "";
	position: absolute;
	right: -20px;
	bottom: 0;
	left: -20px;
	height: 10px;
	background-color: #efeff4;
}

.work-report-jd{
    top: 88px!important;
    left: 50%!important;
    margin-left: -100px!important;
    width: 200px!important;
}

.work-report-jq{
	top: 88px!important;
    left: 50%!important;
    margin-left: -100px!important;
    width: 200px!important;
}
.wrap_new-sty_ss {
	display: initial!important;
}
.wrap_new-sty_ss .na_modify-txt {
	color: #212121;
	    
}
.wrap_new-sty_ss .na_pcon-show {
	margin-top: 5px;
	word-wrap: break-word;
    font-size: 14px;
    color: #757575;
    line-height: 1.1;
}
.content_box-wrap {
	box-sizing: border-box;
    padding-left: 16px;
    min-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-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;
}