public.css 14 KB

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