.solid_border { height: 600rpx; width: 100%; } .index { color: #fff; font-size: 24rpx; left: 0; line-height: 50rpx; margin: -55rpx auto 0; position: absolute; right: 0; width: 690rpx; } .scroll_size { height: 375rpx; width: 100%; } .car_title { color: #333; font-size: 30rpx; font-weight: 700; margin-top: 30rpx; } .car_num, .car_title { margin-left: 30rpx; width: 690rpx; } .car_num { color: #555; font-size: 26rpx; margin-top: 15rpx; } .car_price { color: #f75f5f; font-size: 20rpx; margin-left: 30rpx; margin-top: 16rpx; width: 690rpx; } .car_price_num { font-size: 34rpx; font-weight: 700; padding-left: 15rpx; } .car_price_baojia { color: #737985; } .top_nav { border-bottom: 20rpx solid #f9f9f9; height: 36rpx; width: 100%; } .modle_nav { border-bottom: 1rpx solid #f9f9f9; color: #333; display: block; font-size: 30rpx; height: 87rpx; line-height: 87rpx; margin: 0 auto; padding-top: 1rpx; width: 690rpx; } .modle_nav_carImg { box-sizing: border-box; display: block; margin: 20rpx 5%0 auto; padding: 10px; width: 100%; } .modle_nav_biaoji { background: #3d61f0; border-right: 16rpx solid #fff; display: inline-block; height: 24rpx; margin-top: 32rpx; width: 6rpx; } .modle_nav_rightText { color: #9295a8; float: right; font-size: 24rpx; } .modle_nav_rightText_img { height: 30rpx; padding-right: 13rpx; vertical-align: middle; width: 30rpx; } .nav { background: #f9f9f9; height: 20rpx; width: 100%; } .jieshao_view { color: #555; font-size: 28rpx; margin: 10rpx auto 0; padding-bottom: 10rpx; width: 690rpx; } .nav_nav { height: 100rpx; width: 100%; } .btm_nav { background: #fff; bottom: 0rpx; box-shadow: 0-1rpx 0 0 rgba(0, 0, 0, 0.1); height: 88rpx; position: fixed; width: 100%; z-index: 100; } .btm_nav_small { color: #555; display: inline-block; font-size: 20rpx; height: 88rpx; line-height: 88rpx; text-align: center; vertical-align: top; width: 17.333%; } .btm_nav_small_img { display: block; height: 40rpx; margin: 14rpx auto 0; width: 40rpx; } .btm_nav_small_title { color: #555; font-size: 20rpx; line-height: 35rpx; text-align: center; width: 100%; } .btm_nav_big_index { background: #3d61f0; } .btm_nav_big_index, .btm_nav_big_second { color: #fff; display: inline-block; font-size: 28rpx; height: 88rpx; line-height: 88rpx; text-align: center; vertical-align: top; width: 24%; } .btm_nav_big_second { background: #fb9145; border-radius: 0; } .choose_area { background: #fff; border-bottom: 20rpx solid #f9f9f9; margin-top: -30rpx; padding-bottom: 25rpx; position: relative; width: 100%; z-index: 10; } .choose_area_modle { display: inline-block; margin-top: 30rpx; width: 25%; } .choose_area_modle_img { display: block; height: 58rpx; margin: 0 auto; width: 58rpx; } .choose_area_modle_title { color: #555; font-size: 24rpx; line-height: 50rpx; text-align: center; width: 100%; } .car_message { display: inline-block; width: 320rpx; } .car_message_top { color: #9295a8; font-size: 24rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-break: keep-all; } .car_message_btm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } .car_message_btm, .car_message_btm_btm { color: #333; font-size: 28rpx; font-weight: 700; margin-top: 10rpx; padding-bottom: 30rpx; width: 100%; } .car_message_index { margin-left: 30rpx; } .car_message_second { margin-left: 76rpx; } .modle_nav_dizhiImg { height: 30rpx; margin-top: -5rpx; padding-right: 15rpx; vertical-align: middle; width: 30rpx; } .shop_modle { border-bottom: 1rpx solid #f9f9f9; margin-left: 30rpx; padding-bottom: 30rpx; padding-top: 30rpx; width: 720rpx; } .shop_modle_left { display: inline-block; height: 180rpx; width: 180rpx; } .shop_modle_right { display: inline-block; padding-left: 20rpx; vertical-align: top; width: 495rpx; } .shop_modle_right_title { color: #333; font-size: 30rpx; font-weight: 700; width: 100%; } .shop_modle_right_title_left { color: #333; display: inline-block; font-size: 30rpx; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; word-break: keep-all; } .shop_modle_right_title_right { color: #f75f5f; float: right; font-size: 28rpx; } .shop_modle_area { color: #9295a8; font-size: 24rpx; margin-top: 10rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-break: keep-all; } .shop_modle_area_dian { color: #f75f5f; font-size: 30rpx; font-weight: 700; padding-right: 10rpx; } .shop_modle_message { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #555; display: -webkit-box; font-size: 28rpx; height: 80rpx; margin-top: 10rpx; overflow: hidden; text-overflow: ellipsis; width: 100%; } .shop_modle_num { color: #9295a8; font-size: 24rpx; margin-top: 10rpx; width: 570rpx; } .btm_message_border { padding-top: 30rpx; } .btm_message { color: #555; font-size: 28rpx; margin: 0 auto; width: 690rpx; } .index_modle_btn { background: rgba(10, 194, 174, 0.05); border: 1px solid #3d61f0; border-radius: 100rpx; color: #3d61f0; float: right; font-size: 24rpx; height: 54rpx; line-height: 52rpx; margin: 0; padding: 0; text-align: center; width: 150rpx; } .daohang_text { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 490rpx; word-break: keep-all; } .modle { border-bottom: 1rpx solid rgba(0, 0, 0, 0.1); height: 180rpx; margin: 0 auto; padding-bottom: 30rpx; padding-top: 30rpx; width: 690rpx; } .modle_img { background: #e0e0e0; border-radius: 10rpx; float: left; height: 180rpx; width: 270rpx; } .modle_name { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; display: -webkit-box; font-size: 30rpx; font-weight: 700; overflow: hidden; padding-left: 20rpx; text-overflow: ellipsis; width: 100%; } .modle_chexing { color: #7a7a7a; font-size: 24rpx; margin-top: 20rpx; } .modle_chexing, .modle_price { overflow: hidden; padding-left: 20rpx; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-break: keep-all; } .modle_price { bottom: 0rpx; color: #f75f5f; font-size: 30rpx; font-weight: 700; position: absolute; } .message_border { float: left; height: 180rpx; position: relative; width: 420rpx; } .ziying { background: #3d61f0; display: inline-block; margin-left: 10rpx; margin-top: -5rpx; vertical-align: middle; width: 80rpx; } .tuijian, .ziying { border-radius: 5rpx; color: #fff; font-size: 16rpx; height: 30rpx; line-height: 30rpx; text-align: center; } .tuijian { background: #ec6d6e; margin-top: 152rpx; position: absolute; width: 56rpx; } .btn_nav { height: 150rpx; width: 100%; } .block_modle_view { background: #fff; bottom: 0rpx; font-size: 0; height: 300rpx; position: absolute; width: 100%; } .block_modle_view_modle { background: none; border-radius: 0; display: inline-block; height: 299rpx; padding: 1rpx 0 0; vertical-align: top; width: 50%; } .block_modle_view_modle_img { border-radius: 100%; display: block; height: 120rpx; margin: 60rpx auto 0; width: 120rpx; } .block_modle_view_modle_title { color: #333; font-size: 28rpx; font-weight: 700; margin-top: 20rpx; text-align: center; width: 100%; } button::after { border: none; } .modle_view_block { -webkit-animation: modle_view_block 0.3s; bottom: 0rpx; } @-webkit-keyframes modle_view_block { 0% { bottom: -300rpx; } 100% { bottom: 0rpx; } } .modle_view_none { -webkit-animation: modle_view_none 0.7s; bottom: -300rpx; } @-webkit-keyframes modle_view_none { 0% { bottom: 0rpx; } 60% { bottom: 0rpx; } 100% { bottom: -300rpx; } } .modle_index_block { -webkit-animation: modle_index_block 0.4s; margin-top: 0rpx; } @-webkit-keyframes modle_index_block { 0% { margin-top: 300rpx; } 30% { margin-top: 300rpx; } 70% { margin-top: -15rpx; } 100% { margin-top: 0rpx; } } .modle_second_block { -webkit-animation: modle_second_block 0.6s; margin-top: 0rpx; } @-webkit-keyframes modle_second_block { 0% { margin-top: 300rpx; } 50% { margin-top: 300rpx; } 80% { margin-top: -15rpx; } 100% { margin-top: 0rpx; } } .modle_third_block { -webkit-animation: modle_third_block 0.8s; margin-top: 0rpx; } @-webkit-keyframes modle_third_block { 0% { margin-top: 300rpx; } 50% { margin-top: 300rpx; } 80% { margin-top: -15rpx; } 100% { margin-top: 0rpx; } } .modle_index_none { -webkit-animation: modle_index_none 0.9s; margin-top: 300rpx; } @-webkit-keyframes modle_index_none { 0% { margin-top: 0rpx; } 30% { margin-top: 0rpx; } 100% { margin-top: 300rpx; } } .modle_second_none { -webkit-animation: modle_second_none 0.5s; margin-top: 300rpx; } @-webkit-keyframes modle_second_none { 0% { margin-top: 0rpx; } 100% { margin-top: 300rpx; } } .modle_third_none { -webkit-animation: modle_third_none 0.3s; margin-top: 300rpx; } @-webkit-keyframes modle_third_none { 0% { margin-top: 0rpx; } 100% { margin-top: 300rpx; } } .btm_view { background: #fff; bottom: -1rpx; box-shadow: 0-4rpx 6rpx 0 rgba(0, 0, 0, 0.08); height: 98rpx; position: fixed; width: 100%; } .btm_view_modle { display: inline-block; height: 98rpx; vertical-align: top; width: 33.33%; } .btm_view_modle_img { display: block; height: 48rpx; margin: 0 auto; padding-top: 10rpx; width: 48rpx; } .btm_view_modle_view { color: #555; font-size: 20rpx; text-align: center; width: 100%; } .btm_view_modle_view_active { color: #ed553d; } .add_view { height: 150rpx; margin-left: 319rpx; margin-top: -150rpx; position: absolute; width: 112rpx; } .add_view_img { background: #fff; border-radius: 100%; box-shadow: 0-4rpx 6rpx 0 rgba(0, 0, 0, 0.08); height: 112rpx; width: 112rpx; } .add_view_title { color: #555; font-size: 20rpx; line-height: 10rpx; text-align: center; width: 100%; } .page { z-index: 201; } .click_none, .page { height: 100%; position: fixed; top: 0; width: 100%; } .click_none { background: rgba(0, 0, 0, 0.4); } .guanggao { border-top: 20rpx solid #f9f9f9; } .daikuan_border { border-bottom: 20rpx solid #f9f9f9; color: #333; font-size: 30rpx; padding: 30rpx; } .daikuan_border_img { height: 50rpx; margin-top: -5rpx; padding-right: 15rpx; vertical-align: middle; width: 50rpx; } .daikuan_right { color: #666; float: right; font-size: 25rpx; line-height: 25rpx; margin-top: 5rpx; text-align: right; width: 390rpx; } .daikuan_right_img { height: 40rpx; margin-top: -5rpx; vertical-align: middle; width: 22rpx; }