×

注意!页面内容来自https://www.ceshigo.com/article/11932.html,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

最高享18%加赠+4w积分 预存
Document
当前位置:文库百科文章详情
超级干货!全方位详解BET原始数据分析处理
来源: 时间:2023-12-06 15:29:19 浏览:42492次

日常科研中,我们经常涉及到各种组成、各种结构的材料,其中,多孔材料由于具有优异的孔道结构,大的比表面积等优势被广泛应用于材料科学的各个领域。


多孔材料的研究离不开孔结构分析,而其孔结构信息主要包括孔径、孔径分布、孔形态、孔容积和孔通道特性等方面。此外,多孔材料的孔隙结构大多是不规则的,孔穴尺寸在不同方向上存在着差异。多孔材料的这种各向异性状态,可以对其各项性能产生不同程度的影响。了解多孔材料的比表面积和孔隙形貌对研究其活性、吸附、催化、力学性能等都具有重要意义。



多孔材料的表征方法很多,根据检测目的不同,一般可分为X射线小角度衍射法、气体吸附法、电子显微镜、压汞法、气泡法、离心力法、透过法、核磁共振法等。其中,气体吸附技术作为对固体材料的比表面积、孔径分布、孔隙度、表面性质等参数的分析的必备手段,在物理、化学、材料、生物、环境等学科中得到日益广泛的应用。通常使用物理吸附技术来确定固体材料的比表面积、孔径分布、孔隙度等信息。





制样要求





事实上,除了多孔材料外,许多超细纳米粒子的比表面积也是重要的物理参数。而我们平时经常说的去测个BET,看看材料比表面积多大,孔径分布如何,其实我们测试的并不是所谓的BET,而是氮气吸脱附等温曲线,测试得到的最直观数据是氮气吸脱附等温曲线,比表面积、孔径分布都是通过公式计算得到的。


对科研小白或者不常测比表面积的高校硕博士而言,了解比表面积的基本含义,送样测试前的制样准备一定是最重要的环节之一。经笔者总结,比表面积测试主要的制样准备包括以下几点:


(1)样品质量。比表面积是单位质量的表面积,所以必须在脱气后和分析前对样品管中的样品用减重法进行称重计量,合适的质量尤为重要。根据经验,一般测试比表面积所需样品要尽可能称重到0.2 g以上,以减少称重误差;如果比表面大于1000 m2/g,则准备0.02~0.05 g。样品量请尽量满足比表面积(单位:m2/g)估计值*质量(单位:g)>15,否则测试结果可能存在较大偏差。


(2)样品管的选择。一般厂家都能提供6 mm、9 mm和12 mm管径的多种规格样品管。管径越细,死体积就越小,测量精度也就越高,但装填样品时比较困难。所以,要根据样品情况,权衡利弊,酌情使用。减小冷自由空间是所有仪器设计制造人员的共识。所以,选择样品管时,都遵从“尽量使用填充棒、尽可能细的样品管颈、尽可能小的样品舱”原则。根据经验,9 mm样品管是最常用的样品管,适合大部分样品,而对于高精度的微孔分析,通常选用6 mm样品管。当然,目前大部分测试机构均已配备样品管,几乎无需送样者自己准备。


(3)脱气温度的选择。选择脱气温度的首要原则是不破坏样品结构,而系统温度越高,分子扩散运动越快,脱气效果就越好,因此,在保护样品结构的前提下,要尽可能选择较高的温度。一般来说,氧化铝、二氧化硅这一类氧化物的安全脱气温度可达350 ℃;大部分碳材料和碳酸钙的安全脱气温度在300 ℃左右;而水合物则需较低的脱气温度。脱气温度过高或过低都会对测试结果产生较大影响。


(4)脱气时间的选择。通常而言,脱气时间越长,样品预处理效果越好。而脱气时间的选择与样品内部的孔结构有关,样品中微孔含量越高,则脱气时间越长。此外,选择的脱气温度越低,样品所需要的脱气时间同样越长。根据经验,推荐脱气时间一般不少于6 h,而那些需要低温脱气的样品则需要更长的脱气时间。对一些具有大量微孔的样品,脱气时间甚至可以选择12 h以上。






