public.css 16 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181
  1. /*公共样式*/
  2. * {
  3. padding: 0;
  4. margin: 0;
  5. box-sizing: border-box;
  6. font-family: "微软雅黑";
  7. }
  8. .container{
  9. padding: 0
  10. }
  11. html {
  12. font-size: 62.5%;
  13. }
  14. body {
  15. font: 14px "simsun", Arial, Helvetica, sans-serif;
  16. width: 100%;
  17. background-color: #fff;
  18. -webkit-font-smoothing: antialiased;
  19. -moz-osx-font-smoothing: grayscale;
  20. /*font-size:1.4rem;*/
  21. }
  22. body,
  23. h1,
  24. h2,
  25. h3,
  26. h4,
  27. h6,
  28. p,
  29. ul,
  30. ol,
  31. dl,
  32. dd {
  33. margin: 0;
  34. padding: 0;
  35. list-style: none;
  36. }
  37. a {
  38. color: #000;
  39. text-decoration: none;
  40. }
  41. a:hover {
  42. color: #000;
  43. text-decoration: none;
  44. }
  45. .container {
  46. width: 1200px;
  47. }
  48. a:focus {
  49. text-decoration: none;
  50. }
  51. .lf {
  52. float: left;
  53. }
  54. .rf {
  55. float: right;
  56. }
  57. .clear {
  58. clear: both;
  59. }
  60. img {
  61. border: none;
  62. }
  63. ::-webkit-input-placeholder {
  64. color: #CCCCCC;
  65. }
  66. ::-webkit-input-placeholder {
  67. color: #CCCCCC;
  68. }
  69. .ct-img-small {
  70. display: none;
  71. }
  72. input:-webkit-autofill {
  73. -webkit-box-shadow: 0 0 0 1000px white inset !important;
  74. }
  75. input:focus {
  76. outline: none;
  77. }
  78. ul,
  79. ol {
  80. padding: 0;
  81. margin: 0;
  82. list-style: none;
  83. }
  84. /*顶部区域*/
  85. /* header */
  86. .header {
  87. color:#333;
  88. height: 64px;
  89. line-height: 64px;
  90. background-color: #f9f9f9;
  91. }
  92. .header div>div{
  93. margin-left: 30px;
  94. float:right;
  95. }
  96. .header ul li {
  97. float: left;
  98. margin: 0 10px;
  99. }
  100. .header a{
  101. color:#333;
  102. }
  103. .header .colorRed{
  104. color: #ff570c;
  105. }
  106. /* 新导航 */
  107. .navHeader {
  108. background: #ffffff;
  109. line-height: 90px;
  110. height:90px;
  111. }
  112. .navHeader .nav ul li img {
  113. width: 30px;
  114. height: 30px;
  115. position: absolute;
  116. right: 0px;
  117. top: 9px;
  118. }
  119. .navHeader .logo {
  120. float: left;
  121. padding-left: 20px;
  122. }
  123. .navHeader .logo_right {
  124. margin-top:12px;
  125. float: left;
  126. padding-left: 20px;
  127. width: 120px;
  128. height: 75px;
  129. background: url("../../img/index_xuan.png") no-repeat center center;
  130. margin-left: 10px;
  131. }
  132. .navHeader .nav {
  133. float: left;
  134. padding-left: 40px;
  135. }
  136. .navHeader .nav>ul>li {
  137. float: left;
  138. width: 120px;
  139. text-align: center;
  140. line-height: 90px;
  141. position: relative;
  142. }
  143. .navHeader .nav>ul>li>a {
  144. color: #074d88;
  145. width: 120px;
  146. line-height: 90px;
  147. display: inline-block;
  148. font-size: 20px;
  149. }
  150. .navHeader .nav>ul>li:hover a {
  151. color: #074F88;
  152. }
  153. .navHeader .nav_right{
  154. float: right;
  155. color:#ff570c;
  156. }
  157. .navHeader .nav_right img {
  158. width: 82px;
  159. height: 62px;
  160. margin-right: 14px;
  161. }
  162. /* 旧导航 */
  163. header {
  164. width: 100%;
  165. background: #ffffff;
  166. line-height: 90px;
  167. height: 90px;
  168. }
  169. header .logo {
  170. float: left;
  171. padding-left: 20px;
  172. }
  173. header .logo_right {
  174. margin-top: 8px;
  175. float: left;
  176. padding-left: 20px;
  177. width: 120px;
  178. height: 75px;
  179. background: url("../../img/index_xuan.png") no-repeat center center;
  180. margin-left: 10px;
  181. }
  182. .h_fix {
  183. position: fixed;
  184. top: 0px;
  185. left: 0;
  186. z-index: 9999;
  187. box-shadow: 2px 4px 10px #CCCCCC;
  188. display: none;
  189. }
  190. header .nav {
  191. float: left;
  192. padding-left: 35px;
  193. }
  194. header .nav>ul>li {
  195. float: left;
  196. width: 120px;
  197. text-align: center;
  198. line-height: 90px;
  199. position: relative;
  200. }
  201. header .nav>ul>li>a {
  202. color: #074d88;
  203. width: 120px;
  204. line-height: 90px;
  205. display: inline-block;
  206. font-size: 20px;
  207. }
  208. header .nav>ul>li:hover a {
  209. color: #074F88;
  210. }
  211. .active a {
  212. color: #074F88!important;
  213. }
  214. /*2级导航*/
  215. header .nav ul li .subnavigation {
  216. width: 120px;
  217. position: absolute;
  218. top: 76px;
  219. z-index: 9999;
  220. background: #ffffff;
  221. display: none;
  222. box-shadow: 0 2px 10px #ccc;
  223. }
  224. .subnavigation {
  225. padding-top: 18px;
  226. padding-bottom: 15px;
  227. }
  228. .subnavigation li>a {
  229. width: 120px;
  230. height: 30px;
  231. line-height: 30px;
  232. display: inline-block;
  233. color: #333333;
  234. }
  235. .subnavigation li a:hover {
  236. letter-spacing: 5px;
  237. background: rgba(22,151, 234, .7);
  238. box-shadow: 0 4px 6px #ccc;
  239. transition: all .2s ease-in;
  240. color:#ffffff!important;
  241. }
  242. .subnavigation li {
  243. height: 30px!important;
  244. line-height: 30px!important;
  245. }
  246. /*hot*/
  247. .nav ul li:hover img {
  248. animation: hot 1s infinite linear;
  249. transition: all 1s;
  250. }
  251. @keyframes hot {
  252. 0% {
  253. width: 30px;
  254. height: 30px;
  255. }
  256. 25% {
  257. width: 25px;
  258. height: 25px;
  259. top: 9px;
  260. }
  261. 50% {
  262. width: 30px;
  263. height: 30px;
  264. }
  265. 100% {
  266. width: 25px;
  267. height: 25px;
  268. top: 9px;
  269. }
  270. }
  271. header .nav_right>div {
  272. width: 180px;
  273. height: 25px;
  274. position: absolute;
  275. right: 0;
  276. top: 10px;
  277. background: url("../../img/index400.png")
  278. }
  279. header .nav_right a {
  280. color: #333333;
  281. margin: 2px;
  282. }
  283. header .nav_right a:hover {
  284. color: #2a6597;
  285. }
  286. .nav ul li {
  287. position: relative;
  288. }
  289. .nav ul li img {
  290. width: 30px;
  291. height: 30px;
  292. position: absolute;
  293. right: 0px;
  294. top: 9px;
  295. }
  296. .nav_right a:first-child+a+a {
  297. display: none;
  298. }
  299. header .nav_right .head_login {
  300. width: 40px;
  301. height: 50px;
  302. display: inline-block;
  303. line-height: 40px;
  304. position: absolute;
  305. right: 0;
  306. bottom: 0;
  307. color: #616161;
  308. }
  309. /*bottom的css*/
  310. #bottom {
  311. width: 100%;
  312. height: 386px;
  313. margin: 20px auto 0;
  314. position: relative;
  315. background: url(../../img/bottom_bg.png) no-repeat center center;
  316. background-size: 120% 100%;
  317. ;
  318. }
  319. .bottom {
  320. width: 1200px;
  321. height: 386px;
  322. margin: 20px auto 0;
  323. position: relative;
  324. }
  325. .bottom_text {
  326. width: 1200px;
  327. height: 386px;
  328. position: absolute;
  329. left: 0;
  330. top: 0;
  331. }
  332. .text_top {
  333. width: 100%;
  334. height: 55px;
  335. position: absolute;
  336. top: 140px;
  337. left: 0;
  338. text-align: center;
  339. color: #fff;
  340. }
  341. .text_top>a {
  342. color: #fff;
  343. line-height: 25px;
  344. }
  345. .text_center {
  346. width: 100%;
  347. height: 90px;
  348. position: absolute;
  349. top: 195px;
  350. left: 0;
  351. color: #fff;
  352. margin-top: 10px;
  353. }
  354. .cont_left {
  355. vertical-align: top;
  356. width: 350px;
  357. height: 90px;
  358. display: inline-block;
  359. margin-left: 45px;
  360. }
  361. .cont_left>p{
  362. margin-top: 15px;
  363. }
  364. .cont_left>img {
  365. margin-left: 85px;
  366. width: 40px;
  367. }
  368. .cont_guanli>a>img {
  369. width: 40px;
  370. height: 40px;
  371. }
  372. .cont_guanli {
  373. width: 200px;
  374. height: 90px;
  375. display: inline-block;
  376. text-align: center;
  377. margin-left: 70px;
  378. }
  379. .cont_center {
  380. width: 200px;
  381. height: 90px;
  382. display: inline-block;
  383. text-align: center;
  384. }
  385. .cont_right,
  386. .cont_rightapp {
  387. width: 82px;
  388. height: 90px;
  389. display: inline-block;
  390. text-align: center;
  391. vertical-align: top;
  392. }
  393. .text_center p {
  394. color: #F5F6F9;
  395. font-weight: bold;
  396. }
  397. .cont_rightapp {
  398. margin-right: 5px;
  399. margin-left: 50px;
  400. }
  401. .cont_rightapp p {
  402. line-height: 30px;
  403. }
  404. .cont_right p {
  405. line-height: 30px;
  406. width: 80px;
  407. text-align: center;
  408. }
  409. .text_bottom {
  410. width: 100%;
  411. height: 75px;
  412. position: absolute;
  413. top: 285px;
  414. left: 0;
  415. color: #fff;
  416. padding-left: 45px;
  417. margin-top: 15px;
  418. }
  419. .text_bottom p {
  420. font-weight: bold;
  421. line-height: 25px;
  422. }
  423. .text_bottom a {
  424. color: #fff;
  425. font-size: 1.2rem;
  426. line-height: 18px;
  427. }
  428. .pol_act {
  429. margin-left: 5px;
  430. }
  431. .android {
  432. margin-right: 5px;
  433. }
  434. /*右侧挂件*/
  435. .index_blur {
  436. font-size: 18px;
  437. color: #fff;
  438. text-align: right;
  439. padding-right: 15px;
  440. cursor: pointer;
  441. }
  442. .pub_fix {
  443. width: 70px;
  444. position: fixed;
  445. right: 10px;
  446. bottom: 80px;
  447. border-radius: 10px;
  448. border: 1px solid #e0e0e0;
  449. overflow: hidden;
  450. text-align: center;
  451. height: auto;
  452. background: #ffd68f;
  453. z-index: 999;
  454. }
  455. .right_cebian {
  456. width: 40px;
  457. height: 120px;
  458. position: fixed;
  459. right: 0;
  460. bottom: 180px;
  461. border-radius: 10px 0 0 10px;
  462. text-align: center;
  463. color: #fff;
  464. display: none;
  465. cursor: pointer;
  466. background: #5888B5 url("../../img/youce_daohang.png") no-repeat center 5px;
  467. z-index: 999999;
  468. letter-spacing: 5px;
  469. font-size: 18px;
  470. padding-top: 30px;
  471. padding-left: 5px;
  472. line-height: 20px;
  473. }
  474. .pub_fix .index_blur {
  475. width: 100%;
  476. height: 30px;
  477. line-height: 30px;
  478. background: #4c7fa9;
  479. display: inline-block;
  480. }
  481. .pub_fix .index_orange {
  482. width: 100%;
  483. height: 24px;
  484. line-height: 24px;
  485. background: #ffd68f;
  486. display: inline-block;
  487. }
  488. .pub_fix ul li:first-child {
  489. border: none;
  490. }
  491. .pub_fix ul li {
  492. padding-top: 6px;
  493. padding-bottom: 6px;
  494. border-top: 1px dotted #e0e0e0;
  495. background: #FFFFFF;
  496. }
  497. .pub_fix ul li a{
  498. width: 38px;
  499. height: 40px;
  500. display: inline-block;
  501. }
  502. .pub_fix ul li img {
  503. margin-bottom: 4px;
  504. }
  505. .pub_fix ul li:hover {
  506. cursor: pointer;
  507. }
  508. .pub_fix ul li p {
  509. color: #074d88;
  510. font-size: 14px;
  511. }
  512. .pub_fix ul li a {
  513. text-decoration: none;
  514. }
  515. .pub_fix ul li a img {
  516. width: 45px;
  517. height: 45px;
  518. border-radius: 50%;
  519. background: #ffc443;
  520. display: inline-block;
  521. }
  522. .pub_fix ul li:hover a img {
  523. background: #fc9501
  524. }
  525. /*登陆页面*/
  526. .login {
  527. width: 100%;
  528. background: rgba(6, 6, 6, .4);
  529. position: fixed;
  530. top: 0;
  531. left: 0;
  532. z-index: 999999;
  533. display: none;
  534. }
  535. .login_mian {
  536. width: 600px;
  537. background: #ffffff;
  538. position: absolute;
  539. top: 50%;
  540. margin-top: -200px;
  541. left: 50%;
  542. margin-left: -300px;
  543. padding-top: 60px;
  544. padding-bottom: 96px;
  545. }
  546. .login_left {
  547. float: left;
  548. padding-bottom: 10px;
  549. width: 265px;
  550. text-align: center;
  551. }
  552. .login_left .login_ewm {
  553. width: 95px;
  554. padding-top: 34px;
  555. margin-bottom: 10px;
  556. display: inline-block;
  557. text-align: center;
  558. }
  559. .login_left .login_ewm img {
  560. margin-bottom: 10px;
  561. width: 90px;
  562. }
  563. .login_left p {
  564. line-height: 26px;
  565. font-size: 16px;
  566. text-align: center;
  567. }
  568. .login_right {
  569. float: left;
  570. padding-left: 32px;
  571. width: 288px;
  572. border-left: 1px solid #E5E5E5;
  573. }
  574. .login_check,
  575. .login_submit {
  576. width: 260px!important;
  577. margin-top: 20px;
  578. }
  579. .login_right h5 {
  580. font-size: 18px;
  581. color: #373739;
  582. font-weight: normal;
  583. margin-bottom: 10px;
  584. }
  585. .login_right h5 a {
  586. font-size: 14px;
  587. color: #f81009;
  588. margin-left: 56px;
  589. }
  590. .login_right form .login_uesr,
  591. .login_pass {
  592. width: 256px;
  593. height: 40px;
  594. position: relative;
  595. border: 1px solid #cccccc;
  596. }
  597. .login_uesr label img,
  598. .login_pass label img {
  599. width: 20px;
  600. height: 22px;
  601. position: absolute;
  602. top: 8px;
  603. left: 10px;
  604. border: none;
  605. }
  606. #Lo_user,
  607. #Lo_pass {
  608. width: 214px;
  609. height: 37px;
  610. line-height: 40px;
  611. border: none;
  612. border-left: 1px solid #CCCCCC;
  613. padding-left: 12px;
  614. left: 40px;
  615. top: 8px;
  616. font-size: 16px;
  617. position: absolute;
  618. color: #cdcdcd;
  619. }
  620. .login_uesr .log_del {
  621. width: 16px;
  622. height: 16px;
  623. position: absolute;
  624. top: 10px;
  625. right: 10px;
  626. }
  627. .log_del:hover {
  628. cursor: pointer;
  629. }
  630. .login_uesr {
  631. margin-bottom: 20px;
  632. }
  633. .login_check a {
  634. color: #f18101;
  635. float: right;
  636. line-height: 38px;
  637. }
  638. .login_check label {
  639. height: 38px;
  640. line-height: 38px;
  641. color: #f18101;
  642. font-weight: normal;
  643. }
  644. .lab_check {
  645. background: url(../../img/check_lo.png) no-repeat center left;
  646. background-size: 20% 40%;
  647. }
  648. .lab_checkno {
  649. background: url(../../img/check_lono.png) no-repeat center left;
  650. background-size: 20% 40%;
  651. }
  652. .login_check label input {
  653. margin-right: 4px;
  654. visibility: hidden;
  655. }
  656. .login_check label:hover {
  657. cursor: pointer;
  658. }
  659. .login_submit {
  660. width: 100%;
  661. height: 38px;
  662. font-size: 20px;
  663. background: #f18101;
  664. color: #FFFFFF;
  665. text-align: center;
  666. border: none;
  667. }
  668. .login_hua {
  669. position: absolute;
  670. top: 0;
  671. left: 0;
  672. }
  673. .login_close {
  674. position: absolute;
  675. top: 10px;
  676. right: 10px;
  677. width: 24px;
  678. height: 22px;
  679. z-index: 2000;
  680. }
  681. .login_close:hover {
  682. cursor: pointer;
  683. }
  684. .login_shadow {
  685. position: absolute;
  686. bottom: -25px;
  687. width: 600px;
  688. height: 25px;
  689. right: 0;
  690. z-index: 2000;
  691. }
  692. .login_check label:first-child {
  693. margin-right: 15px;
  694. }
  695. .head_login:focus {
  696. text-decoration: none;
  697. }
  698. /*忘记密码页面*/
  699. #forget {
  700. width: 100%;
  701. height: 100%;
  702. background: rgba(6, 6, 6, .4);
  703. position: fixed;
  704. top: 0;
  705. left: 0;
  706. z-index: 999999;
  707. display: none;
  708. }
  709. .forget {
  710. width: 600px;
  711. background: #ffffff;
  712. position: absolute;
  713. top: 50%;
  714. margin-top: -200px;
  715. left: 50%;
  716. margin-left: -300px;
  717. padding-top: 10px;
  718. padding-bottom: 50px;
  719. }
  720. .forget_top {
  721. width: 100%;
  722. height: 50px;
  723. border-bottom: 1px solid #E5E5E5;
  724. padding-left: 20px;
  725. line-height: 50px;
  726. }
  727. .forget_top>a {
  728. color: #383838;
  729. font-size: 20px;
  730. float: left;
  731. }
  732. .forget_top>div {
  733. float: left;
  734. }
  735. .forget_center {
  736. padding-top: 30px;
  737. width: 100%;
  738. text-align: center;
  739. padding-right: 40px;
  740. }
  741. .forget_center>div {
  742. color: #616161;
  743. font-size: 16px;
  744. font-weight: normal;
  745. height: 40px;
  746. line-height: 40px;
  747. width: 410px;
  748. margin: 0 auto;
  749. margin-bottom: 15px;
  750. text-align: right;
  751. position: relative;
  752. }
  753. .forget_center>div input {
  754. height: 40px;
  755. margin-left: 5px;
  756. }
  757. .phone>label {
  758. font-weight: normal;
  759. font-size: 18px;
  760. }
  761. .phone input {
  762. width: 250px;
  763. font-size: 16px;
  764. border: 1px solid #E5E5E5;
  765. padding-left: 5px;
  766. }
  767. .yanzheng>label {
  768. display: inline-block;
  769. color: #616161;
  770. font-weight: normal;
  771. font-size: 18px;
  772. }
  773. .yanzheng input {
  774. width: 160px;
  775. font-size: 16px;
  776. border: 1px solid #E5E5E5;
  777. padding-left: 5px;
  778. }
  779. .yanzheng {
  780. padding-right: 90px;
  781. }
  782. .yanzhengma_cont_ {
  783. width: 80px;
  784. height: 40px;
  785. display: inline-block;
  786. position: absolute;
  787. top: 0;
  788. right: 0;
  789. }
  790. .yanzhengma_cont_>img {
  791. width: 100%;
  792. height: 100%;
  793. }
  794. .cellcode_ {
  795. padding-right: 90px;
  796. }
  797. .cellcode_>div {
  798. display: inline-block;
  799. font-size: 18px;
  800. }
  801. .cellcode_>div>input {
  802. width: 160px;
  803. font-size: 16px;
  804. border: 1px solid #E5E5E5;
  805. padding-left: 5px;
  806. }
  807. .cellcode_>input {
  808. width: 80px;
  809. height: 40px;
  810. font-size: 14px;
  811. position: absolute;
  812. top: 0;
  813. right: 0;
  814. background: #fff;
  815. border: 1px solid #eee;
  816. cursor: pointer;
  817. color: #ccc;
  818. display: inline-block;
  819. padding-left: 0;
  820. background: none;
  821. text-align: center;
  822. }
  823. .forget_center .fastener {
  824. margin-top: 40px;
  825. text-align: center;
  826. padding-left: 30px;
  827. }
  828. .fastener>div {
  829. display: inline-block;
  830. width: 150px;
  831. height: 40px;
  832. }
  833. .fastener .forget_sub {
  834. background: #F18101;
  835. width: 150px;
  836. height: 40px;
  837. border: 1px solid #E5E5E5;
  838. margin-right: 20px;
  839. color: #fff;
  840. letter-spacing: 8px;
  841. font-size: 18px;
  842. }
  843. .fastener_right {
  844. color: #F18101;
  845. border: 1px solid #E5E5E5;
  846. text-align: center;
  847. letter-spacing: 8px;
  848. font-size: 18px;
  849. cursor: pointer;
  850. }
  851. /*新密码设置*/
  852. #new_password {
  853. width: 100%;
  854. height: 100%;
  855. background: rgba(6, 6, 6, .4);
  856. position: fixed;
  857. top: 0;
  858. left: 0;
  859. z-index: 999999;
  860. display: none;
  861. }
  862. .new_password {
  863. width: 600px;
  864. background: #ffffff;
  865. position: absolute;
  866. top: 50%;
  867. margin-top: -200px;
  868. left: 50%;
  869. margin-left: -300px;
  870. padding-top: 10px;
  871. padding-bottom: 50px;
  872. }
  873. .password_top {
  874. width: 100%;
  875. height: 50px;
  876. border-bottom: 1px solid #E5E5E5;
  877. padding-left: 20px;
  878. line-height: 50px;
  879. }
  880. .password_top>h4 {
  881. display: inline-block;
  882. color: #616161;
  883. font-size: 20px;
  884. }
  885. .password_top>span {
  886. font-size: 16px;
  887. color: #616161;
  888. background: url("../../img/zhongdian.png") no-repeat left center;
  889. padding-left: 25px;
  890. margin-left: 15px;
  891. }
  892. .password_center {
  893. padding-top: 30px;
  894. width: 100%;
  895. text-align: center;
  896. padding-right: 40px;
  897. }
  898. .password_center>div {
  899. color: #616161;
  900. font-size: 16px;
  901. font-weight: normal;
  902. height: 40px;
  903. line-height: 40px;
  904. width: 410px;
  905. margin: 0 auto;
  906. margin-bottom: 15px;
  907. text-align: right;
  908. position: relative;
  909. }
  910. .password_center>div>label {
  911. font-weight: normal;
  912. font-size: 18px;
  913. }
  914. .password_center>div input {
  915. width: 250px;
  916. height: 40px;
  917. font-size: 16px;
  918. padding-left: 5px;
  919. }
  920. .new_password .fastener {
  921. margin-top: 40px;
  922. padding-left: 30px;
  923. }
  924. .fastener .new_password_sub {
  925. background: #F18101;
  926. width: 150px;
  927. height: 40px;
  928. border: 1px solid #E5E5E5;
  929. margin-right: 20px;
  930. color: #fff;
  931. letter-spacing: 8px;
  932. font-size: 18px;
  933. }
  934. /*弹出消息提示*/
  935. /*弹出消息提示*/
  936. .smg{
  937. width: 260px;height: 40px;text-align: center;transform: scale(0) rotate(360deg);
  938. line-height:40px;background:#17a2b8;border-radius: 10px;
  939. position: fixed;top: -200px; left: 50%;margin-left: -130px;color:#ffffff;
  940. transition: all .1s ease-in-out;
  941. }
  942. .smg input{width: 260px;height: 40px;border: none;background: none;text-align: center;font-size: 14px;}
  943. .smg.active{
  944. transform: scale(1) ;
  945. top: 200px;
  946. z-index: 9999999999;
  947. transition: all .1s ease-in;
  948. }
  949. /* msg tools*/
  950. .message {
  951. position: fixed;
  952. top: 80px;
  953. text-align: center;
  954. width: 100%;
  955. display: none;
  956. z-index: 9999999
  957. }
  958. .message span {
  959. background: rgba(0, 0, 0, 0.6);
  960. padding: 8px 20px;
  961. color: #fff;
  962. border-radius: 6px
  963. }
  964. /* 导航 */
  965. .topNav{
  966. width: 100%;
  967. background: #ffffff;
  968. height: 90px;
  969. }
  970. .topNav.navFix{
  971. position: fixed;
  972. top: 0;
  973. left: 0;
  974. height: 90px;
  975. z-index: 999999;
  976. box-shadow: 0 4px 10px #ccc;
  977. }
  978. @media screen and (max-width:600px) {
  979. .pub_fix {
  980. display: none;
  981. }
  982. }
  983. .loading{
  984. position: fixed;
  985. width: 100%;
  986. height: 100%;
  987. background: rgba(0, 0, 0, 0.1);
  988. top: 0;
  989. left: 0;
  990. z-index: 99999999999;
  991. }
  992. .loading{
  993. display: none;
  994. }
  995. .loading div{
  996. position: fixed;
  997. width: 98vw;
  998. height: 100vh;
  999. }
  1000. .loading p{
  1001. position: absolute;
  1002. left: 50%;
  1003. top: 50%;
  1004. width: 200px;
  1005. height: 40px;
  1006. margin-left: -100px;
  1007. margin-top: -20px;
  1008. }
  1009. .loading p span{
  1010. display: inline-block;
  1011. font-size: 30px;
  1012. color: #17a2b8;
  1013. transition: all .2s ease-in-out;
  1014. }
  1015. .loading p span.active{
  1016. margin-left: -10px;
  1017. transition: all .2s ease-in;
  1018. }