No Description

app.css 23KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180
  1. navbar-fixed .page-content, .navbar-through .page-content/* css reset */
  2. html {
  3. box-sizing: border-box;
  4. }
  5. * {
  6. user-select: none;
  7. -webkit-tap-highlight-color: rgba(255,255,255,0);
  8. -webkit-tap-highlight-color: transparent;
  9. box-sizing: inherit;
  10. font-family: 'PingFang SC', 'Microsoft YaHei','SourceHanSansCN-Normal', 'HiraginoSansGB',
  11. "HiraginoSans-W3", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  12. list-style: none;
  13. padding: 0;
  14. margin:0;
  15. color: #333;
  16. }
  17. *:before,
  18. *:after {
  19. box-sizing: inherit;
  20. }
  21. input[type],
  22. [contenteditable] {
  23. user-select: text;
  24. }
  25. body,
  26. h1,
  27. h2,
  28. h3,
  29. h4,
  30. h5,
  31. h6,
  32. p {
  33. margin: 0;
  34. font-size: 24px;
  35. font-weight: normal;
  36. }
  37. a {
  38. text-decoration: none;
  39. color: inherit;
  40. }
  41. b {
  42. font-weight: 400;
  43. }
  44. em,
  45. i {
  46. font-style: normal;
  47. }
  48. a:focus {
  49. outline: 0;
  50. }
  51. input,
  52. fieldset {
  53. appearance: none;
  54. border: 0;
  55. padding: 0;
  56. margin: 0;
  57. min-width: 0;
  58. font-size: 1rem;
  59. font-family: inherit;
  60. }
  61. input::-ms-clear {
  62. display: none;
  63. }
  64. input:focus {
  65. outline: 0;
  66. }
  67. input[type="number"] {
  68. -moz-appearance: textfield;
  69. }
  70. input[type="number"]::-webkit-inner-spin-button,
  71. input[type="number"]::-webkit-outer-spin-button {
  72. appearance: none;
  73. }
  74. svg {
  75. display: inline-flex;
  76. }
  77. img {
  78. width: 100%;
  79. display: block;
  80. margin: 0;
  81. padding: 0;
  82. }
  83. html,body{
  84. background-color: #f2f1f7;
  85. }
  86. a:hover{
  87. text-decoration: none;
  88. }
  89. em,strong,i{
  90. font-weight: normal;
  91. font-style: normal;
  92. }
  93. .mb30{
  94. margin-bottom: 30px;
  95. }
  96. .fl{
  97. float: left;
  98. }
  99. .fr{
  100. float: right;
  101. }
  102. i.icon{
  103. background: url(/images/icon.png) no-repeat;
  104. -webkit-background-size: 10.0rem 8.0rem;
  105. background-size: 10.0rem 8.0rem;
  106. }
  107. /* .elli{
  108. overflow: hidden;
  109. text-overflow: ellipsis;
  110. white-space: nowrap;
  111. } */
  112. .button.active{
  113. background-color: #4997ff;
  114. border-color: #4997ff;
  115. }
  116. .button {
  117. border: 1px solid #4997ff;
  118. color: #4997ff;
  119. }
  120. .list-block .item-subtitle{
  121. max-width: 96%;
  122. }
  123. /*+++++++++++navbar+++++++++++++*/
  124. .navbar a.link, .subnavbar a.link, .toolbar a.link{
  125. height: 88px;
  126. line-height: 88px;
  127. width: 88px;
  128. }
  129. .navbar{
  130. height: 88px;
  131. background: #fff;
  132. }
  133. .toolbar{
  134. height: 100px;
  135. }
  136. .navbar-fixed .page-content, .navbar-through .page-content{
  137. /*padding-top: 88px;
  138. padding-bottom: 100px;*/
  139. }
  140. .navbar .center{
  141. font-size: 34px;
  142. }
  143. /* +++++++++++++ 首页 +++++++++ */
  144. /*swiper*/
  145. .swiper-container {
  146. height: 2.25rem;
  147. margin: 0.25rem 0;
  148. }
  149. .swiper-slide {
  150. background:#fff;
  151. }
  152. .swiper-slide span {
  153. text-align:center;
  154. display:block;
  155. margin:20px;
  156. font-size:21px;
  157. }
  158. .swiper-pagination-bullet {
  159. width: 16px;
  160. height: 16px;
  161. }
  162. .swiper-pagination-bullet-active{
  163. background-color: #fff;
  164. }
  165. /*pull-to-refresh*/
  166. .pull-to-refresh-layer{
  167. height: 88px;
  168. }
  169. .preloader{
  170. width: 40px;
  171. height: 40px;
  172. }
  173. .pull-to-refresh-layer .pull-to-refresh-arrow{
  174. width: 26px;
  175. height:40px;
  176. margin-left: -12px;
  177. margin-top: -20px;
  178. -webkit-background-size: 26px 40px;
  179. background-size: 26px 40px;
  180. }
  181. .pull-to-refresh-layer .preloader{
  182. margin-top: -20px;
  183. margin-left: -20px;
  184. }
  185. .pull-to-refresh-layer{
  186. margin-top: -88px;
  187. }
  188. .pull-to-refresh-content.refreshing {
  189. -webkit-transform: translate3d(0,88px,0);
  190. transform: translate3d(0,88px,0);
  191. }
  192. /*swiper-down*/
  193. i.icon-recommend, i.icon-strategy, i.icon-show{
  194. width: 1.2rem;
  195. height: 1.013333rem;
  196. background-position: -1.2rem 0.026667rem;
  197. }
  198. i.icon-strategy{
  199. background-position: 0.14rem 0.08rem;
  200. }
  201. i.icon-show{
  202. background-position: -2.64rem 0px;
  203. }
  204. .swiper-down{
  205. background-color: #fff;
  206. margin: 0;
  207. overflow: hidden;
  208. border-bottom: #e5e5e5 solid 2px;
  209. }
  210. .swiper-down.list-block .item-content{
  211. width: 50%;
  212. padding: 0.32rem;
  213. }
  214. .swiper-down.list-block li a{
  215. display: block;
  216. width: 100%;
  217. overflow: hidden;
  218. }
  219. .swiper-down.list-block li.fl .item-media{
  220. padding: 0;
  221. width: 28%;
  222. margin-top: 12px;
  223. }
  224. .swiper-down.list-block li.fl .item-inner{
  225. width: 60%;
  226. min-height: 0;
  227. }
  228. .swiper-down.list-block li:first-child{
  229. border-right: #e5e5e5 solid 2px;
  230. }
  231. .swiper-down .item-title h6{
  232. font-size: 32px;
  233. font-weight: normal;
  234. line-height: 1.6;
  235. }
  236. .swiper-down .item-title p{
  237. color: #999;
  238. }
  239. .swiper-down .item-title em{
  240. color: #ff5100;
  241. }
  242. .swiper-down.list-block .item-inner:after, .list-block .item-inner:after, .list-block ul:after{
  243. height: 0;
  244. }
  245. .swiper-down .scroll-container{
  246. height: 40px;
  247. overflow: hidden;
  248. }
  249. /*main-list*/
  250. .content-block-title{
  251. font-size: 28px;
  252. margin: 32px 15px 16px;
  253. color: #333;
  254. border-left: #4997ff solid 4px;
  255. padding-left: 8px;
  256. }
  257. .main-list{
  258. border-top:#e5e5e5 solid 2px;
  259. margin: 0;
  260. }
  261. .main-list li a{
  262. padding:0.20rem 0.35rem 0.18rem;
  263. border-bottom: #e5e5e5 solid 2px;
  264. }
  265. html.ios-gt-8 .list-block li.media-item .item-title, html.ios-gt-8 .list-block.media-list .item-title{
  266. font-weight: normal;
  267. }
  268. .list-block li.media-item .item-media, .list-block.media-list .item-media{
  269. padding-bottom: 12px;
  270. }
  271. .list-block.main-list .item-media{
  272. padding: 0;
  273. width: 100px;
  274. height: 100px;
  275. border-radius: 16px;
  276. overflow: hidden;
  277. }
  278. .main-list .item-title{
  279. font-size: 32px;
  280. font-weight: normal;
  281. }
  282. .main-list .item-subtitle, .main-list .item-text{
  283. font-size: 28px;
  284. color: #999;
  285. line-height: 1.4;
  286. }
  287. .main-list li em{
  288. color: #ff5100;
  289. }
  290. .list-block.main-list .item-link .item-title-row{
  291. background: transparent;
  292. }
  293. i.icon-go{
  294. display: block;
  295. width: 44px;
  296. height: 44px;
  297. background-position: -3.973333rem 0.08rem;
  298. position: absolute;
  299. top: 50%;
  300. right: -6px;
  301. transform: translateY(-50%);
  302. -webkit-transform: -webkit-translateY(-50%);
  303. }
  304. .main-list .nomore{
  305. text-align: center;
  306. padding:30px 0;
  307. }
  308. .main-list .nomore p{
  309. color: #aaa;
  310. }
  311. /*++++++++++toolbar++++++++++*/
  312. .toolbar a{
  313. width: 25%;
  314. font-size: 20px;
  315. padding:10px 0;
  316. text-align: center;
  317. }
  318. .toolbar .icon{
  319. width: 0.693333rem;
  320. height: 0.693333rem;
  321. margin: 0 auto;
  322. }
  323. .icon .badge{
  324. padding: 6px 6px;
  325. background-color: red;
  326. }
  327. .toolbar i.icon-home.on{
  328. background-position: 0.053333rem -1.48rem;
  329. }
  330. .toolbar i.icon-home{
  331. background-position: 0.053333rem -2.48rem;
  332. }
  333. .toolbar i.icon-find.on{
  334. background-position: -1.13rem -1.506667rem;
  335. }
  336. .toolbar i.icon-find{
  337. background-position: -1.13rem -2.48rem;
  338. }
  339. .toolbar i.icon-calculator.on{
  340. background-position: -3.56rem -1.493333rem;
  341. }
  342. .toolbar i.icon-calculator{
  343. background-position: -3.56rem -2.48rem;
  344. }
  345. .toolbar i.icon-mine.on{
  346. background-position: -2.346667rem -1.493333rem;
  347. }
  348. .toolbar i.icon-mine{
  349. background-position: -2.346667rem -2.48rem;
  350. }
  351. /*infinite-scroll-preloader*/
  352. .infinite-scroll-preloader {
  353. padding: 10px 0;
  354. margin-top:20px;
  355. margin-bottom: 10px;
  356. text-align: center;
  357. /*display: none;*/
  358. }
  359. /*++++++++find.html++++++++*/
  360. .find-reflash{
  361. z-index: -1;
  362. }
  363. .select-radio{
  364. background-color: #fff;
  365. height: 188px;
  366. }
  367. .select-job, .select-icon{
  368. margin: 0;
  369. padding: 22px 0 20px;
  370. font-size: 24px;
  371. text-align: center;
  372. }
  373. .select-job span, .select-icon>span{
  374. width: 25%;
  375. font-size: 28px;
  376. }
  377. .select-job span{
  378. padding-left: 8px;
  379. }
  380. .select-icon>span{
  381. display: inline-block;
  382. width: 50%;
  383. height: 52px;
  384. line-height: 50px;
  385. }
  386. .select-job ul{
  387. display: inline-block;
  388. width: 75%;
  389. }
  390. .select-job ul li{
  391. display: inline-block;
  392. width: 20%;
  393. margin-left: 2%;
  394. }
  395. .select-job .item-content{
  396. padding: 0;
  397. /*margin: 12px 0;*/
  398. border-radius: 14px;
  399. }
  400. .select-job .item-inner, .select-icon-item{
  401. padding: 0;
  402. border:#aaa solid 2px;
  403. margin: 0 auto;
  404. border-radius: 14px;
  405. }
  406. .select-job .item-title{
  407. color: #aaa;
  408. margin: 0 auto;
  409. }
  410. .select-job label.label-radio input[type=radio]~.item-inner{
  411. padding: 0;
  412. }
  413. .select-job label.label-radio input[type=radio]:checked~.item-inner{
  414. background: transparent;
  415. border-color:#4997ff;
  416. padding: 0;
  417. }
  418. .select-job label.label-radio input[type=radio]:checked~.item-inner .item-title{
  419. color: #4997ff;
  420. }
  421. .select-job ul:before{
  422. height: 0;
  423. }
  424. .select-icon{
  425. display: inline-block;
  426. background-color: #fff;
  427. width: 48%;
  428. position: relative;
  429. }
  430. .select-icon .select-icon-item{
  431. border-radius: 14px;
  432. font-size: 24px;
  433. }
  434. .select-icon .select-icon-item a{
  435. padding-right: 44px;
  436. display: block;
  437. width: 100%;
  438. border-radius: 14px;
  439. }
  440. .select-icon i.icon-open{
  441. display: block;
  442. height: 44px;
  443. width: 44px;
  444. background-position: -4.666667rem 0.213333rem;
  445. position: absolute;
  446. top: 50%;
  447. right: 15px;
  448. transform: translateY(-50%);
  449. -webkit-transform: -webkit-translateY(-50%);
  450. }
  451. .select-icon .smart-select .item-after{
  452. display: inline;
  453. max-height: 50px;
  454. color: #333;
  455. }
  456. .smart-select-picker .toolbar{
  457. height: 80px;
  458. font-size: 28px;
  459. background-color: #f7f7f8;
  460. border-bottom: #c4c4c4 solid 1px;
  461. }
  462. .smart-select-picker .toolbar .right a{
  463. width: 100%;
  464. font-size: 28px;
  465. right: 20px;
  466. }
  467. .list-block .item-content{
  468. min-height: 88px;
  469. }
  470. .smart-select-picker .list-block .item-content{
  471. padding: 0;
  472. }
  473. .smart-select-picker .list-block .item-inner{
  474. padding-left: 15px;
  475. }
  476. .label-radio.item-content{
  477. min-height:52px;
  478. position: relative;
  479. }
  480. .label-radio.item-content input[type=radio]{
  481. display: block;
  482. background: transparent;
  483. appearance:button;
  484. -webkit-appearance:button;
  485. min-height: 52px;
  486. width: 100%;
  487. position: absolute;
  488. top: 0;
  489. z-index: 999;
  490. }
  491. .smart-select-picker .list-block .item-title{
  492. font-size: 28px;
  493. }
  494. .smart-select-picker label.label-radio input[type=radio]:checked~.item-inner{
  495. -webkit-background-size: 26px 20px;
  496. background-size: 26px 20px;
  497. }
  498. .smart-select-picker .list-block .item-inner:after{
  499. height: 1px;
  500. }
  501. .news-items-notice{
  502. border-bottom: #e5e5e5 solid 2px;
  503. }
  504. .news-items-notice h6{
  505. font-size: 28px;
  506. }
  507. .news-items-notice .item-text{
  508. font-size: 24px;
  509. height: 40px;
  510. line-height: 40px;
  511. }
  512. .news-items-notice i.icon-notice, i.icon-application ,i.icon-setting{
  513. width: 0.64rem;
  514. height: 0.64rem;
  515. background-position: 0 -3.52rem;
  516. }
  517. .news-items-notice .item-content{
  518. padding-left: 20px;
  519. }
  520. .news-items-notice .item-inner{
  521. padding: 26px 0 22px;
  522. }
  523. .news-items-notice .item-media+.item-inner{
  524. margin-left: 20px;
  525. }
  526. .news-items-notice i.icon-go{
  527. right: 18px;
  528. }
  529. .list-block{
  530. margin: 0 auto;
  531. }
  532. .list-block .item-content{
  533. background-color: #fff;
  534. }
  535. .mine-box .item-media{
  536. width: 100px;
  537. height: 100px;
  538. border-radius: 50%;
  539. overflow: hidden;
  540. }
  541. .mine-box{
  542. background-color: #4997ff;
  543. padding: 6% 20px;
  544. }
  545. .mine-box .item-content{
  546. background-color: #4997ff;
  547. }
  548. .mine-box .item-title{
  549. font-size: 32px;
  550. color: #fff;
  551. }
  552. i.icon-setting{
  553. margin-bottom: -3px;
  554. background-position: -1.28rem -3.546667rem;
  555. }
  556. i.icon-application{
  557. background-position: -2.533333rem -3.546667rem;
  558. }
  559. .news-items-notice.list-block .item-link .item-inner{
  560. background: transparent;
  561. }
  562. /*+++++我的申请+++++*/
  563. .navbar a.link{
  564. width: 88px;
  565. height: 88px;
  566. }
  567. i.icon-goback{
  568. width: 44px;
  569. height: 44px;
  570. background-position: -5.333333rem 0.106667rem;
  571. }
  572. /*.list-block .item-after{
  573. position: absolute;
  574. top: 50%;
  575. right: 0;
  576. transform: translateY(-50%);
  577. -webkit-transform: -webkit-translateY(-50%);
  578. font-size: 28px;
  579. }*/
  580. .button.button-big{
  581. height: 88px;
  582. line-height: 84px;
  583. font-size: 30px;
  584. }
  585. .active.login-out{
  586. background-color: #ec4747;
  587. border-color: #ec4747;
  588. }
  589. .list-block.pwd .item-inner{
  590. min-height: 88px;
  591. font-size: 28px;
  592. padding: 38px 0 36px;
  593. }
  594. .list-block.pwd .item-inner input::-webkit-input-placeholder{
  595. font-size: 24px;
  596. }
  597. .list-block.pwd .item-title.label{
  598. width: 22%;
  599. }
  600. .list-block.pwd .item-input input{
  601. /*margin-bottom: 0;*/
  602. line-height:44px ;
  603. font-size: 28px;
  604. }
  605. .list-block.pwd li{
  606. border-bottom: #e5e5e5 solid 2px;
  607. }
  608. .news-details h5{
  609. margin: 20px 30px;
  610. color: #999;
  611. }
  612. .card{
  613. margin: 20px;
  614. border-radius:6px;
  615. }
  616. .card-content-inner{
  617. padding: 40px 20px;
  618. font-size: 28px;
  619. }
  620. .card h6{
  621. font-size: 32px;
  622. margin:0px 0 16px;
  623. }
  624. .card p{
  625. font-size: 28px;
  626. color: #666;
  627. }
  628. .card-footer{
  629. min-height: 88px;
  630. font-size: 24px;
  631. padding-left: 36px;
  632. }
  633. .card i.icon-go{
  634. right: 16px;
  635. }
  636. .card a{
  637. display: block;
  638. }
  639. .card.finished a, .card.finished p, .card.finished h6{
  640. color: #999;
  641. }
  642. /*+++++极速贷款+++++*/
  643. .loan-list ul{
  644. background-color: #f5f4f9;
  645. }
  646. .loan-list a{
  647. display: block;
  648. padding: 18px 12px;
  649. }
  650. .loan-list li{
  651. margin-bottom: 10px;
  652. }
  653. .list-block.media-list.loan-list .item-media{
  654. padding: 0;
  655. width: 32%;
  656. }
  657. .loan-list .item-media>div{
  658. margin: 0 auto;
  659. }
  660. .loan-list .item-media+.item-inner{
  661. margin-left: 6%;
  662. }
  663. .loan-list .item-media p{
  664. color:#fff;
  665. line-height: 1.8;
  666. font-size: 28px;
  667. }
  668. .loan-list .item-media em{
  669. display: block;
  670. width: 1.066667rem;
  671. height: 1.066667rem;
  672. margin: 0 auto;
  673. background: url(/images/icon.png) no-repeat;
  674. -webkit-background-size: 10.0rem 8.0rem;
  675. background-size: 10.0rem 8.0rem;
  676. background-position: 0.08rem -4.74rem;
  677. }
  678. .loan-list .fast-item{
  679. background-color: #4997ff;
  680. }
  681. .loan-list li:nth-child(2){
  682. background-color: #ff5a6a;
  683. }
  684. .loan-list li:nth-child(2) .item-media em{
  685. background-position: -1.36rem -4.773333rem;
  686. }
  687. .loan-list li:nth-child(3){
  688. background-color: #57c62b;
  689. }
  690. .loan-list li:nth-child(3) .item-media em{
  691. background-position: -2.706667rem -4.66rem;
  692. }
  693. .loan-list li:nth-child(4){
  694. background-color: #ffba49;
  695. }
  696. .loan-list li:nth-child(4) .item-media em{
  697. background-position: -4.106667rem -4.76rem;
  698. }
  699. .loan-list li:nth-child(5){
  700. background-color: #c66bd6;
  701. }
  702. .loan-list li:nth-child(5) .item-media em{
  703. background-position: -5.573333rem -4.82rem;
  704. }
  705. .loan-list.list-block .item-content{
  706. background: transparent;
  707. }
  708. .loan-list .item-title{
  709. font-size: 32px;
  710. color: #fff;
  711. margin-bottom: 6px;
  712. }
  713. .loan-list .item-text{
  714. height: auto;
  715. }
  716. .loan-list .item-text p{
  717. color: #fff;
  718. line-height: 1.6;
  719. }
  720. .loan-list .item-text p:before{
  721. content: '';
  722. display: inline-block;
  723. width: 14px;
  724. height: 18px;
  725. background:url(/images/KX0005.png) no-repeat;
  726. margin-right: 6px;
  727. }
  728. .preloader-indicator-modal .preloader{
  729. width: 68px;
  730. height: 68px;
  731. }
  732. .banner{
  733. width: 100%;
  734. height: 3.866667rem;
  735. }
  736. .banner img{
  737. height: 100%;
  738. }
  739. i.icon-platform, i.icon-question{
  740. width: 0.853333rem;
  741. height: 0.853333rem;
  742. background-position: -5.56rem -0.933333rem;
  743. }
  744. i.icon-question{
  745. background-position: -5.56rem -2.32rem;
  746. }
  747. .news-items-notice .item-after{
  748. font-size: 20px;
  749. line-height: 44px;
  750. }
  751. .news-items-notice.media-list .item-link .item-title-row{
  752. background: transparent;
  753. }
  754. .list-block.media-list.news-items-notice .item-inner{
  755. padding: 26px 0 22px;
  756. }
  757. .login .img-box{
  758. margin: 10% auto;
  759. width: 140px;
  760. height: 140px;
  761. border-radius:50%;
  762. overflow: hidden;
  763. }
  764. .pwd li button{
  765. height: 40px;
  766. width: 400px;
  767. font-size: 28px;
  768. border:0 none;
  769. background-color: #fff;
  770. border-left: #e5e5e5 solid 2px;
  771. color: #4997ff;
  772. }
  773. .details .main-list li a{
  774. padding: 0.4rem 0.37rem;
  775. border-bottom: #e5e5e5 solid 2px;
  776. }
  777. .main-list .item-text strong{
  778. color: #999;
  779. background:transparent;
  780. padding: 0;
  781. font-size: 24px;
  782. vertical-align: middle;
  783. }
  784. i.icon-star{
  785. display: inline-block;
  786. width: 140px;
  787. height: 30px;
  788. background: url(/images/star.png) no-repeat;
  789. vertical-align: middle;
  790. margin-top: -12px;
  791. }
  792. i.icon-star.icon-star5{
  793. background-position: 0px 3px;
  794. }
  795. i.icon-star.icon-star4{
  796. background-position: -28px 3px;
  797. }
  798. i.icon-star.icon-star3{
  799. background-position: -56px 3px;
  800. }
  801. i.icon-star.icon-star2{
  802. background-position: -84px 3px;
  803. }
  804. i.icon-star.icon-star1{
  805. background-position: -112px 3px;
  806. }
  807. .loan-info{
  808. margin: 10px 0 ;
  809. border:#e5e5e5 solid 2px;;
  810. }
  811. .details span{
  812. text-align: left;
  813. font-size: 28px;
  814. padding-left: 26px;
  815. }
  816. .details span.sl{
  817. text-align: right;
  818. /*padding: 0 70px 0 0;*/
  819. }
  820. .details span.sl .item-after{
  821. padding-right: 70px;
  822. }
  823. .details .loan-limit{
  824. background-color: #fff;
  825. border-bottom:#e5e5e5 solid 2px;;
  826. overflow: hidden;
  827. padding: 20px 0;
  828. }
  829. .details .select-icon{
  830. width: 100%;
  831. }
  832. .details .loan-limit span{
  833. width: 70%;
  834. line-height: 60px;
  835. }
  836. .details .loan-limit input{
  837. height: 60px;
  838. width: 20%;
  839. font-size: 28px;
  840. text-align: right;
  841. }
  842. .details .loan-limit em{
  843. display: inline-block;
  844. width: 10%;
  845. text-align: center;
  846. font-size: 28px;
  847. line-height: 60px;
  848. }
  849. .other-info{
  850. background-color: #fff;
  851. padding: 36px 20px;
  852. border-top:#e5e5e5 solid 2px;;
  853. overflow: hidden;
  854. }
  855. .other-info li{
  856. width: 33%;
  857. text-align: center;
  858. border-left: #e5e5e5 solid 2px;
  859. }
  860. .other-info li:first-child{
  861. border-left: 0 none;
  862. }
  863. .other-info li h6{
  864. font-size: 40px;
  865. color: #4997ff;
  866. margin-top: 30px;
  867. }
  868. .other-info li p{
  869. color: #666;
  870. }
  871. .intro{
  872. margin: 10px 0;
  873. background-color: #fff;
  874. border-top:#e5e5e5 solid 2px;
  875. border-bottom:#e5e5e5 solid 2px;;
  876. padding: 20px 26px;
  877. }
  878. .intro h6{
  879. line-height: 24px;
  880. font-size: 28px;
  881. margin: 10px 0 22px;
  882. padding-left: 10px;
  883. border-left:#4997ff solid 4px;
  884. color: #999;
  885. }
  886. .intro div{
  887. font-size: 28px;
  888. padding: 22px 0 10px;
  889. border-top:#e5e5e5 solid 2px;;
  890. }
  891. .intro div p{
  892. font-size: 28px;
  893. }
  894. .apply-loan{
  895. /*padding: 16px;*/
  896. width: 100%;
  897. background-color: #fff;
  898. }
  899. .accordion-list li{
  900. min-height: 88px;
  901. font-size: 28px;
  902. border-bottom: #e5e5e5 solid 1px;
  903. padding: 8px;
  904. }
  905. .list-block .item-link .item-inner{
  906. background: url(/images/KX0007.png) no-repeat center right;
  907. -webkit-background-size: 44px 44px;
  908. background-size: 44px 44px;
  909. }
  910. .list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner{
  911. background: url(/images/KX0008.png) no-repeat center right;
  912. -webkit-background-size: 44px 44px;
  913. background-size: 44px 44px;
  914. }
  915. .accordion-item-content{
  916. font-size: 28px;
  917. }
  918. .accordion-item-content p{
  919. padding: 16px;
  920. font-size: 28px;
  921. line-height: 1.6;
  922. }
  923. .list-block .item-inner{
  924. min-height: 88px;
  925. }
  926. .select-job .item-inner{
  927. min-height: 44px;
  928. }
  929. .sign-btn{
  930. display: inline-block;
  931. margin: 16px;
  932. font-size: 24px;
  933. color: #4997ff;
  934. }
  935. .modal{
  936. width: 540px;
  937. margin-left: -270px;
  938. }
  939. .modal-inner{
  940. padding: 40px 20px 20px;
  941. }
  942. .modal-title{
  943. height: 60px;
  944. font-size: 30px;
  945. }
  946. .modal-buttons{
  947. height: 88px;
  948. }
  949. .modal-button{
  950. height: 88px;
  951. line-height: 88px;
  952. font-size: 34px;
  953. }
  954. .modal-title+.modal-text{
  955. font-size: 28px;
  956. height: 50px;
  957. }
  958. .button.active-state, html:not(.watch-active-state) .button:active {
  959. background: rgba(0,122,255,.7);
  960. }
  961. .picker-modal-inner .page-content{
  962. padding-bottom: 36px;
  963. }
  964. .main-list li strong{
  965. background-color: #e42a2a;
  966. color: #fff;
  967. margin-left: 10px;
  968. padding:4px 12px 4px ;
  969. font-size: 20px;
  970. position: relative;
  971. top: -3px;
  972. border-radius: 10px;
  973. }
  974. .onlineCount{
  975. position: absolute;
  976. top: 20px;
  977. left: 50%;
  978. -webkit-transform: translateX( -50% );
  979. transform: translateX( -50% );
  980. color: #fff;
  981. font-size: 24px;
  982. background-color: rgba(0,0,0,.5);
  983. z-index: 100;
  984. padding: 8px 30px;
  985. border-radius: 30px;
  986. }
  987. #details-iframe{
  988. padding-top: 44px;
  989. width: 100%;
  990. height: 120%;
  991. border: 0 none;
  992. overflow: auto;
  993. }
  994. .aboutUs h3{
  995. width: 100%;
  996. text-align: center;
  997. color: #666;
  998. font-size: 32px;
  999. margin: 26px auto 20px;
  1000. }
  1001. .aboutUs .vertion{
  1002. width: 100%;
  1003. text-align: center;
  1004. margin-bottom: 10px;
  1005. }
  1006. .aboutUs .vertion li{
  1007. display: inline-block;
  1008. }
  1009. .aboutUs .vertion>li+li:before {
  1010. content: "/\00a0";
  1011. padding: 0 5px;
  1012. color: #ccc;
  1013. }
  1014. .aboutUs .img-box{
  1015. width: 150px;
  1016. height: 150px;
  1017. overflow: hidden;
  1018. margin: 40% auto 0;
  1019. }
  1020. /*=======calculator 计算器=========*/
  1021. .calculator .total-interest{
  1022. width: 100%;
  1023. height: 3.0rem;
  1024. background-color: #4997ff;
  1025. text-align: right;
  1026. padding: 7.6% 3% 0;
  1027. }
  1028. .calculator .total-interest p, .total-interest h4{
  1029. color: #fff;
  1030. }
  1031. .calculator .total-interest p{
  1032. font-size: 32px;
  1033. }
  1034. .calculator .total-interest h4{
  1035. font-size: 80px;
  1036. font-weight: 800;
  1037. }
  1038. .calculator .calculate-interest{
  1039. margin: 0 2% 2%;
  1040. background-color: #fff;
  1041. padding: 2%;
  1042. border: #e6e6e6 solid 1px;
  1043. border-top: 0 none;
  1044. }
  1045. .calculator .calculate-interest > p.notice{
  1046. border-bottom: #e5e5e5 solid 2px;
  1047. padding: 0.18rem 0 ;
  1048. font-size: 24px;
  1049. color: #999;
  1050. }
  1051. .calculator .calculate-interest .input-info{
  1052. overflow: hidden;
  1053. }
  1054. .calculator .calculate-interest .input-info li{
  1055. width: 33%;
  1056. /*text-align: center;*/
  1057. padding: 4% 0;
  1058. }
  1059. .calculator .calculate-interest li:first-child{
  1060. margin-left: 1%;
  1061. }
  1062. .calculator .calculate-interest li p{
  1063. font-size: 28px;
  1064. }
  1065. .calculator .calculate-interest li em{
  1066. font-size: 22px;
  1067. }
  1068. .calculator .calculate-interest li input{
  1069. width: 88%;
  1070. height: 60px;
  1071. border: #aaa solid 1px;
  1072. margin-top: 16px;
  1073. font-size: 28px;
  1074. padding-left: 10px;
  1075. border-radius: 5px;
  1076. }
  1077. .calculator .calculator-items{
  1078. background-color: #fff;
  1079. padding-top: 0.42rem;
  1080. }
  1081. .calculator .calculator-items .buttons-row{
  1082. width: 100%;
  1083. padding: 0 25% 0.42rem;
  1084. border-bottom: #e5e5e5 solid 1px;
  1085. }
  1086. .calculator .calculator-items .buttons-row a{
  1087. height: 56px;
  1088. line-height: 56px;
  1089. font-size: 28px;
  1090. border-width: 2px;
  1091. }
  1092. .calculator .calculator-items{
  1093. overflow: hidden;
  1094. background-color: #fff;
  1095. }
  1096. .calculator .calculator-items ul{
  1097. overflow: hidden;
  1098. }
  1099. .calculator .calculator-items .tabs{
  1100. height: 6rem;
  1101. overflow-y: auto;
  1102. border-bottom: #e5e5e5 solid 1px;
  1103. }
  1104. #tab1,#tab2{
  1105. padding-bottom: 3.2rem;
  1106. }
  1107. #tab1 ul li,#tab2 ul li{
  1108. width: 28%;
  1109. text-align: center;
  1110. line-height: 100px;
  1111. font-size: 30px;
  1112. border-bottom: #e5e5e5 solid 2px;
  1113. color: #666;
  1114. }
  1115. #tab1 li.title ul li, #tab2 li.title ul li{
  1116. color: #333;
  1117. font-size: 28px;
  1118. }
  1119. #tab1 ul li:first-child, #tab2 ul li:first-child{
  1120. width: 14%;
  1121. }
  1122. .errorNotice{
  1123. text-align: center;
  1124. margin: 5% 0;
  1125. color: #e61313;
  1126. }
  1127. .navbar i.icon.icon-news{
  1128. width: 48px;
  1129. height: 50px;
  1130. background-position: 0 -7.307rem;
  1131. margin-left: 10px;
  1132. margin-left: 16px;
  1133. margin-top: 6px;
  1134. }
  1135. .swiper-down .item-title{
  1136. position: relative;
  1137. overflow: auto;
  1138. }
  1139. .icon.icon-new{
  1140. display: block;
  1141. width: 40px;
  1142. height: 24px;
  1143. background-position: 0 -6.44rem;
  1144. position: absolute;
  1145. top: 20px;
  1146. right: 78px;
  1147. -webkit-animation: up 1.5s infinite ease-in-out;
  1148. animation: up 1.5s infinite ease-in-out;
  1149. }
  1150. @keyframes up{
  1151. 0%,30%{opacity:0;}
  1152. 60%{opacity:1;}
  1153. 100%{opacity:0;}
  1154. }
  1155. @-webkit-keyframes up{
  1156. 0%,30%{opacity:0;}
  1157. 60%{opacity:1;}
  1158. 100%{opacity:0;}
  1159. }
  1160. .icon.icon-answer{
  1161. display: block;
  1162. width: 48px;
  1163. height: 50px;
  1164. background-position: -1.213333rem -7.346667rem;
  1165. margin-left: 20px;
  1166. }
  1167. /* 取消点击变灰 */
  1168. .navbar a.link.active-state, .subnavbar a.link.active-state, .toolbar a.link.active-state, html:not(.watch-active-state) .navbar a.link:active, html:not(.watch-active-state) .subnavbar a.link:active, html:not(.watch-active-state) .toolbar a.link:active{
  1169. opacity: 1;
  1170. }
  1171. .navbar-through .page-content {
  1172. padding-top: 0 !important;
  1173. }
  1174. .toolbar-through .page-content {
  1175. padding-bottom: 0 !important;
  1176. }