605 lines
12 KiB
CSS
605 lines
12 KiB
CSS
:root{
|
|
--font-14:0.875rem;
|
|
--font-14:1rem;
|
|
--font-32:2rem;
|
|
}
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
html{
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
html{
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
html,body,#dzzoffice{
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
.header-top{
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
transition: all .3s;
|
|
transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
-webkit-transition: all .3s;
|
|
-o-transition: all .3s;
|
|
background: var(--bg-content) !important;
|
|
}
|
|
.header-top.headerhide{
|
|
top: -46px;
|
|
opacity: 0;
|
|
}
|
|
.header-top .van-dropdown-menu__bar{
|
|
height: 46px;
|
|
}
|
|
.pic-notice{
|
|
position: fixed;
|
|
top: 46px;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
}
|
|
.pic-notice.noticehide{
|
|
top: 0px;
|
|
}
|
|
.bs-main-container{
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.pic-container{
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
|
|
}
|
|
.pic-container .pic-container-scroll{
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: auto;
|
|
position: relative;
|
|
padding-top: 46px;
|
|
padding-bottom: 20%;
|
|
}
|
|
.pic-container .img-container{
|
|
min-height: 100% ;
|
|
position: relative;
|
|
padding: 0 4px;
|
|
}
|
|
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
|
|
color : var(--tip-color);
|
|
}
|
|
|
|
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
color : var(--tip-color);
|
|
}
|
|
|
|
input::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
color : var(--tip-color);
|
|
}
|
|
|
|
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
|
color : var(--tip-color);
|
|
}
|
|
|
|
input::-ms-input-placeholder { /* Microsoft Edge */
|
|
color : var(--tip-color);
|
|
}
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
|
|
.page-popup{
|
|
background: var(--bg-content) !important;
|
|
}
|
|
.van-action-sheet__cancel, .van-action-sheet__item{
|
|
background-color: transparent;
|
|
}
|
|
.van-action-sheet__gap,
|
|
.van-action-sheet__cancel:active,
|
|
.van-action-sheet__item:active{
|
|
background-color: var(--bg-poperHover);
|
|
}
|
|
.van-action-sheet__cancel{
|
|
color: var(--header-text);
|
|
}
|
|
.custom-image.van-empty{
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
margin: auto;
|
|
}
|
|
.img-circle{
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
border-radius: 50%;
|
|
vertical-align: middle;
|
|
}
|
|
.Topcarousel{
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 1rem;
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
line-height: 2.1875rem;
|
|
color: #FFF;
|
|
}
|
|
#dzzoffice{
|
|
position: relative;
|
|
background: var(--bg-content);
|
|
}
|
|
.pic-logo{
|
|
height: 40px;
|
|
padding: 5px 0;
|
|
}
|
|
.pic-logo .h-left{
|
|
height: 30px;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
align-items: center;
|
|
color: var(--header-text);
|
|
text-decoration: none;
|
|
}
|
|
.pic-logo .h-left img{
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
margin-right: 10px;
|
|
}
|
|
.van-nav-bar__title{
|
|
color: var(--header-text);
|
|
}
|
|
.van-nav-bar__content{
|
|
/* 46px */
|
|
height: 46px;
|
|
}
|
|
.van-nav-bar .van-icon{
|
|
color: var(--content-textHover);
|
|
}
|
|
.van-nav-bar__content .van-nav-bar__text{
|
|
color: var(--header-text);
|
|
}
|
|
.van-popup.van-notify.van-notify--warning{
|
|
background-color: #ff976a;
|
|
color: #fff;
|
|
}
|
|
.van-dialog{
|
|
background: var(--bg-poper);
|
|
color: var(--header-active);
|
|
}
|
|
.van-dialog .van-dialog__message--has-title{
|
|
color: var(--header-text);
|
|
}
|
|
.van-dialog .van-button{
|
|
background: var(--bg-poper);
|
|
}
|
|
.van-dialog .van-dialog__cancel{
|
|
color: var(--header-text);
|
|
}
|
|
.van-dialog .van-dialog__confirm{
|
|
color: var(--header-active);
|
|
}
|
|
.van-dialog .van-hairline--top::after{
|
|
border-top: 1px solid var(--border-color-base);
|
|
}
|
|
.van-dialog .van-button.van-hairline--left::after{
|
|
border-left: 1px solid var(--border-color-base);
|
|
}
|
|
.custom-load{
|
|
height: 51px;
|
|
height: 55px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
z-index: 20;
|
|
}
|
|
/* 12px */
|
|
.van-checkbox__icon .van-icon,
|
|
.van-radio__icon .van-icon{
|
|
font-size: 0.75rem;
|
|
}
|
|
/* 14px */
|
|
.van-tree-select,
|
|
.van-tab,
|
|
.van-sidebar-item,
|
|
.van-dropdown-menu__title,
|
|
.van-cell,
|
|
.van-nav-bar__left,
|
|
.van-nav-bar__right{
|
|
font-size: var(--font-14);
|
|
}
|
|
/* 16px */
|
|
.van-field__left-icon .van-icon,
|
|
.van-field__right-icon .van-icon{
|
|
font-size: var(--font-16);
|
|
}
|
|
.van-checkbox__icon .van-icon,
|
|
.van-radio__icon .van-icon{
|
|
border-color: var(--radio-line);
|
|
}
|
|
|
|
.van-tabs__line,
|
|
.van-sidebar-item--select::before,
|
|
.van-checkbox__icon--checked .van-icon,
|
|
.van-radio__icon--checked .van-icon{
|
|
background-color: var(--color-primary);
|
|
border-color:var(--color-primary);
|
|
font-size: 0.75rem;
|
|
}
|
|
.van-button--info{
|
|
background-color: var(--color-primary);
|
|
border-color:var(--color-primary);
|
|
}
|
|
.hide{
|
|
display: none !important;
|
|
}
|
|
.load-more{
|
|
line-height: 35px;
|
|
width: 100%;
|
|
font-size: 15px;
|
|
text-align: center;
|
|
color: var(--content-text);
|
|
}
|
|
.load-more .icon{
|
|
font-size: 18px;
|
|
vertical-align: bottom;
|
|
}
|
|
ul{
|
|
list-style-type: none;
|
|
}
|
|
.van-field,input,textarea{
|
|
background-color: var(--bg-input) !important;
|
|
color: var(--header-text) !important;
|
|
border: 1px solid var(--border-color-base);
|
|
}
|
|
.van-popup,.van-cell,.van-calendar{
|
|
background-color: var(--bg-poper);
|
|
color: var(--header-text);
|
|
}
|
|
.screen-radio-group .van-radio {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{
|
|
color: var(--header-active);
|
|
}
|
|
.van-dropdown-menu__bar{
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.van-dropdown-menu__title,.van-field__label{
|
|
color: var(--header-text);
|
|
}
|
|
.van-dropdown-menu__title::after{
|
|
border-color: transparent transparent var(--header-text) var(--header-text);
|
|
}
|
|
.van-cell::after{
|
|
border-color: var(--border-color-base);
|
|
}
|
|
.van-cell--clickable:active{
|
|
background-color: var(--bg-poperHover);
|
|
}
|
|
.van-search{
|
|
background-color: transparent;
|
|
}
|
|
.van-search__content{
|
|
background-color: var(--bg-input);
|
|
border: 1px solid var(--border-color-base);
|
|
padding-right: 12px;
|
|
}
|
|
.van-field__control,
|
|
.van-radio__label{
|
|
color: var(--header-text);
|
|
}
|
|
.van-tree-select__nav{
|
|
border-right: 1px solid var(--border-color-base);
|
|
}
|
|
.van-tree-select__nav,.van-sidebar-item,.van-sidebar-item:active{
|
|
background-color: transparent;
|
|
color: var(--header-text);
|
|
}
|
|
.van-sidebar-item.van-sidebar-item--disabled{
|
|
opacity: 0.7;
|
|
}
|
|
.van-sidebar-item--select{
|
|
color: var(--header-active);
|
|
}
|
|
.van-sidebar-item--select:active,
|
|
.van-tree-select__content .van-tree-select__item{
|
|
background-color: var(--bg-poperHover);
|
|
|
|
}
|
|
|
|
|
|
.van-popover__content{
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.van-popover--light .van-popover__arrow {
|
|
color: var(--bg-poper);
|
|
}
|
|
.van-popover--light .van-popover__content{
|
|
background-color: var(--bg-poper);
|
|
color: var(--header-text);
|
|
}
|
|
.van-nav-bar {
|
|
background-color: transparent;
|
|
}
|
|
[class*=van-hairline]::after {
|
|
border:0;
|
|
}
|
|
.xuanzhun {
|
|
display: inline-block;
|
|
-webkit-transition-property: -webkit-transform;
|
|
-webkit-transition-duration: 1s;
|
|
-moz-transition-property: -moz-transform;
|
|
-moz-transition-duration: 1s;
|
|
-webkit-animation: xuanzhun 3s linear infinite;
|
|
-moz-animation: xuanzhun 3s linear infinite;
|
|
-o-animation: xuanzhun 3s linear infinite;
|
|
animation: xuanzhun 3s linear infinite;
|
|
}
|
|
|
|
@-webkit-keyframes xuanzhun {
|
|
from {
|
|
-webkit-transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes xuanzhun {
|
|
from {
|
|
-moz-transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
-moz-transform: rotate(359deg)
|
|
}
|
|
}
|
|
|
|
@-o-keyframes xuanzhun {
|
|
from {
|
|
-o-transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
-o-transform: rotate(359deg)
|
|
}
|
|
}
|
|
|
|
@keyframes xuanzhun {
|
|
from {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(359deg)
|
|
}
|
|
}
|
|
.van-cell-group{
|
|
background-color: transparent;
|
|
}
|
|
.about-popup,
|
|
.my-popup{
|
|
height: 100%;
|
|
width: 100%;
|
|
background: var(--bg-content);
|
|
color: var(--content-textHover);
|
|
overflow: hidden;
|
|
padding-top: 46px;
|
|
}
|
|
.about-popup .van-nav-bar,
|
|
.my-popup .van-nav-bar{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.about-popup .scroll-box,
|
|
.my-popup .scroll-box{
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
padding-top: 0.9375rem;
|
|
}
|
|
.my-popup .scroll-box .van-cell-group{
|
|
background: transparent;
|
|
}
|
|
.my-popup .scroll-box .van-cell {
|
|
background: transparent;
|
|
}
|
|
.my-popup .scroll-box .van-cell::after{
|
|
display: none;
|
|
}
|
|
.my-popup .scroll-box .van-cell .van-cell__right-icon{
|
|
color: var(--header-text);
|
|
}
|
|
|
|
.about-popup .aboutlogo{
|
|
text-align: center;
|
|
padding-top: 3.125rem;
|
|
padding-bottom: 1.875rem;
|
|
}
|
|
.about-popup .aboutmessage{
|
|
padding: 0 2.1875rem;
|
|
}
|
|
.about-popup .aboutmessage .aboutlist{
|
|
margin-bottom: 1.25rem;
|
|
overflow: hidden;
|
|
font-size: 1rem;
|
|
}
|
|
.about-popup .aboutmessage .aboutlist .title{
|
|
float: left;
|
|
}
|
|
.about-popup .aboutmessage .aboutlist .address{
|
|
color: var(--color-primary);
|
|
font-size: 1rem;
|
|
vertical-align: sub;
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.about-popup .aboutmessage{
|
|
padding: 0 6.25rem;
|
|
}
|
|
}
|
|
|
|
.pic-toolbar{
|
|
position: fixed;
|
|
width: 100%;
|
|
left: 0;
|
|
padding: 0 8%;
|
|
transition: all .3s;
|
|
transition:all .3s;
|
|
-moz-transition:all .3s; /* Firefox 4 */
|
|
-webkit-transition:all .3s; /* Safari and Chrome */
|
|
-o-transition:all .3s; /* Opera */
|
|
z-index: 100;
|
|
}
|
|
.pic-toolbar.footershow{
|
|
bottom: 3%;
|
|
opacity: 1;
|
|
}
|
|
.pic-toolbar.footerhide{
|
|
bottom: -2.9375rem;
|
|
opacity: 0;
|
|
}
|
|
.pic-toolbar .tabbar{
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
border-radius: 39px;
|
|
background: var(--bg-poper);
|
|
padding: 0.375rem 0;
|
|
color: var(--header-text);
|
|
/* box-shadow: 0px 0px 5px 1px var(--bg-poperHover); */
|
|
}
|
|
.pic-toolbar .tab-item{
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
flex: 1;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.pic-toolbar .tab-item .icon{
|
|
font-size: var(--font-32);
|
|
}
|
|
.pic-toolbar .tab-item img{
|
|
border-radius: 50%;
|
|
width: 2.1875rem;
|
|
height: 2.1875rem;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.van-popup{
|
|
overflow: unset;
|
|
}
|
|
.van-dropdown-menu-scorll .van-popup{
|
|
overflow: scroll;
|
|
}
|
|
.van-popup .vam-popup-title{
|
|
height: 40px;
|
|
font-weight: 700;
|
|
position: absolute;
|
|
top: -40px;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 0 12px;
|
|
font-size: 18px;
|
|
color: #FFFFFF;
|
|
}
|
|
.footer-popup{
|
|
padding-bottom: 70px;
|
|
}
|
|
.footer-popup .btn-bottom{
|
|
padding: 10px;
|
|
height: 70px;
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.footer-popup .btn-bottom .van-button{
|
|
width: auto;
|
|
padding: 15px 20px;
|
|
}
|
|
.footer-popup .popup-search-input .van-field__right-icon{
|
|
padding-right: 0;
|
|
}
|
|
.footer-popup .popup-search-input .van-field__right-icon .van-icon{
|
|
font-size: 1.25rem;
|
|
color: var(--header-active);
|
|
}
|
|
|
|
.footer-popup .van-search-box{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.footer-popup .van-search-box .van-field{
|
|
border: 0;
|
|
font-size: 0.875rem;
|
|
}
|
|
.van-notify--success {
|
|
background-color: #07c160;
|
|
}
|
|
.van-notify--danger {
|
|
background-color: #ee0a24;
|
|
}
|
|
.van-notify--warning {
|
|
background-color: #ff976a;
|
|
}
|
|
|
|
#systemNotice .panel-heading {
|
|
border-radius: 0;
|
|
background: var(--bg-header);
|
|
color: var(--header-text);
|
|
padding: 10px 15px;
|
|
}
|
|
#systemNotice .panel-heading .close{
|
|
float: right;
|
|
border: 0;
|
|
font-size: 21px;
|
|
color: var(--header-text);
|
|
background-color: transparent;
|
|
}
|
|
#systemNotice .panel-body {
|
|
background: var(--bg-input);
|
|
color: var(--header-text);
|
|
padding: 10px 15px !important;
|
|
}
|
|
#systemNotice .panel-body img{
|
|
max-height: 30px;
|
|
vertical-align: bottom;
|
|
margin-right: 10px;
|
|
}
|
|
#systemNotice .panel-body a{
|
|
color: var(--header-text);
|
|
text-decoration: none;
|
|
}
|