初次提交

parent 31c68ce6
Pipeline #42 failed with stages
<?php require "layout/header.php" ?>
<?php require "layout/pageBanner.php" ?>
<!-- content -->
<section class="content pagecontent">
<div class="container">
<div class="content-box panel-shadow">
<div class="brand-group">
<h4 class="title">化学类</h4>
<ul>
<li><a title="罗恩" href="javascript:void(0)" class="item"><img alt="罗恩" src="image/brand/brand-1.png"><span class="brand-name">罗恩</span></a></li>
<li><a title="FULLTIME" href="javascript:void(0)" class="item"><img alt="FULLTIME" src="image/brand/brand-2.jpg"><span class="brand-name">FULLTIME</span></a></li>
<li><a title="Dr.Ehrenstorfer" href="javascript:void(0)" class="item"><img alt="Dr.Ehrenstorfer" src="image/brand/brand-3.jpg"><span class="brand-name">Dr.Ehrenstorfer</span></a></li>
<li><a title="HAMAG" href="javascript:void(0)" class="item"><img alt="HAMAG " src="image/brand/brand-4.jpg"><span class="brand-name">HAMAG </span></a></li>
<li><a title="LGC" href="javascript:void(0)" class="item"><img alt="LGC " src="image/brand/brand-5.jpg"><span class="brand-name">LGC</span></a></li>
<li><a title="韶远" href="javascript:void(0)" class="item"><img alt="韶远" src="image/brand/brand-6.jpg"><span class="brand-name">韶远</span></a></li>
<li><a title="BePure" href="javascript:void(0)" class="item"><img alt="BePure" src="image/brand/brand-7.jpg"><span class="brand-name">BePure</span></a></li>
<li><a title="Accustandard" href="javascript:void(0)" class="item"><img alt="Accustandard" src="image/brand/brand-8.jpg"><span class="brand-name">Accustandard</span></a></li>
<li><a title="Sigma" href="javascript:void(0)" class="item"><img alt="Sigma" src="image/brand/brand-9.jpg"><span class="brand-name">Sigma</span></a></li>
<li><a title="BRAND" href="javascript:void(0)" class="item"><img alt="BRAND" src="image/brand/brand-10.jpg"><span class="brand-name">BRAND</span></a></li>
<li><a title="Axygen" href="javascript:void(0)" class="item"><img alt="Axygen" src="image/brand/brand-11.jpg"><span class="brand-name">Axygen</span></a></li>
<li><a title="IV" href="javascript:void(0)" class="item"><img alt="IV" src="image/brand/brand-12.jpg"><span class="brand-name">IV</span></a></li>
<li><a title="双圈" href="javascript:void(0)" class="item"><img alt="双圈" src="image/brand/brand-13.jpg"><span class="brand-name">双圈</span></a></li>
<li><a title="光明" href="javascript:void(0)" class="item"><img alt="光明" src="image/brand/brand-14.jpg"><span class="brand-name">光明</span></a></li>
</ul>
</div>
<div class="brand-group">
<h4 class="title">分析类</h4>
<ul>
<li><a title="LGC" href="javascript:void(0)" class="item"><img alt="LGC " src="image/brand/brand-5.jpg"><span class="brand-name">LGC</span></a></li>
<li><a title="韶远" href="javascript:void(0)" class="item"><img alt="韶远" src="image/brand/brand-6.jpg"><span class="brand-name">韶远</span></a></li>
<li><a title="BePure" href="javascript:void(0)" class="item"><img alt="BePure" src="image/brand/brand-7.jpg"><span class="brand-name">BePure</span></a></li>
<li><a title="Accustandard" href="javascript:void(0)" class="item"><img alt="Accustandard" src="image/brand/brand-8.jpg"><span class="brand-name">Accustandard</span></a></li>
<li><a title="Sigma" href="javascript:void(0)" class="item"><img alt="Sigma" src="image/brand/brand-9.jpg"><span class="brand-name">Sigma</span></a></li>
<li><a title="BRAND" href="javascript:void(0)" class="item"><img alt="BRAND" src="image/brand/brand-10.jpg"><span class="brand-name">BRAND</span></a></li>
<li><a title="Axygen" href="javascript:void(0)" class="item"><img alt="Axygen" src="image/brand/brand-11.jpg"><span class="brand-name">Axygen</span></a></li>
</ul>
</div>
<div class="brand-group">
<h4 class="title">标准品</h4>
<ul>
<li><a title="Axygen" href="javascript:void(0)" class="item"><img alt="Axygen" src="image/brand/brand-11.jpg"><span class="brand-name">Axygen</span></a></li>
<li><a title="IV" href="javascript:void(0)" class="item"><img alt="IV" src="image/brand/brand-12.jpg"><span class="brand-name">IV</span></a></li>
<li><a title="双圈" href="javascript:void(0)" class="item"><img alt="双圈" src="image/brand/brand-13.jpg"><span class="brand-name">双圈</span></a></li>
<li><a title="光明" href="javascript:void(0)" class="item"><img alt="光明" src="image/brand/brand-14.jpg"><span class="brand-name">光明</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<?php require "layout/footer.php" ?>
<script>$(function(){$("#pageName").text("品牌")})</script>
<script type="text/javascript">
$(function(){
//选中状态
$("#siteMenu > li").eq(1).addClass("active");
})
</script>
</body>
</html>
This diff is collapsed.
This diff is collapsed.
/* body css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
ol, ul {
list-style: none;
}
html {
background:transparent;
height:100%;
margin:0;
padding:0;
outline:0;
vertical-align:top;
}
body {
font-size:63%;
font-family:Arial, Helvetica, sans-serif;
}
img {
border:0;
vertical-align:top;
}
table, table td, table th {
padding:0;
margin: 0;
border-collapse:collapse;
}
.clear {
clear: both !important;
float: none !important;
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
.col-1, .col-2, .col-3, .col-4{
float:left;
}
input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
font-weight:normal;
}
.row { margin-left: -15px; margin-right: -15px; box-sizing:border-box; overflow:hidden;}
.row::before, .row::after{ content:""; display:table; width:100%; height:0; clear:both;}
.col-custom-1, .col-custom-10, .col-custom-11, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9, .col-custom-12{float:left;min-height: 1px; padding-left:15px; padding-right:15px; position: relative; box-sizing:border-box;}
.col-custom-12{min-height: 1px; padding-left:15px; padding-right:15px; position: relative; box-sizing:border-box;}
.col-custom-1{ width:8.3333%}
.col-custom-2{ width:16.6667%}
.col-custom-3{ width:25%}
.col-custom-4{ width:33.3333%}
.col-custom-5{ width:41.6667%}
.col-custom-6{ width:50%}
.col-custom-7{ width:58.3333%}
.col-custom-8{ width:66.3337%}
.col-custom-9{ width:75%}
.col-custom-10{ width:83.3333%}
.col-custom-11{ width:91.6667%}
.col-custom-12{ width:100%}
/* ------------width percent-------------- */
.pct4{width:4%;}
.pct5{width:5%;}
.pct6{width:6%;}
.pct7{width:7%;}
.pct8{width:8%;}
.pct9{width:9%;}
.pct10{width:10%;}
.pct11{width:11%;}
.pct12{width:12%;}
.pct13{width:13%;}
.pct14{width:14%;}
.pct15{width:15%;}
.pct16{width:16%;}
.pct17{width:17%;}
.pct18{width:18%;}
.pct19{width:19%;}
.pct20{width:20%;}
.pct22{width:22%;}
.pct23{width:23%;}
.pct24{width:24%;}
.pct25{width:25%;}
.pct26{width:26%;}
.pct27{width:27%;}
.pct28{width:28%;}
.pct29{width:29%;}
.pct30{width:30%;}
.pct32{width:32%;}
.pct34{width:34%;}
.pct35{width:35%;}
.pct37{width:37%;}
.pct38{width:38%;}
.pct39{width:39%;}
.pct40{width:40%;}
.pct41{width:41%;}
.pct45{width:45%;}
.pct46{width:46%;}
.pct48{width:48%;}
.pct49{width:49%;}
.pct50{width:50%;}
.pct55{width:55%;}
.pct60{width:60%;}
.pct64{width:64%;}
.pct65{width:65%;}
.pct68{width:68%;}
.pct70{width:70%;}
.pct71{width:71%;}
.pct72{width:72%;}
.pct73{width:73%;}
.pct74{width:74%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct90{width:90%;}
.pct95{width:95%;}
.pct98{width:98%;}
.pct99{width:99%;}
.pct100{width:100%;}
/* ----------htmledit---------- */
.htmledit{ clear:both; overflow:hidden; line-height:150%;}
.htmledit p{ line-height:180%; margin-bottom:5px;}
.htmledit li{display:list-item}
.htmledit table{display:table;border-spacing:2px; border-collapse: inherit;}
.htmledit tr{display:table-row}
.htmledit thead{display:table-header-group; vertical-align:middle}
.htmledit tbody{display:table-row-group; vertical-align:middle}
.htmledit tfoot{display:table-footer-group; vertical-align:middle}
.htmledit td,.htmledit th{display:table-cell;}
.htmledit th{font-weight:bolder; text-align:center}
.htmledit h1{font-size:2em; margin:.67em 0}
.htmledit h2{font-size:1.5em; margin:.75em 0}
.htmledit h3{font-size:1.17em; margin:.83em 0}
.htmledit h4{margin:1.12em 0}
.htmledit h5{font-size:.83em; margin:1.5em 0}
.htmledit h6{font-size:.75em; margin:1.67em 0}
.htmledit td,.htmledit th{vertical-align:inherit}
.htmledit ol, .htmledit ul,.htmledit dd{margin-left:40px}
.htmledit ul{ list-style-type:disc;}
.htmledit ol{list-style-type:decimal}
.htmledit ol ul,.htmledit ul ol,.htmledit ul ul,.htmledit ol ol{margin-top:0; margin-bottom:0}
/* ----------------------------
*
* Helper Class
*
* --------------------------- */
/* Margin */
.ma15 {
margin: 15px !important;
}
.ma10 {
margin: 10px !important;
}
.ma5 {
margin: 5px !important;
}
.nm {
margin: 0px !important;
}
.ma-15 {
margin: -15px !important;
}
.ma-10 {
margin: -10px !important;
}
.ma-5 {
margin: -5px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt0 {
margin-top: 0px !important;
}
.mt-15 {
margin-top: -15px !important;
}
.mt-10 {
margin-top: -10px !important;
}
.mt-5 {
margin-top: -5px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mr0 {
margin-right: 0px !important;
}
.mr-15 {
margin-right: -15px !important;
}
.mr-10 {
margin-right: -10px !important;
}
.mr-5 {
margin-right: -5px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mb-15 {
margin-bottom: -15px !important;
}
.mb-10 {
margin-bottom: -10px !important;
}
.mb-5 {
margin-bottom: -5px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml5 {
margin-left: 5px !important;
}
.ml0 {
margin-left: 0px !important;
}
.ml-15 {
margin-left: -15px !important;
}
.ml-10 {
margin-left: -10px !important;
}
.ml-5 {
margin-left: -5px !important;
}
/* Padding */
.pa15 {
padding: 15px !important;
}
.pa10 {
padding: 10px !important;
}
.pa5 {
padding: 5px !important;
}
.np {
padding: 0px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr5 {
padding-right: 5px !important;
}
.pr0 {
padding-right: 0px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl5 {
padding-left: 5px !important;
}
.pl0 {
padding-left: 0px !important;
}
/* Vertical align */
.valign-top {
vertical-align: top !important;
}
.valign-middle {
vertical-align: middle !important;
}
.valign-bottom {
vertical-align: bottom !important;
}
/* Misc */
.bradius0 {
border-radius: 0px !important;
}
.bdr0 {
border-width: 0px !important;
}
.noshadow {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.dis-none {
display: none;
}
.dis-block{
display: block;
}
.bold{
font-weight:700 !important;
}
.thin{
font-weight:400 !important;
}
.ellipsis{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-muted {
color: #999;
}
.text-primary {
color: #428bca;
}
a.text-primary:hover {
color: #3071a9;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #ed5466;
}
a.text-danger:hover {
color: #843534;
}
.text-inverse{ color:#2a2a2a ;}
.text-inverse:hover{ color:#333 ;}
.fsize12{ font-size:12px;}
.fsize16{ font-size:16px;}
.fsize20{ font-size:20px;}
.fsize24{ font-size:24px;}
.fsize28{ font-size:28px;}
.fsize32{ font-size:32px;}
.fsize48{ font-size:48px;}
.fsize64{ font-size:64px;}
.xs-block, .xs-inline{display: none;}
@media (max-width:767px) {
.xs-block{display: block;}
.xs-inline{display: inline;}
.xs-hidden{display: none ;}
.col-custom-1, .col-custom-10, .col-custom-11, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9, .col-custom-12{float: inherit; width:100%; margin-bottom:15px;}
}
\ No newline at end of file
@charset "utf-8";
/*
default: #1887fd
dark: #2771bd
light: #c7e2fe
*/
/* publish */
a:hover{color: #2771bd;}
.text-theme, .text-primary{ color: #1887fd !important;}
.text-theme:hover, .text-primary:hover{ color: #2771bd !important;}
.border-theme{ border-color:#1887fd !important;}
.bg-theme, .bg-theme:visited{ background-color: #1887fd !important; color: #fff;}
a.bg-theme:hover, button.bg-theme:hover{background-color: #2771bd !important; color: #fff;}
.bg-theme-dark{ background-color: #2771bd; color: #fff;}
.bg-theme-light{ background-color: #c7e2fe;}
.btn-theme{ background-color: #1887fd; color: #fff; border-color: #2771bd;}
.btn-theme:hover, .btn-theme:focus{background-color: #2771bd; color: #fff;}
.dynamic-bg::before, .dynamic-bg::after{ background:#1887fd;}
/* tab */
.nav-tabs>li>a:hover{ color: #1887fd;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #1887fd;}
.nav-tabs>li.active .badge{ background-color: #c7e2fe;}
/* menu */
.header .site-menu li.active a, .header .site-menu li.active a:hover{ background-color: #1887fd; color: #fff;}
.header .site-menu li a:hover{ color: #1887fd; background-color: #eee;}
.menu-badge{ background-color: #1887fd; }
.menu-badge::before{ border-bottom-color: #1887fd;}
.all-product .category-link:hover, .all-product.opened .category-link{ color: #1887fd;}
.all-product .product-category .nav > li > a:hover, .all-product .product-category .nav > li.active a{ color: #1887fd;}
.aside-menu > ul > li:hover > a{ color: #1887fd;}
/* banner */
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #1887fd; }
/* page */
.crumbs ul li.active a{ background-color: #1887fd;}
.crumbs ul li.active a::after { border-left-color: #1887fd;}
.leftmenu li.active{ border-left: 5px solid #1887fd; margin-left: -5px; }
.leftmenu li.active > a, .leftmenu li.active > a:hover{ background-color: #c7e2fe; color: #1887fd;}
.breadcrumb li a:hover{color: #c7e2fe; }
.nav-tabs.tabs-lg{ border-color: #1887fd;}
.nav-tabs.tabs-lg li.active a{ background-color: #1887fd;}
.filter-group .filter-item .btn.active{ border-color: #1887fd; color: #1887fd;}
.filter-group .filter-item .btn.active::before{background-color: #1887fd;}
.thumbs_list li.over{ -webkit-box-shadow: 0 0 0 2px #1887fd; box-shadow: 0 0 0 2px #1887fd;}
\ No newline at end of file
This diff is collapsed.
<?php require "layout/header.php" ?>
<?php require "layout/pageBanner.php" ?>
<!-- content -->
<section class="content pagecontent pt15">
<div class="container">
<div class="content-box error-group panel-shadow">
<div class="error-code" id="errorCode">404</div>
<div class="error-text">出错啦</div>
<p class="error-info" id="errorInfo">对不起,您访问的页面不存在或正在建设中!<br>您可以选择以下操作:</p>
<a href="javascript:history.go(-1);" class="btn btn-default mr10"><span class="glyphicon glyphicon-chevron-left"></span> 返回上一页</a>
<a href="index.php" class="btn btn-default"><span class="glyphicon glyphicon-home"></span> 回到首页</a>
</div>
</div>
</section>
<?php require "layout/footer.php" ?>
<script>$(function(){$("#pageName").text("出错了")})</script>
</body>
</html>
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="fontawesome-webfont.eot" server="asan.080.net//phmwds/" local="130489461000000000" remote="130489461000000000" Dst="0" />
<file name="fontawesome-webfont.ttf" server="asan.080.net//phmwds/" local="130489461000000000" remote="130489461000000000" Dst="0" />
<file name="fontawesome-webfont.woff" server="asan.080.net//phmwds/" local="130489461000000000" remote="130489461000000000" Dst="0" />
<file name="FontAwesome.otf" server="asan.080.net//phmwds/" local="130489461000000000" remote="130489461000000000" Dst="0" />
<file name="fontawesome-webfont.svg" server="asan.080.net//phmwds/" local="130489461600000000" remote="130489461600000000" Dst="0" />
<file name="fontawesome-webfont.eot" server="asan.080.net//hotec/" local="130489461000000000" remote="130515891600000000" Dst="0" />
<file name="fontawesome-webfont.ttf" server="asan.080.net//hotec/" local="130489461000000000" remote="130515891600000000" Dst="0" />
<file name="fontawesome-webfont.woff" server="asan.080.net//hotec/" local="130489461000000000" remote="130515891600000000" Dst="0" />
<file name="FontAwesome.otf" server="asan.080.net//hotec/" local="130489461000000000" remote="130515891600000000" Dst="0" />
<file name="fontawesome-webfont.svg" server="asan.080.net//hotec/" local="130489461600000000" remote="130515891600000000" Dst="0" />
<file name="fontawesome-webfont.eot" server="asan.080.net/getc/" local="130489461000000000" remote="130560807000000000" Dst="0" />
<file name="fontawesome-webfont.ttf" server="asan.080.net/getc/" local="130489461000000000" remote="130560807000000000" Dst="0" />
<file name="fontawesome-webfont.woff" server="asan.080.net/getc/" local="130489461000000000" remote="130560807000000000" Dst="0" />
<file name="fontawesome-webfont.svg" server="asan.080.net/getc/" local="130489461600000000" remote="130560807000000000" Dst="0" />
<file name="FontAwesome.otf" server="asan.080.net/getc/" local="130489461000000000" remote="130560807000000000" Dst="0" />
</dwsync>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
<?php require "layout/header.php" ?>
<?php require "layout/pageBanner.php" ?>
<!-- content -->
<section class="content pagecontent">
<div class="container">
<div class="content-box panel-shadow tab-content">
<div class="page-title">
<h2 class="title border-theme"><span class="text-theme">找回密码</span></h2>
</div>
<div class="crumbs nolink" id="crumbs">
<ul>
<li class="active"><a href="javascript:void(0)">发送确认邮件</a></li>
<li><a href="javascript:void(0)">进行安全验证</a></li>
<li><a href="javascript:void(0)">设置新密码</a></li>
</ul>
</div>
<!--确认邮件表单-->
<form class="form-horizontal validate-form" class="" method="post" autocomplete="off" id="checkEmail">
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger pr5">*</span>您的Email:</label>
<div class="col-sm-4">
<input class="form-control" id="email" name="email" value="" type="text" maxlength="254">
</div>
<div class="col-sm-6">
<p class="help-block"><span class="glyphicon glyphicon-info-sign pr5"></span>请输入您注册时填写的Email邮箱地址</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger pr5">*</span>验证码:</label>
<div class="col-sm-4">
<div class="row">
<div class="col-sm-4">
<input class="form-control check-code" id="regPicCheckCode" name="regPicCheckCode" value="" type="text" maxlength="4">
</div>
<div class="col-sm-8">
<img src="image/tempcode.png" alt="验证码" id="imgCheckCode" class="checkcode" onclick="">
<button type="button" class="btn btn-link btn-sm underline pl5 pr0 pull-left" onclick="">看不清,换一张</button>
</div>
</div>
</div>
<div class="col-sm-6">
<p class="help-block"><span class="glyphicon glyphicon-info-sign pr5"></span>请输入验证码</p>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 col-sm-offset-2">
<button type="button" class="btn btn-theme btn-block mt10 btn-confirm" id="submitEmail" onclick="forgetPsStepNext('XXXXXXXX')">下一步</button>
</div>
</div>
</form>
<!--发送成功-->
<div class="content-box success-group dis-none" id="sendSuccess">
<img src="image/email_success_bg.png" >
<div class="success-title mt-15">邮件发送成功!</div>
<p class="success-info mb10">我们已给您的邮箱 <span class="text-theme fsize18" id="emailAddress"></span> 发送了重置密码邮件,请收到邮件后在24小时内按照提示操作。</p>
<a href="" target="_blank" class="btn btn-theme dis-none mr10" id="jumpEmail">去邮箱收信</a>
<button type="button" class="btn btn-theme mr10" id="resendEmail">没有收到?再次发送</button>
<button type="button" class="btn btn-default" onclick="stepBack()">返回重新填写邮箱</button>
<div class="alert alert-warning mt15 mb0" role="alert">
<h4>还没收到邮件?</h4>
<p>
确认邮件是否被你提供的邮箱系统自动拦截,或被误认为垃圾邮箱放到垃圾箱了。<br>
如果一直无法收到邮件,您可以联系客服QQ:<a href="javascript:void(0)">88888888888</a>
</p>
</div>
</div>
</div>
</div>
</section>
<?php require "layout/footer.php" ?>
<script>$(function(){$("#pageName").text("找回密码")})</script>
<script type="text/javascript">
function forgetPsStepNext(email){
$("#checkEmail").hide();
$("#sendSuccess").show();
$("#emailAddress").text(email);
$("#crumbs li").eq(1).addClass("active").siblings("li").removeClass("active");
};
function stepBack(){
$("#crumbs li").first().addClass("active").siblings("li").removeClass("active");
$("#checkEmail").show().get(0).reset();
$("#sendSuccess").hide();
}
$(function(){
})
</script>
</body>
</html>
<?php require "layout/header.php" ?>
<?php require "layout/pageBanner.php" ?>
<!-- content -->
<section class="content pagecontent">
<div class="container">
<div class="content-box panel-shadow">
<div class="page-title">
<h2 class="title border-theme"><span class="text-theme">重置密码</span></h2>
</div>
<!--重置密码表单-->
<form class="form-horizontal validate-form" id="resetPS" method="post" autocomplete="off">
<div class="crumbs nolink" id="crumbs">
<ul>
<li><a href="javascript:void(0)">发送确认邮件</a></li>
<li><a href="javascript:void(0)">进行安全验证</a></li>
<li class="active"><a href="javascript:void(0)">设置新密码</a></li>
</ul>
</div>
<div class="alert alert-info mb10" role="alert">您的邮箱验证已通过,请重新设置您的登录密码</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger pr5">*</span>新密码:</label>
<div class="col-sm-4">
<input class="form-control" id="password" name="password" value="" type="password" maxlength="254">
<div class="ps-letter">
<span class="letter-group" id="strengthL"></span>
<span class="letter-group" id="strengthM"></span>
<span class="letter-group" id="strengthH"></span>
</div>
</div>
<div class="col-sm-6">
<p class="help-block"><span class="glyphicon glyphicon-info-sign pr5"></span>6-16个字符,请使用字母加数字或符号的组合密码。请不要单独使用数字、字母或符号</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger pr5">*</span>确认新密码:</label>
<div class="col-sm-4">
<input class="form-control" id="rePassword" name="rePassword" value="" type="password" maxlength="254" disabled="">
</div>
<div class="col-sm-6">
<p class="help-block"><span class="glyphicon glyphicon-info-sign pr5"></span>请再输一次新密码!</p>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 col-sm-offset-2">
<button type="button" class="btn btn-theme btn-block mt10 btn-confirm" id="submitReset">确定提交</button>
</div>
</div>
</form>
<!--密码修改成功-->
<div class="content-box success-group dis-none" id="resetSuccess">
<img src="image/default_success_bg.png" >
<div class="success-title mt-15">密码修改成功!</div>
<p class="success-info mb10">请使用您设置的新密码重新登录</p>
<a href="index.php?modal=modalLogin" class="btn btn-theme">现在登录</a>
</div>
<!--过期、错误或已修改-->
<div class="content-box success-group dis-none" id="resetError">
<img src="image/default_error_bg.png" >
<div class="success-title mt-15"></div>
<p class="success-info mb10"></p>
<a href="index.php?modal=modalLogin" class="btn btn-theme" id="backToMain">返回首页登录</a>
<button type="button" class="btn btn-theme ml10" id="resendEmail">重新发送确认邮件</button>
<a href="forgetPS.php" class="btn btn-default ml10" id="stepBack">返回重新填写邮箱</a>
</div>
</div>
</div>
</section>
<?php require "layout/footer.php" ?>
<script>$(function(){$("#pageName").text("重置密码")})</script>
<script type="text/javascript">
$(function(){
//验证密码强度
$("#password").on("keyup",function(){
var val = $(this).val();
$("#rePassword").val("").removeClass("error").next("label.error").remove();
if($.trim(val)){
switch(checkStrong(val)){
case 0:
case 1:
$("#strengthL").attr("class","letter-group low");
$("#strengthM, #strengthH").attr("class","letter-group");
$("#rePassword").attr("disabled",true);
break;
case 2:
$("#strengthL, #strengthM").attr("class","letter-group medium");
$("#strengthH").attr("class","letter-group");
$("#rePassword").attr("disabled",false);
break;
default:
$("#strengthL, #strengthM, #strengthH").attr("class","letter-group strong");
$("#rePassword").attr("disabled",false);
}
}else{
$("#strengthL, #strengthM, #strengthH").attr("class","letter-group");
$("#rePassword").attr("disabled",true);
}
});
});
</script>
</body>
</html>
File added
 <?php require "layout/header.php" ?>
<section class="videoslider">
<div class="container">
<h2 class="slogen">化学科研者一站式服务平台</h2>
<div class="mianSearch">
<input class="searchInput" name="searchKeyword" type="text" placeholder="请输入关键词">
<button type="button" class="button" onclick="window.location.href='search.php'"><i class="icon-search mr5"></i>查询</button>
</div>
<div class="hot-words">
<span><i class="icon-bookmark mr5"></i>热门搜索</span>
<a href="javascript:void(0)">阿维菌素</a><span>,</span>
<a href="javascript:void(0)">富马酸二甲酯</a><span>,</span>
<a href="javascript:void(0)">甲醇</a><span>,</span>
<a href="javascript:void(0)">焦磷酸钾</a><span>,</span>
<a href="javascript:void(0)">拉米夫定</a>
</div>
</div>
<video poster="image/blue_bg.jpg" src="image/video-bg.mp4" class="video-file" autoplay="autoplay"
muted="muted" loop="loop" cue-before:none;="" width="100%"></video>
<div class="video-mask"></div>
</section>
<div class="container">
<section class="links-group">
<div class="site-list">
<ul>
<li class="xs-hidden"><a href="javascript:void(0)" target="_blank"><i class="icon-angle-right mr10"></i>专利下载</a></li>
<li class="xs-hidden"><a href="javascript:void(0)" target="_blank"><i class="icon-angle-right mr10"></i>GB查询</a></li>
<li><a href="javascript:void(0)" target="_blank"><i class="icon-beaker mobileImg"></i><i class="icon-angle-right mr10"></i>化学品定制发布</a></li>
<li class="xs-hidden"><a href="javascript:void(0)" target="_blank"><i class="icon-angle-right mr10"></i>购买现货化合物</a></li>
</ul>
</div>
<div class="site-list">
<ul>
<li class="xs-hidden"><a href="javascript:void(0)" target="_blank"><i class="icon-angle-right mr10"></i>文献查询(合作)</a></li>
<li class="xs-hidden"><a href="wiki.php" target="_blank"><i class="icon-angle-right mr10"></i>百科信息查询</a></li>
<li><a href="order.php"><i class="icon-paste mobileImg"></i><i class="icon-angle-right mr10"></i>化学品定制接单</a></li>
<li class="xs-hidden"><a href="javascript:void(0)" target="_blank"><i class="icon-angle-right mr10"></i>化合物现货寄卖</a></li>
</ul>
</div>
<div class="site-list xs-hidden">
<div class="group">
<h4>免费开通实验室管理系统</h4>
<a href="javascript:void(0)" class="button">立即开通 <i class="icon-double-angle-right"></i></a>
</div>
</div>
</section>
<div class="mobilebottom">
<ul>
<li><a href="javascript:void(0)" target="_blank"><i class="icon-signin"></i>进入实验室管理系统</a></li>
<li><a href="wiki.php"><i class="icon-book"></i>百科信息</a></li>
<li><a href="javascript:void(0)"><i class="icon-dashboard"></i>我的操作台</a></li>
</ul>
</div>
</div>
<?php require "layout/footer.php" ?>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')
\ No newline at end of file
This diff is collapsed.
/**
* bootbox.js v4.1.0
*
* http://bootboxjs.com/license.txt
*/
window.bootbox=window.bootbox||function a(b,c){"use strict";function d(a){var b=r[p.locale];return b?b[a]:r.en[a]}function e(a,c,d){a.preventDefault();var e=b.isFunction(d)&&d(a)===!1;e||c.modal("hide")}function f(a){var b,c=0;for(b in a)c++;return c}function g(a,c){var d=0;b.each(a,function(a,b){c(a,b,d++)})}function h(a){var c,d;if("object"!=typeof a)throw new Error("Please supply an object of options");if(!a.message)throw new Error("Please specify a message");return a=b.extend({},p,a),a.buttons||(a.buttons={}),a.backdrop=a.backdrop?"static":!1,c=a.buttons,d=f(c),g(c,function(a,e,f){if(b.isFunction(e)&&(e=c[a]={callback:e}),"object"!==b.type(e))throw new Error("button with key "+a+" must be an object");e.label||(e.label=a),e.className||(e.className=2>=d&&f===d-1?"btn-primary":"btn-default")}),a}function i(a,b){var c=a.length,d={};if(1>c||c>2)throw new Error("Invalid argument length");return 2===c||"string"==typeof a[0]?(d[b[0]]=a[0],d[b[1]]=a[1]):d=a[0],d}function j(a,c,d){return b.extend(!0,{},a,i(c,d))}function k(a,b,c,d){var e={className:"bootbox-"+a,buttons:l.apply(null,b)};return m(j(e,d,c),b)}function l(){for(var a={},b=0,c=arguments.length;c>b;b++){var e=arguments[b],f=e.toLowerCase(),g=e.toUpperCase();a[f]={label:d(g)}}return a}function m(a,b){var d={};return g(b,function(a,b){d[b]=!0}),g(a.buttons,function(a){if(d[a]===c)throw new Error("button key "+a+" is not allowed (options are "+b.join("\n")+")")}),a}var n={dialog:"<div class='bootbox modal' tabindex='-1' role='dialog'><div class='modal-dialog'><div class='modal-content'><div class='modal-body'><div class='bootbox-body'></div></div></div></div></div>",header:"<div class='modal-header'><h4 class='modal-title'></h4></div>",footer:"<div class='modal-footer'></div>",closeButton:"<button type='button' class='bootbox-close-button close'>&times;</button>",form:"<form class='bootbox-form'></form>",inputs:{text:"<input class='bootbox-input bootbox-input-text form-control' autocomplete=off type=text />",email:"<input class='bootbox-input bootbox-input-email form-control' autocomplete='off' type='email' />",select:"<select class='bootbox-input bootbox-input-select form-control'></select>",checkbox:"<div class='checkbox'><label><input class='bootbox-input bootbox-input-checkbox' type='checkbox' /></label></div>"}},o=b("body"),p={locale:"en",backdrop:!0,animate:!0,className:null,closeButton:!0,show:!0},q={};q.alert=function(){var a;if(a=k("alert",["ok"],["message","callback"],arguments),a.callback&&!b.isFunction(a.callback))throw new Error("alert requires callback property to be a function when provided");return a.buttons.ok.callback=a.onEscape=function(){return b.isFunction(a.callback)?a.callback():!0},q.dialog(a)},q.confirm=function(){var a;if(a=k("confirm",["cancel","confirm"],["message","callback"],arguments),a.buttons.cancel.callback=a.onEscape=function(){return a.callback(!1)},a.buttons.confirm.callback=function(){return a.callback(!0)},!b.isFunction(a.callback))throw new Error("confirm requires a callback");return q.dialog(a)},q.prompt=function(){var a,d,e,f,h,i,k;if(f=b(n.form),d={className:"bootbox-prompt",buttons:l("cancel","confirm"),value:"",inputType:"text"},a=m(j(d,arguments,["title","callback"]),["cancel","confirm"]),i=a.show===c?!0:a.show,a.message=f,a.buttons.cancel.callback=a.onEscape=function(){return a.callback(null)},a.buttons.confirm.callback=function(){var c;switch(a.inputType){case"text":case"email":case"select":c=h.val();break;case"checkbox":var d=h.find("input:checked");c=[],g(d,function(a,d){c.push(b(d).val())})}return a.callback(c)},a.show=!1,!a.title)throw new Error("prompt requires a title");if(!b.isFunction(a.callback))throw new Error("prompt requires a callback");if(!n.inputs[a.inputType])throw new Error("invalid prompt type");switch(h=b(n.inputs[a.inputType]),a.inputType){case"text":case"email":h.val(a.value);break;case"select":var o={};if(k=a.inputOptions||[],!k.length)throw new Error("prompt with select requires options");g(k,function(a,d){var e=h;if(d.value===c||d.text===c)throw new Error("given options in wrong format");d.group&&(o[d.group]||(o[d.group]=b("<optgroup/>").attr("label",d.group)),e=o[d.group]),e.append("<option value='"+d.value+"'>"+d.text+"</option>")}),g(o,function(a,b){h.append(b)}),h.val(a.value);break;case"checkbox":var p=b.isArray(a.value)?a.value:[a.value];if(k=a.inputOptions||[],!k.length)throw new Error("prompt with checkbox requires options");if(!k[0].value||!k[0].text)throw new Error("given options in wrong format");h=b("<div/>"),g(k,function(c,d){var e=b(n.inputs[a.inputType]);e.find("input").attr("value",d.value),e.find("label").append(d.text),g(p,function(a,b){b===d.value&&e.find("input").prop("checked",!0)}),h.append(e)})}return a.placeholder&&h.attr("placeholder",a.placeholder),f.append(h),f.on("submit",function(a){a.preventDefault(),e.find(".btn-primary").click()}),e=q.dialog(a),e.off("shown.bs.modal"),e.on("shown.bs.modal",function(){h.focus()}),i===!0&&e.modal("show"),e},q.dialog=function(a){a=h(a);var c=b(n.dialog),d=c.find(".modal-body"),f=a.buttons,i="",j={onEscape:a.onEscape};if(g(f,function(a,b){i+="<button data-bb-handler='"+a+"' type='button' class='btn "+b.className+"'>"+b.label+"</button>",j[a]=b.callback}),d.find(".bootbox-body").html(a.message),a.animate===!0&&c.addClass("fade"),a.className&&c.addClass(a.className),a.title&&d.before(n.header),a.closeButton){var k=b(n.closeButton);a.title?c.find(".modal-header").prepend(k):k.css("margin-top","-10px").prependTo(d)}return a.title&&c.find(".modal-title").html(a.title),i.length&&(d.after(n.footer),c.find(".modal-footer").html(i)),c.on("hidden.bs.modal",function(a){a.target===this&&c.remove()}),c.on("shown.bs.modal",function(){c.find(".btn-primary:first").focus()}),c.on("escape.close.bb",function(a){j.onEscape&&e(a,c,j.onEscape)}),c.on("click",".modal-footer button",function(a){var d=b(this).data("bb-handler");e(a,c,j[d])}),c.on("click",".bootbox-close-button",function(a){e(a,c,j.onEscape)}),c.on("keyup",function(a){27===a.which&&c.trigger("escape.close.bb")}),o.append(c),c.modal({backdrop:a.backdrop,keyboard:!1,show:!1}),a.show&&c.modal("show"),c},q.setDefaults=function(){var a={};2===arguments.length?a[arguments[0]]=arguments[1]:a=arguments[0],b.extend(p,a)},q.hideAll=function(){b(".bootbox").modal("hide")};var r={br:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Sim"},da:{OK:"OK",CANCEL:"Annuller",CONFIRM:"Accepter"},de:{OK:"OK",CANCEL:"Abbrechen",CONFIRM:"Akzeptieren"},en:{OK:"OK",CANCEL:"Cancel",CONFIRM:"OK"},es:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Aceptar"},fi:{OK:"OK",CANCEL:"Peruuta",CONFIRM:"OK"},fr:{OK:"OK",CANCEL:"Annuler",CONFIRM:"D'accord"},it:{OK:"OK",CANCEL:"Annulla",CONFIRM:"Conferma"},nl:{OK:"OK",CANCEL:"Annuleren",CONFIRM:"Accepteren"},no:{OK:"OK",CANCEL:"Avbryt",CONFIRM:"OK"},pl:{OK:"OK",CANCEL:"Anuluj",CONFIRM:"Potwierdź"},ru:{OK:"OK",CANCEL:"Отмена",CONFIRM:"Применить"},zh_CN:{OK:"OK",CANCEL:"取消",CONFIRM:"确认"},zh_TW:{OK:"OK",CANCEL:"取消",CONFIRM:"確認"}};return q.init=function(c){window.bootbox=a(c||b)},q}(window.jQuery);
\ No newline at end of file
!function(a){a.gritter={},a.gritter.options={position:"",class_name:"",fade_in_speed:"medium",fade_out_speed:1e3,time:6e3},a.gritter.add=function(a){try{return b.add(a||{})}catch(c){var d="Gritter Error: "+c;"undefined"!=typeof console&&console.error?console.error(d,a):alert(d)}},a.gritter.remove=function(a,c){b.removeSpecific(a,c||{})},a.gritter.removeAll=function(a){b.stop(a||{})};var b={position:"",fade_in_speed:"",fade_out_speed:"",time:"",_custom_timer:0,_item_count:0,_is_setup:0,_tpl_close:'<a class="gritter-close" href="#" tabindex="1"></a>',_tpl_title:'<span class="gritter-title">[[title]]</span>',_tpl_item:'<div id="gritter-item-[[number]]" class="gritter-item-wrapper [[item_class]]" style="display:none" role="alert"><div class="gritter-item">[[close]][[image]]<div class="[[class_name]]">[[title]]<p>[[text]]</p></div></div></div>',_tpl_wrap:'<div id="gritter-notice-wrapper"></div>',add:function(c){if("string"==typeof c&&(c={text:c}),null===c.text)throw'You must supply "text" parameter.';this._is_setup||this._runSetup();var d=c.title,e=c.text,f=c.image||"",g=c.sticky||!1,h=c.class_name||a.gritter.options.class_name,i=a.gritter.options.position,j=c.time||"";this._verifyWrapper(),this._item_count++;var k=this._item_count,l=this._tpl_item;a(["before_open","after_open","before_close","after_close"]).each(function(d,e){b["_"+e+"_"+k]=a.isFunction(c[e])?c[e]:function(){}}),this._custom_timer=0,j&&(this._custom_timer=j);var m=""!=f?'<div class="gritter-image"><img src="'+f+'" /></div>':"",n=""!=f?"gritter-with-image":"gritter-without-image";if(d=d?this._str_replace("[[title]]",d,this._tpl_title):"",l=this._str_replace(["[[title]]","[[text]]","[[close]]","[[image]]","[[number]]","[[class_name]]","[[item_class]]"],[d,e,this._tpl_close,m,this._item_count,n,h],l),this["_before_open_"+k]()===!1)return!1;a("#gritter-notice-wrapper").addClass(i).append(l);var o=a("#gritter-item-"+this._item_count);return o.fadeIn(this.fade_in_speed,function(){b["_after_open_"+k](a(this))}),g||this._setFadeTimer(o,k),a(o).bind("mouseenter mouseleave",function(c){"mouseenter"==c.type?g||b._restoreItemIfFading(a(this),k):g||b._setFadeTimer(a(this),k),b._hoverState(a(this),c.type)}),a(o).find(".gritter-close").click(function(){return b.removeSpecific(k,{},null,!0),!1}),k},_countRemoveWrapper:function(b,c,d){c.remove(),this["_after_close_"+b](c,d),0==a(".gritter-item-wrapper").length&&a("#gritter-notice-wrapper").remove()},_fade:function(a,c,d,e){var d=d||{},f="undefined"!=typeof d.fade?d.fade:!0,g=d.speed||this.fade_out_speed,h=e;this["_before_close_"+c](a,h),e&&a.unbind("mouseenter mouseleave"),f?a.animate({opacity:0},g,function(){a.animate({height:0},300,function(){b._countRemoveWrapper(c,a,h)})}):this._countRemoveWrapper(c,a)},_hoverState:function(a,b){"mouseenter"==b?(a.addClass("hover"),a.find(".gritter-close").show()):(a.removeClass("hover"),a.find(".gritter-close").hide())},removeSpecific:function(b,c,d,e){if(!d)var d=a("#gritter-item-"+b);this._fade(d,b,c||{},e)},_restoreItemIfFading:function(a,b){clearTimeout(this["_int_id_"+b]),a.stop().css({opacity:"",height:""})},_runSetup:function(){for(opt in a.gritter.options)this[opt]=a.gritter.options[opt];this._is_setup=1},_setFadeTimer:function(a,c){var d=this._custom_timer?this._custom_timer:this.time;this["_int_id_"+c]=setTimeout(function(){b._fade(a,c)},d)},stop:function(b){var c=a.isFunction(b.before_close)?b.before_close:function(){},d=a.isFunction(b.after_close)?b.after_close:function(){},e=a("#gritter-notice-wrapper");c(e),e.fadeOut(function(){a(this).remove(),d()})},_str_replace:function(a,b,c,d){var e=0,f=0,g="",h="",i=0,j=0,k=[].concat(a),l=[].concat(b),m=c,n=l instanceof Array,o=m instanceof Array;for(m=[].concat(m),d&&(this.window[d]=0),e=0,i=m.length;i>e;e++)if(""!==m[e])for(f=0,j=k.length;j>f;f++)g=m[e]+"",h=n?void 0!==l[f]?l[f]:"":l[0],m[e]=g.split(k[f]).join(h),d&&m[e]!==g&&(this.window[d]+=(g.length-m[e].length)/k[f].length);return o?m:m[0]},_verifyWrapper:function(){0==a("#gritter-notice-wrapper").length&&a("body").append(this._tpl_wrap)}}}(jQuery);
\ No newline at end of file
This diff is collapsed.
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
<footer class="footer">
<p>Copyright © <span id="currnetYear"></span> <a href="index.php">研易宝</a> All Rights Reserved</p>
</footer>
</article>
<!-- 全屏loading -->
<div class="loading-group" id="loading-group"><div class="loading"><span>加载中...</span></div></div>
<!-- 用户登录 -->
<div class="modal fade modal-login" id="modalLogin" tabindex="-1" role="dialog">
<form class="modal-dialog validate-form" role="document" method="post" autocomplete="off">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<div class="modal-body">
<div class="logo"><img src="image/logo_blue.png" alt="研易宝" title="研易宝"></div>
<h4 class="modal-title text-theme">用户登录</h4>
<div class="login-group">
<label class="control-label">账号:</label>
<input class="form-control" id="userNameModal" name="userNameModal" value="" type="text" maxlength="150" placeholder="请输入账号">
<div class="clearfix"></div>
<label class="control-label">密码:</label>
<input class="form-control" id="passWordModal" name="passWordModal" value="" type="password" maxlength="30" placeholder="请输入登录密码">
<div class="checkcode-box dis-none">
<label class="control-label">验证码:</label>
<div class="form-group">
<div class="col-md-5">
<input class="form-control pl5 pr5 check-code" id="checkCodeModal" name="checkCodeModal" value="" type="text" maxlength="4">
</div>
<div class="col-md-7">
<img src="image/tempcode.png" alt="验证码" id="imgCheckCodeModal" class="checkcode" onclick="">
<button type="button" class="btn btn-link btn-sm underline pl5 pr0 pull-left" onclick="">换一张</button>
</div>
</div>
</div>
<div class="checkbox"><label><input type="checkbox" name="remeberMe" id="remeberMe">记住我</label></div>
<button type="button" class="btn btn-theme btn-block mt15 btn-confirm">提交</button>
<a href="register.php" class="btn btn-default mt10 fsize14 btn-block">没有账户?点此注册</a>
<a href="forgetPS.php" class="btn btn-link mt10 btn-block fsize14 underline" target="_blank">忘记密码?</a>
</div>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.gritter.min.js"></script>
<script type="text/javascript" src="js/jquery.bootbox.min.js"></script>
<script type="text/javascript" src="js/magnific/js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/general.js"></script>
<script type="text/javascript">
$(function(){
//==========================用户登录=============================
$("#modalLogin").on("hidden.bs.modal", function (){
var form = $(this).children("form").get(0);
form.reset();
$("#modalLogin label.error, #modalLogin .codecheck-result").remove();
$("#modalLogin .error").removeClass("error");
parseInt(getCookieValue("loginErrorCount")) >=3 ? $("#modalLogin .checkcode-box").removeClass("dis-none") : $("#modalLogin .checkcode-box").addClass("dis-none");
$("#modalLogin .btn-confirm").removeClass("disabled").text("提交");
});
$("#modalLogin .btn-confirm").on("click",function(){
var $this = $(this);
var userName = $.trim($("#userNameModal").val());
var passWord = $.trim($("#passWordModal").val());
var checkCode = $.trim($("#checkCodeModal").val());
var flag = true;
var remeberMe = false, expires = 0;
if($("#remeberMe").is(":checked")){
remeberMe = true;
expires = 240;
}
$("#modalLogin label.error").remove();
$("#modalLogin .error").removeClass("error");
if(!userName){
$("#userNameModal").addClass("error").after('<label class="error" for="userNameModal">账号不得为空</label>');
flag = false;
}
//验证密码
if(!passWord){
$("#passWordModal").addClass("error").after('<label class="error" for="passWordModal">密码不得为空</label>');
flag = false;
}
if(flag){
var submitData = {
loginUsername:userName,
loginPassword:$.md5(passWord),
code:checkCode,
rememberUser:remeberMe
}
$.ajax({
type: "GET",
url: "mod=vmain.checkLogin",
data: submitData,
dataType: "json",
beforeSend: function(){
$this.addClass("disabled").text("账号验证中...");
},
success: function(data){
setTimeout(function(){$this.removeClass("disabled").text("提交")},500);
if(data.success){
//关闭窗口
$("#modalLogin").modal("hide");
$.gritter.add({
class_name:"gritter-success",
title: "登录成功",
time: 1500,
sticky: false
});
}else{
//登录失败
$.gritter.add({
class_name:"gritter-error",
title: data.msg,
time: 2000,
sticky: false
});
}
},
error: function(){
//登录失败
$.gritter.add({
class_name:"gritter-error",
title: "验证提交失败,请稍后重试",
time: 2000,
sticky: false
});
setTimeout(function(){$this.removeClass("disabled").text("提交")},500);
}
});
}
});
$("#passWordModal, #checkCodeModal").on("keypress",function(e){
var key = e.which;
if(key == 13){
$("#modalLogin .btn-confirm").click();
}
});
});
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>研易宝-化学科研者一站式服务平台</title>
<link rel="shortcut icon" href="image/favicon.ico">
<link rel="stylesheet" href="css/ui.css">
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="js/magnific/css/magnific-popup.min.css">
<link rel="stylesheet" href="css/theme-blue.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<aside class="aside-menu panel-shadow" id="sidemenu">
<ul>
<li class="contact">
<a href="javascript:void(0)"><span class="icon"></span>联系<br>电话</a>
<ul>
<li>
<span class="phone text-theme">0769-28823839</span>
客服热线(工作日:8:30-18:00)
</li>
</ul>
</li>
<li class="qq">
<a href="javascript:void(0)"><span class="icon"></span>在线<br>咨询</a>
<ul>
<li><a href="javascript:void(0)" target="_blank"><img src="image/ico-qq.png"> QQ:L213243</a></li>
<li><img src="image/ico-qq.png"> QQ:L213243</li>
</ul>
</li>
<li class="wx">
<a href="javascript:void(0)"><span class="icon"></span>在线<br>咨询</a>
<ul>
<li><a href="javascript:void(0)" target="_blank"><img src="image/ico-wx.png"> WX000011</a></li>
<li><a href="javascript:void(0)" target="_blank"><img src="image/ico-wx.png"> WX000012</a></li>
<li><img src="image/ico-wx.png"> WX000013</li>
</ul>
</li>
<li class="qr">
<a href="javascript:void(0)"><span class="icon"></span>微信<br>扫码</a>
<ul>
<li><img src="image/qrcode.jpg"></li>
</ul>
</li>
<li class="gotop" id="gotop">
<a href="javascript:void(0)"><span class="icon"></span>回到<br>顶部</a>
</li>
</ul>
</aside>
<article class="main">
<header class="header">
<div class="container">
<a href="index.php" class="logo"><img src="image/logo.png" alt="研易宝"/></a>
<div class="headerLink">
<a class="button login xs-hidden" href="#modalLogin" data-toggle="modal">登录</a>
<a href="register.php" class="button signin xs-hidden"">注册</a>
<!-- <a href="javascript:void(0);" class="button login xs-hidden"">退出登录</a> -->
<a href="javascript:void(0);" class="button mobileIcon xs-block" id="mobileIcon"><span></span></a>
<!--手机版-->
<nav class="mobilemenu" id="mobilemenu">
<ul>
<li><a href="index.php">首页</a></li>
<li><a href="#modalLogin" data-toggle="modal">登录</a></li>
<li><a href="register.php">注册</a></li>
<li><a href="search.php">信息查询</a></li>
<li><a href="wiki.php">百科信息</a></li>
<li><a href="order.php">化学品订制接单</a></li>
<li><a href="javascript:void(0);">实验室管理系统</a></li>
<a class="font-icon icon-double-angle-up" href="javascript:void(0);" title="隐藏"></a>
</ul>
</nav>
</div>
</div>
</div>
</header>
\ No newline at end of file
<section class="pageBanner">
<div class="container">
<h2 class="slogen">化学科研者一站式服务平台</h2>
<div class="mianSearch">
<input class="searchInput" name="searchKeyword" type="text" placeholder="请输入关键词">
<button type="button" class="button" onclick="window.location.href='search.php'"><i class="icon-search mr5"></i>查询</button>
</div>
</div>
<div class="navigation panel-shadow">
<div class="container">
<div class="breadcrumb">
当前位置:
<li><a href="index.php">首页</a></li>
<li class="active" id="pageName"></li>
</div>
</div>
</div>
</section>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<?php require "layout/header.php" ?>
<?php require "layout/pageBanner.php" ?>
<!-- content -->
<section class="content pagecontent">
<div class="container">
<ul class="result-list">
<li>
<article class="result-group panel-shadow wiki-group">
<div class="row">
<div class="col-custom-3 text-center">
<div class="photo"><span></span><img src="image/110-17-8.gif"></div>
<a class="ui-button-text magnific" href="image/110-17-8.gif"><i class="icon-eye-open"></i> 预览</a>
</div>
<div class="col-custom-6">
<h4 class="title">富马酸</h4>
<ul class="result-info">
<li><span class="title">CBNumber:</span>CB5852804</li>
<li><span class="title">英文名称:</span>Fumaric acid</li>
<li><span class="title">中文名称:</span><span class="text-primary">富马酸</span></li>
<li><span class="title">MF:</span>C4H4O4</li>
<li><span class="title">MW:</span>116.07</li>
<li><span class="title">CAS:</span>110-17-8</li>
<li><span class="title">MOL:</span>Mol file</li>
</ul>
</div>
<div class="col-custom-3">
<!-- <ul class="operate">
<li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">详情详情</a></li>
</ul> -->
</div>
</div>
</article>
</li>
</ul>
<aside class="leftmenu panel-shadow" id="leftmenu">
<h3 class="title">
<i class="glyphicon glyphicon-menu-hamburger"></i> 百科信息
<i class="arrow" onclick="$('#leftmenu').toggleClass('opened')"></i>
</h3>
<ul>
<li><a href="guide.php">注册登录</a></li>
<li><a href="guide.php">交易条款</a></li>
<li class="active"><a href="guide.php">危化品购买</a></li>
<li><a href="guide.php">购买流程</a></li>
<li><a href="guide.php">商品查找</a></li>
<li><a href="guide.php">商品购买</a></li>
<li><a href="guide.php">订单查询</a></li>
<li><a href="guide.php">货到付款</a></li>
<li><a href="guide.php">在线支付</a></li>
<li><a href="guide.php">预存款</a></li>
<li><a href="guide.php">银行电汇</a></li>
<li><a href="guide.php">发票说明</a></li>
<li><a href="guide.php">配送说明</a></li>
<li><a href="guide.php">配送资费</a></li>
<li><a href="guide.php">快递跟踪</a></li>
<li><a href="guide.php">验货签收</a></li>
<li><a href="guide.php">售后政策</a></li>
<li><a href="guide.php">退/换货</a></li>
<li><a href="guide.php">退款说明</a></li>
</ul>
</aside>
<div class="content-box wiki-content panel-shadow">
<div class="page-title mt0">
<h2 class="title">基本信息</h2>
</div>
<div class="htmledit">
化学式:C4H4O4<br>
分子量:116.072<br>
CAS号:110-17-8<br>
EINECS号:203-743-0
</div>
<div class="page-title">
<h2 class="title">理化性质</h2>
</div>
<div class="htmledit">
<strong>物理性质</strong><br>
密度:1.63g/cm3<br>
熔点:298-300℃<br>
沸点:355.5℃<br>
闪点:183℃<br>
折射率:1.526(20℃)<br>
外观:白色粉末或无色晶体<br>
溶解性:可溶于乙醇,微溶于水和乙醚,难溶于氯仿、四氯化碳、苯<br>
<strong>化学性质</strong><br>
最简单的不饱和二元羧酸。最早从延胡索中发现,此外也存在于多种蘑菇和新鲜牛肉中。反丁烯二酸与顺丁烯二酸互为几何异构体,反丁烯二酸加热至250-300℃转变成顺丁烯二酸。反丁烯二酸也能生成一元和二元酯或酰胺,但不能生成一元酰氯。它与五氯化磷或亚硫酰氯反应生成二元酰氯。反丁烯二酸经高锰酸钾氧化生成外消旋酒石酸。
</div>
<div class="page-title">
<h2 class="title">制备</h2>
</div>
<div class="htmledit">
工业上有多种方法生产反丁烯二酸。其主要来源是在催化剂存在下将苯(或丁烯)氧化生成顺丁烯二酸(或顺丁烯二酸酐),再经异构化而得。将苯(或80%的丁烯)与过量空气在流化床或固定床反应器中进行氧化反应生成顺丁烯二酸酐,被循环的酸液吸收成顺丁烯二酸。再经脱色过滤,顺丁烯二酸在硫脲催化剂作用下进行异构化,反应物经过滤,洗涤,干燥即得反丁烯二酸。异构化催化剂也采用过硫酸铵-溴化铵混合物或金属盐、胺盐、硫醇及10-20%的盐酸。碳水化合物如蔗糖、葡萄糖、麦芽糖经黑根菌发酵也可制得反丁烯二酸。
</div>
<div class="page-title">
<h2 class="title">应用</h2>
</div>
<div class="htmledit">
在食品中主要用于肉制品、鱼肉制品加工等。富马酸可作为酸度调节剂、酸化剂、抗氧化助剂、腌制促进剂、香料使用。本品有强缓冲作用,以保持水溶液在pH3.0左右,并对抑菌防霉有重要作用,同时,它有涩味,是酸味最强的固体酸之一,吸收率低,有助于延长粉末制品等的保存期。当富马酸变为富马酸钠后,水溶性及风味均更好 [1] 。
</div>
</div>
</div>
</section>
<?php require "layout/footer.php" ?>
<script>$(function(){$("#pageName").text("百科信息"); $("#siteMenu > li").eq(4).addClass("active")})</script>
<script type="text/javascript">
$(function() {
//图片预览
$(".result-list").magnificPopup({
delegate: ".magnific",
type: "image",
gallery: {
enabled: false,
},
image: {
tError: '图片无法显示,请检查图片路径是否正确',
}
});
});
</script>
</body>
</html>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment