html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

input,
select,
textarea {
    vertical-align: middle;
    -ms-behavior: url(css/PIE.htc);
    behavior: url(css/PIE.htc);
    outline: none;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

ul li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

img {
    width: 100%;
}
.show-pc{
    display:block
}
img{
    width:100%;
}
.show-phone{
    display:none
}
.plan-zl-box{
    width:600px;
    left:50%;
    position:fixed;
    margin-left:-300px;
    top:50%;
    transform:translateY(-50%);
    background-color:#fff;
    box-shadow:0px 3px 8px rgb(0,0,0,0.3);
    background-color:#fff;
    z-index:999;
    padding:40px 0;
    display:none;
}
.zl-main {
     width: 81.4%;
     margin: 0 auto;
     overflow: hidden;
 }
 
 .zl-title {
     width: 100%;
     text-align: center;
     font-size: 28px;
     color: #e60012;
 }
 
 .zl-tip {
     width: 100%;
     text-align: center;
     font-size: 14px;
     color: #333333;
     margin: 1.5% auto 3%;
 }
 
 .zl-list {
     position: relative;
     width: 100%;
     overflow: hidden;
     margin-top: 4%;
 }
 
 select {
     width: 78.2%;
     float: left;
     box-sizing: border-box;
     margin-left: 1.8%;
     border: 1px solid #d9d9d9;
     appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -webkit-appearance: none;
     font-size: 12px;
     color: #333;
     height:40px;
     line-height:40px;
     padding-left: 2%;
     border-radius: 5px;
     outline: none;
     background:#fff;
 }
 
 .zl-p {
     width: 15.3%;
     font-size: 14px;
     color: #333333;
     float: left;
     margin-top: 1%;
     text-align: right;
 }
 
 .xing {
     width: 1.2%;
     float: right;
     margin-top: 2%;
     margin-right:2%;
 }
 
 select::-ms-expand {
     display: none;
 }
 
 input {
     width: 78.2%;
     float: left;
     box-sizing: border-box;
     margin-left: 1.8%;
     border: 1px solid #d9d9d9;
     font-size: 14px;
     line-height:40px;
     color: #333;
     height:40px;
     padding-left: 2%;
     border-radius: 5px;
     outline: none;
 }
  input.code{
    width:54%;
  }
  .code-btn{
    font-size:14px;
    float:left;
    margin-left:2%;
    color:#e60012;
    cursor:pointer;
/*    font-weight:600;*/
    margin-top:1.5%;
  }
 .jiao {
     position: absolute;
     width: 1.5%;
     right: 6.4%;
     top: 44%;
 }
 
 .zl-c {
     position: relative;
     width: 100%;
     overflow: hidden;
 }
 
 .zl-c.c1 {
     margin-top: 2%;
 }
 .ys {
     width: 100%;
     text-align: center;
     font-size: 14px;
     margin: 3% auto 0;
 }
 
 .ys a {
     color: #e60012;
     text-decoration: none;
 }
 
 .zl-btn {
     width: 25.5%;
     margin: 5% auto 0;
     cursor: pointer;
 }
 
 .zl-close {
     position: absolute;
     width: 3.1%;
     right: 3.1%;
     top: 3.1%;
     cursor: pointer;
 }


@media screen and (max-width:770px) {

    /* 解决方案资料页移动端开始 */
    .show-pc{
    display:none;
}

.show-phone{
    display:block;
}
    

     .plan-zl-box {
          width: 93.3%;
         margin-left: 0;
         left: 3.5%;
         padding: 5% 0;
     }
     .zl-title {
         font-size: 4.8vw;
     }
     .zl-tip {
         font-size: 3vw;
         margin-top: 3%;
     }
    .zl-main {
         width: 92%;
         margin-left: 4%;
    }
     .zl-p {
         width: 20%;
         font-size: 3vw;
     }
     .zl-p.p1 {
         margin-top: 1%;
     }
     .zl-list,
     .zl-c.c1 {
         margin-top: 4%;
     }
     .code-btn{
        font-size:3vw;
     }
     input.code{
        width:41%;
     }
     select,
     input {
         width: 69%;
         height:auto;
         line-height:1em;
         margin-left: 2.5%;
         border-radius: 3px;
         font-size: 3vw;
         padding: 1.5% 0 1.7% 2%;
         background: none;
         -webkit-appearance: none;
     }
     .xing {
         width: 1.7%;
         margin-right:4%;
     }
     .jiao {
         width: 2.2%;
         right: 12.2%;
     }
     .jiao.j1 {
         top: 44%;
     }
     .ys {
         font-size: 2.4vw;
     }
      .zl-close {
         width: 5%;
         right: 4%;
     }
     .zl-btn {
         width: 30.4%;
         margin: 3% auto 0;
     }
}