Accueil Explorer Aide
Connexion
other
/
onepage_mrhi
2
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: d311abbacc
Branches Tags
onepage_mrhi
/
kissy
/
public
/
static
/
css
/
base.css

base.css 8.8 KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 
  1. @charset "utf-8";
    2. 

  2. body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul {margin:0;padding:0;}
    3. 

  3. body, button, input, select, table, textarea {	font-size:14px;	line-height:1.25em}
    4. 

  4. body {	min-width:320px; font-size:62.5%; line-height:24px; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;	color:#000;	-webkit-text-size-adjust:none; height: 100%; background:#f2f2f4;}
    5. 

  5. html{height: 100%; overflow-x: hidden;}
    6. 

  6. fieldset, img {	border:0}
    7. 

  7. ol, ul {list-style:none}
    8. 

  8. textarea{font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;}
    9. 

  9. address, em {font-style:normal}
    10. 

  10. a {	color:#000;	text-decoration:none}
    11. 

  11. table {	border-collapse:collapse}
    12. 

  12. .clear:before,
    13. 

  13. .clear:after {content:"";display:table;}
    14. 

  14. .clear:after {clear:both;}
    15. 

  15. .clear {*zoom:1;} 
    16. 

  16. /*header*/
    17. 

  17. .v_head{display: block;height:40px; line-height:40px;box-shadow:0px 0px 4px #ccc; width:100%; text-align: center; background:#fff; border-bottom:1px #d6d6d6 solid; width:100%; z-index:2; font-size:1.6em; position:relative;}
    18. 

  18. .center{ text-align:center}
    19. 

  19. .font_red{ color:#bd100f;}
    20. 

  20. 

  21. /*layout*/
    22. 

  22. .wrapper { width: 100%;overflow:hidden;}
    23. 

  23. .wrapper_turn{ width: 100%; padding-top:44px; background:#bbc3c5 url(../img/tur_bg.jpg) no-repeat top center; background-size:cover;}
    24. 

  24. .wrapper_src_card{ width: 100%; padding-top:44px; background:#a40d0c url(../img/scr_card_bg.jpg) no-repeat top center; background-size:cover;}
    25. 

  25. 

  26. /**/
    27. 

  27. .v_block{ height:45px;}
    28. 

  28. .v_nav{ height:44px; border-top:1px #d1d1d1 solid; background:#f2f2f4; width:100%; position:fixed; bottom:0px; left:0px; color:#999; overflow:hidden; z-index:990;}
    29. 

  29. .v_nav dl{ float:left; width:33.33%; height:100%; text-align:center; font-size:12px;}
    30. 

  30. .v_nav dl a{ display:block; width:100%; height:100%; color:#999}
    31. 

  31. .v_nav dl.on a{ color:#f00;}
    32. 

  32. .v_nav dl dt{ height:42.4%; margin-top:4px;}
    33. 

  33. .v_nav dl dt p{ height:100%;}
    34. 

  34. .v_nav dl dt img{ height:100%; display:block; margin:0 auto;}
    35. 

  35. .v_nav dl dt p.c{ display:none;}
    36. 

  36. .v_nav dl.on p.c{ display:block;}
    37. 

  37. .v_nav dl.on p.d{ display:none;}
    38. 

  38. .v_nav dl dd{ line-height:1.8em;}
    39. 

  39. 

  40. .v_nav_mrhi{ height:44px; border-top:1px #d1d1d1 solid; background:#f2f2f4; width:100%; position:fixed; bottom:0px; left:0px; color:#999; overflow:hidden; z-index:990;}
    41. 

  41. .v_nav_mrhi dl{ float:left; width:25%; height:100%; text-align:center; font-size:12px;}
    42. 

  42. .v_nav_mrhi dl a{ display:block; width:100%; height:100%; color:#999}
    43. 

  43. .v_nav_mrhi dl.on a{ color:#f00;}
    44. 

  44. .v_nav_mrhi dl dt{ height:42.4%; margin-top:4px;}
    45. 

  45. .v_nav_mrhi dl dt p{ height:100%;}
    46. 

  46. .v_nav_mrhi dl dt img{ height:100%; display:block; margin:0 auto;}
    47. 

  47. .v_nav_mrhi dl dt p.c{ display:none;}
    48. 

  48. .v_nav_mrhi dl.on p.c{ display:block;}
    49. 

  49. .v_nav_mrhi dl.on p.d{ display:none;}
    50. 

  50. .v_nav_mrhi dl dd{ line-height:1.8em;}
    51. 

  51. 

  52. /**/
    53. 

  53. .v_404_box{ position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);transform:translateY(-50%); font-size:1.6em;}
    54. 

  54. .v_404_box img{ width:22%;}
    55. 

  55. .wrapper_404{ height:100%; position:absolute; left:0px; top:0; width:100%;}
    56. 

  56. 

  57. /*提示遮罩背景*/
    58. 

  58. .a_cover{ position:fixed; width:100%; height:100%; background:#000; top:0px; left:0px;opacity:0.5; z-index:998; display:none;}
    59. 

  59. /**/
    60. 

  60. .v_tips_box{ width:80%; background:#f2f2f4; position:fixed; z-index:999; top:50%; left:10%; color:#000; font-size:1.6em; text-align:center; padding:30px 30px; font-weight:normal; line-height:1.6em; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);transform:translateY(-50%); display:none;}
    61. 

  61. .v_close_btn{ width:22px; height:22px; position:absolute; right:0px; top:0px; background-image:url(../img/close_btn.png); background-repeat:no-repeat; background-size:12px 12px; background-position:center;}
    62. 

  62. .v_tips_box2{ padding-bottom:20px;}
    63. 

  63. .v_tips_box2 .submit_btn_style{ margin-top:20px;}
    64. 

  64. .v_tips_box3{ padding:20px 0px;}
    65. 

  65. .v_gray{ color:#999; font-size:14px;}
    66. 

  66. .v_tips_box .tips_img img{ width:60%; margin-bottom:10px;}
    67. 

  67. 

  68. /**/
    69. 

  69. .loading{
    70. 

  70. box-sizing: border-box;
    71. 

  71. display: -webkit-flex;
    72. 

  72. display: -ms-flexbox;
    73. 

  73. display: flex;
    74. 

  74. -webkit-flex: 0 1 auto;
    75. 

  75. -ms-flex: 0 1 auto;
    76. 

  76. flex: 0 1 auto;
    77. 

  77. -webkit-flex-direction: column;
    78. 

  78. -ms-flex-direction: column;
    79. 

  79. flex-direction: column;
    80. 

  80. -webkit-flex-grow: 1;
    81. 

  81. -ms-flex-positive: 1;
    82. 

  82. flex-grow: 1;
    83. 

  83. -webkit-flex-shrink: 0;
    84. 

  84. -ms-flex-negative: 0;
    85. 

  85. flex-shrink: 0;
    86. 

  86. -webkit-flex-basis: 25%;
    87. 

  87. -ms-flex-preferred-size: 25%;
    88. 

  88. flex-basis: 25%;
    89. 

  89. width:100%;
    90. 

  90. height:60px;
    91. 

  91. -webkit-align-items: center;
    92. 

  92. -ms-flex-align: center;
    93. 

  93. align-items: center;
    94. 

  94. -webkit-justify-content: center;
    95. 

  95. -ms-flex-pack: center;
    96. 

  96. justify-content: center;
    97. 

  97. }
    98. 

  98. @-webkit-keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}
    99. 

  99. @keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}
    100. 

  100. .line-spin-fade-loader{position:relative}
    101. 

  101. .line-spin-fade-loader>div:nth-child(1){top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s .12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .12s infinite ease-in-out}
    102. 

  102. .line-spin-fade-loader>div:nth-child(2){top:13.64px;left:13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s .24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .24s infinite ease-in-out}
    103. 

  103. .line-spin-fade-loader>div:nth-child(3){top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s .36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .36s infinite ease-in-out}
    104. 

  104. .line-spin-fade-loader>div:nth-child(4){top:-13.64px;left:13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s .48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .48s infinite ease-in-out}
    105. 

  105. .line-spin-fade-loader>div:nth-child(5){top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s .6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .6s infinite ease-in-out}
    106. 

  106. .line-spin-fade-loader>div:nth-child(6){top:-13.64px;left:-13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s .72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .72s infinite ease-in-out}
    107. 

  107. .line-spin-fade-loader>div:nth-child(7){top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s .84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .84s infinite ease-in-out}
    108. 

  108. .line-spin-fade-loader>div:nth-child(8){top:13.64px;left:-13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s .96s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .96s infinite ease-in-out}
    109. 

  109. .line-spin-fade-loader>div{background-color:#c2c2c2;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px}
    110. 

  110. 

  111. 

  112. @-webkit-keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}
    113. 

  113. @keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}
    114. 

  114. .ball-pulse{ width:48px;}
    115. 

  115. .ball-pulse>div{display:inline-block;background-color:#c2c2c2;width:12px;height:12px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both}
    116. 

  116. .ball-pulse>div:nth-child(0){-webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)}
    117. 

  117. .ball-pulse>div:nth-child(1){-webkit-animation:scale .75s .12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .12s infinite cubic-bezier(.2,.68,.18,1.08)}
    118. 

  118. .ball-pulse>div:nth-child(2){-webkit-animation:scale .75s .24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .24s infinite cubic-bezier(.2,.68,.18,1.08)}
    119. 

  119. .ball-pulse>div:nth-child(3){-webkit-animation:scale .75s .36s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .36s infinite cubic-bezier(.2,.68,.18,1.08)}
    120. 

  120. .ball-pulse>div:nth-child(4){-webkit-animation:scale .75s .48s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .48s infinite cubic-bezier(.2,.68,.18,1.08)}
    121. 

  121. .ball-pulse>div:nth-child(5){-webkit-animation:scale .75s .60s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .60s infinite cubic-bezier(.2,.68,.18,1.08)}
    122. 

  122. .ball-pulse>div:nth-child(6){-webkit-animation:scale .75s .72s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .72s infinite cubic-bezier(.2,.68,.18,1.08)}
    123. 

  123. 

  124. /**/
    125. 

  125. .bg_white{ background:#fff;}
    126. 

  126. .bg_white .v_page_title{ background:#f2f2f4;}
    127. 

  127. .bg_white .v_hd_title{ background:#f2f2f4;}
    128.