meidu2021/daju/WebRoot/h5/css/common.css

html {
    background: #fff;
    /*font-size: 12px;*/
}
body {
    background: #fff;
    max-width: 480px;
    margin: auto;
    line-height: initial;
    font-size: 14px;
}
div {
    max-width: 480px;
}

img {
    vertical-align: middle;
}
.hide {
    display: none;
}
.page.page-nav-bottom{
    margin-bottom: 50px;
}
.page_hd{
    /*padding-top: 10px;*/
    text-align: center;
}

.page_title {
    color: #555;
    font-weight: 400;
    font-size: 20px;
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flex-grow-0 {
    min-width: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-grow-1 {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.flex-x-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-y-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.flex-y-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}
.btn {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    color: white;
    background: #d83f31;
    padding: 10px;
    border-radius: 2px;
}
.btn:after {
    border: none;
}
.btn-submit {
    margin-top: 20px;
}
.btn-mini {
    line-height: 22px;
    border: 1px solid #d83f31;
    color: #d83f31;
    display: inline-block;
    font-size: 13px;
    padding: 0 10px;
    background: white;
}
.btn-red {
    border: none;
    color: white;
    background: #d83f31;
}
.btn-area {
    padding: 20px;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 50px;
}
.banner{

}

.border-top, .border-bottom, .border-right {
    position: relative;
}
.border-top:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #ddd;
    color: #CCCCCC;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 -100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.border-bottom:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #ddd;
    color: #CCCCCC;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.border-right:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.bottom-bar {
    position: fixed;
    background: #f9f9f9;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    /*position: absolute;*/
    z-index: 2;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #eee;
}
.bottom-bar-item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 15px;
    color: #555;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 15px 0;
    border-right: 1px solid #eee;
}
.bottom-bar-item:last-child {
    border: none;
}
/*.bottom-bar-item .item-icon {*/
    /*width: 16px;*/
    /*!*height:20px;*!*/
    /*vertical-align: middle;*/
    /*margin-right: 4px;*/
/*}*/
.bottom-bar-item .item-icon {
    background: url(../img/work.png) no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 4px;
}
.bottom-bar-item .item-icon.icon-work {
    background: url(../img/work.png) no-repeat center;
    background-size: contain;
}
.bottom-bar-item.active .item-icon.icon-work {
    background: url(../img/work-select.png) no-repeat center;
    background-size: contain;
}
.bottom-bar-item .item-icon.icon-project {
    background: url(../img/project.png) no-repeat center;
    background-size: contain;
}
.bottom-bar-item.active .item-icon.icon-project {
    background: url(../img/project-select.png) no-repeat center;
    background-size: contain;
}
.bottom-bar-item .icon-back {
    background: url(../img/icon-back.png) no-repeat center;
    background-size: contain;
}
.bottom-bar-item .icon-back-white {
    background: url(../img/icon-back-white.png) no-repeat center;
    background-size: contain;
}
.bottom-bar-item.active .item-label {
    color:#e26036;
}
.bottom-bar .nav-back {
    width: 80px;
    flex: initial;
}
.banner_img{
    width: 100%;
}

.weui-navbar:after {
    border-bottom: 1px solid #e0e0e0;
}
.weui-cell_link {
    color: #888;
    font-size: 14px;
}
.weui-cell__img {
    height: 12px;
    padding-right: 6px;
}
.weui-grid__icon{
    width: 50%;
    padding:10px;
    display: -webkit-inline-box;
}
.weui-btn_primary {
    background-color: #d83f31;
}
.weui-btn_lightgreen {
    background-color: #0db10d;
}
.weui-dialog {
    border-radius: 6px;
}
.weui-media-box {
    padding: 10px 15px;
}
.weui-media-box__info {
    margin-top: 10px;
    font-size: 14px;
}
.weui-vcode-btn{
    color: white;
}
.weui-vcode-btn:active{
    color:white;
}
button.weui-vcode-btn{
    background-color: #d83f31;
    padding: 0 20px;
}
.weui-btn_primary:not(.weui-btn_disabled):active{
    color:rgba(255, 255, 255, 0.6);
    background-color:#c11f10;
}
.weui-media-box__thumb {
    background: #eee;
}
.weui-panel__hd{
    font-size: 16px;
    background: #f9f9f9;
    color: #666;
}
.weui-navbar__item {
    font-size: 15px;
}
.weui-media-box__img{
    height: 14px;
    padding :0 0 0 6px;
}
.weui-media-box__num{
    color: #d83f31;
}
.weui-panel{
    margin-top: 0px;
}
.weui-cell_portrait{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c3c0c0;
}
.wei-cell_department{
    color: #999;
    font-size: 12px;
}
.weui-cell__ft_on{
    color:#d83f31;
}
.weui-cell_right{
    float: right;
    font-size: 12px;
}
.weui-flex_bgimg{
    width: 76px;
}
.weui-flex_text{
    font-size: 14px;
    color: #414141;
    padding: 0px 0 10px 0;
}
.weui-flex_num{
    display: inherit;
    position: relative;
    z-index: 5000;
    color: #21b6ab;
    background: url(../img/ellipse.png) no-repeat center;
    background-size: 90px 90px;
    height: 100px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.weui-cell_access .weui-cell__ft:after {
    height: 8px;
    width: 8px;
    border-width: 1px 1px 0 0;
}

.my-weui-dialog .weui-dialog {
    background: none;
}
.my-weui-dialog .weui-dialog-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../img/icon-close.png);
    background-position: center;
    background-size: contain;
}
.my-weui-dialog .weui-dialog__hd {
    margin-top: 26px;
    background: white;
    border-radius: 4px 4px 0 0;
}
.my-weui-dialog .weui-dialog__bd {
    background: white;
}
.weui-tab__bd-item {
    display: none;
}
.weui-tab__bd-item--on {
    display: block;
}
.weui-loadmore {
    width: 65%;
    margin: auto;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
}
i.icon-dropdown {
    position: relative;
}
i.icon-dropdown:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #888;
    border-style: solid;
    transform: rotate(135deg) translate(0, 2px);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -16px;
}
.proj-title span {
    color: #555;
    font-weight:bold;
}

.weui-cells {
    font-size: 15px;
}

.title-auditor {
    padding: 10px 0;
    text-align: center;
    background: red;
    color: white;
}

.row-title {
    margin-top: .77em;
    margin-bottom: .3em;
    padding-left: 15px;
    padding-right: 15px;
    color: #555;
    font-size: 14px;
    font-weight: bold;
}

/* Simple Timeline */
.pui-timeline {
    position: relative;
}

.pui-timeline-list {
    margin-left: 20px;
    padding: 5px 0;
    border-left: 2px solid #ddd;
}

.pui-timeline-item {
    position: relative;
    padding-left: 48px;
    min-height: 40px;
}

.pui-timeline-item > .pui-badge {
    position: absolute;
    top: 7px;
    left: -12px;
}

.pui-timeline-item > .pui-badge-dot {
    position: absolute;
    top: 15px;
    left: -6px;
}

.pui-timeline-badge-date > .pui-badge,
.pui-timeline-badge-datetime > .pui-badge {
    padding: 0 5px;
}

.pui-timeline-badge-date, .pui-timeline-badge-datetime {
    padding-left: 130px;
}

.pui-timeline-item-context {
    padding: 8px 0 8px 10px;
}

.pui-timeline-divider {
    margin-left: 5px;
    padding: 10px 0 10px 0;
    font-size: 12px;
    color: #404040;
}

