.installment-page { font-weight: 300; position: relative; .banner-swiper { height: 200px; } .banner-swiper ul { height: 200px; max-height: 200px; } .banner-center { margin-top: 0; } .installment-main { position: absolute; left: 0; top: 0; width: 100%; height: calc(100vh); } .loading-tip { position: absolute; width: 100%; top: 20px; left: 50%; transform: translate(-50%, 0); padding: 30px 0; text-align: center; color: #ccc; font-size: 18px; } .notice-wrap { width: 100%; height: auto; overflow: hidden; position: relative; } .notice { width: 100%; height: 69px; border-bottom: 1px solid #efefef; padding-right: 0; position: relative; .swiper-wrapper { float: left; width: 575px; background: #fff; } .notice-item { width: 575px; line-height: 69px; display: block; clear: both; padding-right: 30px; box-sizing: border-box; } .notice-icon { float: left; margin-right: 10px; width: 23px; height: 22px; background: resolve("channel/volume.png") no-repeat; background-size: contain; position: relative; top: 22px; } } .open-index { background: #fff; height: auto; overflow: hidden; padding-bottom: 70px; border-bottom: 1px solid #dedee0; } .open-info { margin: 95px auto 56px; width: 560px; height: auto; overflow: hidden; li { float: left; margin: 0 47px; } } .open-icon-1 { background: resolve("home/installment-icon1.png") no-repeat; background-size: contain; width: 67px; height: 67px; display: block; margin: 0 auto 34px; } .open-icon-2 { background: resolve("home/installment-icon2-change.png") no-repeat; background-size: contain; width: 67px; height: 67px; display: block; margin: 0 auto 34px; } .open-icon-3 { background: resolve("home/installment-icon3.png") no-repeat; background-size: contain; width: 67px; height: 67px; display: block; margin: 0 auto 34px; } .open-btn { width: 472px; height: 88px; background: #444; color: #fff; text-align: center; line-height: 88px; border-radius: 6px; margin: 0 auto; display: block; font-size: 28px; } .open-btn:active { background: #131313; } .installment-only { background: #fff; margin-top: 30px; border-top: 1px solid #dedee0; .floor-header-more { height: 85px; line-height: 85px; margin: 0; border-top: none; background: #fff; } h2 { height: 85px; line-height: 85px; text-align: center; font-size: 16PX; border-bottom: 1px solid #dedee0; } #goods-list { position: relative; padding-left: 15px; padding-top: 8px; } /* #goods-list { padding: 0 15px; margin: 15px 0 0; width: 100%; box-sizing: border-box; } .good-info { float: left; padding: 0 15px; margin: 10px 0 40px; box-sizing: border-box; width: 50%; height: auto; } .good-detail-img { height: auto; background: #c3c3c3; img { height: 100%; } } */ } .review-icon { background: resolve("home/review-img-1.png") no-repeat; background-size: contain; width: 154px; height: 197px; display: block; margin: 214px auto 50px; } .error-icon { background: resolve("home/review-img-2.png") no-repeat; background-size: contain; width: 208px; height: 208px; display: block; margin: 94px auto 60px; } .success-icon { background: resolve("home/review-img-4.png") no-repeat; background-size: contain; width: 208px; height: 208px; display: block; margin: 94px auto 60px; } .cancel-icon { background: resolve("home/review-img-5.png") no-repeat; background-size: contain; width: 208px; height: 208px; display: block; margin: 196px auto 60px; } .refresh-icon { background: resolve("home/review-img-6.png") no-repeat; background-size: contain; width: 168px; height: 168px; display: block; margin: 225px auto 35px; } .font-b { font-size: 30px; text-align: center; color: #444; } .font-p { color: #bbb; line-height: 100px; text-align: center; margin-bottom: 60px; } .installment-price { font-size: 40px; text-align: center; color: #444; line-height: 100px; margin-bottom: 60px; span { font-size: 70px; } } .success { padding-bottom: 30px; background: #efefef; } .success-bg { background: #fff; padding-bottom: 70px; border-bottom: 1px solid #dedee0; } .advertisement-area { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; display: none; .mask-bg { background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .close-box { width: 56px; height: 55px; position: absolute; top: 10px; right: 10px; z-index: 10; background: resolve("home/close-btn.png") no-repeat; background-size: contain; } .advertisement-box { width: 540px; height: 550px; border-radius: 15px; position: absolute; top: 50%; left: 50%; margin: -275px 0 0 -270px; overflow: hidden; .advertisement-img { position: absolute; width: 540px; height: 550px; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); background-size: contain; background-position: center; background-repeat: no-repeat; } } } .error { p { text-align: center; } .error-txt1 { font-size: 32px; } .error-txt2 { color: #bbb; line-height: 40px; margin: 30px 0 90px; padding: 0 50px; } } .cancel { p { text-align: center; } .cancel-txt1 { font-size: 24px; color: #444; } .cancel-txt2 { color: #bbb; font-size: 22px; line-height: 40px; margin: 10px 0 65px; } } .server-crash { p { text-align: center; color: #444; font-size: 24px; margin-bottom: 100px; } } .detail-tab { background: #000; height: 90px; line-height: 45px; font-size: 28px; span { float: left; color: #b1b1b1; width: 50%; box-sizing: border-box; margin-top: 23px; text-align: center; } .on { color: #fff; } span:first-child { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.6); } } .detail-bg { background: resolve("home/index/header-bg.jpg") no-repeat; height: auto; overflow: hidden; text-align: center; padding: 50px 0 30px; .detail-txt1 { font-size: 26px; color: #fff; } .detail-txt2 { font-size: 60px; margin-top: 10px; display: inline-block; } .detail-txt3 { color: #ce051d; font-size: 22px; a { color: #ce051d; text-decoration: underline; } } .see-btn { border-radius: 30px; width: 190px; height: 60px; line-height: 60px; background: rgba(69, 74, 76, 0.5); color: #fff; display: block; margin: 30px auto 0; font-size: 22px; } } .group-list { background: #fff; margin-top: 25px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-left: 26px; li { height: 80px; line-height: 80px; border-bottom: 1px solid #e1e1e1; font-size: 28px; overflow: hidden; a { display: block; color: #444; } .list-right { float: right; margin-right: 30px; color: #e9e9e9; } .list-r-txt { color: #b0b0b0; } } li:last-child { border-bottom: none; } } .repay { display: none; .banner-center { margin-top: 25px; height: 210px; .banner-list { height: 210px; } } .notice { border-bottom: 1px solid #e1e1e1; } } .repay-area { height: 325px; } .usable { display: none; background: #efefef; .see-btn-area { background: #fff; width: 100%; padding-bottom: 30px; } .see-more { width: 90%; height: 90px; line-height: 90px; text-align: center; font-size: 28px; color: #fff; background: #444; display: block; margin: 0 auto; border-radius: 6px; } } .usable-area { position: relative; height: 325px; .replay-status { position: absolute; right: 0; top: 30px; background: rgba(0, 0, 0, 0.5); border-radius: 20px 0 0 20px; height: 40px; line-height: 40px; color: #d4031a; text-align: center; padding: 0 30px; } .terms { display: block; margin: 30px auto 0; color: #fff; text-decoration: underline; } } } .installment-body { background: #efefef; .main-wrap { max-width: 100%; } } .installment-result-page .installment-only { margin-top: 0; }