liuyg
2021-07-02 25ce610f6ecca7325e7a743dc032c4a76559c63d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
.jimu-widget-visualAngle {
    position: fixed;
    font-size: 14px;
    /* height: 72px !important; */
    /* line-height  : 32px; */
    /* width: 216px !important; */
    /* right: auto !important; */
    /* top: auto !important; */
    /* bottom: 30px !important; */
    /* left: calc(50% - 90px) !important; */
    /* 240px */
    background: rgba(254, 254, 254, 1);
    /* border : 1px solid #000; */
    border-radius: 6px 0 0 6px;
    text-align: center;
    /* cursor       : pointer; */
    z-index: 13 !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.jimu-widget-visualAngle .visualAngleOnce {
    width: 72px;
    height: 36px;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
 
.jimu-widget-visualAngle .visualAngleOnce>div {
    width: 100%;
    height: 24px;
    border-right: 1px solid #DDDDDD;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
 
.jimu-widget-visualAngle .visualAngleOnce:hover .v-a-o-title {
    text-decoration: underline;
}
 
.jimu-widget-visualAngle .visualAngleOnce .v-a-o-title {
    color: #838383 !important;
    position: relative;
    left: 3px;
}
 
.jimu-widget-visualAngle .visualAngleOnce.on {
    background-color: #3F9DFD;
}
 
.jimu-widget-visualAngle .visualAngleOnce.on img,
.jimu-widget-visualAngle .visualAngleOnce.on div {
    filter: grayscale(100%) brightness(200%);
}
 
.jimu-widget-visualAngle .visualAngleOnce:nth-child(1) {
    border-radius: 6px 0 0 6px;
}
 
.jimu-widget-visualAngle .visualAngleOnce:nth-child(3) {
    /* border-radius: 0 6px 6px 0; */
}
 
.jimu-widget-visualAngle .v-a-Two i {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(../../../images/漫游体验.png) no-repeat;
    background-size: 100% 100%;
}
 
.jimu-widget-visualAngle .v-a-Three i {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(../../../images/固定视角.png) no-repeat;
    background-size: 100% 100%;
}