style.css 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704
  1. 
  2. *{margin:0;padding:0;}
  3. img{border:0;}
  4. body{font-size:12px;color:#333;font-family:simsun,arial;background-color: #eee;}
  5. ul {list-style: none;}/*去除列表前小圆点*/
  6. li{}
  7. a{text-decoration: none;color:#333;}
  8. a:hover{color:#1369D8;}
  9. a:focus{outline:none;} /*去除ie下点击边框*/
  10. a {star:expression(this.onFocus=this.blur()); /* for Ie*/ }
  11. .clear{clear:both;}
  12. .main{margin:0 auto;width:1000px;}
  13. .left{float:left;}
  14. .right{float:right;}
  15. /*--------------------顶部导航--------------------*/
  16. .top_head{
  17. height:30px;line-height:30px;
  18. color: #fff;
  19. /*background-color: #043567;*/
  20. background-color: #1369d8;
  21. border-bottom: 1px solid #009696;}
  22. .top_head a{color:#fff;}
  23. .nav {
  24. height: 50px;
  25. background-color: #1369d8;
  26. }
  27. .nav ul {
  28. }
  29. .nav li {
  30. float:left;
  31. margin-right: 15px;
  32. }
  33. .nav li a {
  34. color: #fff;
  35. font-size: 16px;
  36. font-family: Microsoft YaHei;
  37. height: 50px;
  38. line-height: 50px;
  39. display: block;
  40. padding-left: 18px;
  41. padding-right: 18px;
  42. }
  43. .nav li.on {
  44. background-color:#00a0ff;
  45. }
  46. .nav li a:hover {
  47. background-color:#00a0ff;
  48. }
  49. /*-------------------- 头部 --------------------*/
  50. /*子页 头部*/
  51. .header-top {
  52. background-color: #fff;
  53. }
  54. .header-top .logo {
  55. height: 50px;
  56. width: 315px;
  57. background: url(../images/logo.png) no-repeat;
  58. background-size: 272px 49px;
  59. /*background-size: 284px 45px;*/
  60. display: inline-block;
  61. margin-top: 30px;
  62. margin-left:15px;
  63. }
  64. .header-top .logo a {
  65. display: block;
  66. height: 100%;
  67. width: 100%;
  68. text-indent: -9999em;
  69. overflow: hidden;
  70. float: left;
  71. }
  72. .con_banner {
  73. width: 100%;
  74. height: 540px;
  75. background: url(../images/ban_h540_f.jpg) no-repeat center #76C9F1;
  76. overflow: hidden;
  77. }
  78. /*非首页 banner*/
  79. .con_banner2 {
  80. width: 100%;
  81. height: 180px;
  82. background: url(../images/ban_top21.png) no-repeat center #76C9F1;
  83. overflow: hidden;
  84. }
  85. .header_box {
  86. }
  87. .header_box h1 {
  88. height: 150px;
  89. font: bold 40px/150px SimSun;
  90. color: #fff;
  91. }
  92. .header_logo {
  93. margin:40px 0px 30px 15px;
  94. }
  95. .new_box {
  96. width: 980px;
  97. height: 340px;
  98. padding:10px;
  99. background:rgba(255, 255, 255, 0.85)!important;
  100. filter:Alpha(opacity=85);
  101. background:#fff;
  102. }
  103. .scroll_img,.news_list{position:relative;}
  104. /*首页 新闻 滚动图 */
  105. .scroll_img{ float:left; position: relative; width: 460px; height: 340px; margin-bottom:10px; overflow: hidden; font-family:Arial; text-align: left; background:#fff;}
  106. .scroll_img .pic img { width: 460px; height: 340px; display: block; }
  107. .scroll_img .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
  108. .scroll_img .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
  109. .scroll_img .txt li{ height:36px; line-height:36px; position:absolute; bottom:0px;}
  110. .scroll_img .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
  111. .scroll_img .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
  112. .scroll_img .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
  113. .scroll_img .num li a,.scroll_img .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
  114. .scroll_img .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
  115. .scroll_img .num li.on a,.scroll_img .num a:hover{ background:#f60; }
  116. /*首页 新闻 列表 */
  117. .news_list {
  118. margin-left: 20px;
  119. width: 490px;
  120. }
  121. .news_list p span {
  122. display: inline-block;
  123. height: 35px;
  124. font: bold 20px/35px simhei;
  125. border-bottom: 2px solid #1369D8;
  126. }
  127. .news_list ul {
  128. width: 100%;
  129. }
  130. .news_list li {
  131. height: 30px;
  132. line-height: 30px;
  133. font-size: 14px;
  134. font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti,"Microsoft YaHei";
  135. background: url(../images/dot_4.png) no-repeat 0 12px;
  136. background-size: 8px;
  137. padding-left: 15px;
  138. }
  139. .news_list li span {
  140. font-family:Verdana, Geneva, sans-serif;
  141. }
  142. .news_list li a {
  143. display: block;
  144. overflow: hidden;
  145. white-space: nowrap;
  146. text-overflow: ellipsis;
  147. }
  148. /*-------------------- 首页 三功能板块 --------------------*/
  149. .wlfw{text-align: center; margin-bottom: 20px;}
  150. .wlfw .span1{font: bold 28px/30px SimHei; border-bottom: 2px solid #000; padding-bottom: 5px;}
  151. .wlfw .span2{font: bold 15px/25px Arial; margin-top: 5px; display: block;}
  152. .gn_box{}
  153. .gn_box .wh{width: 300px;}
  154. .gn_box_1,.gn_box_2{margin-right:50px;}
  155. .gn_box p.tit{text-align: center; border-radius: 25px 0 0 0;}
  156. .gn_box p.tit span{font: bold 18px/45px Microsoft YaHei; color: #fff;}
  157. .gn_box .con{height: 320px; background-color: #fff; border-radius: 0 0 25px 0; margin-bottom: 25px; padding: 20px 10px;}
  158. /*版块 一*/
  159. .gn_box_1 .lanmu1{border-bottom: 2px dotted #ddd;padding-bottom: 10px;}
  160. .gn_box_1 .lanmu1 li{background-color:#6DC8F2 !important; margin-bottom: 10px;}
  161. .gn_box_1 .lanmu1 li a{font: bold 18px/45px SimHei; color: #fff; margin-left: 45px;}
  162. .gn_box_1 .lanmu1 li a:hover{margin-left:50Px;color:#2491F6;}
  163. .gn_box_1 .lanmu2 li{float:left;text-align: center;margin: 20px 25px;}
  164. .gn_box_1 .lanmu2 li a{font: bold 14px/45px SimHei;}
  165. /*版块 二*/
  166. .gn_box_2{}
  167. .gn_box_2 .lanmu1{}
  168. .gn_box_2 .lanmu1 .l{width:100px;height: 135px;background-color: #8FC31F;padding-top: 15px;}
  169. .gn_box_2 .lanmu1 .l .img{width: 100px; height: 120px; background: url(../images/dot_6.png) no-repeat center -22px; padding-top: 5px;}
  170. .gn_box_2 .lanmu1 .r{margin-left:15px;}
  171. .gn_box_2 .lanmu1 .r li{height: 36px; line-height: 36px;}
  172. .gn_box_2 .lanmu1 .r li a{background: url(../images/dot_6.png) no-repeat -5px 1px;padding-left: 30px;font-size: 14px;font-family: simhei;}
  173. .gn_box_2 .lanmu1 .r li a:hover{margin-left:2px;}
  174. .gn_box_2 .lanmu2{margin-top:10px}
  175. .gn_box_2 .lanmu2 p{border-bottom: 2px solid #bbb; height: 30px;}
  176. .gn_box_2 .lanmu2 p span{font: bold 14px/30px simhei; border-bottom: 2px solid #8FC31F; color: #8FC31F; display: inline-block;}
  177. .gn_box_2 .lanmu2 ul{padding:5px 0;}
  178. .gn_box_2 .lanmu2 li{height: 25px; line-height: 25px; width: 280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; list-style: disc inside;}
  179. .gn_box_2 .lanmu2 li a:hover{text-decoration: underline;margin-left: 5px;}
  180. /*版块 三*/
  181. .gn_box_3 .con ul{}
  182. .gn_box_3 .con .lanmu1 li{height: 45px; line-height: 45px; border-bottom: 1px dashed #ddd; padding-left: 30px;}
  183. .gn_box_3 .con .lanmu1 li a{font-weight: bold; font-size: 16px; font-family: SimHei; color: #666; display: inline-block; height: 50px; line-height: 50px; margin-left: 35px;}
  184. .gn_box_3 .con .lanmu1 li a:hover{color:#1369D8;margin-left:50x;}
  185. .gn_box_3 .lanmu2 li{float:left;margin: 10px 15px;text-align: center;}
  186. .gn_box_3 .lanmu2 li a{font: bold 14px/45px SimHei;}
  187. .gn_box_3 .lanmu2 li div{background-color: #f39800;height: 80px;width: 110px;border-radius: 5px;}
  188. .gn_box_3 .lanmu2 li div:hover{border: 1px solid #fff;width: 108px;height: 78px;}
  189. .gn_banner{width: 100%; height: 239px; background: url(../images/dot_8.gif) no-repeat center;}
  190. .gn_banner ul{}
  191. .gn_banner li{float: left; margin: 40px 63px 0;}
  192. .gn_banner li a{width: 123px; height: 180px; display: inline-block;}
  193. .gn_banner li a.bg1{background: url(../images/dot_9.png) no-repeat;}
  194. .gn_banner li a.bg2{background: url(../images/dot_9.png) no-repeat -265px 0;}
  195. .gn_banner li a.bg3{background: url(../images/dot_9.png) no-repeat -532px 0;}
  196. .gn_banner li a.bg4{background: url(../images/dot_9.png) no-repeat -798px 0;}
  197. .gn_banner li a.bg1:hover{background: url(../images/dot_9_1.png) no-repeat;}
  198. .gn_banner li a.bg2:hover{background: url(../images/dot_9_1.png) no-repeat -265px 0;}
  199. .gn_banner li a.bg3:hover{background: url(../images/dot_9_1.png) no-repeat -532px 0;}
  200. .gn_banner li a.bg4:hover{background: url(../images/dot_9_1.png) no-repeat -798px 0;}
  201. /*-------------------- Search --------------------*/
  202. /*首页搜索*/
  203. .search_sy {
  204. margin-top:55px;
  205. margin-right: 20px;
  206. }
  207. .search_sy #search_sy {
  208. height: 35px;
  209. width: 480px;
  210. border: 0;
  211. font: normal 16px/35px simsun;
  212. padding-left: 15px;
  213. }
  214. .search_sy #Submit_sy {
  215. background: url(../images/search.png) no-repeat 50px 5px;
  216. background-size: 25px;
  217. height: 35px;
  218. width: 120px;
  219. background-color: #f19149;
  220. border: 0;
  221. vertical-align: top;
  222. margin-left: -6px;
  223. outline:none;
  224. }
  225. /*子页搜索*/
  226. .header-top .search {
  227. display: inline-block;
  228. float: right;
  229. margin-top: 15px;
  230. margin-right: 35px;
  231. background-color: #1369D8;
  232. padding: 5px 30px;
  233. border-radius: 20px;
  234. }
  235. .header-top .search #search {
  236. height: 35px;
  237. width: 250px;
  238. background-color: #1369D8;
  239. border: 0;
  240. font: bold 16px/35px Microsoft YaHei;
  241. color: #fff;
  242. padding-left: 5px;
  243. }
  244. .header-top .search #Submit {
  245. background: url(../images/search.png) no-repeat;
  246. background-size: 25px;
  247. height: 25px;
  248. width: 25px;
  249. border: 0;
  250. vertical-align: top;
  251. margin-top: 5px;
  252. outline:none;
  253. }
  254. .search ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
  255. .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }
  256. .search ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
  257. .search :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }
  258. /*-------------------- 内容页 --------------------*/
  259. /*面包屑导航*/
  260. .subnav {
  261. }
  262. .subnav p {
  263. height: 50px;
  264. line-height: 50px;
  265. font-size: 14px;
  266. padding-left: 10px;
  267. border-bottom: 3px solid #0E57BC;
  268. }
  269. .subnav p a {
  270. }
  271. /*文章主体*/
  272. .art_con {
  273. background-color: #fff;
  274. margin: 8px auto;
  275. }
  276. .art_con .tit {
  277. margin-left: 30px;
  278. margin-right: 30px;
  279. text-align: center;
  280. line-height: 4;
  281. }
  282. .art_con .meta {
  283. margin-left: 30px;
  284. margin-right: 30px;
  285. text-align: center;
  286. border-top: 1px dashed #bbb;
  287. padding-top: 8px;
  288. color: #666;
  289. }
  290. .art_con .content {
  291. margin-left: 30px;
  292. margin-right: 30px;
  293. line-height: 2;
  294. color: #666;
  295. font-size: 14px;
  296. }
  297. .art_con .content p {
  298. margin-bottom:8px;
  299. }
  300. /*上下页*/
  301. .art_con .page {
  302. width: 940px;
  303. margin-left: 30px;
  304. font-size: 14px;
  305. border-top: 1px dashed #bbb;
  306. padding-top: 10px;
  307. margin-top: 20px;
  308. padding-bottom: 30px;
  309. }
  310. .art_con .page p {
  311. line-height: 25px;
  312. padding-bottom: 5px;
  313. }
  314. .art_con .page p a {
  315. padding-bottom: 10px;
  316. }
  317. .box-shadow {
  318. box-shadow: 0px 0px 10px rgba(0,0,0,.4);
  319. -moz-box-shadow: 0 0px 10px rgba(0,0,0,.4) ;
  320. -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.4);
  321. }
  322. /*-------------------- 列表页 --------------------*/
  323. .w280{width:280px;}
  324. .w700{width:700px;}
  325. .art_list{
  326. background-color: #fff;
  327. margin: 8px auto;
  328. }
  329. /*侧边 导航*/
  330. .art_list .side_nav {
  331. min-height: 500px;
  332. background-color: #f0f0f0;
  333. margin-left: 10px;
  334. margin-top: 10px;
  335. }
  336. .art_list #side_nav_zd {
  337. padding: 8px;
  338. }
  339. .art_list #side_nav_zd h3 {
  340. height: 50px;
  341. text-align: center;
  342. font: normal 16px/50px SimHei;
  343. color: #fff;
  344. padding-right: 20px;
  345. cursor: pointer;
  346. }
  347. .art_list #side_nav_zd .hd {background-color: #1369d8;margin-bottom: 1px;}
  348. .art_list #side_nav_zd .on {background-color: #BD0000;}
  349. .art_list #side_nav_zd .hd h3{background: url(../images/dot_1.png) no-repeat 235px 12px;background-size: 25px;}
  350. .art_list #side_nav_zd .on h3{background: url(../images/dot_2.png) no-repeat 235px 12px;background-size: 25px;}
  351. .art_list #side_nav_zd li {
  352. height: 40px;
  353. font: normal 16px/40px SimHei;
  354. background-color: #7299cc;
  355. border-bottom: 1px solid #ddd;
  356. color: #fff;
  357. padding-left: 40px;
  358. }
  359. .art_list .list_tit {
  360. }
  361. .art_list .list_tit ul.l {
  362. margin-left: 15px;
  363. margin-right: 15px;
  364. }
  365. .art_list .list_tit .l li {
  366. height: 30px;
  367. line-height: 30px;
  368. border-bottom: 1px solid #ddd;
  369. padding: 9px;
  370. font-size: 16px;
  371. font-family: Microsoft YaHei;
  372. list-style: disc inside;
  373. }
  374. .art_list .list_tit .l li span {
  375. float: right;
  376. margin-left: 20px;
  377. }
  378. .art_list .list_tit .l .li_tit_width {
  379. display: inline-block;
  380. vertical-align: bottom;
  381. width: 75%;
  382. margin-left: 0px;
  383. }
  384. .art_list .list_tit .l li a {
  385. display: block;
  386. overflow: hidden;
  387. white-space: nowrap;
  388. text-overflow: ellipsis;
  389. }
  390. .art_list .list_tit .l li a:hover {
  391. text-decoration: underline;
  392. }
  393. /*列表页 分页*/
  394. .page_nav{height: 50px;padding-top: 15px;text-align: center;}
  395. .page_nav ul{display: inline-block;}
  396. .page_nav li{
  397. float: left;
  398. margin-right: 5px;
  399. }
  400. .page_nav li a.on{
  401. background-color:#1369D8;
  402. color:#fff;
  403. }
  404. .page_nav li a{
  405. padding: 10px 15px;
  406. display: block;
  407. border: 1px solid #1369D8;
  408. }
  409. .page_nav li a:hover{
  410. background-color:#1369D8;
  411. color:#fff;
  412. }
  413. /*-------------------- 页尾 --------------------*/
  414. .bd_line_1{background: url(../images/bg_line_1.png) no-repeat center #EEE; height: 63px;}
  415. .bd_line_2{background: url(../images/bg_line_2.png) no-repeat center #EEE; height: 36px;}
  416. .foot_2{background-repeat: repeat-x; background-color: #eee;}
  417. .font_con{text-align: center;margin-bottom: 10px;}
  418. .font_con .img{display: inline-block;height: 80px;width: 80px;background: url(../images/p_1.png) no-repeat;background-size: 80px 80px;}
  419. .font_con .text{display: inline-block;vertical-align: top;font: normal 14px/29px SimHei; margin-top:10px;}
  420. #foot_3{height:120px; background-color:#0168B7; overflow: hidden;}
  421. #foot_3 p,
  422. #foot_3 p a{color:#cbd9eb; font: normal 14px/25px SimSun; font-family: Microsoft YaHei; margin-bottom: 0;}
  423. #foot_3 p a:hover{text-decoration: underline;}
  424. .foot_4{background-color:#fff; width: 100%; height:150px; border-top: #0076D4 4px solid; overflow: hidden;}
  425. .foot_4 p,
  426. .foot_4 p a{color:#333; font: normal 14px/25px SimSun; font-family: Microsoft YaHei; margin-bottom: 0;}
  427. .foot_4 p a:hover{text-decoration: underline;}
  428. /*-------------------- 个人后台 --------------------*/
  429. .main_bzf_ht{}
  430. .ht_head{width: 100%; height: 180px; background: url(../images/ban_top21.png) no-repeat center #76C9F1; overflow: hidden;}
  431. .ht_head .logo{height: 50px;width: 315px;background: url(../images/logo.png) no-repeat;background-size: 272px 49px;display: inline-block;margin-top: 30px;margin-left:15px}
  432. .ht_head .logo a{display: block;height: 100%;width: 100%;text-indent: -9999em;overflow: hidden;float: left;}
  433. .mbx_nav{background-color: #1369d8;color:#fff;margin-bottom: 10px;border-bottom: 1px solid #ddd;}
  434. .mbx_nav a{color:#fff;}
  435. .ht_subnav{
  436. height: 35px;
  437. line-height: 35px;
  438. }
  439. .w270{width:230px;}
  440. .w700{width:750px;}
  441. .left_box_1{background-color: #fff; padding: 20px;}
  442. .cir_1{width: 88px; height: 88px; margin: 0 auto 8px; background: url(../images/icon_tx.png) no-repeat; text-align: center; line-height: 83px;}
  443. .cir_2{color: #fff; font-size: 35px; font-family: Microsoft YaHei;}
  444. .left_box_1 p{text-align: center; height: 20px; line-height: 20px; margin: 0; font-size: 12px;}
  445. .left_box_2{margin-bottom: 10px;}
  446. .left_box_2 li{height: 40px; line-height: 40px; background-color: #2c3e50; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left: 30px;}
  447. .left_box_2 li:hover{background-color: #3498db;}
  448. .left_box_2 li a{color: #fff; margin-left: 20px;}
  449. .nav_img_1{width: 25px;height: 25px;display: inline-block;float: left;margin-top: 10px;margin-left: 8px;background: url(../images/img.png) no-repeat;}
  450. .nav_img_2{width: 25px;height: 25px;display: inline-block;float: left;margin-top: 10px;margin-left: 8px;background: url(../images/img.png) no-repeat 0 -52px;}
  451. .nav_img_3{width: 25px;height: 25px;display: inline-block;float: left;margin-top: 10px;margin-left: 8px;background: url(../images/img.png) no-repeat 0 -82px;}
  452. .nav_img_4{width: 25px;height: 25px;display: inline-block;float: left;margin-top: 10px;margin-left: 8px;background: url(../images/img.png) no-repeat 0 -116px;}
  453. .nav_img_5{width: 25px;height: 25px;display: inline-block;float: left;margin: 10px 0px 0 8px;background: url(../images/img_2.png) no-repeat;}
  454. .nav_img_6{width: 25px;height: 25px;display: inline-block;float: left;margin: 10px 0px 0 8px;background: url(../images/img_2.png) no-repeat 0 -32px;}
  455. .nav_img_7{width: 25px;height: 25px;display: inline-block;float: left;margin: 10px 0px 0 8px;background: url(../images/img_2.png) no-repeat 0 -62px;;}
  456. .nav_img_8{width: 25px;height: 25px;display: inline-block;float: left;margin: 10px 0px 0 8px;background: url(../images/img_2.png) no-repeat 0 -120px;;}
  457. .nav_img_9{width: 25px;height: 25px;display: inline-block;float: left;margin: 10px 0px 0 8px;background: url(../images/img_2.png) no-repeat 0 -150px;;}
  458. .nav_img_10{width: 25px;height: 25px;display: inline-block;float: left;margin: 10px 0px 0 8px;background: url(../images/img_2.png) no-repeat 0 -92px;;}
  459. .nav_img_11{width: 22px;height: 25px;display: inline-block;float: left;margin-top: 10px;margin-left: 11px;background: url(../images/change.png) no-repeat;}
  460. .right_box_tit{border: 1px solid #fff; background-color: #fff; margin-bottom: 10px;}
  461. .right_box_tit .nav-tabs li.active a{background-color: #2B6BAB; color: #fff; display: block;}
  462. .right_box_tit .nav-tabs a{padding: 0 15px;}
  463. .right_box_0{background-color: #fff; padding: 20px; margin-bottom: 10px;}
  464. .right_box_0 p{font-size: 12px;margin-bottom:0;}
  465. .right_box_1{background-color: #fff; margin-bottom: 10px;}
  466. .right_box_1 p{height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #b4d7ff;}
  467. .right_box_1 p span{padding: 0 15px; background-color: #b4d7ff;}
  468. .xiangqin_td table{background-color:#f5f5f5;}
  469. .xiangqin_td table .b{font-weight: bold;}
  470. .xiangqin_td td{padding:5px;}
  471. .xiangqin_td tr{border-bottom:1px solid #fff;}
  472. .xiangqin_td td a img{width: 80px;height: 50px;margin: 5px 5px 5px 0;}
  473. /*----------------保障申请----------------*/
  474. .w50{width:50px;}
  475. .w60{width:60px;}
  476. .w80{width:90px;}
  477. .w90{width:90px;}
  478. .w120{width:120px;}
  479. .w200{width:200px;}
  480. .w150{width:150px;}
  481. .w240{width:240px;}
  482. /*--------表单样式--------*/
  483. .main_tips_con .btn-lg{
  484. padding: 10px 16px;
  485. font-size: 18px;
  486. line-height: 1.33;
  487. border-radius: 6px;
  488. }
  489. .main_tips_con .btn-info {
  490. color: #fff;
  491. background-color: #5bc0de;
  492. border-color: #46b8da;
  493. }
  494. .main_tips_con .btn {
  495. display: inline-block;
  496. padding: 6px 12px;
  497. margin-bottom: 0;
  498. font-size: 14px;
  499. font-weight: 400;
  500. line-height: 1.42857143;
  501. text-align: center;
  502. white-space: nowrap;
  503. vertical-align: middle;
  504. -ms-touch-action: manipulation;
  505. touch-action: manipulation;
  506. cursor: pointer;
  507. -webkit-user-select: none;
  508. -moz-user-select: none;
  509. -ms-user-select: none;
  510. user-select: none;
  511. background-image: none;
  512. border: 1px solid transparent;
  513. border-radius: 4px;
  514. }
  515. .main_tips_con fieldset{margin: 0 auto;font: 16px/30px Microsoft YaHei,SimHei;}
  516. .main_tips_con legend{margin-left: 15px; padding-left: 10px; padding-right: 10px;font: 16px/36px Microsoft YaHei,SimHei;}
  517. .main_tips_con .form_ul{margin-bottom: 10px;}
  518. .main_tips_con .form_ul li{padding-left: 30%;font: 14px/25px Microsoft YaHei,SimHei;}
  519. .main_tips_con .form_ul label{font-weight:normal;margin-bottom: 0;}
  520. .table_input th span{text-align: center;font-size: 14px;font-family: Microsoft YaHei;}
  521. .table_input input{height:25px; line-height: 25px; padding-bottom: 0; padding-top: 0;}
  522. .nav_tips{height: 50px; border-bottom: 3px solid #999; position: relative; min-width:1000px;margin-top:0}
  523. .nav_tips ul{text-align: center; display: block; width: 910px; margin: 0 auto; pointer-events: none;}
  524. .nav_tips li.on{border-bottom: 3px solid #1369D8;font-family: Microsoft YaHei;}
  525. .nav_tips li.on i{background-color: #1F7ED0;}
  526. .nav_tips li.on span{color:#1F7ED0;}
  527. .nav_tips li{float: left; height: 50px; line-height: 50px; font-size: 16px; font-family: simhei; padding-left: 20px; padding-right: 20px; margin-right: 20px;}
  528. .nav_tips li i{font-style: normal; width: 20px; height: 20px; line-height: 20px; display: inline-block; background-color: #999; border-radius: 10px; color: #fff; text-align: center; margin-right: 8px;}
  529. .nav_tips li span{}
  530. .main_tips_con{width: 1000px; margin: 0 auto ;}
  531. .main_tips_con fieldset{min-width: 0; padding: 0; margin: 0; border: 0;}
  532. #page1 p{margin-bottom:0}
  533. span.cue{
  534. color: red;
  535. font-size: 12px;
  536. line-height: 40px;
  537. }
  538. span.cue i{width: 16px;height: 40px;display: block;float: left;}
  539. span.cue .Success{background: url(../images/i_Success.png) no-repeat center;}
  540. span.cue .error{background: url(../images/i_error.png) no-repeat center;}
  541. i.error2{width: 15px;height: 15px;display: inline-block;background: url(../images/i_error.png) no-repeat;position: relative;top: 3px;left: 5px;}
  542. /*--select样式--*/
  543. .select_bz_2{height: 25px;padding: 0;padding-left: 8px;}
  544. .select_btn .btn{
  545. display: inline-block;
  546. padding: 6px 12px;
  547. margin-bottom: 0;
  548. font-size: 14px;
  549. font-weight: normal;
  550. line-height: 1.42857143;
  551. text-align: center;
  552. white-space: nowrap;
  553. vertical-align: middle;
  554. -ms-touch-action: manipulation;
  555. touch-action: manipulation;
  556. cursor: pointer;
  557. -webkit-user-select: none;
  558. -moz-user-select: none;
  559. -ms-user-select: none;
  560. user-select: none;
  561. background-image: none;
  562. border: 2px solid transparent;
  563. border-radius: 4px;
  564. color: #333;
  565. background-color: #fff;
  566. }
  567. /*--按钮--*/
  568. .main_tips_con .btndiv{/*按钮位置*/
  569. text-align: center;
  570. margin-top: 15px;
  571. }
  572. .btn_bzf1{
  573. width: 120px !important;
  574. height: 20px;
  575. display: inline-block;
  576. margin: 0 auto;
  577. }
  578. /*----------------个人中心----------------*/
  579. em{
  580. color: red;
  581. font-size: 12px;
  582. font-style: normal;
  583. padding: 2px;
  584. }
  585. .gerenxinxi{ margin: 0 auto; background-color: #fff; padding: 15px;text-align:left; }
  586. .gerenxinxi .hd{height:30px;line-height:30px;padding:0 10px 0 20px;border-bottom:1px solid #ddd;position:relative;}
  587. .gerenxinxi .hd ul{float:left;position:absolute;left:20px;top:-1px;height:32px;}
  588. .gerenxinxi .hd ul li{float:left;padding:0 15px;cursor:pointer;margin-right: 8px;border: 1px solid #ddd;background-color: #E5EDF2;margin-top: -1px;}
  589. .gerenxinxi .hd ul li.on{background:#fff;border:1px solid #ddd;border-bottom:2px solid #fff;font-weight: bold;}
  590. .gerenxinxi .bd ul{padding:15px;zoom:1;margin-bottom: 0;}
  591. .gerenxinxi .bd li{ height:30px; line-height:30px; }
  592. .gerenxinxi .bd li .date{ float:right; color:#999; }
  593. .gerenxinxi .jibenxinxi{}
  594. .gerenxinxi .jibenxinxi li span{width: 42%; display: inline-block; text-align: right;}
  595. .grzx_jiating_xinxi{font: 14px/30px Microsoft YaHei,SimHei;}
  596. .grzx_jiating_xinxi th{text-align: center;}
  597. /*----------------审核进度----------------*/
  598. .shenhejindu{}
  599. .shenhejindu ul{width: 520px; margin-left: 50px; font-size: 14px;}
  600. .shenhejindu li{line-height: 30px; overflow: hidden; margin-bottom: 5px;}
  601. .shenhejindu li span{width:110px;float:left;}
  602. .shenhejindu li .i_shenhe{background: url(../images/i_shenhe.png) no-repeat; width: 25px; height: 25px; float: left; margin-top: 3px;}
  603. .shengjd_box{margin-left: 10px;}
  604. .shengjd_box div{margin-bottom:15px; float: left; display: table;}
  605. .shengjd_box .shenhe_box{display: block; width: 60px; height: 60px; text-align: center; padding: 5px; background-color: #ddd; color: #333; display: table-cell; vertical-align: middle; font-size: 12px;}
  606. .shengjd_box .on{background-color:#3e7ec1 ; color: #fff;}
  607. .shengjd_box .error{background-color:#d42c2c ; color: #fff;}
  608. .shengjd_box .ongoing{background-color:#33CC66 ; color: #fff;}
  609. .i_jiantou{width: 30px; height: 30px; display: block; background: url(../images/i_jiantou.png) no-repeat; background-size: 30px; float: left; margin-top: 15px; margin-bottom: 15px;}
  610. /*--------------------注册 登录--------------------*/
  611. .reg-tit{padding: 0 20px;}
  612. .reg-tit dl{border-bottom: 2px solid #ddd; overflow: hidden; color: #333; height: 50px; padding-top: 10px;}
  613. .reg-tit dt{float: left; font-size: 22px; color: #333; font-weight: normal; font-family: Microsoft Yahei; margin-left: 10px;}
  614. .reg-tit dd{float: left; height: 25px; line-height: 25px; margin: 8px 0 0 15px; color: #666;}
  615. .reg-tit dd a{color: #666;}
  616. .reg-con{padding: 0 20px;}
  617. .reg_form{float: left;margin-left:35px;margin-top: 20px}
  618. .reg_form .p{margin-bottom: 20px; overflow: hidden;}
  619. .reg_form .p label{display: block;float: left;height: 34px;width: 80px;margin-right: 10px;line-height: 34px;font-size: 14px;color: #666;font-weight: 700;text-align: right;}
  620. .reg_form .p .w240,.reg_form .p .w90{float:left;}
  621. .reg_form .p input{float: left;}
  622. .reg_form .p span{float: left;display: block;height: 34px;line-height: 34px;color: #ff4e1f;}
  623. .reg_form .success i{background: url(../images/z_Success.gif) no-repeat 0 center;width: 22px;height:34px;display: block;}
  624. .reg_form .error i{background: url(../images/z_error.gif) no-repeat 0 center;width: 22px;height:34px;float: left;display: inline-block;}
  625. .reg-con .p input.btn{background-color: #3f89ec; display: block; height: 40px; width: 100%; font-size: 16px; font-weight: 700; cursor: pointer; color: #fff; background-image: none; border-radius: 3px; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: .3s; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
  626. .reg-con .p input.btn:hover{background-color:#3c7ed6}
  627. /*免费获取验证码样式*/
  628. #rosy{height: 34px;width: 138px;color: #fae7e9;border: solid 1px #b73948;margin-left: 10px;background: #da5867;background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));background: -moz-linear-gradient(top, #f16c7c, #bf404f);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');}#rosy:hover{background: #ba4b58;background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));background: -moz-linear-gradient(top, #cf5d6a, #a53845);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');}#rosy:active{color: #dca4ab;background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));background: -moz-linear-gradient(top, #bf404f, #f16c7c);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');}
  629. .reg-sms{width: 300px; height: 238px; border: 1px solid #d1eeff; background-color: #f5fbff; margin-top: 20px; margin-right: 40px;float: right;}
  630. .reg-sms .reg-sms-title{margin: 0 10px 10px; padding-left: 10px; height: 50px; line-height: 50px; border-bottom: 1px solid #e6edf2; font-size: 14px; color: #666;}
  631. .reg-sms .reg-sms-p-text{color: #666; font-size: 12px; margin: 5px 10px 5px 15px;}
  632. .log_form{float: left; margin-left:50px; margin-top: 20px}
  633. .log_form form{padding: 0 20px; background-color: #eaf2f9;}
  634. .log_form .p{margin-bottom:20px;}
  635. .log_form .p label{font: normal 16px/30px Microsoft YaHei;}
  636. .log_form .p .w300{width: 300px;}
  637. .log_form_reg{overflow: hidden; background-color: #d7e8f7; padding: 10px 25px;}
  638. .log_form_reg span{height: 40px; line-height: 40px; float: left; text-align: left; font-size: 14px; color: #999;}
  639. .log_form_reg a{width: 200px; height: 40px; line-height: 40px; float: right; text-align: center; font-size: 14px; color: #fff; background: #ff5555; text-decoration: none; cursor: pointer; border-radius: 2px;}
  640. .log_form_reg a:hover{background: #f35353;}
  641. .yixiangxq li{float: left; margin: 0 5px; width: 160px;}
  642. .yixiangxq li label{margin-left: 5px; font-weight: normal;}