public.css 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. @charset "UTF-8";
  2. a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, tfoot, th, thead, time, tr, ul, var, video {
  3. border: 0;
  4. margin: 0;
  5. outline: 0;
  6. padding: 0;
  7. font-size: 100%;
  8. font-weight: normal
  9. }
  10. *:focus {outline: none;}
  11. body { margin: 0;padding: 0;width: 100%;height: 100%;-webkit-user-select: none;-webkit-touch-callout: none;
  12. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust:none;
  13. font: 16px/1.25 Arial, "Microsoft Yahei";font-weight: bold;letter-spacing: -0.02em;font-size:100%;background:#fff;}
  14. html{-webkit-text-size-adjust: none;}
  15. body * {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
  16. a { text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;color:#333;}
  17. input,button,textarea,select {-webkit-appearance:none; font-size:1em;}
  18. input {vertical-align: middle;}
  19. img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;font-size: 0;max-width:100%;}
  20. table {border-collapse: collapse;border-spacing: 0}
  21. th, td, caption {vertical-align: top;text-align: left}
  22. sub,sup{font-size: 10px;}
  23. input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
  24. input[type=checkbox]{vertical-align: middle;}
  25. .clear {width:0px; height:0px; font-size:0; clear:both;}
  26. ul,li {list-style:none;}
  27. i,em{ font-style: normal;}
  28. /*定位*/
  29. .fl{float:left; display:inline;}
  30. .fr{float:right; display:inline;}
  31. .c{display:block; zoom:1;}
  32. .c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
  33. .h60{ height: 60px;}
  34. /* 手机端最外层*/
  35. .body_box {max-width:750px;margin:0 auto;overflow:hidden;}
  36. *底部导航*/
  37. .home_module_channel {
  38. height: 43px;
  39. background: #FFF;
  40. border-top: 1px solid #eee;
  41. overflow: hidden;
  42. }
  43. .home_module_channel .channel_list {
  44. display: -webkit-box;
  45. height: 57px;
  46. padding: 11px 4px 0;
  47. box-sizing: border-box;
  48. overflow-x: auto;
  49. }
  50. .home_module_channel .channel_list .channel_item {
  51. display: block;
  52. padding: 0 12px;
  53. font-size: 1rem;
  54. color: #999;
  55. }
  56. .footer_copy {width:auto; height:auto; background:#fff; border-top:1px solid #e6e6e6; padding:15px 0; text-align:center; font-size:0.6em; color:#999;}
  57. /*底部悬挂*/
  58. .qwpuic{ z-index: 9999; width: 100%; height: auto; position: fixed;left: 0px; bottom: 0px; background: #fff; border-top: 1px solid #EEEEEE;}
  59. .qwpuic .qwpuic_main{padding: 10px 0;}
  60. .qwpuic_main .qwpuic_zx{ width:24%; float: left; text-align: center;}
  61. .qwpuic_main .qwpuic_zx i{ display: block; width: 18px; height: auto; margin: 0 auto;}
  62. .qwpuic_main .qwpuic_zx i img{ width: 100%; height: auto;}
  63. .qwpuic_main .qwpuic_zx span{ display: block; font-size: 0.8rem; color: #333;margin-top: 3px;}
  64. .qwpuic_main .qwpuic_bwzf{ width:35%; float: left; text-align: center;}
  65. .qwpuic_main .qwpuic_bwzf a{ display: block; padding: 10px 0;
  66. border-radius: 5px;
  67. background: -webkit-linear-gradient(right, #FE9F4B , #FF9D4A); /* Safari 5.1 - 6.0 */
  68. background: -o-linear-gradient(right, #FE9F4B , #FF9D4A); /* Opera 11.1 - 12.0 */
  69. background: -moz-linear-gradient(right, #FE9F4B , #FF9D4A); /* Firefox 3.6 - 15 */
  70. background: linear-gradient(to right, #FE9F4B , #FF9D4A); /* 标准的语法 */
  71. width: 100%;
  72. }
  73. .qwpuic_main .qwpuic_bwzf a i{ width: 17px; height: auto; display: inline-block;margin-right: 5px; position: relative; top: -2px;}
  74. .qwpuic_main .qwpuic_bwzf a i img{ width: 100%; height: auto;}
  75. .qwpuic_main .qwpuic_bwzf a span{display: inline-block; font-size: 0.95rem; color: #fff;}
  76. .qwpuic_main .y_call{ width:35%; float: left; text-align: center;margin-left: 3%;}
  77. .qwpuic_main .y_call a{ display: block; padding: 10px 0;
  78. border-radius: 5px;
  79. background: -webkit-linear-gradient(right, #FF452A , #FD7134); /* Safari 5.1 - 6.0 */
  80. background: -o-linear-gradient(right, #FF452A , #FD7134); /* Opera 11.1 - 12.0 */
  81. background: -moz-linear-gradient(right, #FF452A , #FD7134); /* Firefox 3.6 - 15 */
  82. background: linear-gradient(to right, #FF452A , #FD7134); /* 标准的语法 */
  83. width: 100%;
  84. }
  85. .qwpuic_main .y_call a i{ width: 17px; height: auto; display: inline-block;margin-right: 5px; position: relative; top: 0px;}
  86. .qwpuic_main .y_call a i img{ width: 100%; height: auto;}
  87. .qwpuic_main .y_call a span{display: inline-block; font-size: 0.95rem; color: #fff;}
  88. /*搜索弹出页面*/
  89. .overseas_search{ background: #fff; width: 100%; height: 100%;}
  90. .overseas_main{ width: 92%; margin: 0 auto;}
  91. .overseas_top{ padding: 15px 0;}
  92. .overseas_top a.return{ display: inline-block;}
  93. /*.overseas_top a.return img{ width:100%; height: auto;}*/
  94. .overseas_top input.search_input{ margin-left:3px; display: inline-block; width: 79%; display: inline-block; background:url("/image/ico_seart2.png") #f8f9fb no-repeat 12px center/16px 16px; border-radius: 5px; padding-left: 35px; border: none; font-size: 0.8rem; height: 35px;}
  95. .overseas_top a.search_butt{ font-size: 0.95rem; color: #f39839; display: inline-block; display: inline-block; margin-left: 5px;}
  96. .overseas_list{ margin-top: 30px;}
  97. .overseas_listtop span{display: block; float: left; height: 22px;}
  98. .overseas_listtop span i{ width: 4px; height:76%; display: inline-block;
  99. background: -webkit-linear-gradient(#fbaf12,#fb893f);
  100. background: -o-linear-gradient(#fbaf12,#fb893f);
  101. background: -moz-linear-gradient(#fbaf12,#fb893f);
  102. background: -mos-linear-gradient(#fbaf12,#fb893f);
  103. background: linear-gradient(#fbaf12,#fb893f);
  104. border-radius: 10px;
  105. position:relative;top:-2px;
  106. }
  107. .overseas_listtop span em{ display: inline-block; font-size: 1rem; color: #333; font-weight: 600; margin-left: 10px; position: relative; top: -5px;}
  108. .overseas_listtop a{display: block; float: right; font-size: 0.9rem; color: #333; position: relative; top: 2px;}
  109. .overseas_listmain{ margin-top: 20px;}
  110. .overseas_listmain a{margin-right:3%;font-size:0.9rem; margin-bottom: 10px; padding: 8px 0; border-radius: 5px; display: block; float: left; width: 22.5%; background: #f8f8f8; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  111. .overseas_listmain a:nth-child(4n){ margin-right: 0px;}
  112. .overseas_top { position: relative;}
  113. .overseas_top .y_scriptm{ position: absolute; width:100%; left: 0%;top: 50px;z-index: 12;}
  114. .overseas_top .y_scriptm .select4_box{background:#fff; border: 1px solid #e1e1e1; width: 100%;}
  115. .overseas_top .y_scriptm .select4_box ul li{width: 100%; margin: 5px 0;}
  116. .overseas_top .y_scriptm .select4_box ul li a{ background:none; display: inline-block; width: 100%; text-align: left; padding: 0 10px;}
  117. .overseas_top .y_scriptm .select4_box ul li span:nth-child(1){display: block; float: left;}
  118. .overseas_top .y_scriptm .select4_box ul li span:nth-child(1){font-size: 1rem; color: #333;}
  119. .overseas_top .y_scriptm .select4_box ul li span:nth-child(1) i{font-size: 0.8rem;color: #666; display: inline-block; margin-left: 5px;}
  120. .overseas_top .y_scriptm .select4_box ul li span:nth-child(2){display: block; float: right; font-size: 0.8rem; color: #666;}
  121. .overseas_top .y_scriptm .select4_box ul li span:nth-child(2) em{font-size: 1rem;color: #f00;}
  122. .select4_box li.active{ background:#f5f5f5;}
  123. .overseas_top .y_scriptm .select4_box{ width: 100%; height: 239px; overflow: auto; overflow-y:auto;}
  124. /*媒体查询*/
  125. @media (max-width: 320px){
  126. .overseas_top input.search_input {width:75%;}
  127. .y_puicfoot_main .y_centxq {width:32%;}
  128. }
  129. #cnzz_stat_icon_1274671797 img{width:20px;height:20px;} /*站长统计*/