navbar-fixed .page-content, .navbar-through .page-content/* css reset */ html { box-sizing: border-box; } * { user-select: none; -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-tap-highlight-color: transparent; box-sizing: inherit; font-family: 'PingFang SC', 'Microsoft YaHei','SourceHanSansCN-Normal', 'HiraginoSansGB', "HiraginoSans-W3", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; list-style: none; padding: 0; margin:0; color: #333; } *:before, *:after { box-sizing: inherit; } input[type], [contenteditable] { user-select: text; } body, h1, h2, h3, h4, h5, h6, p { margin: 0; font-size: 24px; font-weight: normal; } a { text-decoration: none; color: inherit; } b { font-weight: 400; } em, i { font-style: normal; } a:focus { outline: 0; } input, fieldset { appearance: none; border: 0; padding: 0; margin: 0; min-width: 0; font-size: 1rem; font-family: inherit; } input::-ms-clear { display: none; } input:focus { outline: 0; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; } svg { display: inline-flex; } img { width: 100%; display: block; margin: 0; padding: 0; } html,body{ background-color: #f2f1f7; } a:hover{ text-decoration: none; } em,strong,i{ font-weight: normal; font-style: normal; } .mb30{ margin-bottom: 30px; } .fl{ float: left; } .fr{ float: right; } i.icon{ background: url(/images/icon.png) no-repeat; -webkit-background-size: 10.0rem 8.0rem; background-size: 10.0rem 8.0rem; } /* .elli{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */ .button.active{ background-color: #4997ff; border-color: #4997ff; } .button { border: 1px solid #4997ff; color: #4997ff; } .list-block .item-subtitle{ max-width: 96%; } /*+++++++++++navbar+++++++++++++*/ .navbar a.link, .subnavbar a.link, .toolbar a.link{ height: 88px; line-height: 88px; width: 88px; } .navbar{ height: 88px; background: #fff; } .toolbar{ height: 100px; } .navbar-fixed .page-content, .navbar-through .page-content{ /*padding-top: 88px; padding-bottom: 100px;*/ } .navbar .center{ font-size: 34px; } /* +++++++++++++ 首页 +++++++++ */ /*swiper*/ .swiper-container { height: 2.25rem; margin: 0.25rem 0; } .swiper-slide { background:#fff; } .swiper-slide span { text-align:center; display:block; margin:20px; font-size:21px; } .swiper-pagination-bullet { width: 16px; height: 16px; } .swiper-pagination-bullet-active{ background-color: #fff; } /*pull-to-refresh*/ .pull-to-refresh-layer{ height: 88px; } .preloader{ width: 40px; height: 40px; } .pull-to-refresh-layer .pull-to-refresh-arrow{ width: 26px; height:40px; margin-left: -12px; margin-top: -20px; -webkit-background-size: 26px 40px; background-size: 26px 40px; } .pull-to-refresh-layer .preloader{ margin-top: -20px; margin-left: -20px; } .pull-to-refresh-layer{ margin-top: -88px; } .pull-to-refresh-content.refreshing { -webkit-transform: translate3d(0,88px,0); transform: translate3d(0,88px,0); } /*swiper-down*/ i.icon-recommend, i.icon-strategy, i.icon-show{ width: 1.2rem; height: 1.013333rem; background-position: -1.2rem 0.026667rem; } i.icon-strategy{ background-position: 0.14rem 0.08rem; } i.icon-show{ background-position: -2.64rem 0px; } .swiper-down{ background-color: #fff; margin: 0; overflow: hidden; border-bottom: #e5e5e5 solid 2px; } .swiper-down.list-block .item-content{ width: 50%; padding: 0.32rem; } .swiper-down.list-block li a{ display: block; width: 100%; overflow: hidden; } .swiper-down.list-block li.fl .item-media{ padding: 0; width: 28%; margin-top: 12px; } .swiper-down.list-block li.fl .item-inner{ width: 60%; min-height: 0; } .swiper-down.list-block li:first-child{ border-right: #e5e5e5 solid 2px; } .swiper-down .item-title h6{ font-size: 32px; font-weight: normal; line-height: 1.6; } .swiper-down .item-title p{ color: #999; } .swiper-down .item-title em{ color: #ff5100; } .swiper-down.list-block .item-inner:after, .list-block .item-inner:after, .list-block ul:after{ height: 0; } .swiper-down .scroll-container{ height: 40px; overflow: hidden; } /*main-list*/ .content-block-title{ font-size: 28px; margin: 32px 15px 16px; color: #333; border-left: #4997ff solid 4px; padding-left: 8px; } .main-list{ border-top:#e5e5e5 solid 2px; margin: 0; } .main-list li a{ padding:0.20rem 0.35rem 0.18rem; border-bottom: #e5e5e5 solid 2px; } html.ios-gt-8 .list-block li.media-item .item-title, html.ios-gt-8 .list-block.media-list .item-title{ font-weight: normal; } .list-block li.media-item .item-media, .list-block.media-list .item-media{ padding-bottom: 12px; } .list-block.main-list .item-media{ padding: 0; width: 100px; height: 100px; border-radius: 16px; overflow: hidden; } .main-list .item-title{ font-size: 32px; font-weight: normal; } .main-list .item-subtitle, .main-list .item-text{ font-size: 28px; color: #999; line-height: 1.4; } .main-list li em{ color: #ff5100; } .list-block.main-list .item-link .item-title-row{ background: transparent; } i.icon-go{ display: block; width: 44px; height: 44px; background-position: -3.973333rem 0.08rem; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); -webkit-transform: -webkit-translateY(-50%); } .main-list .nomore{ text-align: center; padding:30px 0; } .main-list .nomore p{ color: #aaa; } /*++++++++++toolbar++++++++++*/ .toolbar a{ width: 25%; font-size: 20px; padding:10px 0; text-align: center; } .toolbar .icon{ width: 0.693333rem; height: 0.693333rem; margin: 0 auto; } .icon .badge{ padding: 6px 6px; background-color: red; } .toolbar i.icon-home.on{ background-position: 0.053333rem -1.48rem; } .toolbar i.icon-home{ background-position: 0.053333rem -2.48rem; } .toolbar i.icon-find.on{ background-position: -1.13rem -1.506667rem; } .toolbar i.icon-find{ background-position: -1.13rem -2.48rem; } .toolbar i.icon-calculator.on{ background-position: -3.56rem -1.493333rem; } .toolbar i.icon-calculator{ background-position: -3.56rem -2.48rem; } .toolbar i.icon-mine.on{ background-position: -2.346667rem -1.493333rem; } .toolbar i.icon-mine{ background-position: -2.346667rem -2.48rem; } /*infinite-scroll-preloader*/ .infinite-scroll-preloader { padding: 10px 0; margin-top:20px; margin-bottom: 10px; text-align: center; /*display: none;*/ } /*++++++++find.html++++++++*/ .find-reflash{ z-index: -1; } .select-radio{ background-color: #fff; height: 188px; } .select-job, .select-icon{ margin: 0; padding: 22px 0 20px; font-size: 24px; text-align: center; } .select-job span, .select-icon>span{ width: 25%; font-size: 28px; } .select-job span{ padding-left: 8px; } .select-icon>span{ display: inline-block; width: 50%; height: 52px; line-height: 50px; } .select-job ul{ display: inline-block; width: 75%; } .select-job ul li{ display: inline-block; width: 20%; margin-left: 2%; } .select-job .item-content{ padding: 0; /*margin: 12px 0;*/ border-radius: 14px; } .select-job .item-inner, .select-icon-item{ padding: 0; border:#aaa solid 2px; margin: 0 auto; border-radius: 14px; } .select-job .item-title{ color: #aaa; margin: 0 auto; } .select-job label.label-radio input[type=radio]~.item-inner{ padding: 0; } .select-job label.label-radio input[type=radio]:checked~.item-inner{ background: transparent; border-color:#4997ff; padding: 0; } .select-job label.label-radio input[type=radio]:checked~.item-inner .item-title{ color: #4997ff; } .select-job ul:before{ height: 0; } .select-icon{ display: inline-block; background-color: #fff; width: 48%; position: relative; } .select-icon .select-icon-item{ border-radius: 14px; font-size: 24px; } .select-icon .select-icon-item a{ padding-right: 44px; display: block; width: 100%; border-radius: 14px; } .select-icon i.icon-open{ display: block; height: 44px; width: 44px; background-position: -4.666667rem 0.213333rem; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: -webkit-translateY(-50%); } .select-icon .smart-select .item-after{ display: inline; max-height: 50px; color: #333; } .smart-select-picker .toolbar{ height: 80px; font-size: 28px; background-color: #f7f7f8; border-bottom: #c4c4c4 solid 1px; } .smart-select-picker .toolbar .right a{ width: 100%; font-size: 28px; right: 20px; } .list-block .item-content{ min-height: 88px; } .smart-select-picker .list-block .item-content{ padding: 0; } .smart-select-picker .list-block .item-inner{ padding-left: 15px; } .label-radio.item-content{ min-height:52px; position: relative; } .label-radio.item-content input[type=radio]{ display: block; background: transparent; appearance:button; -webkit-appearance:button; min-height: 52px; width: 100%; position: absolute; top: 0; z-index: 999; } .smart-select-picker .list-block .item-title{ font-size: 28px; } .smart-select-picker label.label-radio input[type=radio]:checked~.item-inner{ -webkit-background-size: 26px 20px; background-size: 26px 20px; } .smart-select-picker .list-block .item-inner:after{ height: 1px; } .news-items-notice{ border-bottom: #e5e5e5 solid 2px; } .news-items-notice h6{ font-size: 28px; } .news-items-notice .item-text{ font-size: 24px; height: 40px; line-height: 40px; } .news-items-notice i.icon-notice, i.icon-application ,i.icon-setting{ width: 0.64rem; height: 0.64rem; background-position: 0 -3.52rem; } .news-items-notice .item-content{ padding-left: 20px; } .news-items-notice .item-inner{ padding: 26px 0 22px; } .news-items-notice .item-media+.item-inner{ margin-left: 20px; } .news-items-notice i.icon-go{ right: 18px; } .list-block{ margin: 0 auto; } .list-block .item-content{ background-color: #fff; } .mine-box .item-media{ width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } .mine-box{ background-color: #4997ff; padding: 6% 20px; } .mine-box .item-content{ background-color: #4997ff; } .mine-box .item-title{ font-size: 32px; color: #fff; } i.icon-setting{ margin-bottom: -3px; background-position: -1.28rem -3.546667rem; } i.icon-application{ background-position: -2.533333rem -3.546667rem; } .news-items-notice.list-block .item-link .item-inner{ background: transparent; } /*+++++我的申请+++++*/ .navbar a.link{ width: 88px; height: 88px; } i.icon-goback{ width: 44px; height: 44px; background-position: -5.333333rem 0.106667rem; } /*.list-block .item-after{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: -webkit-translateY(-50%); font-size: 28px; }*/ .button.button-big{ height: 88px; line-height: 84px; font-size: 30px; } .active.login-out{ background-color: #ec4747; border-color: #ec4747; } .list-block.pwd .item-inner{ min-height: 88px; font-size: 28px; padding: 38px 0 36px; } .list-block.pwd .item-inner input::-webkit-input-placeholder{ font-size: 24px; } .list-block.pwd .item-title.label{ width: 22%; } .list-block.pwd .item-input input{ /*margin-bottom: 0;*/ line-height:44px ; font-size: 28px; } .list-block.pwd li{ border-bottom: #e5e5e5 solid 2px; } .news-details h5{ margin: 20px 30px; color: #999; } .card{ margin: 20px; border-radius:6px; } .card-content-inner{ padding: 40px 20px; font-size: 28px; } .card h6{ font-size: 32px; margin:0px 0 16px; } .card p{ font-size: 28px; color: #666; } .card-footer{ min-height: 88px; font-size: 24px; padding-left: 36px; } .card i.icon-go{ right: 16px; } .card a{ display: block; } .card.finished a, .card.finished p, .card.finished h6{ color: #999; } /*+++++极速贷款+++++*/ .loan-list ul{ background-color: #f5f4f9; } .loan-list a{ display: block; padding: 18px 12px; } .loan-list li{ margin-bottom: 10px; } .list-block.media-list.loan-list .item-media{ padding: 0; width: 32%; } .loan-list .item-media>div{ margin: 0 auto; } .loan-list .item-media+.item-inner{ margin-left: 6%; } .loan-list .item-media p{ color:#fff; line-height: 1.8; font-size: 28px; } .loan-list .item-media em{ display: block; width: 1.066667rem; height: 1.066667rem; margin: 0 auto; background: url(/images/icon.png) no-repeat; -webkit-background-size: 10.0rem 8.0rem; background-size: 10.0rem 8.0rem; background-position: 0.08rem -4.74rem; } .loan-list .fast-item{ background-color: #4997ff; } .loan-list li:nth-child(2){ background-color: #ff5a6a; } .loan-list li:nth-child(2) .item-media em{ background-position: -1.36rem -4.773333rem; } .loan-list li:nth-child(3){ background-color: #57c62b; } .loan-list li:nth-child(3) .item-media em{ background-position: -2.706667rem -4.66rem; } .loan-list li:nth-child(4){ background-color: #ffba49; } .loan-list li:nth-child(4) .item-media em{ background-position: -4.106667rem -4.76rem; } .loan-list li:nth-child(5){ background-color: #c66bd6; } .loan-list li:nth-child(5) .item-media em{ background-position: -5.573333rem -4.82rem; } .loan-list.list-block .item-content{ background: transparent; } .loan-list .item-title{ font-size: 32px; color: #fff; margin-bottom: 6px; } .loan-list .item-text{ height: auto; } .loan-list .item-text p{ color: #fff; line-height: 1.6; } .loan-list .item-text p:before{ content: ''; display: inline-block; width: 14px; height: 18px; background:url(/images/KX0005.png) no-repeat; margin-right: 6px; } .preloader-indicator-modal .preloader{ width: 68px; height: 68px; } .banner{ width: 100%; height: 3.866667rem; } .banner img{ height: 100%; } i.icon-platform, i.icon-question{ width: 0.853333rem; height: 0.853333rem; background-position: -5.56rem -0.933333rem; } i.icon-question{ background-position: -5.56rem -2.32rem; } .news-items-notice .item-after{ font-size: 20px; line-height: 44px; } .news-items-notice.media-list .item-link .item-title-row{ background: transparent; } .list-block.media-list.news-items-notice .item-inner{ padding: 26px 0 22px; } .login .img-box{ margin: 10% auto; width: 140px; height: 140px; border-radius:50%; overflow: hidden; } .pwd li button{ height: 40px; width: 400px; font-size: 28px; border:0 none; background-color: #fff; border-left: #e5e5e5 solid 2px; color: #4997ff; } .details .main-list li a{ padding: 0.4rem 0.37rem; border-bottom: #e5e5e5 solid 2px; } .main-list .item-text strong{ color: #999; background:transparent; padding: 0; font-size: 24px; vertical-align: middle; } i.icon-star{ display: inline-block; width: 140px; height: 30px; background: url(/images/star.png) no-repeat; vertical-align: middle; margin-top: -12px; } i.icon-star.icon-star5{ background-position: 0px 3px; } i.icon-star.icon-star4{ background-position: -28px 3px; } i.icon-star.icon-star3{ background-position: -56px 3px; } i.icon-star.icon-star2{ background-position: -84px 3px; } i.icon-star.icon-star1{ background-position: -112px 3px; } .loan-info{ margin: 10px 0 ; border:#e5e5e5 solid 2px;; } .details span{ text-align: left; font-size: 28px; padding-left: 26px; } .details span.sl{ text-align: right; /*padding: 0 70px 0 0;*/ } .details span.sl .item-after{ padding-right: 70px; } .details .loan-limit{ background-color: #fff; border-bottom:#e5e5e5 solid 2px;; overflow: hidden; padding: 20px 0; } .details .select-icon{ width: 100%; } .details .loan-limit span{ width: 70%; line-height: 60px; } .details .loan-limit input{ height: 60px; width: 20%; font-size: 28px; text-align: right; } .details .loan-limit em{ display: inline-block; width: 10%; text-align: center; font-size: 28px; line-height: 60px; } .other-info{ background-color: #fff; padding: 36px 20px; border-top:#e5e5e5 solid 2px;; overflow: hidden; } .other-info li{ width: 33%; text-align: center; border-left: #e5e5e5 solid 2px; } .other-info li:first-child{ border-left: 0 none; } .other-info li h6{ font-size: 40px; color: #4997ff; margin-top: 30px; } .other-info li p{ color: #666; } .intro{ margin: 10px 0; background-color: #fff; border-top:#e5e5e5 solid 2px; border-bottom:#e5e5e5 solid 2px;; padding: 20px 26px; } .intro h6{ line-height: 24px; font-size: 28px; margin: 10px 0 22px; padding-left: 10px; border-left:#4997ff solid 4px; color: #999; } .intro div{ font-size: 28px; padding: 22px 0 10px; border-top:#e5e5e5 solid 2px;; } .intro div p{ font-size: 28px; } .apply-loan{ /*padding: 16px;*/ width: 100%; background-color: #fff; } .accordion-list li{ min-height: 88px; font-size: 28px; border-bottom: #e5e5e5 solid 1px; padding: 8px; } .list-block .item-link .item-inner{ background: url(/images/KX0007.png) no-repeat center right; -webkit-background-size: 44px 44px; background-size: 44px 44px; } .list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner{ background: url(/images/KX0008.png) no-repeat center right; -webkit-background-size: 44px 44px; background-size: 44px 44px; } .accordion-item-content{ font-size: 28px; } .accordion-item-content p{ padding: 16px; font-size: 28px; line-height: 1.6; } .list-block .item-inner{ min-height: 88px; } .select-job .item-inner{ min-height: 44px; } .sign-btn{ display: inline-block; margin: 16px; font-size: 24px; color: #4997ff; } .modal{ width: 540px; margin-left: -270px; } .modal-inner{ padding: 40px 20px 20px; } .modal-title{ height: 60px; font-size: 30px; } .modal-buttons{ height: 88px; } .modal-button{ height: 88px; line-height: 88px; font-size: 34px; } .modal-title+.modal-text{ font-size: 28px; height: 50px; } .button.active-state, html:not(.watch-active-state) .button:active { background: rgba(0,122,255,.7); } .picker-modal-inner .page-content{ padding-bottom: 36px; } .main-list li strong{ background-color: #e42a2a; color: #fff; margin-left: 10px; padding:4px 12px 4px ; font-size: 20px; position: relative; top: -3px; border-radius: 10px; } .onlineCount{ position: absolute; top: 20px; left: 50%; -webkit-transform: translateX( -50% ); transform: translateX( -50% ); color: #fff; font-size: 24px; background-color: rgba(0,0,0,.5); z-index: 100; padding: 8px 30px; border-radius: 30px; } #details-iframe{ padding-top: 44px; width: 100%; height: 120%; border: 0 none; overflow: auto; } .aboutUs h3{ width: 100%; text-align: center; color: #666; font-size: 32px; margin: 26px auto 20px; } .aboutUs .vertion{ width: 100%; text-align: center; margin-bottom: 10px; } .aboutUs .vertion li{ display: inline-block; } .aboutUs .vertion>li+li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } .aboutUs .img-box{ width: 150px; height: 150px; overflow: hidden; margin: 40% auto 0; } /*=======calculator 计算器=========*/ .calculator .total-interest{ width: 100%; height: 3.0rem; background-color: #4997ff; text-align: right; padding: 7.6% 3% 0; } .calculator .total-interest p, .total-interest h4{ color: #fff; } .calculator .total-interest p{ font-size: 32px; } .calculator .total-interest h4{ font-size: 80px; font-weight: 800; } .calculator .calculate-interest{ margin: 0 2% 2%; background-color: #fff; padding: 2%; border: #e6e6e6 solid 1px; border-top: 0 none; } .calculator .calculate-interest > p.notice{ border-bottom: #e5e5e5 solid 2px; padding: 0.18rem 0 ; font-size: 24px; color: #999; } .calculator .calculate-interest .input-info{ overflow: hidden; } .calculator .calculate-interest .input-info li{ width: 33%; /*text-align: center;*/ padding: 4% 0; } .calculator .calculate-interest li:first-child{ margin-left: 1%; } .calculator .calculate-interest li p{ font-size: 28px; } .calculator .calculate-interest li em{ font-size: 22px; } .calculator .calculate-interest li input{ width: 88%; height: 60px; border: #aaa solid 1px; margin-top: 16px; font-size: 28px; padding-left: 10px; border-radius: 5px; } .calculator .calculator-items{ background-color: #fff; padding-top: 0.42rem; } .calculator .calculator-items .buttons-row{ width: 100%; padding: 0 25% 0.42rem; border-bottom: #e5e5e5 solid 1px; } .calculator .calculator-items .buttons-row a{ height: 56px; line-height: 56px; font-size: 28px; border-width: 2px; } .calculator .calculator-items{ overflow: hidden; background-color: #fff; } .calculator .calculator-items ul{ overflow: hidden; } .calculator .calculator-items .tabs{ height: 6rem; overflow-y: auto; border-bottom: #e5e5e5 solid 1px; } #tab1,#tab2{ padding-bottom: 3.2rem; } #tab1 ul li,#tab2 ul li{ width: 28%; text-align: center; line-height: 100px; font-size: 30px; border-bottom: #e5e5e5 solid 2px; color: #666; } #tab1 li.title ul li, #tab2 li.title ul li{ color: #333; font-size: 28px; } #tab1 ul li:first-child, #tab2 ul li:first-child{ width: 14%; } .errorNotice{ text-align: center; margin: 5% 0; color: #e61313; } .navbar i.icon.icon-news{ width: 48px; height: 50px; background-position: 0 -7.307rem; margin-left: 10px; margin-left: 16px; margin-top: 6px; } .swiper-down .item-title{ position: relative; overflow: auto; } .icon.icon-new{ display: block; width: 40px; height: 24px; background-position: 0 -6.44rem; position: absolute; top: 20px; right: 78px; -webkit-animation: up 1.5s infinite ease-in-out; animation: up 1.5s infinite ease-in-out; } @keyframes up{ 0%,30%{opacity:0;} 60%{opacity:1;} 100%{opacity:0;} } @-webkit-keyframes up{ 0%,30%{opacity:0;} 60%{opacity:1;} 100%{opacity:0;} } .icon.icon-answer{ display: block; width: 48px; height: 50px; background-position: -1.213333rem -7.346667rem; margin-left: 20px; } /* 取消点击变灰 */ .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{ opacity: 1; } .navbar-through .page-content { padding-top: 0 !important; } .toolbar-through .page-content { padding-bottom: 0 !important; }