|
|
@@ -6,7 +6,7 @@
|
|
|
bottom: 32px;
|
|
|
}
|
|
|
|
|
|
-.info {
|
|
|
+/*.info {
|
|
|
color:#333;
|
|
|
|
|
|
width: 60px;
|
|
|
@@ -28,6 +28,30 @@
|
|
|
background-color: #b9b7bf;
|
|
|
|
|
|
color: #fff;
|
|
|
+}*/
|
|
|
+
|
|
|
+.info {
|
|
|
+ color:#333;
|
|
|
+
|
|
|
+ width: 36px;
|
|
|
+
|
|
|
+ height: 36px;
|
|
|
+
|
|
|
+ border:solid 2px currentColor;
|
|
|
+
|
|
|
+ border-radius: 60px 60px 60px 0;
|
|
|
+
|
|
|
+ -webkit-transform:rotate(-45deg);
|
|
|
+
|
|
|
+ -moz-transform: ratate(-45deg);
|
|
|
+
|
|
|
+ transform:rotate(-45deg);
|
|
|
+
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ background-color: #b9b7bf;
|
|
|
+
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
.info.active {
|
|
|
@@ -35,7 +59,7 @@
|
|
|
z-index: 998 !important;
|
|
|
}
|
|
|
|
|
|
-.info span {
|
|
|
+/*.info span {
|
|
|
-webkit-transform: rotate(-45deg);
|
|
|
-moz-transform: ratate(-45deg);
|
|
|
transform: rotate(45deg);
|
|
|
@@ -52,8 +76,23 @@
|
|
|
word-wrap: break-word;
|
|
|
word-break: break-all;
|
|
|
margin-left: 8px;
|
|
|
+}*/
|
|
|
+.info span {
|
|
|
+ -webkit-transform: rotate(-45deg);
|
|
|
+ -moz-transform: ratate(-45deg);
|
|
|
+ transform: rotate(45deg);
|
|
|
+ text-align: center;
|
|
|
+ width: 100px;
|
|
|
+ display: -moz-box;
|
|
|
+ text-overflow: '';
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ left: -56px;
|
|
|
+ top: 27px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #666;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
-
|
|
|
.shop-business {
|
|
|
background-color: #956bff;
|
|
|
}
|
