| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196 |
- *{
- margin: 0;
- padding: 0;
- }
- a{
- text-decoration:none;
- }
- input{
- border: 0;
- outline: none;
- }
- html{
- width: 100%;
- /*height: 100%;*/
- /*background: #000;*/
- background-image: url("/uploads/sign/2.png");
- /*background-position: center;*/
- /*background-size: auto 100%;*/
- background-repeat: no-repeat;
- background-position: center;
- }
- body{
- width: 100%;
- max-width: 600px;
- margin: 0 auto;
- }
- header img{
- display: block;
- width: 100%;
- margin:23px 0;
- }
- .tel,.pswd{
- width: 78%;
- margin: 0 auto;
- background: #fff;
- border: 3px solid #facd7e;
- border-radius: 15px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
- }
- .tel{
- margin-bottom: 20px;
- }
- .tel svg{
- height: 40px;
- width: 40px;
- padding: 1px 0 1px 15px;
- }
- .pswd svg{
- height: 40px;
- width: 26px;
- padding: 1px 6px 1px 25px;
- }
- .tel input,.pswd input{
- background-color: rgba(0, 0, 0, 0);
- color: #858484;
- width: 78%;
- }
- .pwagain{
- margin-top: 20px;
- }
- #your-dom-id{
- width: 78%;
- margin: 20px auto;
- }
- .nc-container #nc_1_wrapper{
- width: 100%!important;
- }
- .verificationCode{
- width: 78%;
- margin: 0 auto;
- overflow: hidden;
- margin-top: 20px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- .verificationCode .verification{
- overflow: hidden;
- width: 59%;
- background: #fff;
- border: 3px solid #facd7e;
- border-radius: 15px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- float: left;
- padding-left: 15px;
- }
- .verificationCode .verification svg{
- height: 40px;
- width: 36px;
- margin: 1px 0px 1px 0px;
- }
- .verificationCode .verification input{
- width: 78%;
- }
- .button{
- width: 31%;
- float: right;
- border-radius: 15px;
- overflow: hidden;
- }
- .button button{
- border-radius: 15px;
- display: inline-block;
- width: 100%;
- height: 100%;
- background-color: #e3c184;
- color: #000;
- white-space: nowrap;
- text-align: center;
- font-size: 14px;
- border: none;
- border-radius: 2px;
- cursor: pointer;
- box-shadow: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- -o-box-shadow: none;
- -ms-box-shadow: none;
- -khtml-box-shadow: none;
- outline:none;
- -webkit-tap-highlight-color: transparent;
- }
- .recommendid{
- width: 78%;
- margin: 0 auto;
- background: #fff;
- border: 3px solid #facd7e;
- border-radius: 15px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
- margin-top: 20px;
- height: 42px;
- }
- .recommendid input{
- width: 100%;
- color: #858484;
- text-align: center;
- font-size: 18px;
- }
- .immediately{
- display: block;
- margin: 20px auto;
- width: 56%;
- background-color: #e3c184;
- color: #000;
- white-space: nowrap;
- text-align: center;
- font-size: 22px;
- font-weight: 800;
- border: none;
- cursor: pointer;
- box-shadow: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- -o-box-shadow: none;
- -ms-box-shadow: none;
- -khtml-box-shadow: none;
- outline:none;
- -webkit-tap-highlight-color: transparent;
- padding: 7px 0;
- border-radius: 21px;
- }
- .already{
- color: #fff;
- text-align: center;
- }
- .already a{
- color: #e3c184;
- cursor: pointer;
- -webkit-tap-highlight-color: transparent;
- }
- .cover{
- position: fixed;
- bottom: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- background: rgba(227, 193, 132, 0.9);
- z-index: 3;
- color: #000;
- padding: 10px 20px;
- border-radius: 5px;
- display: none;
- }
|