|
|
@@ -1,41 +1,47 @@
|
|
|
-
|
|
|
-.text-green{
|
|
|
+.text-green {
|
|
|
color: #172a30
|
|
|
}
|
|
|
-label.title{
|
|
|
+
|
|
|
+label.title {
|
|
|
display: inline-block;
|
|
|
width: 100px;
|
|
|
}
|
|
|
-.modal-feeRate {max-width: 550px}
|
|
|
|
|
|
+.modal-feeRate {
|
|
|
+ max-width: 550px
|
|
|
+}
|
|
|
|
|
|
-div.resize{
|
|
|
+div.resize {
|
|
|
height: 10px;
|
|
|
background: #efefef;
|
|
|
width: 100%;
|
|
|
cursor: s-resize;
|
|
|
}
|
|
|
-div.resize-y{
|
|
|
+
|
|
|
+div.resize-y {
|
|
|
height: 5px;
|
|
|
background: #efefef;
|
|
|
width: 100%;
|
|
|
cursor: s-resize;
|
|
|
}
|
|
|
-div.resize-x{
|
|
|
+
|
|
|
+div.resize-x {
|
|
|
width: 4px;
|
|
|
height: 100%;
|
|
|
background: #efefef;
|
|
|
cursor: w-resize;
|
|
|
float: left;
|
|
|
}
|
|
|
+
|
|
|
/*.zlfb-check{
|
|
|
margin-left: 20px;
|
|
|
}*/
|
|
|
-legend.legend{
|
|
|
- display:block;
|
|
|
- width:auto;
|
|
|
- font-size:0.9rem;
|
|
|
- top:-15px;
|
|
|
+
|
|
|
+legend.legend {
|
|
|
+ display: block;
|
|
|
+ width: auto;
|
|
|
+ font-size: 0.9rem;
|
|
|
+ top: -15px;
|
|
|
background: white;
|
|
|
}
|
|
|
|
|
|
@@ -47,34 +53,38 @@ legend.legend{
|
|
|
margin-left: 14px;
|
|
|
}
|
|
|
|
|
|
-.filterType{
|
|
|
+.filterType {
|
|
|
width: 98px;
|
|
|
float: left;
|
|
|
height: 100%;
|
|
|
}
|
|
|
+
|
|
|
.left {
|
|
|
float: left
|
|
|
}
|
|
|
-.full-h{
|
|
|
+
|
|
|
+.full-h {
|
|
|
height: 100%;
|
|
|
}
|
|
|
-.half-h{
|
|
|
+
|
|
|
+.half-h {
|
|
|
height: 50%;
|
|
|
}
|
|
|
-.a_color{
|
|
|
+
|
|
|
+.a_color {
|
|
|
color: #007bff;
|
|
|
}
|
|
|
|
|
|
-.filterType a{
|
|
|
+.filterType a {
|
|
|
padding: 1px;
|
|
|
padding-top: 7px;
|
|
|
padding-bottom: 7px;
|
|
|
}
|
|
|
|
|
|
-#gljPriceTenderCoe::-webkit-outer-spin-button,
|
|
|
-#gljPriceTenderCoe::-webkit-inner-spin-button {
|
|
|
+#gljPriceTenderCoe::-webkit-outer-spin-button, #gljPriceTenderCoe::-webkit-inner-spin-button {
|
|
|
-webkit-appearance: none;
|
|
|
}
|
|
|
+
|
|
|
#gljPriceTenderCoe {
|
|
|
-moz-appearance: textfield;
|
|
|
}
|
|
|
@@ -85,84 +95,83 @@ legend.legend{
|
|
|
}
|
|
|
|
|
|
.message-box {
|
|
|
- position:absolute;
|
|
|
- background:#000;
|
|
|
- padding:8px 10px;
|
|
|
+ position: absolute;
|
|
|
+ background: #000;
|
|
|
+ padding: 8px 10px;
|
|
|
line-height: 18px;
|
|
|
- border-radius:4px;
|
|
|
- text-align:left;
|
|
|
- font:0.9rem Calibri;
|
|
|
- box-shadow:2px 2px 6px #ccc;
|
|
|
- color:#fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ text-align: left;
|
|
|
+ font: 0.9rem Calibri;
|
|
|
+ box-shadow: 2px 2px 6px #ccc;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
+
|
|
|
.triangle-border {
|
|
|
- position:absolute;
|
|
|
- left:10px;
|
|
|
- overflow:hidden;
|
|
|
- width:0;
|
|
|
- height:0;
|
|
|
- border-width:6px;
|
|
|
- border-style:solid dashed dashed dashed;
|
|
|
+ position: absolute;
|
|
|
+ left: 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-width: 6px;
|
|
|
+ border-style: solid dashed dashed dashed;
|
|
|
}
|
|
|
+
|
|
|
.triangle-border_dropdown {
|
|
|
- position:absolute;
|
|
|
- left:0px;
|
|
|
- overflow:hidden;
|
|
|
- width:0;
|
|
|
- height:0;
|
|
|
- border-width:4px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-width: 4px;
|
|
|
z-index: 10;
|
|
|
- border-style:solid dashed dashed dashed;
|
|
|
+ border-style: solid dashed dashed dashed;
|
|
|
}
|
|
|
+
|
|
|
.tb-border_dropdown {
|
|
|
- top:7px;
|
|
|
- border-color:#000 transparent transparent transparent;
|
|
|
+ top: 7px;
|
|
|
+ border-color: #000 transparent transparent transparent;
|
|
|
}
|
|
|
|
|
|
.tb-background_dropdown {
|
|
|
- bottom:-11px;
|
|
|
- border-color:#000 transparent transparent transparent;
|
|
|
+ bottom: -11px;
|
|
|
+ border-color: #000 transparent transparent transparent;
|
|
|
}
|
|
|
|
|
|
.tb-border {
|
|
|
- bottom:-12px;
|
|
|
- border-color:#000 transparent transparent transparent;
|
|
|
+ bottom: -12px;
|
|
|
+ border-color: #000 transparent transparent transparent;
|
|
|
}
|
|
|
+
|
|
|
.tb-background {
|
|
|
- bottom:-11px;
|
|
|
- border-color:#000 transparent transparent transparent;
|
|
|
+ bottom: -11px;
|
|
|
+ border-color: #000 transparent transparent transparent;
|
|
|
}
|
|
|
|
|
|
.tb-border_up {
|
|
|
- top:-12px;
|
|
|
- border-color:transparent transparent #000 transparent;
|
|
|
+ top: -12px;
|
|
|
+ border-color: transparent transparent #000 transparent;
|
|
|
}
|
|
|
+
|
|
|
.tb-background_up {
|
|
|
- top:-11px;
|
|
|
- border-color:transparent transparent #000 transparent;
|
|
|
+ top: -11px;
|
|
|
+ border-color: transparent transparent #000 transparent;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-.elf-options:hover{
|
|
|
+.elf-options:hover {
|
|
|
background-color: #CCCCCC;
|
|
|
}
|
|
|
|
|
|
-.inline-div{
|
|
|
- display:inline;
|
|
|
+.inline-div {
|
|
|
+ display: inline;
|
|
|
}
|
|
|
|
|
|
/*快捷切换单位工程*/
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
/*.menu a:hover {
|
|
|
color: #fff;
|
|
|
background: #40DE5A;
|
|
|
}*/
|
|
|
|
|
|
-
|
|
|
.menu ul ul {
|
|
|
visibility: hidden;
|
|
|
position: absolute;
|
|
|
@@ -182,12 +191,13 @@ legend.legend{
|
|
|
visibility: visible;
|
|
|
}
|
|
|
|
|
|
-.ui-datepicker-next, .ui-datepicker-next:hover{
|
|
|
+.ui-datepicker-next, .ui-datepicker-next:hover {
|
|
|
background-image: url("/lib/jquery-ui/images/ui-icons_444444_256x240.png");
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: -28px -12px;
|
|
|
}
|
|
|
-.ui-datepicker-prev, .ui-datepicker-prev:hover{
|
|
|
+
|
|
|
+.ui-datepicker-prev, .ui-datepicker-prev:hover {
|
|
|
background-image: url("/lib/jquery-ui/images/ui-icons_444444_256x240.png");
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: -90px -12px;
|
|
|
@@ -197,226 +207,261 @@ legend.legend{
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
-#toolToastWrap{
|
|
|
- display:-webkit-box;
|
|
|
- display:-ms-flexbox;
|
|
|
- display:flex;
|
|
|
- -webkit-box-pack:center;
|
|
|
- -ms-flex-pack:center;
|
|
|
- justify-content:center;
|
|
|
- pointer-events:none;
|
|
|
+#toolToastWrap {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -ms-flex-pack: center;
|
|
|
+ justify-content: center;
|
|
|
+ pointer-events: none;
|
|
|
}
|
|
|
|
|
|
-#toolToast{
|
|
|
- padding:11px 20px;
|
|
|
- line-height:18px;
|
|
|
- font-size:14px;
|
|
|
- position:relative;
|
|
|
- word-wrap:break-word;
|
|
|
- color:#fff;
|
|
|
- text-align:center;
|
|
|
- background:rgba(0,0,0,.75);
|
|
|
- background-size:cover;
|
|
|
- -webkit-user-select:none;
|
|
|
- -moz-user-select:none;
|
|
|
- -ms-user-select:none;
|
|
|
- user-select:none;
|
|
|
- display:-webkit-box;
|
|
|
- display:-ms-flexbox;
|
|
|
- display:flex;
|
|
|
- -webkit-box-align:center;
|
|
|
- -ms-flex-align:center;
|
|
|
- align-items:center;
|
|
|
- max-width:686px;
|
|
|
- box-sizing:border-box;
|
|
|
- box-shadow:0 0 0 0 rgba(0,0,0,.15),0 2px 5px 0 rgba(0,0,0,.25);
|
|
|
- pointer-events:auto;
|
|
|
- border-radius:2px
|
|
|
-}
|
|
|
-
|
|
|
-#toolToastBtn{
|
|
|
- color:#0188fb;
|
|
|
- margin:0 2px;
|
|
|
- white-space:nowrap;
|
|
|
- cursor:pointer;
|
|
|
- font-weight:700
|
|
|
+#toolToast {
|
|
|
+ padding: 11px 20px;
|
|
|
+ line-height: 18px;
|
|
|
+ font-size: 14px;
|
|
|
+ position: relative;
|
|
|
+ word-wrap: break-word;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ background: rgba(0, 0, 0, .75);
|
|
|
+ background-size: cover;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ max-width: 686px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, .15), 0 2px 5px 0 rgba(0, 0, 0, .25);
|
|
|
+ pointer-events: auto;
|
|
|
+ border-radius: 2px
|
|
|
+}
|
|
|
+
|
|
|
+#toolToastBtn {
|
|
|
+ color: #0188fb;
|
|
|
+ margin: 0 2px;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: pointer;
|
|
|
+ font-weight: 700
|
|
|
}
|
|
|
|
|
|
-#toolToastBtn:hover{
|
|
|
- color:#4060c9
|
|
|
+#toolToastBtn:hover {
|
|
|
+ color: #4060c9
|
|
|
}
|
|
|
|
|
|
-#toolToastBtn:active{
|
|
|
- color:#354ea1
|
|
|
+#toolToastBtn:active {
|
|
|
+ color: #354ea1
|
|
|
}
|
|
|
|
|
|
-.select_input{
|
|
|
- border:none;
|
|
|
+.select_input {
|
|
|
+ border: none;
|
|
|
}
|
|
|
|
|
|
/*.es-list>li:hover{
|
|
|
background: lightgrey;
|
|
|
}*/
|
|
|
|
|
|
-.es-list-selected{
|
|
|
+.es-list-selected {
|
|
|
background: lightgrey;
|
|
|
}
|
|
|
|
|
|
-.es-list>li{
|
|
|
- font-size:13px;
|
|
|
+.es-list>li {
|
|
|
+ font-size: 13px;
|
|
|
}
|
|
|
-.es-list{
|
|
|
- white-space:nowrap;
|
|
|
+
|
|
|
+.es-list {
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
/*.dropdown-toggle::after{
|
|
|
vertical-align:.5em
|
|
|
}*/
|
|
|
-#esInput{
|
|
|
- font-size:13px;
|
|
|
+
|
|
|
+#esInput {
|
|
|
+ font-size: 13px;
|
|
|
color: black;
|
|
|
height: 100%;
|
|
|
}
|
|
|
-.ration_glj_spread{
|
|
|
+
|
|
|
+.ration_glj_spread {
|
|
|
width: 83%;
|
|
|
float: left;
|
|
|
}
|
|
|
|
|
|
-.item_spread{
|
|
|
+.item_spread {
|
|
|
width: 29.8%;
|
|
|
float: left;
|
|
|
background: #F1F1F1;
|
|
|
- word-wrap:break-word
|
|
|
+ word-wrap: break-word
|
|
|
}
|
|
|
|
|
|
-input.text-right{
|
|
|
+input.text-right {
|
|
|
text-align: right;
|
|
|
}
|
|
|
|
|
|
-.cus-width{
|
|
|
+.cus-width {
|
|
|
width: 100px;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
-.more{
|
|
|
- padding-left:.25rem!important
|
|
|
+
|
|
|
+.more {
|
|
|
+ padding-left: .25rem!important
|
|
|
}
|
|
|
+
|
|
|
.bottom-tznrTools {
|
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
|
- background:#efefef;
|
|
|
- bottom:30px;
|
|
|
- left:0px;
|
|
|
+ background: #efefef;
|
|
|
+ bottom: 30px;
|
|
|
+ left: 0px;
|
|
|
z-index: 999
|
|
|
}
|
|
|
|
|
|
-.zmhs-link{
|
|
|
- padding:0.4em 0.4em !important;
|
|
|
+.zmhs-link {
|
|
|
+ padding: 0.4em 0.4em !important;
|
|
|
}
|
|
|
|
|
|
/*修改tooltip默认最大宽度 */
|
|
|
-.tooltip-inner{
|
|
|
+
|
|
|
+.tooltip-inner {
|
|
|
max-width: 400px !important;
|
|
|
}
|
|
|
-.applySuccess{
|
|
|
+
|
|
|
+.applySuccess {
|
|
|
display: none;
|
|
|
color: #43CD80;
|
|
|
margin-left: 8px
|
|
|
}
|
|
|
+
|
|
|
/*占位底色*/
|
|
|
+
|
|
|
.occupied {
|
|
|
background: #f1f1f1;
|
|
|
}
|
|
|
-.material-ration-left{
|
|
|
- float:left;
|
|
|
+
|
|
|
+.material-ration-left {
|
|
|
+ float: left;
|
|
|
width: 90%;
|
|
|
}
|
|
|
-.material-ass{
|
|
|
+
|
|
|
+.material-ass {
|
|
|
width: 10%;
|
|
|
- background:#f7f7f9
|
|
|
+ background: #f7f7f9
|
|
|
}
|
|
|
+
|
|
|
/*书签批注*/
|
|
|
-.annotate-color-1::before{
|
|
|
+
|
|
|
+.annotate-color-1::before {
|
|
|
color: #E2F2C5 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-2::before{
|
|
|
+
|
|
|
+.annotate-color-2::before {
|
|
|
color: #F9E2CF !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-3::before{
|
|
|
- color:#F2EFD9 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-3::before {
|
|
|
+ color: #F2EFD9 !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-4::before{
|
|
|
- color:#F5D1DA !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-4::before {
|
|
|
+ color: #F5D1DA !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-5::before{
|
|
|
- color:#E3E3E3 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-5::before {
|
|
|
+ color: #E3E3E3 !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-6::before{
|
|
|
- color:#B6F3F2 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-6::before {
|
|
|
+ color: #B6F3F2 !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-7::before{
|
|
|
- color:#ECE0F5 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-7::before {
|
|
|
+ color: #ECE0F5 !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
+
|
|
|
/*书签批注*/
|
|
|
-.annotate-color-1::before{
|
|
|
+
|
|
|
+.annotate-color-1::before {
|
|
|
color: #E2F2C5 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-2::before{
|
|
|
+
|
|
|
+.annotate-color-2::before {
|
|
|
color: #F9E2CF !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-3::before{
|
|
|
- color:#F2EFD9 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-3::before {
|
|
|
+ color: #F2EFD9 !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-4::before{
|
|
|
- color:#F5D1DA !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-4::before {
|
|
|
+ color: #F5D1DA !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-5::before{
|
|
|
- color:#E3E3E3 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-5::before {
|
|
|
+ color: #E3E3E3 !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-6::before{
|
|
|
- color:#B6F3F2 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-6::before {
|
|
|
+ color: #B6F3F2 !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
-.annotate-color-7::before{
|
|
|
- color:#ECE0F5 !important;
|
|
|
- -webkit-text-stroke:.5px #ced4da;
|
|
|
+
|
|
|
+.annotate-color-7::before {
|
|
|
+ color: #ECE0F5 !important;
|
|
|
+ -webkit-text-stroke: .5px #ced4da;
|
|
|
}
|
|
|
+
|
|
|
.z-index-3000 {
|
|
|
z-index: 3000;
|
|
|
}
|
|
|
+
|
|
|
.text-ellipsis {
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
+
|
|
|
.border-radius {
|
|
|
border-radius: .2rem !important;
|
|
|
}
|
|
|
+
|
|
|
.pm-i {
|
|
|
width: 18px;
|
|
|
}
|
|
|
+
|
|
|
.calcbase-btn {
|
|
|
width: 24px;
|
|
|
padding-left: 0;
|
|
|
padding-right: 0;
|
|
|
}
|
|
|
+
|
|
|
.hide-area {
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
.middle-modal-width {
|
|
|
max-width: 650px;
|
|
|
}
|
|
|
+
|
|
|
.middle-modal-height {
|
|
|
height: 500px;
|
|
|
}
|
|
|
@@ -431,27 +476,32 @@ input.text-right{
|
|
|
}
|
|
|
|
|
|
/* 初始样式,防止projspread初始化完后背景从白突然变灰 */
|
|
|
+
|
|
|
.poj-list {
|
|
|
- height: 1000px;
|
|
|
+ height: 1000px;
|
|
|
background: #f7f7f9;
|
|
|
}
|
|
|
+
|
|
|
.form-control-inline {
|
|
|
- display: inline-block !important;
|
|
|
- width: 80% !important;
|
|
|
+ display: inline-block !important;
|
|
|
+ width: 80% !important;
|
|
|
}
|
|
|
-.unit_price_header{
|
|
|
- padding-top:6px;
|
|
|
- margin-left: 50px;
|
|
|
- margin-right: 100px !important;
|
|
|
+
|
|
|
+.unit_price_header {
|
|
|
+ padding-top: 6px;
|
|
|
+ margin-left: 50px;
|
|
|
+ margin-right: 100px !important;
|
|
|
}
|
|
|
+
|
|
|
.default-cursor {
|
|
|
cursor: default !important;
|
|
|
}
|
|
|
|
|
|
-.material_link.active{
|
|
|
- border:2px solid #ff6501 !important;
|
|
|
- border-right: 1px solid #fff !important;
|
|
|
+.material_link.active {
|
|
|
+ border: 2px solid #ff6501 !important;
|
|
|
+ border-right: 1px solid #fff !important;
|
|
|
}
|
|
|
+
|
|
|
.table-sc th {
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
@@ -463,6 +513,7 @@ input.text-right{
|
|
|
}
|
|
|
|
|
|
/* 右键菜单input */
|
|
|
+
|
|
|
.menu-input {
|
|
|
width: 2.5rem;
|
|
|
border: 1px solid rgb(221, 221, 221);
|
|
|
@@ -470,9 +521,68 @@ input.text-right{
|
|
|
height: 1.3rem;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+
|
|
|
.menu-input:focus {
|
|
|
outline: none;
|
|
|
}
|
|
|
+
|
|
|
/* .menu-input::selection {
|
|
|
background-color: rgb(41, 128, 185);
|
|
|
-} */
|
|
|
+} */
|
|
|
+
|
|
|
+/* 进度条动画 */
|
|
|
+
|
|
|
+.progress-bar {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.progress-move {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ z-index: 999;
|
|
|
+ width: 200%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: .25rem;
|
|
|
+ animation: progressMove 20s linear infinite;
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes progressMove {
|
|
|
+ from {
|
|
|
+ transform: translateX(0);
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ transform: translateX(-280px);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.progress-cover {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ z-index: 1000;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #e9ecef;
|
|
|
+}
|
|
|
+
|
|
|
+.progress-cover-move {
|
|
|
+ animation: progressCoverMove 40s linear;
|
|
|
+ animation-fill-mode: forwards;
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes progressCoverMove {
|
|
|
+ 0% {
|
|
|
+ transform: translateX(0);
|
|
|
+ }
|
|
|
+ 20% {
|
|
|
+ transform: translateX(330px);
|
|
|
+ }
|
|
|
+ 40% {
|
|
|
+ transform: translateX(380px);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ transform: translateX(420px);
|
|
|
+ }
|
|
|
+}
|