手机端支持

css/custom.css

@@ -369,7 +369,11 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
   .header .headerLink .mobileIcon{ font-size: 24px;  width:40px; height:40px; text-align:center; color: #fff; border: 0; position: relative; background: none; padding: 0; border-radius: 0;}
   .header .headerLink .mobileIcon:hover{background: none;}
 
-  .header .form-stack, .innerPage .header .headerLink .innerButton{ display: none;} 
+  .innerPage .header .headerLink .innerButton{ display: none;} 
+
+  .form-stack{width: 120px; position: absolute;right: 70px; top: 8px;}
+  .form-stack .card-radio{width: 50%;}
+  .form-stack .card-radio::after{ display: none;}
 
   .mobileIcon span, .mobileIcon::before, .mobileIcon::after{left:4px; position:absolute;  height:4px; width:32px; border-radius:2px; background-color:#fff; transition:all 0.5s ease 0s;}
   .mobileIcon span{ top:18px;}

layout/innerHeader.php

@@ -57,11 +57,17 @@
       <div class="container">
         <a href="index.php" class="logo"><img src="image/logo.png" alt="研易宝"/></a>
         <div class="headerLink">
-          <div class="form-stack xs-hidden">
+          <div class="form-stack">
             <input class="radio-card" type="radio" value="seller" name="userType" id="user1" checked="checked">
-            <label for="user1" class="card-radio pct50 first">我要卖产品</label>
+            <label for="user1" class="card-radio pct50 first">
+              <span class="xs-hidden">我要卖产品</span>
+              <span class="xs-block">卖</span>
+            </label>
             <input class="radio-card" type="radio" value="buyer" name="userType" id="user2">
-            <label for="user2" class="card-radio pct50 last">我要买产品</label>
+            <label for="user2" class="card-radio pct50 last">
+              <span class="xs-hidden">我要买产品</span>
+              <span class="xs-block">卖</span>
+            </label>
           </div>
 
           <a href="javascript:void(0);" class="button innerButton xs-hidden">实验室管理系统</a>