原始数据解析





“千辛万苦”制备出的样品送样成功并如期拿到了测试结果,然而,面对动辄二三十页的测试结果,许多人又陷入了迷茫:每一页数据的具体含义是什么?哪些数据是自己真正需要的?


为了帮助大家“排忧解难”,小GO以本测试平台(官网:www.ceshigo.com)的比表面积测试结果为范例,为大家详细分析解读BET的原始数据!


(1)所有结果文件

从官网下载测试结果后,解压压缩包,可以得到图1所示文件信息。其中,PDF(用于阅读)和Excel(用于数据画图)文件中包含所有原始数据,且两者保持一致。PDF文件中还包含对应原始数据所画图谱,可作为参考。


图1 所有测试结果文件


(2)首页测试条件汇总

双击打开PDF文件后,首页从上到下可以分为四大块,分别是,测试条件、比表面积信息、孔体积信息和孔径信息。如图2所示,可以看到测试的基本条件包括样品质量、吸附气体和测试温度等。


图2 测试条件信息


(3)首页比表面积信息汇总

根据采用的模型假设不同,可以用来计算材料的比表面积的方法主要有Langmuir法、BET法、B点法、经验作图法、BJH法、DR法和NLDFT法等,目前使用最普遍的是BET法(图3)。当然,若有进一步的分析需求,具体方法的选择也可参考图4。


图3 比表面积信息


图4 常用孔结构分析理论与计算模型


(4)首页孔体积信息汇总

如图5所示,孔体积信息汇总包括单点总孔体积、t-Plot法微孔体积和BJH法累计孔体积等。一般而言,单点总孔体积减去微孔孔容可得到介孔和大孔孔体积,而当大孔孔体积较小的时候,则该值可以近似为介孔孔体积。


图5 孔体积信息


值得注意的是,此处孔体积及下文孔径信息的选择均涉及吸附分支和脱附分支,不同分支下的数值通常会存在较大区别。选择哪种分支下的数值来表示自己所测材料的真实性能是大家普遍面对的难题。笔者深入分析总结了其中的核心理论,由于详细解释理论较为复杂,在此仅仅提供结论,也就是选择依据:具有H1型回滞环的等温线,采用脱附分支;具有H2、H3和H4型回滞环的等温线,通常采用吸附分支的结果更为准确。回滞环的类型可参考国际理论与应用化学联合会(International Union of Pure and Applied Chemistry,IUPAC)制定的标准(图6)。


另外还有一点需要注意,有时候从脱附分支得到的孔体积分布信息会在4 nm左右有一个明显的假峰,这源于测试时的液氮,此时就要采用吸附分支的数据。


图6 4种典型回滞环类型


(5)首页孔径信息汇总

孔径信息(图7)主要包括两类,分别是BET法计算得到的数值和BJH计算得到的数值,若是微介孔材料,则可选择BJH法平均孔径,吸脱附支的选择同上。


图7 孔径信息


(6)吸脱附等温线图谱

PDF文件首页之后的第一个数据即吸脱附等温线数据(Isotherm Tabular Report),如图8所示,根据图中的相对压力和吸附量即可绘制吸脱附等温曲线(图9),这也是一般论文中描述孔结构信息所必需的图谱之一。


图8 吸脱附等温线原始数据


图9 根据图中原始数据所画的吸脱附等温曲线


(7)孔径分布图谱

如图10所示,孔径分布图的绘制可以采用孔径和增长孔体积作为横纵坐标。不过通常人们更习惯于用dV/dD或dV/dlog(D)作为纵坐标,两者的原始数据在Excel表格中均有提供,据此绘制的孔径分布图谱如图11所示。吸附支或脱附支的选择遵从上文所提原则。对于吸附支,数据来自BJH Adsorption Pore Distribution Report页面,脱附支则来自BJH Desorption Pore Distribution Report页面。


图10 孔径分布原始数据


图11 根据图中原始数据所画的孔径分布图


当然,除了上述最常见、最关键的数据之外,BET测试结果通常还包含累计表面积、增长表面积、累计孔体积、增长孔体积以及它们的对数数据,只不过这些数据更多的只是提供参考作用,实际上用于画图分析的并不多。


