| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 |
- @media (min-width: 320px) {
- body {
- font-size: 12px;
- font-family: Microsoft YaHei;
- /*background: url(../imgs/bg2.jpg) no-repeat;*/
- background: url(../imgs/bg.jpg) no-repeat;
- background-position: center;
- background-size:100% 100%;
- }
- }
- @media (min-width: 370px) {
- body {
- font-size: 14px;
- font-family: Microsoft YaHei;
- }
- }
- @media (min-width: 410px) {
- body {
- font-size: 15px;
- font-family: Microsoft YaHei;
- }
- }
- @media (min-width: 768px) {
- body {
- font-size: 27px;
- font-family: Microsoft YaHei;
- }
- }
- @media (min-width: 1200px) {
- body {
- font-size: 40px;
- font-family: Microsoft YaHei;
- }
- }
- body {
- margin: 0px;
- padding: 0px;
- }
- .container {
- width: 84%;
- height: auto;
- /*控制背景 background-size: 100% 100%;*/
- margin: auto;
- margin-top: 50%;
- margin-bottom: 30%;
- padding-bottom: 10%;
- }
- .submit {
- background-color: #FCEE50;
- width: 50%;
- border-radius: 6px;
- font-size: 1.3em;
- font-weight: bolder;
- line-height: 1.9em;
- text-align: center;
- color: red;
- border: 0;
- display: block;
- margin-left: 25%;
- }
- .agree {
- width: 70%;
- height: 3%;
- padding-bottom: 5%;
- margin-left: 15%;
- }
- .span {
- color: red;
- }
- .iphone {
- line-height: 10%;
- padding-top: 2%;
- }
- .num {
- line-height: 10%;
- padding-top: 2%;
- }
- .input {
- -webkit-tap-highlight-color:rgba(0,0,0,0);
- /*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)*/
- text-align: center;
- outline:none;
- /* 去掉输入的时候出现的边框线*/
- font-size: 1.14286em;
- line-height: 2.5em;
- height: 2.5em;
- color: white;
- width: 100%;
- border: none;
- background-color: transparent;
- }
- .inside-container {
- padding-top: 40%;
- padding-bottom: 5%
- }
- .containers {
- border: 1px solid #ff002f;
- border-radius: 4px;
- background-color: rgba(183, 171, 171, 0.35);
- height: 2.5em;
- line-height: 2.5em;
- overflow: hidden;
- margin-bottom: 1em;
- width: 70%;
- margin-left: 15%;
- }
- .guanzhu_bg {
- display: none;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- text-align: center;
- background: rgba(0,0,0,0.7);
- z-index: 99;
- }
- .content-title{
- overflow: hidden;
- margin-bottom: 0.3em;
- text-align: center;
- font-size: 18px;
- font-weight: bolder;
- color: yellow;
- margin-top: 18%;
- }
- .content-title p{
- margin: 0;
- }
- input::-webkit-input-placeholder {
- font-weight: 500;
- font-size: 1em;
- color: white;
- }
- input:-moz-placeholder {
- font-weight: 500;
- font-size: 1em;
- opacity: 1;
- color: white;
- }
- input::-moz-placeholder {
- font-weight: 500;
- font-size: 1em;
- opacity: 1;
- color: white;
- }
- input:-ms-input-placeholder {
- font-weight: 500;
- font-size: 1em;
- color: white;
- }
|