Inicio Explorar Ayuda
Registro Iniciar sesión
locky
/
ASJLanguageSys
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Árbol: 24e8afe7e1
Ramas Etiquetas
ASJLanguageSys
/
web
/
answer
/
style
/
css.css

css.css 13 KB
Histórico Raw

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

  2. /*globe*/
    3. 

  3. /***************** reset *****************/
    4. 

  4. body, ul, ol, h1, h2, h3, h4, h5, h6, form, ul, li, p, input, select, legend, textarea, dl, dd, dt, fieldset, table, th, td {
    5. 

  5. 	margin:0;
    6. 

  6. 	padding:0;
    7. 

  7. 	word-break:break-all;
    8. 

  8. }
    9. 

  9. 

  10. #body {
    11. 

  11. 	 background-attachment: fixed;
    12. 

  12.     	background: url(../images/cover.jpg);
    13. 

  13. 	}
    14. 

  14. 	
    15. 

  15. #body1 {
    16. 

  16.  background-attachment: fixed;
    17. 

  17. 	background: url(../images/index_bg.png)
    18. 

  18. }
    19. 

  19. 	
    20. 

  20. body {
    21. 

  21. 	font:16px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
    22. 

  22. 	-webkit-text-size-adjust:none;
    23. 

  23. 	margin:0 auto;
    24. 

  24. }
    25. 

  25. div {
    26. 

  26. 	margin:0 auto;
    27. 

  27. 	word-break:break-all;
    28. 

  28. }
    29. 

  29. html {
    30. 

  30. 	margin:0;
    31. 

  31. 	padding:0;
    32. 

  32. }
    33. 

  33. ul, li {
    34. 

  34. 	list-style:none;
    35. 

  35. }
    36. 

  36. a {/*color:#5b5a5a;*/
    37. 

  37. 	text-decoration:none;
    38. 

  38. blr:expression(this.onFocus=this.blur());
    39. 

  39. 	outline:none;
    40. 

  40. 	cursor:pointer;
    41. 

  41. }
    42. 

  42. a:hover { /*color:#0064ab; */
    43. 

  43. 	text-decoration:none;
    44. 

  44. }
    45. 

  45. 

  46. .clear{ clear:both;}
    47. 

  47. /*main*/
    48. 

  48. /*.w640{width:640px; margin: 0 auto; background:url("../images/index_bg.png")/*tpa=images/index_bg.png*/ no-repeat; height:1200px; position:relative; background-attachment: fixed;}*/
    49. 

  49. .w6401{margin: 0 auto; position:relative;}
    50. 

  50. 

  51. 

  52. header .title{ padding-top:164px;}
    53. 

  53. .hm_icon a img { position:absolute; right:30px; top:30px; border:0px;}
    54. 

  54. header .f100{ padding-top:164px; margin:0 auto;  background:url("../images/100f.png")/*tpa=images/100f.png*/ no-repeat 0 168px; height:217px; }
    55. 

  55. header .f90{ padding-top:164px; margin:0 auto;  background:url("../images/90f.png")/*tpa=images/90f.png*/ no-repeat 0 168px; height:217px; }
    56. 

  56. header .f80{ padding-top:164px; margin:0 auto;  background:url("../images/80f.png")/*tpa=images/80f.png*/ no-repeat 0 168px; height:217px; }
    57. 

  57. header .f70{ padding-top:164px; margin:0 auto;  background:url("../images/70f.png")/*tpa=images/70f.png*/ no-repeat 0 168px; height:217px; }
    58. 

  58. header .f60{ padding-top:164px; margin:0 auto;  background:url("../images/60f.png")/*tpa=images/60f.png*/ no-repeat 0 168px; height:217px; }
    59. 

  59. header .f50{ padding-top:164px; margin:0 auto;  background:url("../images/50f.png")/*tpa=images/50f.png*/ no-repeat 0 168px; height:217px; }
    60. 

  60. header .f40{ padding-top:164px; margin:0 auto;  background:url("../images/40f.png")/*tpa=images/40f.png*/ no-repeat 0 168px; height:217px; }
    61. 

  61. header .f30{ padding-top:164px; margin:0 auto;  background:url("../images/30f.png")/*tpa=images/30f.png*/ no-repeat 0 168px; height:217px; }
    62. 

  62. header .f20{ padding-top:164px; margin:0 auto;  background:url("../images/20f.png")/*tpa=images/20f.png*/ no-repeat 0 168px; height:217px; }
    63. 

  63. header .f10{ padding-top:164px; margin:0 auto;  background:url("../images/10f.png")/*tpa=images/10f.png*/ no-repeat 0 168px; height:217px; }
    64. 

  64. header .f0{ padding-top:164px; margin:0 auto;  background:url("../images/0f.png")/*tpa=images/0f.png*/ no-repeat 0 168px; height:217px; }
    65. 

  65. 

  66. .hm_text { padding-top:36px; line-height:36px; font-size:28px; color:#540506; width:548px; margin:0 auto;}
    67. 

  67. .hm_text01 { padding-top:60px;}
    68. 

  68. .hm_text02 { padding-top:80px;}
    69. 

  69. .btn_bg a { background:url("../images/btn_bg.png")/*tpa=images/btn_bg.png*/ no-repeat; height:106px; margin-bottom:8px; line-height:96px; text-align: center; font-size:30px; color:#fff; display:block;}
    70. 

  70. .btn_bg1 a {margin: 0 auto; background: #f39c4c; width:300px;  border-radius: 10px; height:75px; text-align: center; margin-bottom:8px; line-height:75px; font-size:30px; color:#fff; display:block;}
    71. 

  71. 

  72. .hm_btn { width:493px; height:106px; margin:0 auto; margin-top:50px;  }
    73. 

  73. 

  74. .content { background:url("../images/t_w.png")/*tpa=images/t_w.png*/; border-radius:6px; width:560px; margin:0 auto; padding:20px; margin-top:30px; line-height:36px; min-height:280px; color:#FFF; font-size:30px;}
    75. 

  75. .content_img { width:480px; height:300px; margin:0 auto; position:relative;}
    76. 

  76. .subject_t { line-height:36px; padding-bottom:10px; font-weight:bold;}
    77. 

  77. .content p { margin-bottom:12px;}
    78. 

  78. .content p input { margin-right:10px; width:22px; height:22px;}
    79. 

  79. .no_choice { text-align:center; font-size:30px; height:36px; line-height:36px; color:#FFF; margin-top:30px;}
    80. 

  80. .enter_btn a{ /*background:url("../images/tj_btn_bg.png")*//*tpa=images/tj_btn_bg.png*/ background: #ef6500; no-repeat; border-radius: 50%; width:180px; margin:0 auto; margin-top:20px; height:180px; line-height:180px; color:white; font-size:40px; text-align:center; display:block;}
    81. 

  81. 

  82. 

  83. .content_tl { /*background:url("../images/t_w.png")*//*tpa=images/t_w.png*/; border-radius:6px; width:560px; margin:0 auto; padding:20px; margin-top:-10px; line-height:36px; min-height:280px; color:#FFF; font-size:30px;}
    84. 

  84. .content_tl p { margin-bottom:5px;}
    85. 

  85. .content_tl .p_left{ float:left;width:50%;}
    86. 

  86. .content_tl p input { margin-right:10px; width:22px; height:22px;}
    87. 

  87. .content_tl_img img { width:548px; height:360px; border-radius:8px; border:6px #FFF solid; margin:0 auto; }
    88. 

  88. .content_tl_t { line-height:36px; padding-bottom:50px; font-size: 35px;}
    89. 

  89. 

  90. .subject_img { width:367px; margin:0 auto; margin-top:20px; position:relative;}
    91. 

  91. .subject_img span { position:absolute; bottom:12px; right:12px;}
    92. 

  92. .right { background:url("../images/right.png")/*tpa=images/right.png*/ no-repeat; width:179px; height:177px;}
    93. 

  93. .wrong { background:url("../images/wrong.png")/*tpa=images/wrong.png*/ no-repeat; width:179px; height:177px;}
    94. 

  94. 

  95. .content_jd { background:url("../images/t_b.png")/*tpa=images/t_b.png*/; position:relative; border-radius:6px; width:560px; margin:0 auto; padding:20px; margin-top:30px; line-height:36px; min-height:420px; color:#450b0c; font-size:26px;}
    96. 

  96. .content_jd p { margin-bottom:12px;}
    97. 

  97. .content_jd span { position:absolute; bottom:12px; right:12px;}
    98. 

  98. .content_jd .ys {color: #d30101;}
    99. 

  99. 

  100. .content_tljd { background:url("../images/t_b.png")/*tpa=images/t_b.png*/; position:relative; border-radius:20px; width:560px; margin:0 auto; padding:20px;     margin-top: 50px;line-height:36px; min-height:450px; color:#450b0c; font-size:28px;}
    101. 

  101. .content_tljd p { margin-bottom:12px;}
    102. 

  102. .content_tljd span { position:absolute; bottom:12px; right:12px;}
    103. 

  103. .content_tljd .ys {color: #d30101;}
    104. 

  104. 

  105. .m_w640{width:640px; margin: 0 auto; background:url("../images/index_bg.png")/*tpa=images/index_bg.png*/ no-repeat; height:836px; padding-top:164px; position:relative;}
    106. 

  106. 

  107. 

  108. /* 滑动焦点图 */
    109. 

  109. .swiper-container {
    110. 

  110. 	height:auto;
    111. 

  111. 	width:90%;
    112. 

  112. 	text-align:center;
    113. 

  113. 	margin:0 auto;
    114. 

  114. 	position:relative;
    115. 

  115. 	overflow:hidden;
    116. 

  116. 	z-index:5;
    117. 

  117. 	background:none;
    118. 

  118. }
    119. 

  119. /*.swiper-wrapper {position: relative;z-index:10;}
    120. 

  120. .swiper-slide {position:relative;text-align:center; float:left;}
    121. 

  121. .swiper-slide a{ position:relative; width:367px; height:480px; display:block; overflow:hidden;}
    122. 

  122. .swiper-slide img{ width:367px; height:450px; max-height:100%;vertical-align:middle; position:relative;}
    123. 

  123. .pagination{ position:absolute; height:20px; width:100%;bottom:8px;z-index:100; text-align:right; text-align:center;}
    124. 

  124. .pagination .swiper-pagination-switch{ display:inline-block; height:10px; width:10px; line-height:10px; background:#999; border-radius:50%; _display:inline; margin-right:6px;}
    125. 

  125. .pagination .swiper-active-switch{ background:#0090ff;}*/
    126. 

  126. 

  127. .swiper-wrapper {position: relative;z-index:10;}
    128. 

  128. .swiper-slide {position:relative;text-align:center; float:left;}
    129. 

  129. .swiper-slide a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
    130. 

  130. .swiper-slide img{ max-height:100%;vertical-align:middle; position:relative;}
    131. 

  131. .pagination{ position:absolute; height:20px; width:100%;bottom:10%;z-index:100; text-align:right; text-align:center;}
    132. 

  132. .pagination .swiper-pagination-switch{ display:inline-block; height:10px; width:10px; line-height:10px; background:#fff; border-radius:50%; _display:inline; margin-right:6px;}
    133. 

  133. .pagination .swiper-active-switch{ background:#fee972;}
    134. 

  134. 

  135. .user_head{width:100%; background:#d10200; text-align:center; color:#fff; font-size:20px; position:relative; padding:17px 0; height:1%; overflow:hidden}
    136. 

  136. .user_head span{float:left;width:10%; position:absolute; height:auto; left:10px; top:15px}
    137. 

  137. .user_head span img{width:45%; vertical-align:middle}
    138. 

  138. 

  139. 

  140. .login_con{height:1%; overflow:hidden; padding:0 0 20% 0;}
    141. 

  141. 

  142. /* 登录 */
    143. 

  143. .l640{width:640px; margin: 0 auto; background:url("../images/login_bg.png")/*tpa=images/index_bg.png*/ no-repeat; height:1000px; position:relative;}
    144. 

  144. header .ltitle{ padding-top:64px; padding-left:80px;}
    145. 

  145. .hm_text01 { padding-top:60px;}
    146. 

  146. 

  147. 

  148. /*会员登录*/
    149. 

  149. 

  150. .login_con1{}
    151. 

  151. .login_con1 li{padding:10px; height:34px; line-height:34px; font-size:18px; border-bottom:1px solid #e4e4e4; height:1%; overflow:hidden}
    152. 

  152. .login_con1 li .con1_ti{float:left; width:25%; color:#000; margin-left:2%}
    153. 

  153. .login_con1 li .con1_to{float:left; width:70%;}
    154. 

  154. .login_con1 li .con1_to .input1{height:34px; width:100%; color:#999; font-size:18px; line-height:34px; background:#fff; border:none;}
    155. 

  155. 

  156. .login_con1_for{height:40px; line-height:40px; padding:10px; color:#959595; text-align:right; font-size:18px;}
    157. 

  157. .login_con1_zc{height:40px; line-height:40px; font-size:18px; text-align:center; color:#959595}
    158. 

  158. .login_con1_zc img{width:20%; vertical-align:middle;}
    159. 

  159. 

  160. .login_con_but{width:95%; margin:0 auto; padding-top:20px;}
    161. 

  161. .login_con_but img{width:100%;}
    162. 

  162. 

  163. .login_other{margin-top:30px;}
    164. 

  164. .login_other_br{width:100%;}
    165. 

  165. .login_other_br img{width:100%;}
    166. 

  166. .login_other_con{width:70%; margin:0 auto;}
    167. 

  167. .login_other_con img{width:25%;}
    168. 

  168. 

  169. /*忘记密码*/
    170. 

  170. .login_for{border-top:1px solid #e4e4e4; margin-top:10px;}
    171. 

  171. .login_for li{padding:10px; height:34px; line-height:34px; font-size:18px; border-bottom:1px solid #e4e4e4; height:1%; overflow:hidden}
    172. 

  172. .login_for li .forset{color:#666; font-size:18px; margin-left:5%;}
    173. 

  173. .login_for li .for_ti{float:left; width:20%; color:#000; margin-left:5%}
    174. 

  174. .login_for li .for_to{float:left; width:75%;}
    175. 

  175. .login_for li .for_to .input1{height:34px; width:100%; color:#999; font-size:18px; line-height:34px; background:#fff; border:none;}
    176. 

  176. .login_for li .for_tt{width:40%; float:left}
    177. 

  177. .login_for li .for_tt .input2{height:34px; width:100%; color:#999; font-size:18px; line-height:34px; background:#fff; border:none;}
    178. 

  178. .login_for li .for_te{width:30%; float:right; height:34px; line-height:34px; background:#ececec; color:#000; padding:0 10px; font-size:15px;}
    179. 

  179. 

  180. 

  181. /*手机注册*/
    182. 

  182. .login_mob_br{line-height:34px; padding:10px; font-size:18px; background:#eeeeee; color:#000;}
    183. 

  183. .login_mob_br span{margin-left:5%}
    184. 

  184. .login_mob{border-top:1px solid #e4e4e4;}
    185. 

  185. .login_mob li{padding:10px 0; height:34px; line-height:34px; font-size:18px; border-bottom:1px solid #e4e4e4; height:1%; overflow:hidden}
    186. 

  186. .login_mob li .mobset{color:#666; font-size:18px; margin-left:5%;}
    187. 

  187. .login_mob li .mob_ti{float:left; width:25%; color:#000; margin-left:5%}
    188. 

  188. .login_mob li .mob_to{float:left; width:70%;}
    189. 

  189. .login_mob li .mob_to .input1{height:34px; width:100%; color:#999; font-size:18px; line-height:34px; background:#fff; border:none;}
    190. 

  190. .login_mob li .mob_tt{width:30%; float:left}
    191. 

  191. .login_mob li .mob_tt .input2{height:34px; width:100%; color:#999; font-size:18px; line-height:34px; background:#fff; border:none;}
    192. 

  192. .login_mob li .mob_te{width:28%; float:right; height:34px; line-height:34px; background:#ececec; color:#000; padding:0 10px; font-size:14px;}
    193. 

  193. 

  194. .login_mob_zc{margin-top:30px; height:40px; line-height:40px; font-size:18px; text-align:center; color:#959595}
    195. 

  195. .login_mob_zc img{width:20%; vertical-align:middle;}
    196. 

  196. 

  197. /*用户中心列表*/
    198. 

  198. .us_left02{width:90%; margin:0 auto; height:1%; overflow:hidden;}
    199. 

  199. .us_left02 li{padding:5px 0; font-size:16px; text-align:center; color:#cc0001; margin-top:10px; border:1px solid #e3e3e3; background:#fcfcfc;}
    200. 

  200. .us_left02 li img{width:13%; vertical-align:middle; margin-right:10px;}
    201. 

  201. 

  202. /*个人修改*/
    203. 

  203. .us_right_con02{}
    204. 

  204. .us_right_con02 li{line-height:40px; background:#f6f6f6; border-bottom:1px solid #fff;}
    205. 

  205. .us_right_con02 li .con02br{float:left; width:30%; text-align:right; padding-right:20px; background:#ededed; margin-right:15px;}
    206. 

  206. .us_right_con02 li .con02ron{color:#737373;}
    207. 

  207. .us_right_con02 li .con02ron01{color:#F00;}
    208. 

  208. .us_right_con02 li .input02{line-height:36px; margin:2px 0; border:1px solid #efefef; width:50%;}
    209. 

  209. .us_right_con02 li .input03{line-height:36px; margin:2px 0; border:1px solid #efefef; width:50%;}
    210. 

  210. 

  211. .us_right_con02 li .bu{padding:5px 0px;}
    212. 

  212. 

  213. 

  214. 

  215. /*我的评论*/
    216. 

  216. .comment{width:100%;}
    217. 

  217. .comment li{ width:100%;line-height:28px; margin-top:10px; border-bottom:1px solid #EFEFEF;}
    218. 

  218. .comment li span{display:block; margin-top:5px; color:#999; line-height:30px; text-align:right;}
    219. 

  219. .comment li span font{float:left; width:60%; text-align:left}
    220. 

  220. 

  221. /*底部*/
    222. 

  222. #bottom{width:100%; margin:0 auto; }
    223. 

  223. #bottom ul{width:100%;list-style:none; float:left; text-align:center;}
    224. 

  224. #bottom ul li{ width:33.3%; float:left;}
    225. 

  225. #bottom ul li a{ background:#063370;display:block;}
    226. 

  226. #bottom ul li img{width:80%;}
    227. 

  227. 

  228. .The_correct_answer{
    229. 

  229. 	position: relative;
    230. 

  230.     border-radius: 20px;
    231. 

  231.     width: 174px;
    232. 

  232.     height: 67px;
    233. 

  233.     line-height: 67px;
    234. 

  234.     margin-left: 20px;
    235. 

  235.     text-align: center;
    236. 

  236.     color: #450b0c;
    237. 

  237.     background: #d96d63;
    238. 

  238.     font-size: 30px;
    239. 

  239. }
    240. 

  240.   	.choose_div{
    241. 

  241. 	  	text-align: center;
    242. 

  242. 	  	padding: 35px;
    243. 

  243.   	}
    244. 

  244.   	.choose_p{ 
    245. 

  245. 		text-align: center;
    246. 

  246. 		background: #d96d63;
    247. 

  247. 		height: 70px;
    248. 

  248. 		width: 480px;
    249. 

  249. 		line-height: 70px;
    250. 

  250. 		border-radius: 50px;
    251. 

  251. 		box-shadow: 0 5px 5px 0 #000000;
    252. 

  252.   	}
    253. 

  253.   	
    254. 

  254. .progress_bar{
    255. 

  255. 	margin-top: 40px;
    256. 

  256. 	height: 20px;
    257. 

  257. 	border-radius: 50px;
    258. 

  258. 	margin-bottom: 50px;
    259. 

  259. 	border: 1px solid #580000;
    260. 

  260. 	width: 450px;
    261. 

  261. }
    262. 

  262. .progress_bar2{
    263. 

  263. 	background: #ef6500;
    264. 

  264. 	height: 20px;
    265. 

  265. 	float: left;
    266. 

  266. 	border-radius: 50px;
    267. 

  267. 	margin-bottom: 50px;
    268. 

  268. }
    269.