怎么样,看到上面的解读及分析,对于BET的数据处理,你学会了吗?快来全国领先的科研服务平台“测试狗”下单吧!


评论 / 文明上网理性发言
12条评论
全部评论 / 我的评论
最热 /  最新
全部 3小时前 四川
文字是人类用符号记录表达信息以传之久远的方式和工具。现代文字大多是记录语言的工具。人类往往先有口头的语言后产生书面文字,很多小语种,有语言但没有文字。文字的不同体现了国家和民族的书面表达的方式和思维不同。文字使人类进入有历史记录的文明社会。
点赞12
回复
全部
查看更多评论
相关文章

基础理论丨一文了解XPS(概念、定性定量分析、分析方法、谱线结构)

2020-05-03

手把手教你用ChemDraw 画化学结构式:基础篇

2021-06-19

晶体结构可视化软件 VESTA使用教程(下篇)

2021-01-22

【科研干货】电化学表征:循环伏安法详解(上)

2019-10-25

【科研干货】电化学表征:循环伏安法详解(下)

2019-10-25

XRD的基本原理与应用

2020-11-03

项目推荐/Project
全自动物理吸附仪(BET)

全自动物理吸附仪(BET)

热门文章/popular

基础理论丨一文了解XPS(概念、定性定量分析、分析方法、谱线结构)

手把手教你用ChemDraw 画化学结构式:基础篇

晶体结构可视化软件 VESTA使用教程(下篇)

电化学实验基础之电化学工作站篇 (二)三电极和两电极体系的搭建 和测试

【科研干货】电化学表征:循环伏安法详解(上)

【科研干货】电化学表征:循环伏安法详解(下)

