/* pages/cardetail/cardetail.wxss */ @import "../../module/logs/logs.wxss" .conent{ background-color:#F9F9F9; } .cardetail_img{ height: 500rpx; position: relative; } .detail_img_t{ width:100%; height: 500rpx; } .detail_img_item{ width:100%; height: 100%; } .detail_code{ position: absolute; left: 40rpx; top: 450rpx; width: 259rpx; height: 26rpx; border-radius: 100rpx; background-color: rgba(56, 55, 53, 0.2); line-height: 26rpx; color: rgba(255, 255, 255, 1); font-size: 14rpx; text-align: center; } .banner_step{ position: absolute; left: 654rpx; top: 454rpx; height: 27rpx; line-height: 27rpx; color: rgba(255, 255, 255, 1); font-size: 18rpx; text-align: center; background-color: rgba(56, 55, 53, 0.2); box-shadow: 0px 1px 2px 0px rgba(56, 55, 53, 0.2); } .cardetail_info_c{ height: 282rpx; background-color:white; overflow: hidden; } .cardetail_t{ margin-top:30rpx; height: 32rpx; line-height: 32rpx; color: rgba(56, 55, 53, 1); font-size: 32rpx; text-align: center; } .cardetail_price{ margin-top:20rpx; height: 42rpx; line-height: 42rpx; color: rgba(56, 55, 53, 1); font-size: 28rpx; text-align: center; } .cardetail_price_v{ display: inline; color:#c5a971; margin:0rpx 30rpx 0rpx 15rpx; font-size: 35rpx; } .cardetail_price_n{ display: inline; color: rgba(56, 55, 53, 1); font-size: 24rpx; } .cardetail_flex{ height: 80rpx; display: flex; margin-top:40rpx; } .cardetail_time{ width: 290rpx; border-right:1rpx solid rgba(235, 235, 235, 1); } .cardetail_mileage{ width:215rpx; border-right:1rpx solid rgba(235, 235, 235, 1); } .cardetail_flex_v{ height: 32rpx; line-height: 32rpx; color: rgba(56, 55, 53, 1); font-size: 32rpx; text-align: center; } .cardetail_flex_name{ margin-top:20rpx; height: 28rpx; line-height: 42rpx; color: rgba(135, 135, 135, 1); font-size: 28rpx; text-align: center; } .cardetail_shop{ height: 140rpx; margin-top:20rpx; padding-left:38rpx; position: relative; background-color: white; overflow: hidden; } .cardetail_shop_n{ height: 48rpx; line-height: 48rpx; color: rgba(56, 55, 53, 1); font-size: 32rpx; margin-top:22rpx; } .cardetail_shop_d{ height: 36rpx; line-height: 36rpx; color: rgba(104, 104, 104, 1); font-size: 24rpx; margin-top:20rpx; } .cardetail_shop_d image{ width:20rpx; height: 20rpx; display: inline-block; } .cardetail_shop_nav{ position: absolute; top:34rpx; right:40rpx; height: 36rpx; line-height: 36rpx; color: rgba(104, 104, 104, 1); font-size: 24rpx; } .cardetail_space{ background-color:white; padding-top:36rpx; margin-top:20rpx; } .cardetail_space_t{ height: 32rpx; line-height: 32rpx; color: rgba(104, 104, 104, 1); font-size: 32rpx; text-indent:10rpx; border-left:6rpx solid #FFE600; margin:0rpx 40rpx; } .cardetail_baseinfo_c{ display: flex; flex-wrap: wrap; padding: 0rpx 48rpx 40rpx; } .cardetail_baseinfo_i{ width:33.3%; padding: 20rpx 0rpx; } .cardetail_baseinfo_v{ height: 48rpx; line-height: 48rpx; color: rgba(56, 55, 53, 1); font-size: 26rpx; } .cardetail_baseinfo_n{ height: 36rpx; line-height: 36rpx; color: rgba(155, 155, 155, 1); font-size: 24rpx; } .cardetail_describe{ line-height: 34rpx; color: rgba(56, 55, 53, 1); font-size: 24rpx; padding: 48rpx; word-break: break-all; } .cardetail_collocate{ text-indent: 40rpx; height: 30rpx; line-height: 30rpx; color: rgba(104, 104, 104, 1); font-size: 20rpx; } .cardetail_collocate_list{ margin-top:40rpx; } .cardetail_collocate_item{ } .cardetail_collocate_item_t{ border-top: 1rpx solid rgba(235, 235, 235, 1); height: 88rpx; line-height: 88rpx; color: rgba(56, 55, 53, 1); font-size: 26rpx; margin:0rpx 48rpx; position: relative; } .cardetail_collocate_item_sw{ position: absolute; top: 33rpx; right: 0rpx; width: 22rpx; height: 22rpx; transition: transform 0.5s; } .collocate_open .cardetail_collocate_item_sw{ transform: rotate(180deg); } .cardetail_collocate_item_l{ height: 0rpx; transition: height 0.5s; overflow: hidden; background-color: #fffef0; } /*.collocate_open .cardetail_collocate_item_l{ height: auto; }*/ .cardetail_collocate_item_d{ height: 88rpx; line-height: 88rpx; color: rgba(56, 55, 53, 1); font-size: 26rpx; border-top: 1rpx solid rgba(235, 235, 235, 1); display: flex; } .collocate_item_n{ text-indent: 48rpx; width:360rpx; } .collocate_item_v{ flex: 1; color: rgba(104, 104, 104, 1); font-size: 24rpx; } .cardetail_img_i{ margin:32rpx 38rpx 0rpx; width: 674rpx; } /*********检查样式************/ .cardetail_check_report{ padding-bottom: 80rpx; border-bottom: 1rpx solid rgba(235, 235, 235, 1); } .cardetail_check_i{ display: flex; height: 98rpx; line-height: 98rpx; border-bottom: 1rpx solid rgba(235, 235, 235, 1); } .cardetail_check_n{ width: 450rpx; text-align: 48rpx; } .cardetail_check_n image{ width:26rpx; height: 26rpx; margin-left: 50rpx; } .cardetail_check_name{ display: inline-block; color: rgba(56, 55, 53, 1); font-size: 26rpx; text-align: left; margin-left: 20rpx; } .cardetail_check_i{ flex: 1; display: flex; color: rgba(104, 104, 104, 1); font-size: 24rpx; justify-content:flex-end; } .cardetail_check_unp,.cardetail_check_p{ margin-left: 20rpx; } .unpass_number,.pass_number{ width:22rpx; height: 22rpx; margin-left: 10rpx; } .cardetail_check_op{ width:22rpx; height: 22rpx; margin:38rpx 48rpx 0rpx 10rpx; margin-right: 48rpx; margin-left: 10rpx; } /*******底部操作样式*******/ .cardetail_op_list{ position: fixed; left:0rpx; bottom:0rpx; width: 100%; height: 98rpx; display: flex; background-color:white; text-align: center; } .cardetail_op_collect,.cardetail_op_phone{ width: 136rpx; text-align: center; line-height: 24rpx; color: rgba(104, 104, 104, 1); font-size: 16rpx; } .cardetail_op_collect image,.cardetail_op_phone image{ width: 36rpx; height: 36rpx; display: block; margin: 20rpx auto 0rpx; } .cardetail_op_appointment,.cardetail_op_buy{ flex: 1; background-color: #FFE600; line-height: 98rpx; color: rgba(56, 55, 53, 1); font-size: 30rpx; } .cardetail_op_line{ border-top:25rpx solid #FFE600; border-bottom:25rpx solid #FFE600; width: 1rpx; height: 48rpx; background-color: rgba(155, 155, 155, 1); } /*贷款计算*/ .buy_scheme{ position: fixed; top: 0rpx; width: 100%; height: 100%; background-color: rgba(56,55,53,0.7); } .buy_scheme_box{ background: white; width:662rpx; height: 832rpx; border-radius: 6rpx; margin:228rpx auto; } .buy_scheme_title{ height: 68rpx; line-height: 68rpx; border-bottom: 1px solid rgba(235, 235, 235, 1); position: relative; } .buy_scheme_tw{ font-size: 28rpx; text-align: center; color: rgba(33, 36, 37, 1); font-family: NotoSansHans-Regular; } .buy_scheme_close{ width:22rpx; height: 22rpx; position: absolute; top:23rpx; right:38rpx; } .scheme_price{ width:602rpx; margin:30rpx auto; display: flex; } .scheme_price_i{ flex: 1; } .scheme_price_iw{ height: 30rpx; line-height: 30rpx; color: rgba(104, 104, 104, 1); font-size: 20rpx; text-align: center; font-family: NotoSansHans-DemiLight; } .scheme_price_ip,.scheme_price_ipb{ height: 54rpx; line-height: 54rpx; color: rgba(33, 36, 37, 1); font-size: 36rpx; text-align: center; font-family: NotoSansHans-Medium; } .scheme_price_ipb{ color: rgba(191, 163, 104, 1); } .scheme_item{ margin-top:48rpx; } .scheme_item_t{ height: 30rpx; line-height: 30rpx; color: rgba(104, 104, 104, 1); font-size: 20rpx; text-align: center; font-family: NotoSansHans-DemiLight; } .scheme_item_l{ width:622rpx; display: flex; margin:0px auto; overflow: hidden; flex-wrap: wrap; } .scheme_item_el{ width: 160rpx; height: 68rpx; border-radius: 6rpx; border: 1.2px solid rgba(183, 183, 183, 1); margin: 25rpx 20rpx 0rpx; line-height:68rpx; color: rgba(33, 36, 37, 1); font-size: 28rpx; text-align: center; font-family: NotoSansHans-Medium; } .scheme_item_el.active{ background-color: #FFE600; } .scheme_condition{ text-indent: 80rpx; line-height: 32rpx; color: rgba(135, 135, 135, 1); font-size: 20rpx; text-align: left; font-family: NotoSansHans-DemiLight; } .scheme_condition_po{ color:black; font-weight: bold; }