public.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813
  1. *{margin: 0;padding: 0;list-style: none;}
  2. body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
  3. dl, dt, dd, ul, ol, li,
  4. pre,
  5. form, fieldset, legend, button, input, textarea,
  6. th, td {
  7. margin: 0;
  8. padding: 0;
  9. }
  10. body,
  11. button, input, select, textarea {
  12. font-size:14px; background-color: white;
  13. }
  14. /*h1, h2, h3, h4, h5, h6 { font-size: 100%; }*/
  15. address, cite, dfn, em, var { font-style: normal; }
  16. code, kbd, pre, samp { font-family: courier new, courier, monospace; }
  17. small { font-size: 12px; }
  18. ul, ol { list-style: none; }
  19. a { text-decoration: none; }
  20. a:hover { text-decoration: none; }
  21. legend { color: #000; }
  22. fieldset, img { border: 0; }
  23. button, input, select, textarea { font-size: 100%; }
  24. table { border-collapse: collapse; border-spacing: 0; }
  25. img{
  26. vertical-align: middle;
  27. }
  28. .float-left{
  29. float: left;
  30. }
  31. .float-right{
  32. float:right;
  33. }
  34. .textRight{
  35. text-align: right
  36. }
  37. .clearFix{
  38. clear: both;
  39. }
  40. button:focus{
  41. outline: none;
  42. background-color: none;
  43. }
  44. /* footer */
  45. /*登陆页面*/
  46. .login {
  47. width: 100%;
  48. background: rgba(6, 6, 6, .4);
  49. position: fixed;
  50. top: 0;
  51. left: 0;
  52. z-index: 999999;
  53. display: none;
  54. }
  55. .login_mian {
  56. width: 600px;
  57. background: #ffffff;
  58. position: absolute;
  59. top: 50%;
  60. margin-top: -200px;
  61. left: 50%;
  62. margin-left: -300px;
  63. padding-top: 60px;
  64. padding-bottom: 96px;
  65. }
  66. .login_left {
  67. float: left;
  68. padding-bottom: 10px;
  69. width: 265px;
  70. text-align: center;
  71. }
  72. .login_left .login_ewm {
  73. width: 95px;
  74. padding-top: 34px;
  75. margin-bottom: 10px;
  76. display: inline-block;
  77. text-align: center;
  78. }
  79. .login_left .login_ewm img {
  80. margin-bottom: 10px;
  81. width: 90px;
  82. }
  83. .login_left p {
  84. line-height: 26px;
  85. font-size: 16px;
  86. text-align: center;
  87. }
  88. .login_right {
  89. float: left;
  90. padding-left: 32px;
  91. width: 288px;
  92. border-left: 1px solid #E5E5E5;
  93. }
  94. .login_check,
  95. .login_submit {
  96. width: 260px!important;
  97. }
  98. .login_right h5 {
  99. font-size: 18px;
  100. color: #373739;
  101. font-weight: normal;
  102. margin-bottom: 10px;
  103. }
  104. .login_right h5 a {
  105. font-size: 14px;
  106. color: #f81009;
  107. margin-left: 56px;
  108. }
  109. .login_right form .login_uesr,
  110. .login_pass {
  111. width: 256px;
  112. height: 40px;
  113. position: relative;
  114. border: 1px solid #cccccc;
  115. }
  116. .login_uesr label img,
  117. .login_pass label img {
  118. width: 20px;
  119. height: 22px;
  120. position: absolute;
  121. top: 8px;
  122. left: 10px;
  123. border: none;
  124. }
  125. #Lo_user,
  126. #Lo_pass {
  127. width: 210px;
  128. height: 24px;
  129. line-height: 24px;
  130. border: none;
  131. border-left: 1px solid #CCCCCC;
  132. padding-left: 12px;
  133. left: 40px;
  134. top: 8px;
  135. font-size: 16px;
  136. position: absolute;
  137. color: #cdcdcd;
  138. }
  139. .login_uesr .log_del {
  140. width: 16px;
  141. height: 16px;
  142. position: absolute;
  143. top: 10px;
  144. right: 10px;
  145. }
  146. .log_del:hover {
  147. cursor: pointer;
  148. }
  149. .login_uesr {
  150. margin-bottom: 20px;
  151. }
  152. .login_check a {
  153. color: #f18101;
  154. float: right;
  155. line-height: 38px;
  156. }
  157. .login_check label {
  158. height: 38px;
  159. line-height: 38px;
  160. color: #f18101;
  161. font-weight: normal;
  162. }
  163. .lab_check {
  164. background: url(../../../img/check_lo.png) no-repeat center left;
  165. background-size: 20% 40%;
  166. }
  167. .lab_checkno {
  168. background: url(../../../img/check_lono.png) no-repeat center left;
  169. background-size: 20% 40%;
  170. }
  171. .login_check label input {
  172. margin-right: 4px;
  173. visibility: hidden;
  174. }
  175. .login_check label:hover {
  176. cursor: pointer;
  177. }
  178. .login_submit {
  179. width: 100%;
  180. height: 38px;
  181. font-size: 20px;
  182. background: #f18101;
  183. color: #FFFFFF;
  184. text-align: center;
  185. border: none;
  186. }
  187. .login_hua {
  188. position: absolute;
  189. top: 0;
  190. left: 0;
  191. }
  192. .login_close {
  193. position: absolute;
  194. top: 10px;
  195. right: 10px;
  196. width: 24px;
  197. height: 22px;
  198. z-index: 2000;
  199. }
  200. .login_close:hover {
  201. cursor: pointer;
  202. }
  203. .login_shadow {
  204. position: absolute;
  205. bottom: -25px;
  206. width: 600px;
  207. height: 25px;
  208. right: 0;
  209. z-index: 2000;
  210. }
  211. .login_check label:first-child {
  212. margin-right: 15px;
  213. }
  214. .head_login:focus {
  215. text-decoration: none;
  216. }
  217. /*忘记密码页面*/
  218. #forget {
  219. width: 100%;
  220. height: 100%;
  221. background: rgba(6, 6, 6, .4);
  222. position: fixed;
  223. top: 0;
  224. left: 0;
  225. z-index: 999999;
  226. display: none;
  227. }
  228. .forget {
  229. width: 600px;
  230. background: #ffffff;
  231. position: absolute;
  232. top: 50%;
  233. margin-top: -200px;
  234. left: 50%;
  235. margin-left: -300px;
  236. padding-top: 10px;
  237. padding-bottom: 50px;
  238. }
  239. .forget_top {
  240. width: 100%;
  241. height: 50px;
  242. border-bottom: 1px solid #E5E5E5;
  243. padding-left: 20px;
  244. line-height: 50px;
  245. }
  246. .forget_top>a {
  247. color: #383838;
  248. font-size: 20px;
  249. float: left;
  250. }
  251. .forget_top>div {
  252. float: left;
  253. }
  254. .forget_center {
  255. padding-top: 30px;
  256. width: 100%;
  257. text-align: center;
  258. padding-right: 40px;
  259. }
  260. .forget_center>div {
  261. color: #616161;
  262. font-size: 16px;
  263. font-weight: normal;
  264. height: 40px;
  265. line-height: 40px;
  266. width: 410px;
  267. margin: 0 auto;
  268. margin-bottom: 15px;
  269. text-align: right;
  270. position: relative;
  271. }
  272. .forget_center>div input {
  273. height: 40px;
  274. margin-left: 5px;
  275. }
  276. .phone>label {
  277. font-weight: normal;
  278. font-size: 18px;
  279. }
  280. .phone input {
  281. width: 250px;
  282. font-size: 16px;
  283. border: 1px solid #E5E5E5;
  284. padding-left: 5px;
  285. }
  286. .yanzheng>label {
  287. display: inline-block;
  288. color: #616161;
  289. font-weight: normal;
  290. font-size: 18px;
  291. }
  292. .yanzheng input {
  293. width: 160px;
  294. font-size: 16px;
  295. border: 1px solid #E5E5E5;
  296. padding-left: 5px;
  297. }
  298. .yanzheng {
  299. padding-right: 90px;
  300. }
  301. .yanzhengma_cont_ {
  302. width: 80px;
  303. height: 40px;
  304. display: inline-block;
  305. position: absolute;
  306. top: 0;
  307. right: 0;
  308. }
  309. .yanzhengma_cont_>img {
  310. width: 100%;
  311. height: 100%;
  312. }
  313. .cellcode_ {
  314. padding-right: 90px;
  315. }
  316. .cellcode_>div {
  317. display: inline-block;
  318. font-size: 18px;
  319. }
  320. .cellcode_>div>input {
  321. width: 160px;
  322. font-size: 16px;
  323. border: 1px solid #E5E5E5;
  324. padding-left: 5px;
  325. }
  326. .cellcode_>input {
  327. width: 80px;
  328. height: 40px;
  329. font-size: 14px;
  330. position: absolute;
  331. top: 0;
  332. right: 0;
  333. background: #fff;
  334. border: 1px solid #eee;
  335. cursor: pointer;
  336. color: #ccc;
  337. display: inline-block;
  338. padding-left: 0;
  339. background: none;
  340. text-align: center;
  341. }
  342. .forget_center .fastener {
  343. margin-top: 40px;
  344. text-align: center;
  345. padding-left: 30px;
  346. }
  347. .fastener>div {
  348. display: inline-block;
  349. width: 150px;
  350. height: 40px;
  351. }
  352. .fastener .forget_sub {
  353. background: #F18101;
  354. width: 150px;
  355. height: 40px;
  356. border: 1px solid #E5E5E5;
  357. margin-right: 20px;
  358. color: #fff;
  359. letter-spacing: 8px;
  360. font-size: 18px;
  361. }
  362. .fastener_right {
  363. color: #F18101;
  364. border: 1px solid #E5E5E5;
  365. text-align: center;
  366. letter-spacing: 8px;
  367. font-size: 18px;
  368. cursor: pointer;
  369. }
  370. /*新密码设置*/
  371. #new_password {
  372. width: 100%;
  373. height: 100%;
  374. background: rgba(6, 6, 6, .4);
  375. position: fixed;
  376. top: 0;
  377. left: 0;
  378. z-index: 999999;
  379. display: none;
  380. }
  381. .new_password {
  382. width: 600px;
  383. background: #ffffff;
  384. position: absolute;
  385. top: 50%;
  386. margin-top: -200px;
  387. left: 50%;
  388. margin-left: -300px;
  389. padding-top: 10px;
  390. padding-bottom: 50px;
  391. }
  392. .password_top {
  393. width: 100%;
  394. height: 50px;
  395. border-bottom: 1px solid #E5E5E5;
  396. padding-left: 20px;
  397. line-height: 50px;
  398. }
  399. .password_top>h4 {
  400. display: inline-block;
  401. color: #616161;
  402. font-size: 20px;
  403. }
  404. .password_top>span {
  405. font-size: 16px;
  406. color: #616161;
  407. background: url("../../../img/zhongdian.png") no-repeat left center;
  408. padding-left: 25px;
  409. margin-left: 15px;
  410. }
  411. .password_center {
  412. padding-top: 30px;
  413. width: 100%;
  414. text-align: center;
  415. padding-right: 40px;
  416. }
  417. .password_center>div {
  418. color: #616161;
  419. font-size: 16px;
  420. font-weight: normal;
  421. height: 40px;
  422. line-height: 40px;
  423. width: 410px;
  424. margin: 0 auto;
  425. margin-bottom: 15px;
  426. text-align: right;
  427. position: relative;
  428. }
  429. .password_center>div>label {
  430. font-weight: normal;
  431. font-size: 18px;
  432. }
  433. .password_center>div input {
  434. width: 250px;
  435. height: 40px;
  436. font-size: 16px;
  437. padding-left: 5px;
  438. }
  439. .new_password .fastener {
  440. margin-top: 40px;
  441. padding-left: 30px;
  442. }
  443. .fastener .new_password_sub {
  444. background: #F18101;
  445. width: 150px;
  446. height: 40px;
  447. border: 1px solid #E5E5E5;
  448. margin-right: 20px;
  449. color: #fff;
  450. letter-spacing: 8px;
  451. font-size: 18px;
  452. }
  453. /*弹出消息提示*/
  454. /*弹出消息提示*/
  455. .smg{width: 260px;height: 40px;text-align: center;transform: scale(0) rotate(360deg);
  456. line-height:40px;background:#17a2b8;border-radius: 10px;
  457. position: fixed;top: -200px; left: 50%;margin-left: -130px;color:#ffffff;
  458. transition: all .5s ease-in-out;
  459. }
  460. .smg input{width: 260px;height: 40px;border: none;background: none;text-align: center;font-size: 14px;}
  461. .smg.active{
  462. transform: scale(1) rotate(0);
  463. top: 200px;
  464. z-index: 9999999999;
  465. transition: all .5s ease-in;
  466. }
  467. /* msg tools*/
  468. .message {
  469. position: fixed;
  470. top: 80px;
  471. text-align: center;
  472. width: 100%;
  473. display: none;
  474. z-index: 9999
  475. }
  476. .message span {
  477. background: rgba(0, 0, 0, 0.6);
  478. padding: 8px 20px;
  479. color: #fff;
  480. border-radius: 6px
  481. }
  482. #bottom {
  483. width: 100%;
  484. height: 386px;
  485. margin: 20px auto 0;
  486. position: relative;
  487. background: url(../../../img/bottom_bg.png) no-repeat center center;
  488. background-size: 120% 100%;
  489. ;
  490. }
  491. .bottom {
  492. width: 1200px;
  493. height: 386px;
  494. margin: 20px auto 0;
  495. position: relative;
  496. }
  497. .bottom_text {
  498. width: 1200px;
  499. height: 386px;
  500. position: absolute;
  501. left: 0;
  502. top: 0;
  503. }
  504. .text_top {
  505. width: 100%;
  506. height: 55px;
  507. position: absolute;
  508. top: 140px;
  509. left: 0;
  510. text-align: center;
  511. color: #fff;
  512. }
  513. .text_top>a {
  514. color: #fff;
  515. line-height: 25px;
  516. }
  517. .text_center {
  518. width: 100%;
  519. height: 90px;
  520. position: absolute;
  521. top: 195px;
  522. left: 0;
  523. color: #fff;
  524. margin-top: 10px;
  525. }
  526. .cont_left {
  527. width: 350px;
  528. height: 90px;
  529. display: inline-block;
  530. margin-left: 45px;
  531. }
  532. .cont_left>img {
  533. margin-left: 85px;
  534. width: 40px;
  535. }
  536. .cont_guanli>a>img {
  537. width: 40px;
  538. height: 40px;
  539. }
  540. .cont_guanli {
  541. width: 200px;
  542. height: 90px;
  543. display: inline-block;
  544. text-align: center;
  545. margin-left: 70px;
  546. }
  547. .cont_center {
  548. width: 200px;
  549. height: 90px;
  550. display: inline-block;
  551. text-align: center;
  552. }
  553. .cont_right,
  554. .cont_rightapp {
  555. width: 82px;
  556. height: 90px;
  557. display: inline-block;
  558. text-align: center;
  559. vertical-align: bottom;
  560. }
  561. .text_center p {
  562. color: #F5F6F9;
  563. line-height: 50px;
  564. font-weight: bold;
  565. }
  566. .cont_rightapp {
  567. margin-right: 5px;
  568. margin-left: 50px;
  569. }
  570. .cont_rightapp p {
  571. line-height: 30px;
  572. }
  573. .cont_right p {
  574. line-height: 30px;
  575. width: 80px;
  576. text-align: center;
  577. }
  578. .text_bottom {
  579. width: 100%;
  580. height: 75px;
  581. position: absolute;
  582. top: 285px;
  583. left: 0;
  584. color: #fff;
  585. padding-left: 45px;
  586. margin-top: 15px;
  587. }
  588. .text_bottom p {
  589. font-weight: bold;
  590. line-height: 25px;
  591. }
  592. .text_bottom a {
  593. color: #fff;
  594. font-size: 1.2rem;
  595. line-height: 18px;
  596. }
  597. .pol_act {
  598. margin-left: 5px;
  599. }
  600. .android {
  601. margin-right: 5px;
  602. }
  603. /*右侧挂件*/
  604. .index_blur {
  605. font-size: 18px;
  606. color: #fff;
  607. text-align: right;
  608. padding-right: 15px;
  609. cursor: pointer;
  610. }
  611. .pub_fix {
  612. width: 70px;
  613. position: fixed;
  614. right: 10px;
  615. bottom: 80px;
  616. border-radius: 10px;
  617. border: 1px solid #e0e0e0;
  618. overflow: hidden;
  619. text-align: center;
  620. height: auto;
  621. background: #ffd68f;
  622. z-index: 999;
  623. }
  624. .right_cebian {
  625. width: 40px;
  626. height: 120px;
  627. position: fixed;
  628. right: 0;
  629. bottom: 180px;
  630. border-radius: 10px 0 0 10px;
  631. text-align: center;
  632. color: #fff;
  633. display: none;
  634. cursor: pointer;
  635. background: #5888B5 url("../../../img/youce_daohang.png") no-repeat center 5px;
  636. z-index: 999999;
  637. letter-spacing: 5px;
  638. font-size: 18px;
  639. padding-top: 30px;
  640. padding-left: 5px;
  641. line-height: 20px;
  642. }
  643. .pub_fix .index_blur {
  644. width: 100%;
  645. height: 30px;
  646. line-height: 30px;
  647. background: #4c7fa9;
  648. display: inline-block;
  649. }
  650. .pub_fix .index_orange {
  651. width: 100%;
  652. height: 24px;
  653. line-height: 24px;
  654. background: #ffd68f;
  655. display: inline-block;
  656. }
  657. .pub_fix ul li:first-child {
  658. border: none;
  659. }
  660. .pub_fix ul li {
  661. padding-top: 6px;
  662. padding-bottom: 6px;
  663. border-top: 1px dotted #e0e0e0;
  664. background: #FFFFFF;
  665. }
  666. .pub_fix ul li img {
  667. margin-bottom: 4px;
  668. }
  669. .pub_fix ul li:hover {
  670. cursor: pointer;
  671. }
  672. .pub_fix ul li p {
  673. color: #074d88;
  674. font-size: 14px;
  675. }
  676. .pub_fix ul li a {
  677. text-decoration: none;
  678. }
  679. .pub_fix ul li a img {
  680. width: 45px;
  681. height: 45px;
  682. border-radius: 50%;
  683. background: #ffc443;
  684. display: inline-block;
  685. }
  686. .pub_fix ul li:hover a img {
  687. background: #fc9501
  688. }
  689. /* 导航动作 */
  690. /* .nav_right>img{
  691. cursor: pointer;
  692. animation:mymove 5s infinite;
  693. -webkit-animation:mymove 5s infinite;
  694. }
  695. @keyframes mymove{
  696. from{transform:rotateY(360deg)};
  697. to{transform:rotateY(0deg)}
  698. } */