微信扫码分享文章
<> .rightNavBox { position: fixed; right: 40px; bottom: 213px; z-index: 100; } .rightNavBox .rbNavOut { width: 60px; background: #FFFFFF; box-shadow: 0px 4px 10px 0px rgba(0000.2); border-radius: 8px 8px 8px 8px; z-index: 100; } .rightNavBox .rbNav { cursor: pointer; font-weight: 350; font-size: 16px; color: #333333; line-height: 22px; padding: 8px 0 18px 0; } .rightNavBox .rbNav:nth-of-type(n+2) { padding: 18px 0 8px 0; position: relative; } .rightNavBox .rbNav:nth-of-type(n+2)::before { display: block; content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 16px); height: 1px; background: #D8D8D8; } .rightNavBox .rbNav .iBox>img { display: block; width: 24px; height: 24px; margin: 0 auto; } .rightNavBox .rbNav .iBox>p { margin: 3px auto; width: 100%; font-family: Source Han SansSource Han Sans; font-weight: 400; font-size: 12px; color: #333333; line-height: 17px; text-align: center; } .rightNavBox .rbNav .codeOut { /* width: 0px; */ background: transparent; position: absolute; right: 100%; top: 0; /* overflow: hidden; */ /* transition: all 0.3s ease; */ display: none; justify-content: center; } .rightNavBox .rbNav:hover .codeOut { display: flex; } /* .rightNavBox.width2:hover .codeOut { width: 264px !important; } */ .rightNavBox .rbNav .codeOut .codeBox { margin-right: 4px; width: 130px; background: #FFFFFF; box-shadow: 0px 4px 10px 0px rgba(0000.2); border-radius: 8px 8px 8px 8px; padding: 16px 0; writing-mode: horizontal-tb; letter-spacing: normal; } .rightNavBox .rbNav .codeOut .codeBox>.thead { margin: 0 auto 10px; width: 100%; font-family: Source Han SansSource Han Sans; font-weight: 500; font-size: 12px; color: #0099AD; line-height: 17px; text-align: center; } .rightNavBox .rbNav .codeOut .codeBox>img { display: block; margin: 0 auto; width: 80px; height: 80px; } .rightNavBox .rbNav .codeOut .codeBox>.txt1 { margin: 5px auto 0; font-weight: 400; font-size: 12px; color: #333333; line-height: 17px; text-align: center; } .rightNavBox .rbNav .codeOut .codeBox>.txt2 { margin: 8px auto 0; font-weight: 350; font-size: 12px; color: #999999; line-height: 17px; text-align: center; } .rightNavBox .task { margin-bottom: 10px; margin-left: -6px; position: relative; cursor: pointer; width: 60px; display: none; } .rightNavBox .task>.tag { position: absolute; top: -4px; left: -16px; padding: 4px 10px; line-height: 10px; border-radius: 8px 8px 0 8px; font-size: 10px; background-image: linear-gradient(to right#FD9849#FD7D39); color: #ffffff; } .rightNavBox .task>img { width: 72px; height: 72px; } <> .bottom-footer .footer { padding: 80px calc((100% - 1200px) /2); background: #ffffff; position: relative; } .bottom-footer .footer .Links { visibility: hidden; pointer-events: none; position: absolute; bottom: 0px; } .bottom-footer .footer .top { display: flex; justify-content: space-between; } .bottom-footer .footer .top .nav { width: 290px; display: flex; flex-wrap: wrap; gap: 26px 60px; } .bottom-footer .footer .top .nav>a { font-weight: 350; font-size: 14px; color: #333333; line-height: 14px; cursor: pointer; } .bottom-footer .footer .top .nav>a:hover { color: #0099AD; } .bottom-footer .footer .top .contact>p { width: 100%; height: 16px; font-weight: 600; font-size: 16px; color: #333333; line-height: 16px; text-align: center; margin-bottom: 21px; } .bottom-footer .footer .top .contact>div { width: 100%; font-weight: 600; font-size: 14px; color: #333333; line-height: 14px; text-align: center; } .bottom-footer .footer .top .contact>div:nth-of-type(n+2) { margin-top: 30px; } .bottom-footer .footer .top .contact>div>p { width: 100%; margin-top: 6px; font-family: DINDIN; font-weight: 400; font-size: 36px; color: #333333; line-height: 36px; text-align: center; } .bottom-footer .footer .top .codes { display: flex; justify-content: space-between; gap: 30px; } .bottom-footer .footer .top .codes>div>img { margin: 0 auto; display: block; width: 100px; height: 100px; } .bottom-footer .footer .top .codes>div>p { margin-top: 24px; font-weight: 400; font-size: 14px; color: #333333; line-height: 14px; text-align: center; } .bottom-footer .footer .bottom { margin-top: 40px; border-top: 2px solid #EBEBEB; padding-top: 24px; display: flex; justify-content: space-between; align-items: center; } .bottom-footer .footer .bottom .textBox { display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 12px; color: #333333; line-height: 12px; gap: 25px; } .bottom-footer .footer .bottom .textBox>a { display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 12px; color: #333333; line-height: 12px; } .bottom-footer .footer .bottom .textBox .ion { display: block; margin-right: 8px; width: 20px; height: 20px; } .bottom-footer .footer .bottom .gap10 { gap: 10px; } /*意见反馈 弹窗*/ #rightNav { position: fixed; right: 10px; z-index: 100; bottom: 20vh; } #rightNav>.contactInformation { /* width: 50px; height: 130px; background: #FFFFFF; /* border: 1px solid #FFFFFF; */ /* box-shadow: 0px 3px 10px #00000010; padding: 0 16px; padding-top: 18px; font-size: 14px; font-weight: 400; line-height: 18px; color: #999999; */ position: relative; } #rightNav>.rightNavItem { width: 50px; height: 70px; background: #FFFFFF; box-shadow: 0px 3px 10px rgba(0000.1); cursor: pointer; padding-top: 14px; margin-bottom: 10px; display: block; text-align: center; margin-left: auto; } #rightNav>.rightNavItem::before { display: block; content: ""; width: 20px; height: 20px; display: block; margin: 0 auto; } #rightNav>.rightNavItem:nth-of-type(1)::before { background: url("/static/v2/img/rightNav1.png") no-repeat; background-size: 100% 100%; } #rightNav>.rightNavItem:nth-of-type(1):hover::before { background: url("/static/v2/img/rightNav1-1.png") no-repeat; background-size: 100% 100%; } #rightNav>.rightNavItem:nth-of-type(2)::before { background: url("/static/v2/img/rightNav2.png") no-repeat; background-size: 100% 100%; } #rightNav>.rightNavItem:nth-of-type(2):hover::before { background: url("/static/v2/img/rightNav2-1.png") no-repeat; background-size: 100% 100%; } #rightNav>.rightNavItem:nth-of-type(3)::before { background: url("/static/v2/img/rightNav3.png") no-repeat; background-size: 100% 100%; } #rightNav>.rightNavItem:nth-of-type(3):hover::before { background: url("/static/v2/img/rightNav3-1.png") no-repeat; background-size: 100% 100%; } #rightNav>.rightNavItem:nth-of-type(4)::before { background: url("/static/v2/img/rightNav4.png") no-repeat; background-size: 100% 100%; } #rightNav>.rightNavItem:nth-of-type(4):hover::before { background: url("/static/v2/img/rightNav4-1.png") no-repeat; background-size: 100% 100%; } #rightNav>.anniversary { /*width: 62px;*/ /*height: 81px;*/ margin-bottom: 10px; display: block; cursor: pointer; } #rightNav>.anniversary>img { display: block; width: 100%; height: 100%; } #rightNav .itemTips { width: 606px; height: 40px; background: #FFFFFF; border: 1px solid #DDDDDD; line-height: 40px; /* text-indent: 16px; */ text-align: center; color: #AAAAAA; font-size: 14px; font-family: Source Han sans-serif; } #rightNav .upBox { display: flex; align-items: center; justify-content: space-between; width: 510px; position: relative; } #rightNav .upBox .upImg { width: 52px; height: 25px; position: relative; /* cursor: pointer; */ } #rightNav .upBox .upImg>input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; opacity: 0; cursor: pointer; z-index: -1; /* background: red; */ } #rightNav .upBox .upImg>img { width: 100%; height: 100%; display: block; cursor: pointer; } #rightNav .upBox .upImg>.img2 { display: none; } #rightNav .upBox .upImg:hover>.img2 { display: block; } #rightNav .upBox .upImg:hover>.img1 { display: none; } #rightNav .upBox .uptext { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: #fff; display: flex; align-items: center; justify-content: space-between; display: none; } #rightNav .upBox .uptext #upTitle { font-size: 14px; font-family: Source Han sans-serif; font-weight: 400; color: #333333; width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #rightNav .upBox .uptext>img { width: 16px; display: block; cursor: pointer; } #rightNav .typeTips { color: #E65555; font-size: 14px; margin-left: auto; } #rightNav>.rightNavItem>p { margin-top: 4px; font-size: 14px; font-family: Source Han sans-serif; font-weight: 400; line-height: 18px; color: #333333; line-height: 20px; } #rightNav>.rightNavItem:hover { background: #0099AD; } #rightNav>.rightNavItem:hover>p { color: #FFFFFF; } #rightNav p { margin-block-start: 0px; margin-block-end: 0px; } #rightNav>.contactInformation>p { margin-top: 8px; text-align: center; } #rightNav>.contactInformation .ciNumberBox { position: absolute; top: 0; right: 50px; height: 140px; width: 0px; overflow: hidden; transition: all .2s ease; } #rightNav>.contactInformation .ciNumberBox .ciNumber { padding: 10px; background: #FFFFFF; height: 130px; width: 350px; box-shadow: 0px 3px 10px #00000010; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop { display: flex; /* justify-content: space-between; */ padding-bottom: 6px; border-bottom: 1px solid #DDDDDD; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode { display: flex; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode img { display: block; width: 80px; height: 80px; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode .text { text-align: left; margin-left: 11px; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode .text p:nth-child(1) { font-size: 14px; line-height: 20px; font-weight: 400; color: #999999; margin-top: 8px; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode .text p:nth-child(2) { font-size: 14px; line-height: 20px; font-weight: 400; color: #0099AD; margin-top: 8px; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode .text p:nth-child(3) { font-size: 14px; line-height: 16px; font-weight: 400; color: #333333; margin-top: 2px; font-family: Agency FB; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section { display: flex; align-items: center; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time { margin-left: 10px; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section p:nth-of-type(1) { margin-left: 8px; font-size: 14px; color: #999999; font-weight: 400; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section p:nth-of-type(2) { margin-left: 10px; font-size: 14px; color: #333333; font-weight: bold; /* font-family: Agency FB; */ /* font-weight: 400; */ font-family: Source Han sans-serif; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section::before { display: block; content: ""; width: 28px; height: 28px; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section:nth-child(1) { margin-top: 4px; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section:nth-child(2) { margin-top: 16px; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section:nth-child(1)::before { background: url("/static/v2/img/phoneImg.png?v1") no-repeat; background-size: 100% 100%; } #rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section:nth-child(2)::before { background: url("/static/v2/img/work_time.png?v1") no-repeat; background-size: 100% 100%; } #rightNav>.contactInformation .ciNumberBox .ciNumber .rightTips { margin-top: 6px; color: #999999; font-size: 12px; font-weight: 400; line-height: 17px; text-align: left; } #rightNav>.contactInformation .ciNumberBox .ciNumber .rightTips span { color: #0099AD; } /* #rightNav>.contactInformation::before { display: block; content: ""; width: 18px; height: 18px; background: url("/static/v2/img/contactInformation1.png") no-repeat; background-size: 100% 100%; } */ #rightNav>.contactInformation:hover .ciNumberBox { width: 360px; padding-right: 10px; } #rightNav>.contactInformation:hover { background: #0099AD; color: #FFFFFF; } /* #rightNav>.contactInformation:hover::before { background: url("/static/v2/img/contactInformation2.png") no-repeat; background-size: 100% 100%; } */ #rightNav .clickUp { background: #FFFFFF; /* border: 1px solid #FFFFFF; */ box-shadow: 0px 3px 10px #00000010; width: 50px; height: 50px; display: block; margin-top: 10px; display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; right: -80px; bottom: -50px; transition: all .1s ease; margin-left: auto; } #rightNav .clickUp::before { display: block; content: ""; width: 20px; height: 16px; background: url("/static/v2/img/clickUp1.png?v1") no-repeat; background-size: 100% 100%; } #rightNav .clickUp:hover { background: #0099AD; } #rightNav .clickUp:hover::before { background: url("/static/v2/img/clickUp2.png?v1") no-repeat; background-size: 100% 100%; } #rightNav .Feedback { width: 50px; height: 50px; background: #FFFFFF; box-shadow: 0px 3px 10px #00000010; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all .3s ease; } #rightNav .Feedback::before { content: ""; display: block; width: 24px; height: 16px; background: url("/static/v2/img/Feedback1.png") no-repeat; background-size: 100% 100%; } #rightNav>section { margin-left: auto; } #rightNav .Feedback>div { font-size: 14px; color: #fff; margin-left: 0px; width: 0px; overflow: hidden; transition: all .3s ease; height: 20px; } #rightNav .Feedback:hover { width: 120px; animation: co .3s forwards; } @keyframes co { 0% { background: #0099AD; } 90% { background: #0099AD; } 100% { background: #0099AD; } } #rightNav .Feedback:hover>div { margin-left: 10px; width: 56px; } #rightNav .Feedback:hover::before { background: url("/static/v2/img/Feedback2.png") no-repeat; background-size: 100% 100%; animation: imgs .3s forwards; } @font-face { font-family: 'Aller'; src: url("/static/v2/img/ALLER_LT.TTF"); } *::-webkit-input-placeholder { color: #aaaaaa; } #rightNav .FeedbackModle { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #00000070; z-index: 10000; display: none; } #rightNav .FeedbackModle .FeedbackBOX { position: absolute; width: 666px; height: 611px; background: #ffffff; border-radius: 4px; left: 50%; top: 50%; transform: translate(-50%-50%); padding-top: 20px; } #rightNav .FeedbackModle .FeedbackBOX .title { padding: 0 30px; padding-bottom: 12px; border-bottom: 1px solid #dddddd; } #rightNav .FeedbackModle .FeedbackBOX .title .top { display: flex; justify-content: space-between; } #rightNav .FeedbackModle .FeedbackBOX .title .top .left { display: flex; align-items: flex-end; } #rightNav .FeedbackModle .FeedbackBOX .title .top .left>h3 { font-size: 48px; font-weight: bold; line-height: 67px; color: #333333; font-family: Source Han sans-serif; } #rightNav .FeedbackModle .FeedbackBOX .title .top .left>P { margin-bottom: 6px; height: 28px; font-size: 24px; font-family: Aller; font-weight: 300; line-height: 28px; color: #333333; text-transform: uppercase; margin-left: 20px; display: flex; align-items: center; } #rightNav .FeedbackModle .FeedbackBOX .title .top .left>P::before { display: block; content: ''; width: 22px; height: 21px; background: url("/static/v2/img/Feedback3.png") no-repeat; background-size: 100% 100%; margin-right: 4px; } #rightNav .FeedbackModle .FeedbackBOX .title .top .left>.phone::before { background: url("/static/v2/img/righrPhone.png") no-repeat; background-size: 100% 100%; } #rightNav .FeedbackModle .FeedbackBOX .title .top .del { width: 48px; height: 48px; background: url("/static/v2/img/cansel5.png") no-repeat; background-size: 100% 100%; cursor: pointer; } #rightNav .FeedbackModle .FeedbackBOX .title>p { font-size: 14px; font-family: Source Han sans-serif; font-weight: 400; line-height: 20px; color: #aaaaaa; margin-top: 4px; } #rightNav .FeedbackModle .FeedbackBOX .inputContent { padding: 0 30px; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item { margin-top: 20px; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .type { color: #333333; font-weight: bold; font-size: 18px; line-height: 25px; font-family: Source Han sans-serif; display: flex; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .Required::before { content: '*'; display: block; color: #e65555; font-size: 18px; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData { margin-top: 16px; position: relative; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList { display: flex; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList>div { width: 88px; height: 40px; border: 1px solid #dddddd; font-size: 14px; font-family: Source Han sans-serif; font-weight: 400; color: #333333; text-align: center; line-height: 40px; margin-right: 16px; cursor: pointer; position: relative; overflow: hidden; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList>div .other { position: absolute; width: 206px; height: 40px; border: 1px solid #dddddd; border-left: none; top: -1px; left: 87px; transition: all 0.3s ease; z-index: 10; display: flex; justify-content: center; align-items: center; display: none; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList>div .other>input { width: 175px; outline: none; border: none; font-size: 14px; height: 14px; font-weight: 400; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList .select { overflow: initial; background: #0099AD; color: #fff; border: 1px solid #0099AD; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList .select .other { display: flex; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList>div:last-child { margin-right: 0px; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData>textarea { width: 606px; height: 120px; background: #ffffff; border: 1px solid #dddddd; resize: none; padding: 16px; font-size: 14px; font-family: Source Han sans-serif; font-weight: 400; outline: none; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData>textarea::-webkit-scrollbar { width: 2px; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData>textarea::-webkit-scrollbar-track { border-radius: 5px; background: #eeeeee; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData>textarea::-webkit-scrollbar-thumb { border-radius: 5px; background: #0099AD; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .num { font-size: 12px; font-family: Source Han sans-serif; font-weight: 400; line-height: 17px; color: #aaaaaa; position: absolute; right: 10px; bottom: 10px; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .contactInformation { display: flex; justify-content: space-between; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .contactInformation>.itemInput { display: flex; width: 295px; height: 40px; background: #ffffff; border: 1px solid #dddddd; align-items: center; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .contactInformation>.itemInput>div { width: 67px; height: 40px; border-right: 1px solid #dddddd; text-align: center; line-height: 40px; font-size: 14px; font-weight: 400; color: #333333; } #rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .contactInformation>.itemInput>input { width: 196px; font-size: 14px; outline: none; border: none; margin-left: 16px; } #rightNav .FeedbackModle .FeedbackBOX .inputContent .but { width: 96px; height: 40px; background: #f7f7f7; margin-top: 24px; margin-left: auto; font-size: 14px; font-weight: 400; color: #dddddd; text-align: center; line-height: 40px; cursor: pointer; } #rightNav .FeedbackModle .FeedbackBOX .inputContent .but.selectBut { background: #0099AD; color: #fff; }
+

你好,很高兴为您服务!

发送

线