.fw { width: 100%; } /* 通用css */ .p_container { height: 100% !important; background-color: #F0F1F6; color: #333333; font-family: Source Han Sans CN; font-size: 0; } .p_content { display: inline-block; width: 100%; font-size: 30upx; background-color: #F0F1F6; } .backgroundCustom_FF7 { background-color: #ff7800 !important; color: #fff !important; } .backgroundCustom_2CC0A9 { background-color: #2CC0A9 !important; color: #fff !important; } /* 背景色 */ /* 字体颜色 */ .p_colorF { color: #ffffff !important; } .p_color_3 { color: #333333 !important; } .p_color_6 { color: #666666 !important; } .p_color_9 { color: #999999 !important; } .p_color_4d { color: #4d4d54 !important; } .p_color_8a { color: #8a8a99 !important; } /* 字体颜色 */ .p_color_8A8A99 { color: #8A8A99 !important; } .p_color_2 { color: #222222 !important; } .p_color_992 { color: #99242C !important; } .p_color_722 { color: #722d00 !important; } .p_color_00A8A8 { color: #00A8A8 !important; } .p_color_D18E09 { color: #D18E09; } .p_color_red { color: red !important; } .p_color_E6825E { color: #E6825E !important; } .p_color_2CC0A9 { color: #2CC0A9 !important; } .p_color_FB9630 { color: #FB9630 !important; } .p_color_82D98A { color: #82D98A !important; } .p_color_40A6EB { color: #40A6EB !important; } .colorC9595b { color: #c9595b !important; } /* 搜索框 */ .p_search_con { width: 100%; height: 76upx; background: #F0F1F6; border-radius: 38upx; margin-bottom: 20upx; position: relative; } .p_search_img { width: 32upx; height: 32upx; position: absolute; left: 30upx; top: 0; bottom: 0; margin: auto 0; } .p_search_input { width: 100%; text-align: center; } /* 加载更多 */ .p_load_more { padding: 39upx 0 40upx; font-size: 26upx; text-align: center; } /* 按钮 */ .p_btn_con { width: 100%; padding: 0 30upx; overflow: hidden; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 2; } .p_btn_con_rela { position: relative; } .p_btn { width: 100%; height: 90upx; margin: 30upx 0; border-radius: 50px; font-size: 34upx; font-weight: 500; } .p_form { display: block; } .p_form_btn { height: 100%; width: 100%; border-radius: 8upx; font-size: 34upx; font-weight: 500; } /* 边框 */ .p_border_top, .border_top { position: relative; } .p_border_top::before, .border_top::before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .p_border_bottom, .border_bottom { position: relative; } .p_border_bottom::before, .border_bottom::before { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .p_border_left, .border_left { position: relative; } .p_border_left::after, .border_left::after { content: " "; position: absolute; left: 0; bottom: 0; width: 1px; height: 100%; border-left: 1px solid #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .p_border_right, .border_right { position: relative; } .p_border_right::after, .border_right::after { content: " "; position: absolute; right: 0; bottom: 0; width: 1px; height: 100%; border-right: 1px solid #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .p_border, .border { position: relative; } .p_border::before, .border::before { content: ""; position: absolute; border: 1px solid #e6e6e6; top: -50%; left: -50%; width: 200%; height: 200%; border-radius: 50px; transform: scale(0.5); box-sizing: border-box; } /* 提示 */ .p_tip { padding: 36upx 30upx; font-size: 26upx; line-height: 40upx; } /* 滑块 */ .p_switch { transform: scale(0.7); margin-right: -20upx; } .p_bt200 { padding-bottom: 200upx; } .p_concerned { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 10; } /* 二期右箭头 */ .p_right { width: 20upx; height: 20upx; border: 1px; border-style: solid; border-color: #666 #666 transparent transparent; transform: rotateZ(45deg); } /* 背景图 */ .p_back_img { position: absolute; top: 0; left: 0; width: 100%; } /* 快速问诊按钮 */ .p_doctor_btn_img { position: absolute; width: 100%; height: 100%; border-radius: 26upx; top: 0; left: 0; /* box-shadow: 2px 2px 3px -1px #02C28A; */ } /* 新css 全局样式无 */ /* 滚动 */ .p_scroll { overflow: auto; -webkit-overflow-scrolling: touch; } .p_mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; z-index: 20; } .content view, .content image, .content text, .content navigator, .content form { box-sizing: border-box; line-height: 1.4em; } .p_content view, .p_content image, .p_content text, .p_content navigator, .p_content form { box-sizing: border-box; line-height: 1.4em; } .p_lineClamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .p_flexStart { display: flex; align-items: center; justify-content: flex-start; } .p_inner { width: 100%; height: 100%; position: relative; z-index: 1; } .backgroundCustom_F6 { background: #F6F6F6; } .p_format { /* width: 100%; display: inline-block; */ border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .p_content { display: inline-block; width: 100%; font-size: 30upx; background-color: #F0F1F6; } .p_color_red { color: red !important; }