PC样式修改

criticalInsurance-campaign/css/iconfont.css

@@ -9,7 +9,7 @@
 
 .iconfont {
   font-family: "iconfont" !important;
-  font-size: 16px;
+  font-size: 14px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

criticalInsurance-campaign/css/mstyle.css

@@ -26,10 +26,10 @@ html,body{
 }
 .btn1,.orderBtn,.testBtn{
     width: 70%;
-    margin: 20px auto auto;
+    margin: 0 auto;
 }
 .btn1{
-    margin-bottom: 20px;
+    margin:20px auto;
 }
 .wrapper{
     padding-right: 15px;
@@ -70,7 +70,7 @@ html,body{
     font-size: 12px;
 }
 .agree{
-    font-size: 13px;
+    font-size: 12px;
     width: 100%;
     height:25px;
     line-height:25px;
@@ -78,10 +78,12 @@ html,body{
 }
 .agree span{
     display: inline-block;
-    color:#8a8a8a;
     position: absolute;
 }
-
+.agree span b{
+    font-weight:normal;
+    color:#8a8a8a;
+}
 .content{
     position: relative;
     width: 100%;

criticalInsurance-campaign/css/style.css

@@ -18,6 +18,8 @@ html,body{
     height:100%;
     margin:0 auto;
     font-size: 14px;
+    min-width: 1200px;
+    max-width: 2000px;
 }
 .banner{
     width: 100%;
@@ -30,12 +32,10 @@ html,body{
     right: 18%;
     top: 7%;
     background: #fff;
-    padding: 1%;
-    height: 80%;
+    padding: 1% 1% 0 1%;
 }
 .btn1 {
-    margin-left: 15%;
-    margin-bottom: 2%;
+    margin:0 auto;
 }
 
 .wrapper section{
@@ -45,16 +45,19 @@ html,body{
     line-height: 30px;
     position: relative;
 }
+
 .wrapper section label {
     width: 30%;
     float: left;
 }
-
+.wrapper .last_item{
+    margin-top:25px;
+}
 .form-control,.wrapper section .item{
     float: left;
     width: 70%;
-    height: 30px;
-    line-height: 30px;
+    height: 32px;
+    line-height: 32px;
 }
 .wrapper section .item .icon{
     margin-right: 5%;
@@ -73,20 +76,25 @@ html,body{
     font-size: 12px;
 }
 .agree{
-    font-size: 12px;
     width: 100%;
     height: 25px;
-    line-height: 25px;
+    line-height: 25px;  
 }
 .agree span{
     display: inline-block;
-    color:#8a8a8a;
+    width: 100%;
     position: absolute;
     cursor: pointer;
 }
+.agree span b{
+    font-weight:normal;
+    color:#8a8a8a;
+    font-size: 13px;
+}
 
 .testBtn{
-    margin-left: 7%;
+    max-width: 80%;
+    margin: 0 auto;
     cursor: pointer;
 }
 .content{
@@ -109,4 +117,91 @@ footer{
 .content #btn3 {
     top: 87%;
 }
+@media screen and (max-width: 1400px){
+    html,body{
+        font-size:12px;
+    }
+    .wrapper{
+        padding:.5%;
+    }
+    .wrapper section{
+        height: 40px;
+        line-height:30px;
+    }
+    .form-control, .wrapper section .item {
+        height: 25px;
+        line-height: 25px;
+        padding:0;
+    }
+    .wrapper section .tips{
+        height: 15px;
+        line-height: 15px;
+        font-size:10px;
+    }
+    .wrapper .last_item{
+        margin-top: 0px;
+    }
+    .agree {
+        width: 100%;
+        height: 20px;
+        line-height: 20px;
+    }
+    .agree span b{
+        font-size: 10px;
+    }
+}
+@media screen and (min-width:1400px) and (max-width: 1600px){
+    html,body{
+        font-size:12px;
+    }
+    .wrapper .last_item {
+        margin-top: 10px;
+    }
+    .wrapper section{
+        height: 45px;
+        line-height:30px;
+    }
+    .form-control, .wrapper section .item {
+        height: 25px;
+        line-height: 25px;
+        padding:0;
+    }
+    .wrapper section .tips{
+        height: 20px;
+        line-height: 20px;
+        font-size:10px;
+    }
+    .agree {
+        width: 100%;
+        height: 20px;
+        line-height: 20px;
+    }
+    .agree span b{
+        font-size: 12px;
+    }
+}
+@media screen and (min-width:1600px) and (max-width: 1800px){
+    .wrapper{
+        padding:.8%;
+    }
+    .wrapper .last_item{
+        margin-top: 15px;
+    }
+    .agree {
+        width: 100%;
+        height: 20px;
+        line-height: 20px;
+    }
+}
+
+@media screen and (min-width:1800px) and (max-width:2000px){
+    .wrapper .last_item {
+        margin-top: 25px;
+    }
+    .agree{
+        height: 20px;
+        line-height: 20px;  
+    }
+}
+
 

criticalInsurance-campaign/index.html

@@ -46,10 +46,12 @@
                     <input class="form-control userphone" type="text" placeholder="请输入您的手机号码">
                     <div class="phoneTips tips"></div>
                 </section>
-                <img class="testBtn" src="images/btn3.png" alt="保费试算">
                 <section>
+                    <img class="testBtn" src="images/btn3.png" alt="保费试算">
+                </section>
+                <section class="last_item">
                     <div class="agree">
-                        <span><i class="iconfont on">&#xe504;</i> 本人同意最惠比联系本人进行精准报价和产品介绍</span>
+                        <span><i class="iconfont on">&#xe504;</i> <b>本人同意最惠比联系本人进行精准报价和产品介绍 </b></span>
                     </div>
                     <div class="agreeTips tips"></div>
                 </section>

criticalInsurance-campaign/js/base.js

@@ -93,7 +93,6 @@ $(function(){
     }
     function submitBtn(){
         $(".testBtn").click(function(){
-            console.log(param)
         //判断性别选没选
         if(!param.sex){
             $(".sexTips").html('性别不能为空');