免费换机

microserviceUserH5/static/css/replacementActivities.css

@@ -66,6 +66,7 @@ ul, li {
   height: 4.04rem;
   background-color: #193B45;
   overflow: hidden;
+  position: relative;
 }
 .login-container{
   margin: 0.05rem;
@@ -95,45 +96,32 @@ ul, li {
   margin-top: 0.4rem;
 }
 .options{
-  width: 4.48rem;
-  height: 1.2rem;
+  width: 4.4rem;
+  height: 1.36rem;
   position: absolute;
-  top: 1.8rem;
-  left: 1.73rem;
+  top: 0.9rem;
+  left: 1.36rem;
   z-index: 9999;
+  background-color: #1F3F47;
   display: none;
   border-radius: 0.1rem;
-  padding: 0 0.18rem;
-  box-shadow: 0 0.1rem 0.02rem #FFFFFF;
+  -webkit-box-shadow:0 0 0.05rem #FFFFFF inset;
+  -moz-box-shadow:0 0 0.05rem #FFFFFF inset;
+  box-shadow:0 0 0.05rem #FFFFFF inset;
 }
 .show{
   display: block;
 }
-.first-text{
-  width: 3.3rem;
-  font-size: 14px;
-  position: absolute;
-  top: 0.1rem;
-  left: 0;
-  text-align: center;
-  padding: 0.1rem 0;
-  z-index: 999;
-}
-.first-text:hover{
-  background-color: #f5f5f5;
-}
-.second-text{
-  width: 3.3rem;
-  font-size: 14px;
-  position: absolute;
-  top: 0.68rem;
-  left: 0;
-  padding: 0.1rem 0;
+.icon-down-first, .icon-down-second, .icon-down-third {
+  width: 100%;
+  height: 0.45rem;
+  line-height: 0.45rem;
   text-align: center;
-  z-index: 999;
+  font-size: 0.24rem;
+  color: #63A1B0;
 }
-.second-text:hover{
-  background-color: #f5f5f5;
+.icon-down-first:hover, .icon-down-second:hover, .icon-down-third:hover {
+  background-color: #20444D;
 }
 .login-row-account{
   overflow: hidden;

microserviceUserH5/vcloud/replacementActivities.html

@@ -26,17 +26,11 @@
 						<div class="login-row-title">选择</div>
 						<input class="login-row-ipt" id="select" placeholder="请选择平台" disabled="true" />
 						<img class="icon-down-img" src="../static/img/replacementActivities/arrow.png" />
-					</div>
+					</div> 
 					<div class="options">
-						<div class="icon-down-first">
-							<span class="first-text">多多云</span>
-						</div>
-						<div class="icon-down-second">
-							<span class="second-text">红手指</span>
-						</div>
-						<div class="icon-down-second">
-							<span class="third-text">爱云兔</span>
-						</div>
+						<div class="icon-down-first">多多云</div>
+						<div class="icon-down-second">红手指</div>
+						<div class="icon-down-third">爱云兔</div>
 					</div>
 					<div class="login-row-account">
 						<div class="login-row-title">账户</div>