LoginAndRegister.css 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. /*整体样式*/
  2. html { }
  3. html, body { overflow:hidden; background-color: #e1e3e4; cursor:default; height: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; width: 100%; font-size: 12px; font-family: lucida, "Hiragino Sans GB" , "微软雅黑" , "WenQuanYi Micro Hei" , sans-serif; color: #333; }
  4. textarea, div[contentEditable='true'], input, div[class='UF_FW_Message U_MD_D_YesText'] div[class='U_MD_F_H_Z'] { outline: none; -khtml-user-select: text; -moz-user-input: enabled; -moz-user-focus: -moz-all; -webkit-user-select: text; -moz-user-select: -moz-all; -ms-user-select: text; cursor: text; }
  5. input[type="button"] { border: 0; }
  6. .U_Img { background-image:url(/img/YS2017.png); _background-image:url(/img/YSD2014.gif); }
  7. /*登录注册样式*/
  8. .U_MD_U_L_login { height: 480px; padding: 0 30px 0 30px; overflow: hidden; display: block; }
  9. .U_MD_U_L_Top { margin: 18px auto 0 auto; overflow: hidden; }
  10. .U_MD_U_L_Top_Box { width: 190px; margin: auto;}
  11. .U_MD_U_R_I { padding: 0 2px; }
  12. .U_MD_U_L_T { display: none; padding: 0 2px; }
  13. .U_MD_U_L_overflow { overflow: hidden; }
  14. .U_MD_U_L_Top_Yun { color: #444; float: none; width: 100%; margin-top: 10px; font-size: 14px; }
  15. .U_MD_U_L_Top_Yun span { color: #0066cc; cursor: pointer; font-size: 14px; }
  16. .U_MD_U_L_Top_Yun span:hover { text-decoration: underline; }
  17. .U_MD_U_L_LS { margin-top: 20px; height: 20px; line-height: 20px; }
  18. .U_MD_U_L_LS_Checkbox { margin: 3px 0 0 5px; float: left; }
  19. .U_MD_U_L_LS_Txt { margin-left: 3px; float: left; color: grey; }
  20. .U_MD_U_L_LS_FP { float: right; color: grey; cursor: pointer; }
  21. .U_MD_U_L_LS_FP:hover { text-decoration: underline; }
  22. .U_MD_U_R_Submit, .U_MD_U_L_Login_B { cursor: pointer; margin: 20px auto 0 auto; line-height: 40px; text-align: center; font-size: 15px; color: #fff; border-radius: 4px; background-color: #0079da; box-shadow: 1.5px 3.71px 5px 0 rgba(0,126,255,.37); width: 100%; height: 40px; }
  23. .U_MD_U_L_Login_B:hover { background-color: #0090FF; }
  24. .U_MD_U_L_R_B { margin-top: 10px; color: #0066cc; cursor: pointer; height: 20px; font-size: 14px; text-align: right; }
  25. .U_MD_U_L_R_B:hover { text-decoration: underline; }
  26. .U_MD_U_F_Container { height: 20px; }
  27. .U_MD_U_L_login_O { margin-top: 10px; text-align: center; color: #3e3e3e; }
  28. .U_MD_U_L_login_O_T { margin-top: 18px; height: 58px; width: 100%; font-family: 宋体; }
  29. .U_MD_U_L_login_O_T_app { height: 20px; cursor: pointer; border-radius: 30px; width: 33.3333%; float: left; text-align: center; }
  30. .U_MD_U_L_login_O_T_app_I { margin: 2px 0 0 8px; width: 16px; height: 18px; overflow: hidden; margin-left: 37%; display: none; }
  31. .U_MD_U_L_login_O_T_app_I a, .U_MD_U_L_login_O_T_app_Q div, .U_MD_HomeCOSLQL img { padding: 0; margin: 0; border: 0; }
  32. .U_MD_U_L_login_O_T_app_QQ { width: 21px; height: 20px; margin-top: 0; }
  33. .U_MD_U_L_login_O_T_app_QQ div { margin: -2px 0 0 -2px; }
  34. .U_MD_U_L_login_O_T_app_WX_I { background-position: -815px -1072px; }
  35. .U_MD_U_L_LB { width: 100%; }
  36. .U_MD_U_F_RP { margin-top: 10px; }
  37. .U_MD_U_L_Box_Txt { width: 20px !important; height: 24px; margin-top: 5px; line-height: 18px; float: right; }
  38. .U_MD_U_L_Box_Txt_Img { width: 20px !important; width: 18px; margin-top: 0px; height: 27px; background-position: -1009px -33px; }
  39. .U_MD_U_L_Box_Txt_Img_BP { background-position: -947px -33px; }
  40. .U_MD_U_L_Box_height { margin-top: 15px; padding: 4px 10px; height: 32px; }
  41. .U_MD_U_L_Box_checkUseNameFormat{ float: left;margin-top: 3px;color: #CD1717;margin-left: 15px;}
  42. .U_MD_U_L_Box_checkPWFormat{float: left;margin-top: 5px;color: #CD1717;margin-left: 15px;}
  43. .U_MD_U_L_Box_style { border-width: 1px; border-color: #e5e5e5; border-style: solid; border-radius: 5px; background-color: #fdfdfd; height: 33px; margin-top: 25px; }
  44. .U_MD_U_L_Box_Border { border: 1px solid #488ee7; }
  45. .U_MD_U_L_Box_mistakeBorder { border: 1px solid rgba(219,52,52,1); }
  46. .U_MD_U_L_Box_P_B { background-color: #fff; }
  47. .U_MD_U_L_Box_U_B { background-color: #fff; }
  48. .U_MD_U_L_Box_B { background-color: #fff; }
  49. .U_MD_U_L_Box_style div { }
  50. .U_MD_U_L_Box_style input { line-height: normal; line-height: 33px\9; height: 33px; width: 245px; color: #000; padding: 0; }
  51. .U_MD_U_L_Box_style i {display: block; height: 21px; line-height: 21px; font-size: 14px; margin: -25px 0 0 0; color: #aeaeae; font-size: 12px; text-indent: 0.7em; font-style:normal; }
  52. .U_MD_U_R_VC { width: 100%; margin-top: 25px; height: 42px; }
  53. .U_MD_U_R_VC_I { width: 139px; padding-top: 10px; float: left; background-color: #fff; border-radius: 5px; border-width: 1px; border-color: #e5e5e5; border-style: solid; }
  54. .U_MD_U_R_VC_I input { line-height: normal; line-height: 22px\9; width: 140px; height: 22px; }
  55. .U_MD_U_R_VC_I i { display: block; height: 21px; line-height: 21px; color: #aeaeae; padding: 0; margin: -21px 0 0 0; line-height: 21px; width: 132px; text-indent: 10px; }
  56. .U_MD_U_R_VC_Img { width: 88px; height: 26px; float: left; margin: 7px 0 0 10px; }
  57. .U_MD_U_R_VC_Img img { width: 90px; height: 30px; }
  58. .U_MD_U_R_VC_Img_R { margin-left: 8px; color: #808080; line-height: 62px; float: left; cursor: pointer; }
  59. .U_MD_U_R_VC_Img_R:hover { text-decoration: underline; }
  60. .U_MD_U_R_Protocol { margin-top: 27px; width: 100%; height: 21px; line-height: 21px; }
  61. .U_MD_U_R_Protocol_O { float: left; margin-left: 10px; color: #444; }
  62. .U_MD_U_R_Protocol_O span { color: red; cursor: pointer; }
  63. .U_MD_U_R_Protocol_O span:hover { text-decoration: underline; }
  64. .U_MD_U_F_T { color: grey; font-size: 14px; border-bottom: 1px solid #d6d7d8; padding-bottom: 12px; width:197px; margin:10px auto 0 auto; }
  65. .U_MD_U_F_T_span { /* cursor:pointer; */ }
  66. .U_MD_U_F_T_span:hover { /* text-decoration:underline */ }
  67. .U_MD_U_F_Submit { background-color: #FF2B2A; box-shadow: none; margin-top: 34px; }
  68. .U_MD_U_F_BL { margin-top: 33px; height: 20px; line-height: 20px; }
  69. .U_MD_U_F_BL_O { float: right; margin-right: 10px; color: grey; font-size: 14px; cursor: pointer; }
  70. .U_MD_U_F_BL_O:hover { text-decoration: underline; }
  71. .U_MD_U_F_T span img { position: relative; right: 9px; top: 5px; }
  72. .U_MD_U_F_T span img:last-child { top: 2px; }
  73. .U_MD_U_F_T span { cursor: pointer; padding:10px 20px; }
  74. .U_MD_U_F_T_Hover { border-bottom: 1px solid #7F8081; }
  75. /* .U_MD_U_F_T>span:hover{border-bottom: 1px solid #7F8081;} */
  76. /*外链登录*/
  77. .U_MD_U_OT_B { background-color: #fff; }
  78. .U_MD_U_OT_T { width: 100%; padding-top: 15px; }
  79. .U_MD_U_OT_T_I { height: 245px; padding-left: 25px; }
  80. .U_MD_U_OT_T_I_T { width: auto; height: 20px; color: Red; font-size: 14px; }
  81. .U_MD_U_OT_Login { margin-top: 10px; width: 100%; height: 20px; }
  82. .U_MD_U_OT_Login_I { float: left; font-size: 13px; line-height: 20px; vertical-align: text-bottom; }
  83. .U_MD_U_OT_Login_I span { font-size: 15px; color: #00d10f; }
  84. .U_MD_U_OT_Data { margin-top: 23px; width: 350px; }
  85. .U_MD_U_OT_Data_I { width: 350px; height: 40px; background-color: #e4e4e4; }
  86. .U_MD_U_OT_Data_I i { margin: -28px 0 0 8px; }
  87. .U_MD_U_OT_Data input { width: 343px; height: 38px; border: none; outline: 0; color: #666; line-height: normal; line-height: 38px\9; background-color: transparent; padding-left: 5px; }
  88. .U_MD_U_OT_Data_T { height: 20px; }
  89. .U_MD_U_OT_Complete { width: 100%; height: 30px; }
  90. .U_MD_U_OT_Complete div { float: right; height: 30px; color: #fff; font-size: 15px; text-align: center; font-weight: 500; line-height: 30px; cursor: pointer; margin-right: 25px; }
  91. .U_MD_U_OT_Complete_O { width: 80px; background-color: #3398ff; }
  92. .U_MD_U_OT_Cancel { width: 65px; background-color: #c1c1c1; }
  93. .U_MD_U_L_Box_I { overflow:hidden; height:33px; float:left; }
  94. .U_MD_U_L_Box_I div { width:100%; height:100%; }
  95. .U_MD_U_L_Box_I input { border:0; outline:none; line-height:normal; line-height:32px\9; vertical-align:middle; height:32px; padding:0 0 0 5px; background:none; text-indent: 5px; }
  96. .U_MD_U_L_Top_Img { float: left; background:url("img/Logo_.png") 0px 0px / 100% 100% no-repeat #e1e3e4;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/Logo_.png,sizingMethod=scale); width: 70px; height: 70px; background-size: contain; }
  97. .U_MD_U_L_Top_Txt { font-size: 30px; margin: 0 0 0 5px; font-family: 微软雅黑; color: #444444; height: 70px; line-height: 64px; }
  98. .U_MD_U_L_Top_Txt { font-size: 30px; margin: 0 0 0 5px; font-family: 微软雅黑; color: #444444; height: 70px; line-height: 64px; }