.pui-timeline-divider-dashed-line, .pui-timeline-divider-line {
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.pui-timeline-divider-dashed-line {
    border-top-style: dashed;
}

.pui-badge.pui-badge-info {
    color: #fff;
    border-color: #C54B3B;
    background-color: #C54B3B;
}

.pui-badge.pui-badge-unbordered {
    border: none;
}

.pui-badge.pui-badge-circle {
    -webkit-border-radius: 400px;
    border-radius: 400px;
}

.pui-badge.pui-badge-square {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.pui-badge.pui-badge-dot {
    display: inline-block;
    width: 8px;
    min-width: 8px;
    height: 8px;
    padding: 0;
    line-height: 14px;
    text-indent: -9999em;
    border-radius: 5px;
}

.pui-badge.pui-badge-info a {
    color: #fff;
}

.pui-badge {
    cursor: pointer;
    min-width: 24px;
    padding: 0 2px 1px;
    font-size: 10px;
    text-align: center;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
    /* Safari, Chrome */
    -moz-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
    /* Firefox 4.0~16.0 */
    transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
    /* IE >9, FF >15, Opera >12.0 */
}

/* Tooltips */
.pui-tooltip {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.pui-tooltip.square, .pui-tooltip.pui-square {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.pui-tooltip.shadow, .pui-tooltip.pui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    /* Webkit browsers */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    /* IE9+, News */
}

.pui-tooltip-bordered {
    padding: 8px 12px;
    padding: 0.8rem 1.2rem;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.pui-tooltip-opacity {
    color: #fff;
    background: #000;
    border-color: #000;
    opacity: 0.7;
    /* W3C */
    filter: alpha(opacity=70);
    /* IE */
}

.pui-tooltip-opacity-1 {
    opacity: 1;
    /* W3C */
    filter: alpha(opacity=100);
    /* IE */
}

.pui-tooltip-viewer {
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.pui-tooltip-context {
    position: relative;
}

.pui-tooltip-context > img + p {
    margin-top: 5px;
}

.pui-tooltip-context > p:last-child {
    margin-bottom: 0;
}

[class*=pui-tooltip-arrow-]:before, [class*=pui-tooltip-arrow-]:after {
    width: 0;
    height: 0;
    display: block;
    content: "";
    border: 7px solid transparent;
    pointer-events: pointer-events;
    position: absolute;
}

/* Top */
[class*=pui-tooltip-arrow-t]:before, [class*=pui-tooltip-arrow-t]:after {
    border-bottom-color: #ccc;
    top: -14px;
}

[class*=pui-tooltip-arrow-t]:after {
    border-bottom-color: #fff;
    top: -13px;
}

.pui-tooltip-arrow-tl:before, .pui-tooltip-arrow-tl:after {
    left: 8%;
}

.pui-tooltip-arrow-tc:before, .pui-tooltip-arrow-tc:after {
    left: 49%;
}

.pui-tooltip-arrow-tr:before, .pui-tooltip-arrow-tr:after {
    right: 8%;
}

/* Bottom */
[class*=pui-tooltip-arrow-b]:before, [class*=pui-tooltip-arrow-b]:after {
    border-top-color: #ccc;
    bottom: -14px;
}

[class*=pui-tooltip-arrow-b]:after {
    border-top-color: #fff;
    bottom: -13px;
}

.pui-tooltip-arrow-bl:before, .pui-tooltip-arrow-bl:after {
    left: 8%;
}

.pui-tooltip-arrow-bc:before, .pui-tooltip-arrow-bc:after {
    left: 49%;
}

.pui-tooltip-arrow-br:before, .pui-tooltip-arrow-br:after {
    right: 8%;
}

/* left */
[class*=pui-tooltip-arrow-l]:before, [class*=pui-tooltip-arrow-l]:after {
    border-right-color: #ccc;
    left: -14px;
}

[class*=pui-tooltip-arrow-l]:after {
    border-right-color: #fff;
    left: -13px;
}

.pui-tooltip-arrow-lt:before, .pui-tooltip-arrow-lt:after {
    top: 12px;
}

.pui-tooltip-arrow-lc:before, .pui-tooltip-arrow-lc:after {
    top: 46%;
}

.pui-tooltip-arrow-lb:before, .pui-tooltip-arrow-lb:after {
    bottom: 12px;
}

/* right */
[class*=pui-tooltip-arrow-r]:before, [class*=pui-tooltip-arrow-r]:after {
    border-left-color: #ccc;
    right: -14px;
}

[class*=pui-tooltip-arrow-r]:after {
    border-left-color: #fff;
    right: -13px;
}

.pui-tooltip-arrow-rt:before, .pui-tooltip-arrow-rt:after {
    top: 12px;
}

.pui-tooltip-arrow-rc:before, .pui-tooltip-arrow-rc:after {
    top: 46%;
}

.pui-tooltip-arrow-rb:before, .pui-tooltip-arrow-rb:after {
    bottom: 12px;
}