|
|
@@ -1,100 +1,330 @@
|
|
|
-
|
|
|
body {
|
|
|
- height: 100%;
|
|
|
- -moz-osx-font-smoothing: grayscale;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- text-rendering: optimizeLegibility;
|
|
|
- font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
|
+ height: 100%;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ text-rendering: optimizeLegibility;
|
|
|
+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial,
|
|
|
+ sans-serif;
|
|
|
+}
|
|
|
+html {
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-html {height: 100%;box-sizing: border-box;}
|
|
|
*,
|
|
|
*:before,
|
|
|
-*:after {box-sizing: inherit;}
|
|
|
-.no-padding {padding: 0px !important;}
|
|
|
-.padding-content {padding: 4px 0;}
|
|
|
+*:after {
|
|
|
+ box-sizing: inherit;
|
|
|
+}
|
|
|
+.no-padding {
|
|
|
+ padding: 0px !important;
|
|
|
+}
|
|
|
+.padding-content {
|
|
|
+ padding: 4px 0;
|
|
|
+}
|
|
|
a:focus,
|
|
|
-a:active {outline: none;}
|
|
|
+a:active {
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
a,
|
|
|
a:focus,
|
|
|
-a:hover {cursor: pointer;color: inherit;text-decoration: none;}
|
|
|
-div:focus {outline: none;}
|
|
|
-.fr {float: right;}
|
|
|
-.fl {float: left;}
|
|
|
-.pr-5 {padding-right: 5px;}
|
|
|
-.pl-5 {padding-left: 5px;}
|
|
|
-.block {display: block;}
|
|
|
-.pointer {cursor: pointer;}
|
|
|
-.inlineBlock {display: block;}
|
|
|
-.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
|
|
|
-.tc {text-align: center}
|
|
|
-.per50 {width: 50%;}
|
|
|
-.tr {text-align: right;}
|
|
|
-.tl {text-align: left;}
|
|
|
-.position-r {position: relative;}
|
|
|
-.van-checkbox__icon .van-icon {border: 1px solid #0057ba !important;}
|
|
|
-.van-radio__icon .van-icon {border: 1px solid #5ECEB1 !important;}
|
|
|
+a:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ color: inherit;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+div:focus {
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+.fr {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+.fl {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.pr-5 {
|
|
|
+ padding-right: 5px;
|
|
|
+}
|
|
|
+.pl-5 {
|
|
|
+ padding-left: 5px;
|
|
|
+}
|
|
|
+.block {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.pointer {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.inlineBlock {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.clearfix:after {
|
|
|
+ visibility: hidden;
|
|
|
+ display: block;
|
|
|
+ font-size: 0;
|
|
|
+ content: ' ';
|
|
|
+ clear: both;
|
|
|
+ height: 0;
|
|
|
+}
|
|
|
+.tc {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.per50 {
|
|
|
+ width: 50%;
|
|
|
+}
|
|
|
+.tr {
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.tl {
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+.position-r {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.van-checkbox__icon .van-icon {
|
|
|
+ border: 1px solid #0057ba !important;
|
|
|
+}
|
|
|
+.van-radio__icon .van-icon {
|
|
|
+ border: 1px solid #5eceb1 !important;
|
|
|
+}
|
|
|
@media screen and (max-width: 1400px) {
|
|
|
- html {
|
|
|
- font-size: 62.5%;
|
|
|
- }
|
|
|
+ html {
|
|
|
+ font-size: 62.5%;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
@media screen and (min-width: 1400px) {
|
|
|
- html {
|
|
|
- font-size: 75%;
|
|
|
- }
|
|
|
+ html {
|
|
|
+ font-size: 75%;
|
|
|
+ }
|
|
|
}
|
|
|
/*public*/
|
|
|
-.bgcolor {background-color: #F5F5F5;width: 100%;height: 100%;}
|
|
|
-.contentborder {background-color: #fff;border-radius: 5px;margin: 0 10px 16px;overflow: hidden}
|
|
|
-.colorbalck {color: #333;}
|
|
|
-.rateText{vertical-align: super;display: inline-block;font-size: 14px;}
|
|
|
-.lineGrey {height: 10px;width: 100%;background: #f5f5f5;}
|
|
|
-.f-color {color: #666;}
|
|
|
-.navBarTOP {position: fixed;width: 100%;z-index: 2;top: 0;background-color: #fff;}
|
|
|
-.navBar .van-nav-bar__title {font-size: 16px;font-weight: bold;}
|
|
|
-.linep .colorbalck {color: #333333}
|
|
|
-.contentborder .Btn1 {display: block;width: 100%;border-radius: 6px;color: #fff !important;background-color: #0057ba;border: 1px solid #0057ba;height: 44px;font-size: 16px;}
|
|
|
-.container .van-cell__title{white-space: inherit;}
|
|
|
-.containers .van-cell__title{white-space: inherit;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
|
|
|
-.containertext .van-cell__title{white-space: inherit;overflow: hidden;overflow: hidden;text-overflow:ellipsis;white-space:normal;}
|
|
|
-.van-f-red {color: red;width: 8px;display: inline-block;line-height: 26px;}
|
|
|
-.envelopes{width: 100px;height: 90px;position: fixed;bottom: 16px;right: 0;text-align: center;}
|
|
|
-.envelopes img{display: block;width: 100%;}
|
|
|
-.envelopes p{color:peachpuff;margin-top: -40px;}
|
|
|
-.zpover{
|
|
|
- background-color: #ED5C68 !important;color:#fff !important;padding: 8px 10px !important;z-index: 1 !important;border-radius: 6px !important;
|
|
|
- border:0 !important;box-shadow:none !important;
|
|
|
-}
|
|
|
-.zpover p{margin: 0;}
|
|
|
-.zpover .popper__arrow::after{border-bottom-color: #ED5C68 !important;border-top-color: #ED5C68 !important;}
|
|
|
-.zpover1{background-color: #0057ba !important;}
|
|
|
-.zpover2{background-color: #FFBA13 !important;}
|
|
|
-.zpover5{background-color: #2BC59F !important;}
|
|
|
-.zpover5 .popper__arrow::after{border-bottom-color: #2BC59F !important;border-top-color: #2BC59F !important;}
|
|
|
-.zpover6{background-color: #8F82BC !important;}
|
|
|
-.zpover6 .popper__arrow::after{border-bottom-color: #8F82BC !important;border-top-color: #8F82BC !important;}
|
|
|
-.zpover2 .popper__arrow::after{border-bottom-color: #FFBA13 !important;border-top-color: #FFBA13 !important;}
|
|
|
-.zpover1 .popper__arrow::after{border-bottom-color: #0057ba !important;border-top-color: #0057ba !important;}
|
|
|
-.zpoverStoreztype{background-color: #4a4a4a !important;}
|
|
|
-.zpoverStoreztype .popper__arrow::after{border-bottom-color: #4a4a4a !important;border-top-color: #4a4a4a !important;}
|
|
|
-.itenHhistory{margin: 10px;border-bottom: 1px solid #eee;}
|
|
|
-.itenHhistory:last-child{border:0}
|
|
|
-.flex1{overflow: hidden;}
|
|
|
-.van-calendar__selected-day{background-color: #0057ba !important;}
|
|
|
-.van-button--danger{background-color: #0057ba !important;border: 1px solid #0057ba!important;}
|
|
|
-.mapCheckbox,.icoImgMAP{width: 100%;background-color: white;}
|
|
|
-.mapCheckbox .van-checkbox__icon{display: none;}
|
|
|
-.mapCheckbox .van-checkbox__label,.mapCheckbox .van-checkbox--horizontal{margin: 0;}
|
|
|
-.mapCheckbox .van-checkbox__icon--checked +span{color:red;}
|
|
|
-.van-dialog__confirm, .van-dialog__confirm:active {color: #0057ba;}
|
|
|
-.processIco{top:50%;float: right;right:20px;position: absolute;margin-top: -8px}
|
|
|
-.van-checkbox__icon--round .van-icon{border-radius: 4px !important;}
|
|
|
-.textsize .van-button--small{height: 25px;padding: 0 11px;}
|
|
|
-.mapaddress{position: fixed;bottom:20px;height: 240px;background-color: white;width: 100%;z-index: 1001;font-size: 14px;overflow: hidden;border-radius: 6px;}
|
|
|
-.mapaddress .title{padding:14px;border-bottom: 1px solid #eee;height: 48px}
|
|
|
-.mapaddress .titleText{width: 174px;margin: 0px auto;text-align: center;position: absolute;left: 50%;margin-left: -87px;}
|
|
|
-.mapaddress .listBox{padding:5px 12px;overflow-y: auto;height: 240px;}
|
|
|
-.zpover1sb{width: 97%;}
|
|
|
-.zpover1sb .el-table .el-table__cell{padding:8px 0;}
|
|
|
-.hid{overflow: hidden}
|
|
|
+.bgcolor {
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.contentborder {
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin: 0 10px 16px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.colorbalck {
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+.rateText {
|
|
|
+ vertical-align: super;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.lineGrey {
|
|
|
+ height: 10px;
|
|
|
+ width: 100%;
|
|
|
+ background: #f5f5f5;
|
|
|
+}
|
|
|
+.f-color {
|
|
|
+ color: #666;
|
|
|
+}
|
|
|
+.navBarTOP {
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 2;
|
|
|
+ top: 0;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+.navBar .van-nav-bar__title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+.linep .colorbalck {
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+.contentborder .Btn1 {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 6px;
|
|
|
+ color: #fff !important;
|
|
|
+ background-color: #0057ba;
|
|
|
+ border: 1px solid #0057ba;
|
|
|
+ height: 44px;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.container .van-cell__title {
|
|
|
+ white-space: inherit;
|
|
|
+}
|
|
|
+.containers .van-cell__title {
|
|
|
+ white-space: inherit;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.containertext .van-cell__title {
|
|
|
+ white-space: inherit;
|
|
|
+ overflow: hidden;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: normal;
|
|
|
+}
|
|
|
+.van-f-red {
|
|
|
+ color: red;
|
|
|
+ width: 8px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 26px;
|
|
|
+}
|
|
|
+.envelopes {
|
|
|
+ width: 100px;
|
|
|
+ height: 90px;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 16px;
|
|
|
+ right: 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.envelopes img {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.envelopes p {
|
|
|
+ color: peachpuff;
|
|
|
+ margin-top: -40px;
|
|
|
+}
|
|
|
+.zpover {
|
|
|
+ background-color: #ed5c68 !important;
|
|
|
+ color: #fff !important;
|
|
|
+ padding: 8px 10px !important;
|
|
|
+ z-index: 1 !important;
|
|
|
+ border-radius: 6px !important;
|
|
|
+ border: 0 !important;
|
|
|
+ box-shadow: none !important;
|
|
|
+}
|
|
|
+.zpover p {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.zpover .popper__arrow::after {
|
|
|
+ border-bottom-color: #ed5c68 !important;
|
|
|
+ border-top-color: #ed5c68 !important;
|
|
|
+}
|
|
|
+.zpover1 {
|
|
|
+ background-color: #0057ba !important;
|
|
|
+}
|
|
|
+.zpover2 {
|
|
|
+ background-color: #ffba13 !important;
|
|
|
+}
|
|
|
+.zpover5 {
|
|
|
+ background-color: #2bc59f !important;
|
|
|
+}
|
|
|
+.zpover5 .popper__arrow::after {
|
|
|
+ border-bottom-color: #2bc59f !important;
|
|
|
+ border-top-color: #2bc59f !important;
|
|
|
+}
|
|
|
+.zpover6 {
|
|
|
+ background-color: #8f82bc !important;
|
|
|
+}
|
|
|
+.zpover6 .popper__arrow::after {
|
|
|
+ border-bottom-color: #8f82bc !important;
|
|
|
+ border-top-color: #8f82bc !important;
|
|
|
+}
|
|
|
+.zpover2 .popper__arrow::after {
|
|
|
+ border-bottom-color: #ffba13 !important;
|
|
|
+ border-top-color: #ffba13 !important;
|
|
|
+}
|
|
|
+.zpover1 .popper__arrow::after {
|
|
|
+ border-bottom-color: #0057ba !important;
|
|
|
+ border-top-color: #0057ba !important;
|
|
|
+}
|
|
|
+.zpoverStoreztype {
|
|
|
+ background-color: #4a4a4a !important;
|
|
|
+}
|
|
|
+.zpoverStoreztype .popper__arrow::after {
|
|
|
+ border-bottom-color: #4a4a4a !important;
|
|
|
+ border-top-color: #4a4a4a !important;
|
|
|
+}
|
|
|
+.poperWidthAuto {
|
|
|
+ min-width: auto !important;
|
|
|
+}
|
|
|
+.itenHhistory {
|
|
|
+ margin: 10px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+}
|
|
|
+.itenHhistory:last-child {
|
|
|
+ border: 0;
|
|
|
+}
|
|
|
+.flex1 {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.van-calendar__selected-day {
|
|
|
+ background-color: #0057ba !important;
|
|
|
+}
|
|
|
+.van-button--danger {
|
|
|
+ background-color: #0057ba !important;
|
|
|
+ border: 1px solid #0057ba !important;
|
|
|
+}
|
|
|
+.mapCheckbox,
|
|
|
+.icoImgMAP {
|
|
|
+ width: 100%;
|
|
|
+ background-color: white;
|
|
|
+}
|
|
|
+.mapCheckbox .van-checkbox__icon {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.mapCheckbox .van-checkbox__label,
|
|
|
+.mapCheckbox .van-checkbox--horizontal {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.mapCheckbox .van-checkbox__icon--checked + span {
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+.van-dialog__confirm,
|
|
|
+.van-dialog__confirm:active {
|
|
|
+ color: #0057ba;
|
|
|
+}
|
|
|
+.processIco {
|
|
|
+ top: 50%;
|
|
|
+ float: right;
|
|
|
+ right: 20px;
|
|
|
+ position: absolute;
|
|
|
+ margin-top: -8px;
|
|
|
+}
|
|
|
+.van-checkbox__icon--round .van-icon {
|
|
|
+ border-radius: 4px !important;
|
|
|
+}
|
|
|
+.textsize .van-button--small {
|
|
|
+ height: 25px;
|
|
|
+ padding: 0 11px;
|
|
|
+}
|
|
|
+.mapaddress {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 20px;
|
|
|
+ height: 240px;
|
|
|
+ background-color: white;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 1001;
|
|
|
+ font-size: 14px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 6px;
|
|
|
+}
|
|
|
+.mapaddress .title {
|
|
|
+ padding: 14px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ height: 48px;
|
|
|
+}
|
|
|
+.mapaddress .titleText {
|
|
|
+ width: 174px;
|
|
|
+ margin: 0px auto;
|
|
|
+ text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -87px;
|
|
|
+}
|
|
|
+.mapaddress .listBox {
|
|
|
+ padding: 5px 12px;
|
|
|
+ overflow-y: auto;
|
|
|
+ height: 240px;
|
|
|
+}
|
|
|
+.zpover1sb {
|
|
|
+ width: 97%;
|
|
|
+}
|
|
|
+.zpover1sb .el-table .el-table__cell {
|
|
|
+ padding: 8px 0;
|
|
|
+}
|
|
|
+.hid {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
