div::after{ display:none; }
a{ color: inherit; }
.fc_com{color: #2CAAFD;}
.fc_red{color: #FE7575;}

/* position */
.por{position: relative;}
.poa{position: absolute;}
.pof{position: fixed;}

/* clear */
.clear { clear: both; }
.clear:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }

/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; }

/* overflow */
.ovh{ overflow: hidden; }

/* height */
.hauto{height: auto !important;}
.hc100 { height: 100% !important; }

/* width */
.wc100 { width: 100% !important; }
.wc25 { width: 25% !important; }
.wc33 { width: 33% !important; }

/* padding */
.pt0{padding-top: 0px !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}

/* margin */
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}

/* flex  */
/* justify-content: space-between; align-items: center; */
.flex { display: flex; display: -webkit-flex; }
.flex_1 { flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; }
.flex_2 { flex: 2; -ms-flex: 2; -moz-flex: 2; -webkit-flex: 2; }

/* ell  */
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ell2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; word-wrap: break-word; }
.ell3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all; word-wrap: break-word; }

/* 通用容器样式 */
.new_content{ width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; clear: both; background: #F4F5F7; overflow: hidden; min-height: 100vh;}

/* 通用展示模块样式 */
.com_title{ font-weight: bold; font-size: 20px; padding: 16px 15px; line-height: 1.1; }
.com_btn_1{ position: relative; display: block; background: linear-gradient(to bottom, #56BDFF, #1BA5FD); color: #fff; font-size: 18px; text-align: center; border-radius: 40px; line-height: 46px; border: none; }
.com_btn_1:hover{ color: #fff; }
.com_btn_2{ position: relative; display: block; border: 1px solid #ADADAD; background-color: #fff; color: #666; font-size: 18px; text-align: center; border-radius: 40px; line-height: 44px;}
.com_btn_2:hover{ color: #666; }
.com_btn_3{ position: relative; display: block; background: transparent; color: #333; font-size: 16px; text-align: center; border-radius: 40px; line-height: 44px; border: 1px solid #2CAAFD;}
.com_btn_3:hover{ color: #333; }
.com_tips_num{ background: linear-gradient(to bottom, #56BDFF, #1BA5FD); border-radius: 20px; font-size: 12px; color: #fff; position: absolute; line-height: 1.4; padding: 0 6px; top: -6px; right: -5px;}
.com_none{ padding: 0 15px; }
.com_none > img{ display: block; margin: 15px auto 58px auto; width: 90%; height: auto; }
.com_module{ position: relative; display: block; font-size: 16px; margin: 0 15px; background: #FFF; border-radius: 15px;}
.com_module .cm_item{ padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; line-height: 35px;}
.com_module .cm_item + .cm_item{ border-top: 1px solid #EEEEEE; }
.com_module .cm_item .cm_i_name{ font-weight: bold; }
.com_module .cm_item .cm_i_content{min-height: 35px;}
.com_module .cm_item .cm_i_img{width: 45px;height: 45px;border-radius: 50%;overflow: hidden;}
.com_module .cm_item .cm_i_img > img{display: block;width: 100%;height: 100%; object-fit: cover;}
.com_module .cm_item .cm_i_img .upload_img{ position: relative; width: 100%; height: 100%; background-color: #E6E6E6;}
.com_module .cm_item .cm_i_img .upload_img:before{content: "";display: block;width: 22px;height: 4px;background-color: #fff;position: absolute;left: 50%;top: 50%;margin: -2px 0 0 -11px;border-radius: 4px;}
.com_module .cm_item .cm_i_img .upload_img:after{content: "";display: block;width: 4px;height: 22px;background-color: #fff;position: absolute;left: 50%;top: 50%;margin: -11px 0 0 -2px;border-radius: 4px;}
.com_module .cm_item .cm_i_img input[type="file"]{ position: absolute; width: 45px; height: 45px; right: 0; opacity: 0; z-index: 1;}
.com_module .cm_item .cm_i_ipt{display: flex; align-items: center; height: 35px}
.com_module .cm_item .cm_i_ipt input{ width: 200px; text-align: right; color: #333; font-size: 16px; border: none; vertical-align: text-bottom;}
.com_module .cm_item .cm_i_ipt input::placeholder{ color: #ccc; font-weight: bold; }
.com_module .cm_item .cm_i_ipt .com_btn_1{line-height: 25px; width: 84px; font-size: 12px; font-weight: bold;}
.com_module .cm_item .cm_i_ipt .com_btn_1 + input{ width: 85px; padding-left: 10px; }
.com_module .cm_item .type_arrow{position: relative;width: 35px;height: 35px;}
.com_module .cm_item .type_arrow:after{ content: ""; display: block; position: absolute; top: 12px; right: 4px; width: 12px; height: 12px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.com_footer{ position: fixed; bottom: 0; width: 100%; max-width: 750px; background-color: #fff; box-sizing: border-box; padding: 15px; padding-bottom: calc(15px + constant(safe-area-inset-bottom)); padding-bottom: calc(15px + env(safe-area-inset-bottom)); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);}
.com_tabbar{ position: fixed; height: 60px;bottom: 0; width: 100%; max-width: 750px; background-color: #fff; box-sizing: content-box; padding-bottom: calc(constant(safe-area-inset-bottom)); padding-bottom: calc(env(safe-area-inset-bottom)); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);display: flex;}
.com_tabbar .ct_item{ display: inline-block;flex: 1;background-repeat: no-repeat;background-position: center;background-size: 40px;}
.com_tabbar .ct_item.type_home{ background-image: url('../images/new_version/tabbar/icon_home.png'); }
.com_tabbar .ct_item.type_home_check{ background-image: url('../images/new_version/tabbar/icon_home_check.png'); }
.com_tabbar .ct_item.type_add{ background-image: url('../images/new_version/tabbar/icon_initiate.png'); background-size: 68px;}
.com_tabbar .ct_item.type_user{ background-image: url('../images/new_version/tabbar/icon_user.png'); }
.com_tabbar .ct_item.type_user_check{ background-image: url('../images/new_version/tabbar/icon_user_check.png'); }

/* 个人中心 */
.new_user{ background-color: #fff; min-height: 100vh;}
.new_user .nu_header{ background-image: url('../images/new_version/back_user_head.png');background-repeat: no-repeat;background-position: bottom;background-size: 100%;max-height: 387px;height: calc(49vw);padding: 20px 15px 0 15px;color: #fff;box-sizing: border-box;display: flex;align-items: center;}
.new_user .nu_header .nu_h_img{ width: 60px; height: 60px; margin-right: 10px;}
.new_user .nu_header .nu_h_img > img{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; object-fit: cover;}
.new_user .nu_header .nu_h_info{ line-height: 1.6; max-width: calc(100% - 70px);}
.new_user .nu_header .nu_h_info > h2{ font-size: 20px; font-weight: bold;}
.new_user .nu_nav{ padding: 15px; position: relative; top: -30px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 7px 10px 0px rgba(2,26,41,0.03);}
.new_user .nu_nav .nu_n_item{ width: 46%; background-repeat: no-repeat; background-size: 100%; background-position: center; height: 19vw; max-width: 288px; max-height: 140px; color: #122869; display: flex; align-items: center; padding: 0 10px 0 12px; box-sizing: border-box; justify-content: space-between;}
.new_user .nu_nav .nu_n_item .info{ font-size: 15px; line-height: 1.4;}
.new_user .nu_nav .nu_n_item .info > p{ font-weight: bold;}
.new_user .nu_nav .nu_n_item .info > span{ font-size: 12px; transform: scale(.6); display: block; margin-left: -14px; }
.new_user .nu_nav .nu_n_item .look_btn{ font-size: 12px; max-width: 80px; width: 35%; border-radius: 20px; height: 36%; max-height: 50px; display: flex; align-items: center; justify-content: center;}
.new_user .nu_nav .nu_n_item.type_1{ background-image: url('../images/new_version/back_user_module_1.png'); }
.new_user .nu_nav .nu_n_item.type_2{ background-image: url('../images/new_version/back_user_module_2.png'); }
.new_user .nu_nav .nu_n_item.type_1 .look_btn{background: linear-gradient(to right, #ABEDE1, #73D7DD);}
.new_user .nu_nav .nu_n_item.type_2 .look_btn{background: linear-gradient(to right, #CDD7FD, #B6C1FE);}
.new_user .nu_nav .icon_divider{ width: 2px; background-color: #EEEEEE; height: 12vw; max-height: 92px;}
.new_user .nu_list{ padding: 0 15px; color: #333;}
.new_user .nu_list .nu_l_title{ font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.new_user .nu_list .nu_l_nav{ line-height: 3.4; font-size: 16px;}
.new_user .nu_list .nu_l_nav .nu_l_item{ position: relative; display: flex; align-items: center;}
.new_user .nu_list .nu_l_nav .nu_l_item:after{ content: ""; position: absolute; top: 16px; right: 4px; width: 12px; height: 12px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.new_user .nu_list .nu_l_nav .nu_l_item .type_icon{ float: left; width: 9%; height: 50px; background-repeat: no-repeat; background-position: center; background-size: 76%;  margin-right: 10px;}
.new_user .nu_list .nu_l_nav .nu_l_item .type_icon.icon_serve{background-image: url('../images/new_version/icon_serve.png');}
.new_user .nu_list .nu_l_nav .nu_l_item .type_icon.icon_setup{background-image: url('../images/new_version/icon_setup.png');}

/* 我的支持 */
.support_list .sl_item{ display: block; padding: 15px;line-height: 1.1;}
.support_list .sl_item + .sl_item{ border-top: 1px solid #EEEEEE; }
.support_list .sl_item .sl_i_img{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-right: 10px;float: left;}
.support_list .sl_item .sl_i_img > img{display: block;width: 100%;height: 100%;object-fit: cover;}
.support_list .sl_item .sl_i_text{margin-left: 50px;color: #232323;font-weight: bold;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;padding-bottom: 10px;}
.support_list .sl_item .sl_i_text > span{color: #56BDFF;float: right;}
.support_list .sl_item .sl_i_time{margin-left: 50px;font-size: 12px;color: #999;}
.support_list .sl_item .sl_i_time > span{float: right;}

/* 通用展示详情列表 */
.com_news{ padding-bottom: calc(80px + constant(safe-area-inset-bottom)); padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
.com_news .cn_item{ padding: 15px; position: relative; overflow: hidden;}
.com_news .cn_item + .cn_item{ margin-top: 15px; }
.com_news .cn_item .icon_label{color: #fff;font-style: inherit;font-size: 13px;text-align: center;position: absolute;left: -29px;top: 12px;width: 100px;line-height: 1.4;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.com_news .cn_item .icon_label.type_1{background-color: #65C793;}
.com_news .cn_item .icon_label.type_2{background-color: #26A8FD;}
.com_news .cn_item .icon_label.type_3{background-color: #FE7575;}
.com_news .cn_item .cn_i_img{width: 100px;height: 100px;border-radius: 8px;overflow: hidden;margin-right: 15px;float: left;}
.com_news .cn_item .cn_i_img > img{display: block;width: 100%;height: 100%;object-fit: cover;}
.com_news .cn_item .cn_i_content{margin-left: 115px;}
.com_news .cn_item .title{color: #222;font-size: 14px;font-weight: bold; line-height: 23px; height: 46px; margin-bottom: 4px;}
.com_news .cn_item .opt{color: #999;font-size: 0;line-height: 1.2;margin-bottom: 10px;}
.com_news .cn_item .opt > span{width: 45%;display: inline-block;font-size: 12px;}
.com_news .cn_item .opt > span:last-child{width: 50%; padding-left: 5%;  border-left: 1px solid #EEE; box-sizing: border-box;}
.com_news .cn_item .staff .user{font-size: 12px;color: #232323;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;line-height: 26px;}
.com_news .cn_item .staff .user .img{width: 20px;height: 20px;border-radius: 50%;overflow: hidden;margin-right: 5px;float: left;margin-top: 3px;}
.com_news .cn_item .staff .user .img > img{display: block;width: 100%;height: 100%;object-fit: cover;}
.com_news .cn_item .staff .com_btn_1{line-height: 26px;width: 48px;float: right;font-size: 12px;}

/* 上传身份证 */
.idcard_w{ padding: 0 7.5px; padding-bottom: calc(92px + constant(safe-area-inset-bottom)); padding-bottom: calc(92px + env(safe-area-inset-bottom)); display: flex; justify-content: space-around;}
.idcard_w .iw_item{ margin: 0 7.5px; width: calc(50% - 15px); position: relative; box-sizing: border-box; padding: 27px; background-image: url(../images/new_version/idcard_frame.png); background-repeat: no-repeat; background-position: center; background-size: 82%;}
.idcard_w .iw_item > img{ display: block; width: 100%; max-height: 100px; object-fit: cover;}
.idcard_w .iw_item input[type="file"]{ position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0;}

/* 发起筹款步骤 */
.release_step{ text-align: center; padding: 40px 15px 0 15px; padding-bottom: calc(92px + constant(safe-area-inset-bottom)); padding-bottom: calc(92px + env(safe-area-inset-bottom));}
.release_step .rs_title{ color: #232323; font-size: 32px; font-weight: bold; padding-bottom: 10px;}
.release_step .rs_subtitle{ color: #22A7FD; font-size: 18px; padding-bottom: 5px;}
.release_step img{ display: block; margin: auto; width: 130px;}
.release_step img.type_down{ width: 40px;}

/* 发布筹款表单 */
.release_form{padding-bottom: calc(92px + constant(safe-area-inset-bottom)); padding-bottom: calc(92px + env(safe-area-inset-bottom));}
.com_module .cm_title{font-weight: bold; font-size: 16px; line-height: 45px;}
.com_module .cm_ipt_text{padding: 12px 15px 10px 15px;display: flex; align-items: center;border-bottom: 1px solid #EEE;justify-content: space-between;}
.com_module .cm_ipt_text input{color: #333; font-size: 16px; border: none; vertical-align: text-bottom;width: 90%;line-height: 24px;}
.com_module .cm_ipt_text .unit{line-height: 22px;}
.com_module .cm_textarea{padding: 0 15px 15px 15px;border-bottom: 1px solid #EEE;}
.com_module .cm_textarea .cm_t_title{font-weight: bold; font-size: 16px; line-height: 48px;}
.com_module .cm_textarea textarea{ font-size: 14px; line-height: 24px; background-color: #F4F5F7;border-radius: 15px;border: navajowhite;padding: 12px 15px;width: 100%;box-sizing: border-box;}
.com_module .cm_textarea textarea::-webkit-scrollbar{display:none;}
.com_module .cm_upload{padding: 0 15px; border-bottom: 1px solid #EEE;}
.com_module .cm_upload .cm_u_title{font-weight: bold; font-size: 16px; line-height: 44px;}
.com_module .cm_upload .cm_u_title span{font-size: 13px;color: #999;padding-left: 5px;font-weight: initial;vertical-align: bottom;}
.com_module .cm_upload .cm_u_list{font-size: 0;}
.com_module .cm_upload .cm_u_item{position: relative;border-radius: 15px;width: 95px;height: 95px;overflow: hidden;display: inline-block;margin-right: 15px;margin-bottom: 15px;}
.com_module .cm_upload .cm_u_item img{display: block;width: 100%;height: 100%;object-fit: cover;}
.com_module .cm_upload .cm_u_item input[type="file"]{position: absolute;width: 100%;height: 100%;opacity: 0;z-index: 1;}
.com_module .cm_upload .cm_u_item:nth-child(3n){margin-right: 0;}
.com_module .cm_upload .cm_u_item .icon_close{position: absolute;background-color: #ccc;width: 18px;height: 18px;border-radius: 50%;text-align: center;line-height: 18px;color: #fff;transform: rotate(45deg); -webkit-transform: rotate(45deg);font-size: 20px;right: 4px;top: 4px;}
.com_module .cm_switch{padding: 15px 7.5px;display: flex;align-items: center;}
.com_module .cm_switch .cm_s_col{flex: 1;-webkit-flex: 1;position: relative;}
.com_module .cm_switch input[type="radio"]{position: absolute;top: 0; opacity: 0;}
.com_module .cm_switch .cm_s_info{display: block;text-align: center;margin: 0 7.5px;background-color: #F3F5F7;border: 1px solid #F3F5F7;line-height: 38px;border-radius: 5px;color: #232323;}
.com_module .cm_switch .cm_s_info.is_check{ border-color: #1CA5FD; color: #1CA5FD; background-color: #D2EDFF; }

.com_module .cm_calculator{display: flex;justify-content: space-between;align-items: center;padding: 8px 15px;border-top: 1px solid #eee;color: #232323;}
.com_module .cm_calculator .name{font-size: 14px;font-weight: bold;}
.com_module .cm_calculator .calculator{background-color: #EBECF0;border-radius: 20px;text-align: center;color: #232323;font-size: 16px;line-height: 26px;}
.com_module .cm_calculator .calculator .icon_minus{float: left;width: 32px;font-weight: bold;}
.com_module .cm_calculator .calculator .icon_add{float: right;width: 32px;font-weight: bold;}
.com_module .cm_calculator .calculator .ipt{margin: 0 32px;}
.com_module .cm_calculator .calculator .ipt input{border: none;text-align: center;width: 40px;line-height: 26px;background-color: #F3F5F7;vertical-align: baseline;font-weight: initial;}

.com_table{margin: 0 15px;background-color: #D9F0FF;border-radius: 15px;overflow: hidden;}
.com_table .ct_head{color: #fff;font-size: 16px;line-height: 40px;background: linear-gradient(to bottom, #56BDFF, #1BA5FD);display: flex;justify-content: space-around;}
.com_table .ct_main{line-height: 30px;font-size: 14px;font-weight: bold;padding: 6px 0;}
.com_table .ct_row{display: flex; justify-content: space-around;}
.com_table .ct_row .ct_col{width: 33%;text-align: center;}
.com_text{color: #232323;padding: 0 15px;font-size: 14px;line-height: 24px;}

/* 详情 */
.detail_main{padding-bottom: calc(76px + constant(safe-area-inset-bottom)); padding-bottom: calc(76px + env(safe-area-inset-bottom));}
.detail_banner{height: 175px;}
.detail_banner img{display: block; width: 100%; height: 100%; object-fit: cover;}
.detail_join{position: absolute;bottom: 5px;left: 12px;z-index: 1; overflow: hidden; max-height: 80px;}
.detail_join .dj_main{position: relative;}
.detail_join .dj_item{ background-color: rgba(0, 0, 0, .6); padding: 2px 8px 2px 2px; border-radius: 40px; line-height: 18px; color: #fff; margin-bottom: 5px; font-size: 12px; display: inline-block;}
.detail_join .dj_item .head{ width: 18px; height: 18px; float: left; border-radius: 50%; overflow: hidden;  margin-right: 5px;}
.detail_join .dj_item .head > img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.detail_join .dj_item > span{ color: #2CAAFD; padding-right: 5px;}
.detail_head{ height: 40px; line-height: 40px;}
.detail_head .name{ font-size: 16px; float: left; width: 150px; text-align: center; color: #fff; background: linear-gradient(to bottom, #56BDFF, #1BA5FD); border-radius: 0 18px 0 0;}
.detail_head .time{ margin-left: 120px; background: linear-gradient(to right, #1B7BFD, #1BA5FD); color: #fff; font-size: 14px; text-align: center;}
.detail_head .time > span{ font-size: 18px; font-weight: bold; color: #E0E722; vertical-align: top;}

.detail_target{margin: 15px;}
.detail_target .dt_user{padding: 15px 15px 0 15px; line-height: 28px;padding-bottom: 14px;}
.detail_target .dt_user .com_btn_1{ float: right; width: 48px; line-height: 28px; font-size: 12px;}
.detail_target .dt_user .info{ color: #232323; font-size: 15px; }
.detail_target .dt_user .info .img{ width: 35px; height: 35px; float: left; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.detail_target .dt_user .info .img > img{display: block; width: 100%; height: 100%; object-fit: cover;}
.detail_target .dt_user .info .name{font-weight: bold; display: block; margin-left: 45px; margin-top: -5px; line-height: 1.4;}
.detail_progress{padding: 0 15px;}
.detail_progress .dp_text{ display: flex; justify-content: space-between; font-size: 13px;}

.detail_progress .dp_bar{ position: relative; height: 10px; background-color: #EEE; border-radius: 5px; overflow: hidden;}
.detail_progress .dp_bar .scale{ height: 5px; margin-top: 5px; display: flex; position: relative; z-index: 1;}
.detail_progress .dp_bar .scale > i{ flex: 1; -webkit-flex: 1; }
.detail_progress .dp_bar .scale > i + i{border-left: 1px solid #fff;}
.detail_progress .dp_bar .target{ width: 0; background: linear-gradient(to right, #1BA5FD, #56BDFF); position: absolute; left: 0; top: 0; height: 100%; border-radius: 0 5px 5px 0;}
.detail_progress .dp_bar .target .num{font-size: 12px; color: #fff; line-height: 10px; float: right; transform: scale(.8);}

.detail_progress .dp_task{ display: flex; justify-content: space-around; text-align: center; line-height: 24px;}
.detail_progress .dp_task .dp_t_info{padding: 10px 0;}
.detail_progress .dp_task .dp_t_info strong{ font-size: 15px; font-weight: bold; color: #2CAAFD; display: block;}
.detail_progress .dp_task .dp_t_info span{ font-size: 14px; color: #232323; display: block;}

.detail_target .dt_complete{ border-top: 1px solid #eee; padding: 15px; display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: #232323;}
.detail_target .dt_complete .lead{ max-width: 55%; font-size: 15px; }
.detail_target .dt_complete .lead .img{ width: 35px; height: 35px; float: left; margin-top: 3px; margin-right: 10px; border-radius: 50%; overflow: hidden;}
.detail_target .dt_complete .lead .img > img{display: block; width: 100%; height: 100%; object-fit: cover;}
.detail_target .dt_complete .lead .name{ font-weight: bold; display: block; line-height: 1.4; margin-bottom: 2px; }
.detail_target .dt_complete .already{ display: flex; align-items: center;}
.detail_target .dt_complete .already .img_list{ font-size: 0; margin-right: 10px;}
.detail_target .dt_complete .already .img{ width: 28px; height: 28px; display: inline-block; margin-left: -15px; border-radius: 50%; overflow: hidden;}
.detail_target .dt_complete .already .img > img{display: block; width: 100%; height: 100%; object-fit: cover;}

.detail_menu{ padding: 15px 15px 0 15px; color: #232323; font-size: 0;}
.detail_menu .dm_li{border-bottom: 2px solid transparent;width: 54px;margin-right: 35px;display: inline-block;font-size: 13px;font-weight: bold;text-align: center;padding-bottom: 10px;}
.detail_menu .dm_li.is_check{ border-color: #53BCFF; color: #2CAAFD;}
.detail_particulars{ padding: 15px 15px 5px 15px; color: #232323;}
.detail_particulars .title{ font-size: 20px; font-weight: bold; padding-bottom: 13px;}
.detail_particulars .text{ font-size: 14px; line-height: 24px;}
.detail_particulars .imglist{  font-size: 0;padding-top: 15px;}
.detail_particulars .imglist .img{ width: 98px; height: 98px; margin: 0 10px 10px 0;border-radius: 15px;overflow: hidden;display: inline-block;}
.detail_particulars .imglist .img:nth-child(3n){margin-right: 0;}
.detail_particulars .imglist .img > img{display: block; width: 100%; height: 100%; object-fit: cover;}

.detail_trends{ padding: 15px;}
.detail_trends .dt_item{ position: relative; padding-bottom: 22px;}
.detail_trends .dt_item:after{content: "";display: block;position: absolute;width: 3px;height: 3px;background-color: #EEE;bottom: 9px;}
.detail_trends .dt_item:last-child{padding-bottom: 0;}
.detail_trends .dt_item:last-child:after{display: none;}
.detail_trends .dt_item .name{ font-size: 14px; font-weight: bold; padding-bottom: 9px;}
.detail_trends .dt_item .list{ padding-left: 12px; border-left: 2px solid #EEE;}
.detail_trends .dt_item .list .img{ width: 96px; height: 96px; margin-right: 10px;}
.detail_trends .dt_item .list .img > img{display: block; width: 100%; height: 100%; object-fit: cover;}

/* 回复 */
.detail_comment{ margin-bottom: 15px; padding: 15px; color: #232323;}
.detail_comment .my_groupbuy{ display: flex; align-items: center; justify-content: space-between; line-height: 25px; font-size: 18px; font-weight: bold;}
.detail_comment .my_groupbuy .icon_my{ width: 90px; background-image: url(../images/new_version/my_groupbuy_btn.png); height: 25px; background-repeat: no-repeat; background-size: 100%;}
.detail_comment .dc_module{ padding-top: 15px;}
.detail_comment .dc_module + .dc_module{border-top:1px solid #eee;margin-top: 15px;}
.detail_comment .dc_module .dc_m_user .head{ width: 38px; height: 38px; border-radius: 50%; overflow: hidden; float: left; margin-right: 8px;}
.detail_comment .dc_module .dc_m_user .head > img{display: block; width: 100%; height: 100%; object-fit: cover;}
.detail_comment .dc_module .dc_m_user .name{ margin-left: 41px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: bold; line-height: 1.1; padding-bottom: 8px;}
.detail_comment .dc_module .dc_m_user .name > span{ color: #999; font-size: 12px; font-weight: initial;}
.detail_comment .dc_module .dc_m_user .text{ margin-left: 41px; display: flex; justify-content: space-between; align-items: center; font-size: 13px;}
.detail_comment .dc_module .dc_m_user .text > strong{ font-weight: bold;}

.detail_comment .dc_module .dc_m_chat {margin-top: 10px; line-height: 20px; background-color: #F4F5F7; border-radius: 8px; font-size: 12px;}
.detail_comment .dc_module .dc_m_chat .item {padding: 10px;min-height: 50px;box-sizing: border-box;display: flex;align-items: flex-start;}
.detail_comment .dc_module .dc_m_chat .item + .item{border-top: 1px solid #ccc;}
.detail_comment .dc_module .dc_m_chat .item .text {font-weight: bold; min-width: 38px;}
.detail_comment .dc_module .dc_m_chat .item .text.minW85 {min-width: 85px;}
.detail_comment .dc_module .dc_m_chat .item .message {color: #999;}

/* 遮罩 */
.com_mask{ display: none; position: fixed; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .5); z-index: 100;}
.com_share{ width: 270px; float: right; margin-right: 8px;}
.com_share > img{display: block;width: 100%;object-fit: cover;}

/* 弹窗 */
.com_floor_modal{position: absolute;left: 0;right: 0;bottom: 0;background-color: #F4F5F7;border-radius: 15px 15px 0 0;padding-top: 40px;padding-bottom: calc(15px + constant(safe-area-inset-bottom)); padding-bottom: calc(15px + env(safe-area-inset-bottom));}
.com_floor_modal .icon_close{position: absolute; top: 10px; right: 15px; color: #CCC; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 24px; height: 24px; font-size: 28px; line-height: 20px; text-align: center;}
.com_floor_modal .com_btn_1{width: 100%;}
.com_radio{margin: 0 15px;color: #232323;line-height: 24px;font-size: 12px;}
.com_radio .cr_check{position: relative;width: 14px;height: 14px;border-radius: 50%;overflow: hidden;margin-right: 6px;float: left;margin-top: 4px;border: 1px solid #ccc;}
.com_radio .cr_check:after{content: ""; display: block;}
.com_radio .cr_check.is_check{background: linear-gradient(to bottom, #56BDFF, #1BA5FD);border: none;width: 16px;height: 16px;}
.com_radio .cr_check.is_check:after{position: absolute;width: 8px;height: 4px;border-bottom: 1px solid #fff;border-left: 1px solid #fff;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);top: 4px;left: 3px;}

/* 支付成功 */
.pay_success .success_img{padding: 32px 35px 15px 35px;}
.pay_success .success_img > img{display: block; width: 100%;}
.pay_success .tips{ text-align: center; font-size: 15px; font-weight: bold; color: #232323; line-height: 28px; padding-bottom: 15px;}
.pay_success .com_btn_1{ margin: 0 15px 15px 15px;}
.pay_success .com_btn_3{ margin: 0 15px 22px 15px;}
.pay_success .involved{ background-image: url(../images/new_version/back_qrcode_modal.png); height: 56vw; max-height: 417px; background-repeat: no-repeat; background-size: 100%; background-position: top center; color: #0F90E1; display: flex; align-items: center; justify-content: space-between; padding: 0 12% 0 15%;}
.pay_success .involved .text{ line-height: 1.8; font-weight: bold; border-bottom: 2px solid #4595d4; padding: 18px 0;}
.pay_success .involved .text p{ font-size: 19px;}
.pay_success .involved .text span{ font-size: 13px;}
.pay_success .involved .qrcode{ width: 38%; font-size: 12px; text-align: center; color: #000; font-weight: bold; margin-top: 22px; background-color: #fff;}

/* 私信客服二维码 */
.qrcode_x{background-color: #fff;}
.qrcode_x img{display: block; width: 100%;}