| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- /* .Content{height:100%;}
- .m_signUp_box{z-index:1000;position:relative;}
- .m_signUp{border:1px solid;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;background-color:#000;opacity:0.3;}
- .m_form{width:80%;position:absolute;left:50%;margin-left:-40%;z-index:110;border-radius:10px;overflow:hidden;background:#FFF;padding-bottom:40px;box-shadow:7px 7px 20px 0px rgba(70, 54, 54, 0.35);
- animation:change 0.4s;
- -webkit-animation:change 0.4s;
- -moz-animation:change 0.4s;
- -o-animation:change 0.4s;
- }
- @keyframes change {
- 0% {left:100%;opacity:0;}
- 100% {opacity:1;}
- }
- -webkit-@keyframes change {
- 0% {left:100%;opacity:0;}
- 100% {opacity:1;}
- }
- -moz-@keyframes change {
- 0% {left:100%;opacity:0;}
- 100% {opacity:1;}
- }
- -o-@keyframes change {
- 0% {left:100%;opacity:0;}
- 100% {opacity:1;}
- }
- .m_form_title{height:110px;background: url("/image/m_xbm1.png") no-repeat 0 0 / 100% 100%;text-align:center;line-height:135px;font-size:1.5rem;color:#FFF;position:relative;}
- .m_form_title img{width:37%;display:block;position:absolute;bottom:9px;left:50%;margin-left:-19%;}
- .m_form_input{border:1px solid #E8F0F7;width:85%;height:40px;margin:auto;margin-bottom:15px;position:relative;top:13px;}
- .m_form_input img{display: block;width:13px;margin-top:10px;float:left;margin-left:14px;}
- .m_form_input input{outline:none;float:left;width:80%;height:60%;border-left:1px solid;margin-left:10px;font-size:0.95rem;color:#9b9b9b;margin-top:8px;padding-left: 5px}
- .m_button{outline:none;width:85%;height:40px;border:0;background:#FF5849;border-radius:5px;margin:auto;display: block;margin-top:28px;font-size:1.1rem;color:#FFF;position:relative;z-index:100;}
- .y_fonr_text{ font-size: 0.8rem; color: #666; width: 85%; margin: 0 auto; line-height: 20px;margin-top:5px;}
- .m_close{position:absolute;top:10%;left:50%;z-index:100;width:36px;margin-left:130px;margin-top:54px;
- animation:change 0.4s;
- -webkit-animation:change 0.4s;
- -moz-animation:change 0.4s;
- -o-animation:change 0.4s;
- }
- .m_close img{width:100%;display:block;}
- .m_form_input input:-webkit-input-placeholder { color: #8AC6FE;}
- .m_form_input input:-moz-placeholder { color: #8AC6FE;}
- .m_form_input input:-ms-input-placeholder { color: #8AC6FE;}
- .m_form_input input:-o-input-placeholder { color: #8AC6FE;}
- */
|
