/* pages/cardetail/cardetail.wxss */ @import "../../module/logs/logs.wxss" .cardetail_nav{ position: fixed; height: 86rpx; line-height: 86rpx; display: flex; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); background-color: white; left:0rpx; width:100%; z-index: 1; } .cardetail_nav_i{ flex: 1; margin:0rpx 60rpx; border-bottom: 6rpx solid white; color:#383735; text-align: center; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .cardetail_nav_active{ border-bottom: 6rpx solid #FFE600; color:#BFA368; } .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); /*padding: 0rpx 5rpx;*/ font-size: 18rpx; text-align: center; /*background-color: rgba(56, 55, 53, 0.2);*/ text-shadow: 0px 1px 2px #383735; /*box-shadow: 0px 1px 2px 0px rgba(56, 55, 53, 0.2);*/ } .cardetail_info_c{ height: 282rpx; background-color:white; overflow: hidden; display: flex; flex-direction:column; justify-content:center; } .cardetail_t{ line-height: 32rpx; color: rgba(56, 55, 53, 1); font-size: 32rpx; max-width:654rpx; margin:0rpx auto; text-align: left; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .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:#BFA368; margin:0rpx 30rpx 0rpx 10rpx; font-size: 42rpx; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .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; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .cardetail_flex_name{ margin-top:10rpx; 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: #383735; font-size: 32rpx; margin-top:22rpx; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .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_shop_nav image{ width:22rpx; height: 22rpx; margin-left: 10rpx; } .cardetail_space{ background-color:white; padding-top:36rpx; margin-top:20rpx; } .cardetail_space_base{ height:445rpx; } .cardetail_space_dsc{ overflow: hidden; position: relative; } .cardetail_space_col{ height:730rpx; overflow: hidden; } /*.cardetail_space_pic{ height:6170rpx; overflow: hidden; }*/ .cardetail_describe_op{ position: absolute; width:22rpx; height: 22rpx; top:40rpx; right: 48rpx; transition: transform 0.5s; } .cardetail_describe_opactive{ transform: rotate(90deg); } .cardetail_describe{ line-height: 34rpx; height: 272rpx; color: rgba(56, 55, 53, 1); font-size: 24rpx; margin: 30rpx 48rpx; overflow: hidden; word-break: break-all; } .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; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .cardetail_baseinfo_c{ display: flex; flex-wrap: wrap; padding: 0rpx 48rpx 40rpx; } .cardetail_baseinfo_i{ width:33.3%; padding: 30rpx 0rpx 10rpx; } .cardetail_baseinfo_v{ height: 48rpx; line-height: 48rpx; color: rgba(56, 55, 53, 1); font-size: 30rpx; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .cardetail_baseinfo_n{ height: 36rpx; line-height: 36rpx; color: rgba(155, 155, 155, 1); font-size: 26rpx; } .cardetail_collocate{ margin-top:30rpx; text-indent: 40rpx; height: 30rpx; line-height: 30rpx; color:rgba(56, 55, 53, 1); font-size:24rpx; } .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; line-height: 32rpx; align-items:center; display:flex; color: rgba(104, 104, 104, 1); font-size: 24rpx; } .cardetail_img_i{ margin:32rpx 38rpx 0rpx; width: 674rpx; height: 412rpx; } /*********检查样式************/ .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; transition: transform 0.5s; } /*******底部操作样式*******/ .no_more{ height: 144rpx; line-height: 144rpx; color: rgba(183, 183, 183, 1); font-size: 24rpx; text-align: center; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .cardetail_op_list_space{ background-color: white; height: 120rpx; } .cardetail_op_list{ position: fixed; left:0rpx; bottom:0rpx; width: 100%; height: 120rpx; display: flex; background-color:white; text-align: center; border-top: 1rpx solid #ebebeb; } .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; font-family: PingFangSC-Medium; } .cardetail_op_line{ border-top:25rpx solid #FFE600; border-bottom:47rpx 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: PingFangSC-Regular,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: PingFangSC-Regular,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: PingFangSC-Medium,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: PingFangSC-Regular,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: PingFangSC-Medium,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: PingFangSC-Regular,NotoSansHans-DemiLight; } .scheme_condition_po{ color:black; color:#c4ab75; margin-top:40rpx; } .check_c{ position: fixed; top:0rpx; left:100%; width: 100%; height: 100%; background: white; z-index:101; transition: all 0.5s; background-color: #F9F9F9; } .check_title{ background-color:#fede18; height:128rpx; position: absolute; top:0rpx; width: 100%; } .check_back{ width:50rpx; height: 50rpx; position: absolute; top:100rpx; left:40rpx; } .check_back image{ width:30rpx; height: 30rpx; margin: 10rpx; } .check_title_w{ padding-top: 105rpx; font-size: 36rpx; height: 44rpx; line-height: 44rpx; text-align: center; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .checkw_result{ width: 654rpx; line-height:36rpx; color: rgba(56, 55, 53, 1); margin: 0px auto; padding: 30rpx 48rpx; font-size: 24rpx; text-align: justify; font-family: NotoSansHans-DemiLight; background-color: white; } .cardetailw_check_i{ background-color: white; margin-top: 20rpx; } .cardetailw_check_name{ height: 98rpx; line-height: 98rpx; color: rgba(56, 55, 53, 1); font-size: 28rpx; text-align: left; text-indent: 48rpx; font-family: PingFangSC-Medium,NotoSansHans-Medium; border-bottom: 1rpx solid rgba(235, 235, 235, 1); } .cardetailw_check_si{ } .cardetailw_check_sit{ border-bottom: 1rpx solid rgba(235, 235, 235, 1); } .cardetailw_check_sit::last{ border-bottom: 0rpx; } .cardetailw_check_sitn{ display: flex; height: 98rpx; line-height: 98rpx; } .cardetailw_check_sitnw{ flex: 1; color: rgba(104, 104, 104, 1); font-size: 26rpx; margin-left:48rpx; font-family: NotoSansHans-DemiLight; } .cardetailw_check_unp,.cardetailw_check_p{ color: rgba(104, 104, 104, 1); font-size: 24rpx; margin-left:20rpx; font-family: NotoSansHans-DemiLight; } .cardetail_check_opactive{ transform: rotate(90deg); } .cardetailw_check_tit{ overflow: hidden; height: 0rpx; transition: height 0.5s; } .cardetailw_check_titn{ display: flex; height: 98rpx; line-height: 98rpx; background-color: #F8F8FA; left: 48px; color: rgba(104, 104, 104, 1); font-size: 26rpx; font-family: NotoSansHans-DemiLight; border-top: 1rpx solid rgba(235, 235, 235, 1); } .cardetailw_check_titn::last{ border-bottom: 0rpx; } .cardetailw_check_titna{ flex: 1; text-indent:48rpx; } .titn_img{ width:22rpx; height: 22rpx; margin-right: 80rpx; margin-top:40rpx; }