public.css 16 KB

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