|
/* font */
.f36{ font-size: 0.48rem; } /* 36px */
.f28{ font-size: 0.37rem; } /* 28px */
/* 功能 */
.f-tc{ text-align: center;}
.f-w100{ width: 100%; }
/* color */
.c-fff{ color: #fff; }
.c-bla{ color: #000; }
.c-cl{
color: #010201;
}
.c-sky{ color: #1e96cf; }
.c-bg-sky { color: #1e96cf; }
/* unit */
.btn{
width: 4.586rem;
height: 0.9333rem;
border: solid 1px rgba(0, 0, 0, 0.2);
border-radius: 0.42rem;
display: block;
margin: 0 auto;
}
.btn-1{
background-color: #fff ;
color: #1e96cf;
}
.btn-2{
background-color: #1e96cf;
color: #fff;
}
.input{
width: 100%;
height:0.90667rem;
background-color: #fff;
border: solid 1px rgba(0, 0, 0, 0.2);
font-size: 0.37rem;
padding : 0 10px;
}
/* module */
/* 表单 */
.g-container{
width: 100%;
position: relative;
}
.form{
width: 100%;
padding-left: 0.866667rem;
padding-right: 0.866667rem;
position: absolute;
}
.form-h3{ margin-bottom: 0.773333rem;}
.u-name{ margin-bottom: 18px;}
.u-tel{ margin-bottom: 0.6rem;}
.form1{ top: 9.693333rem; }
.form2{ bottom: 2.9rem; }
/* 底部联系我们 */
// .contact{
// position: absolute;
// bottom: 0.3rem;
// padding-left: 0.866667rem;
// padding-right: 0.86667rem;
// }
// .tel,
// .refer{
// display: inline-block;
// width: 3.41333rem;
// background-color: #fff;
// border-radius: 20px;
// line-height: 0.626667rem;
// font-size: 0.32rem;
// text-align: center;
// }
// .tel{
// background: url('../img/telpho.PNG') no-repeat 0.4rem center rgb(255, 255, 255);
// background-size: 0.36rem 0.36rem;
// margin-right: 1rem;
// }
// .refer{
// background: url('../img/wx.png') no-repeat 0.65rem center rgb(255, 255, 255);
// background-size: 0.36rem 0.36rem;
// }
/* 弹窗 */
.popup{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
z-index: 100;
}
.popup1,
.popup2,
.popup3{
display: none;
}
.m-require,
.m-suc{
width: 7rem;
padding: 0 22px;
background-color: #fff;
position: fixed;
top: 2rem;
left: 50%;
margin-left: -3.5rem;
border-radius: 10px;
}
.m-title{
line-height: 1.4266667rem;
border-bottom: 1px solid #1e96cf;
margin-bottom: 0.6667rem;
}
.m-cont{ margin-bottom: 1.06667rem; }
.m-btn{
width: 2.02rem;
height: 0.61333rem;
border: 1px solid #1e96cf;
border-radius: 20px;
background-color: #fff;
display: block;
margin: 0 auto;
margin-bottom: 0.706667rem;
}
.m-suc{
background: none;
}
.m-clo-btn{
position: absolute;
right: 0.5rem;
top: 0.5rem;
}
|