|
|
@@ -60,46 +60,62 @@ textarea:-ms-input-placeholder {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.hover-tips{
|
|
|
+.hover-tips:hover {
|
|
|
+ color: #0076F6 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.hover-tips-warn:hover {
|
|
|
+ color: #FA5555 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.hover-tips, .hover-tips-warn {
|
|
|
position: relative;
|
|
|
font-size: 18px;
|
|
|
+
|
|
|
&:hover {
|
|
|
- color: #1FE4DC!important;
|
|
|
> div {
|
|
|
- display: block;
|
|
|
- }
|
|
|
+ display: block;
|
|
|
}
|
|
|
- > div {
|
|
|
- cursor: default;
|
|
|
- padding: 0 10px;
|
|
|
- display: none;
|
|
|
- z-index: 10000;
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- top: -46px;
|
|
|
- background: rgba(0, 0, 0, 0.8);
|
|
|
- color: #fff;
|
|
|
- pointer-events: none;
|
|
|
- text-align: center;
|
|
|
- min-width: 80px;
|
|
|
- font-size: 12px;
|
|
|
- &::before{
|
|
|
- border: 10px solid transparent;
|
|
|
- border-top: 10px solid rgba(0, 0, 0, 0.8);
|
|
|
- width: 0;
|
|
|
- height: 0px;
|
|
|
- content: "";
|
|
|
- display: inline-block;
|
|
|
- position: absolute;
|
|
|
- bottom: -20px;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- }
|
|
|
- .remark {
|
|
|
- line-height: 2.5;
|
|
|
- }
|
|
|
+ }
|
|
|
+
|
|
|
+ // tip的方框
|
|
|
+ > div {
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
|
|
|
+ border: 1px solid #EBEDF0;
|
|
|
+ cursor: default;
|
|
|
+ display: none;
|
|
|
+ z-index: 10000;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ top: -46px;
|
|
|
+ color: #fff;
|
|
|
+ pointer-events: none;
|
|
|
+ text-align: center;
|
|
|
+ word-break: keep-all;
|
|
|
+ padding: 0 8px;
|
|
|
+ font-size: 12px;
|
|
|
+ // tip的箭头
|
|
|
+ &::before {
|
|
|
+ border: 7px solid transparent;
|
|
|
+ border-top: 7px solid #fff;
|
|
|
+ width: 0;
|
|
|
+ height: 0px;
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -14px;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ // tip的文字
|
|
|
+ .remark {
|
|
|
+ line-height: 2.5;
|
|
|
+ color: #323233;
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.shenglve{
|