m.hellocode.cn

global.css 2.9KB

    /* 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; }