|
@@ -22,9 +22,65 @@
|
|
|
background-color: transparent;/*背景透明*/
|
|
|
box-shadow: 0 0 0 rgba(0,0,0,0);/*前景无阴影*/
|
|
|
}
|
|
|
+ .popup {
|
|
|
+ background-color: transparent;/*背景透明*/
|
|
|
+ box-shadow: 0 0 0 rgba(0,0,0,0);/*前景无阴影*/
|
|
|
+ }
|
|
|
+ .close-popup-btn {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ background-color: transparent;
|
|
|
+ border: 2px solid white;
|
|
|
+ border-radius: 100px;
|
|
|
+ }
|
|
|
+ .userOrderMaxHeight {
|
|
|
+ max-height: 420px;
|
|
|
+ overflow-y: hidden;
|
|
|
+ }
|
|
|
+ #time1LuckBtn {
|
|
|
+ position: absolute;
|
|
|
+ right: 30px;
|
|
|
+ top: 30px;
|
|
|
+ height: 70px;
|
|
|
+ width: 200px;
|
|
|
+ border: none;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: white;
|
|
|
+ font-weight: 600;
|
|
|
+ box-shadow: 0px 0px 10px #dedede;
|
|
|
+ background: #11998e; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, rgb(17, 153, 142), rgb(56, 239, 125)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgb(17, 153, 142), rgb(56, 239, 125)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
|
+ }
|
|
|
+ #time10LuckBtn {
|
|
|
+ position: absolute;
|
|
|
+ left: 30px;
|
|
|
+ top: 30px;
|
|
|
+ height: 70px;
|
|
|
+ width: 250px;
|
|
|
+ border: none;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: white;
|
|
|
+ font-weight: 600;
|
|
|
+ background: #360033; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, rgb(54, 0, 51), rgb(11, 135, 147)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgb(54, 0, 51), rgb(11, 135, 147)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
|
+ box-shadow: 0px 0px 10px #dedede;
|
|
|
+ }
|
|
|
+ #time1LuckBtn img, #time10LuckBtn img {
|
|
|
+ margin: 0px 5px 0px 15px;
|
|
|
+ }
|
|
|
+ .time10result-container {
|
|
|
+ position: relative;
|
|
|
+ width: 120px;
|
|
|
+ background-color: transparent;
|
|
|
+ height: 120px;
|
|
|
+ float: left;
|
|
|
+ margin: 0px 0px 30px 0px;
|
|
|
+ text-align: center;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
-<body>
|
|
|
+<body style="background-color: whitesmoke">
|
|
|
<center>
|
|
|
|
|
|
<div id="header" style="position: fixed; top: 0px; left: 0px; width: 100%; height: 60px; z-index: 1999"></div>
|
|
@@ -378,7 +434,7 @@
|
|
|
"</div>"+
|
|
|
"<p style='width: 500px; height: 30px; margin-top: 20px; text-align: center'>" +
|
|
|
"<button onclick='layer.closeAll()' class='close-popup-btn'>" +
|
|
|
- "<i class=\"layui-icon\" style='font-size: 20px; color: white'>ဆ</i>" +
|
|
|
+ "<i class=\"layui-icon\" style='font-size: 20px; color: white'>ဇ</i>" +
|
|
|
"</button></p>";
|
|
|
layer.open({
|
|
|
type: 1,
|
|
@@ -400,7 +456,7 @@
|
|
|
popupContent += "</div>"+
|
|
|
"<p style='width: 600px; height: 30px; margin-top: 20px; text-align: center'>" +
|
|
|
"<button onclick='layer.closeAll()' class='close-popup-btn'>" +
|
|
|
- "<i class=\"layui-icon\" style='font-size: 20px; color: white'>ဆ</i>" +
|
|
|
+ "<i class=\"layui-icon\" style='font-size: 20px; color: white'>ဇ</i>" +
|
|
|
"</button></p>";
|
|
|
layer.open({
|
|
|
type: 1,
|