@charset "utf-8";
/* CSS Document */

.moleculemain,.moleculemain .moleculecontent{width: 1200px;margin: 0 auto;overflow:hidden;-webkit-text-size-adjust: none;}
.moleculemain .moleculecontent{padding: 0;width: 1200px;padding-top: 10px;border-top: 1px #ddd solid;margin-top: 10px;}
.moleculemain .moleculecontent h3{ font-size:16px; color:#ff5500; font-weight:normal; margin-bottom:8px; text-align:left;}
.moleculemain .moleculecontent *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }
table.navbar{border-collapse:collapse;border-spacing:1px;line-height:120%;margin-top:20px;width: 100%;}                                              
table.navbar td{border:1px solid white;width: 60px;height: 45px;}                       
table.navbar td a,table.navbar td a.he{display:block;width: 50px;height: 40px;padding:3px 5px;font-size:10pt;font-weight:bold;text-align:center;text-decoration:none}                       
.info{ color:#333; background-color:#f5f5f5; text-align:center}                       
table.navbar td a:link,table.navbar td a:visited{color:#fff;background-color:#666;border: 1px #0f5782 solid;}                      
table.navbar td a:hover,table.navbar td a:active{ color:#fff; background-color:#cf0}                       
 table.navbar td a.ngases:link,table.navbar td a.ngases:visited{ color:#008000; background-color:#e6e6fa;  border:#0f5782 1px solid}                       table.navbar td a.ngases:hover,table.navbar td a.ngases:active{ color:#008000; background-color:#cf0; border:#0f5782 1px solid}                       table.navbar td a.onm:link,table.navbar td a.onm:visited{ color:#000; background-color:#f96; border:#0f5782 1px solid}                       
 table.navbar td a.onm:hover,table.navbar td a.onm:active{ color:#000; background-color:#cf0; border:#0f5782 1px solid}                       
 table.navbar td a.onm-gases:link,table.navbar td a.onm-gases:visited{ color:#008000; background-color: #f96; border:#0f5782 1px solid}                       table.navbar td a.onm-gases:hover,table.navbar td a.onm-gases:active{ color:#008000; background-color:#cf0; border:#0f5782 1px solid} 
.navbar td a.alkali:hover,.navbar td a.alkali:active{ color:#000; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.alkali-liquid:link,.navbar td a.alkali-liquid:visited{ color:#00f; background-color: #dda0dd; border:#0f5782 1px solid}                       .navbar td a.alkali-liquid:hover,.navbar td a.alkali-liquid:active{ color:#00f; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.alkalie:link,.navbar td a.alkalie:visited{ color:#000; background-color: #7fff00; border:#0f5782 1px solid}                       
.navbar td a.alkalie:hover,.navbar td a.alkalie:active{ color:#000; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.ometals:link,.navbar td a.ometals:visited{ color:#000; background-color:#cdeb8b; border:#0f5782 1px solid}                       
.navbar td a.ometals:hover,.navbar td a.ometals:active{ color:#000; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.ometals-liquid:link,.navbar td a.ometals-liquid:visited{ color:#00f; background-color: #cdeb8b; border:#0f5782 1px solid}                       .navbar td a.ometals-liquid:hover,.navbar td a.ometals-liquid:active{ color:#00f; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.metalloid:link,.navbar td a.metalloid:visited{ color:#000; background-color:#c79810; border:#0f5782 1px solid}                       
.navbar td a.metalloid:hover,.navbar td a.metalloid:active{ color:#000; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.halogens:link,.navbar td a.halogens:visited{ color:#000; background-color:#ade8c7; /*#f5f5f5;*/ border:#0f5782 1px solid}                       .navbar td a.halogens:hover,.navbar td a.halogens:active{ color:#000; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.halogens-liquid:link,.navbar td a.halogens-liquid:visited{ color:#00f; background-color:#ade8c7; /*#f5f5f5;*/ border:#0f5782 1px solid}
.navbar td a.halogens-liquid:hover,.navbar td a.halogens-liquid:active{ color:#00f; background-color:#cf0; border:#0f5782 1px solid}                       .navbar td a.halogens-gases:link,.navbar td a.halogens-gases:visited{ color:#008000; background-color:#ade8c7;  /*#f5f5f5;*/  border:#0f5782 1px solid}
.navbar td a.halogens-gases:hover,.navbar td a.halogens-gases:active{ color:#008000; background-color:#cf0; border:#0f5782 1px solid}                       .navbar td a.tmetals:link,.navbar td a.tmetals:visited{ color:#000; background-color:#f5f5dc;  border:#0f5782 1px solid}                       
.navbar td a.tmetals:hover,.navbar td a.tmetals:active{ color:#000; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.tmetals-liquid:link,.navbar td a.tmetals-liquid:visited{ color:#00f; background-color:#f5f5dc; border:#0f5782 1px solid}                       .navbar td a.tmetals-liquid:hover,.navbar td a.tmetals-liquid:active{ color:#00f; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.tmetals-synthetic:link,.navbar td a.tmetals-synthetic:visited{ color:#a52a2a ; background-color:#f5f5dc; border:#0f5782 1px solid}
.navbar td a.tmetals-synthetic:hover,.navbar td a.tmetals-synthetic:active{ color:#fff; background-color:#cf0; border:#0f5782 1px solid}                       .navbar td a.rare:link,.navbar td a.rare:visited{ color:#000; background-color:#a9a9a9;  border:#0f5782 1px solid}
.navbar td a.rare:hover,.navbar td a.rare:active{ color:#000; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.rare-synthetic:link,.navbar td a.rare-synthetic:visited{ color:#a52a2a; background-color:#a9a9a9;  border:#0f5782 1px solid}                       .navbar td a.rare-synthetic:hover,.navbar td a.rare-synthetic:active{ color:#fff; background-color:#cf0; border:#0f5782 1px solid}                       
.navbar td a.unnamed:link,.navbar td a.unnamed:visited{ color:#a52a2a ; background-color:#fff; border:#0f5782 1px solid}                       
.navbar td a.unnamed:hover,.navbar td a.unnamed:active{ color:#fff; background-color:#cf0; border:#0f5782 1px solid}  
td .liquid,td .solid,td .gas,td .synthetic{ background-color:#fff; border:#0f5782 0px solid; display:block; width:68px; height:35px; padding:3px 5px; font-size:10pt; font-weight:bold; text-align:center; text-decoration:none}                       
td .liquid{color:#00f}                       
td .solid{color:#000}                       
td .gas{color:#006400}                      
td .synthetic{color:#a52a2a}                        
td .alkali,td .alkalie,td .ometals,td .metalloid,td .halogens,td .tmetals,td .rare,td .ngases,td .onm{ color:#000; border:#0f5782 0px solid; display:block; width:60px; height:35px; padding:3px 5px; font-size:10pt; font-weight:normal; text-align:center; text-decoration:none}                       
td .ngases{background-color:#e6e6fa}                       
td .alkali{background-color:#dda0dd}                       
td .alkalie{ background-color:#7fff00}                       
td .ometals{ background-color:#cdeb8b}                       
td .metalloid{ background-color:#c79810}                       
td .halogens{ background-color:#ade8c7; /*#f5f5f5;*/}                      
 td .tmetals{ background-color:#f5f5dc}                       
 td .rare{ background-color:#a9a9a9}                       
 td .onm{ background-color:#f96}
 
 
.moleculemain .moleculeul,.moleculemain .moleculedl,.moleculemain .moleculedl dl{ width:100%; overflow:hidden;}
.moleculemain .moleculeul{ margin-bottom:20px;}
.moleculemain .moleculeul li{width: 20%;line-height: 30px;height: 30px;overflow:hidden;float:left;font-size: 14px;}

.moleculemain .moleculedl dl{border-bottom: 1px dotted #CDCED0;padding: 0px 0 15px;margin-bottom:15px;width: 100%;display: flex;align-items: center;}
.moleculemain .moleculedl dl dt{width: 200px;float:left;height: 150px;display: flex;align-items: center;justify-content: center;}
.moleculemain .moleculedl dl dt img{max-width: 100%;max-height: 100%;}
.moleculemain .moleculedl dl dt span{ display:block; text-align:center;}
.moleculemain .moleculedl dl dd{width: calc(100% - 240px);float:left;padding-left: 40px;}
.moleculemain .moleculedl dl dd ul li{display:block;width:100%;overflow:hidden;line-height: 22px;font-size: 14px;margin-bottom: 10px;}
.moleculemain .moleculedl dl dd ul li:nth-last-child(1){margin-bottom: 0;}
.moleculemain .moleculedl dl dd ul li em{width:90px;float:left;text-align: left;font-size: 14px;color:#999;font-style: inherit;}
.moleculemain .moleculedl dl dd ul li span{width: calc(100% - 100px);float:left;padding-left:5px;font-weight: normal;}
.moleculemain .moleculedl dl dd ul li span a{color: #069;}
.moleculemain .moleculedl dl dd ul li span a.red{ color:#CC0000; font-weight:normal; text-decoration:none;}
.moleculemain .moleculedl dl dd ul li span a:hover{ color:#ff5500;}
.Skipping{color: #555;text-align: center;margin: 30px 0;}
.Skipping .Skipping1{display: inline-block;}
.Skipping span{display: inline-block;border: 1px #006699 solid;background: #006699;color: #fff;padding: 2px 8px;border-radius: 3px;}
.Skipping a{border: 1px #006699 solid;display: inline-block;padding: 2px 8px;border-radius: 3px;}

.top_fanhui{
display: none;
}
@media (max-width:768px) {
.topNavBox,.header{display: none;}
/*.top_fanhui i {background: url(/Databaselist/images/headerIcon.webp) no-repeat;display: inline-block;width: 30px;background-size: 30px;}*/
.top_fanhui {display: block;background: #f9f9f9;padding: 0rem 1rem;border-top: 1px solid #DEDEDE;border-bottom: 1px solid #DEDEDE;width: 100%;position: fixed;z-index: 999;top: 0;height: 60px;left: 0;}
.top_fanhui h2 {font-size: 1.8rem;color: #111;position: relative;height: 60px;line-height: 60px;}
.top_fanhui h2 a.close {float: right;}
.ind_menuHidden .top_fanhui h2 a {font-size: 1.6rem;color: #888;float: left;text-align: left;width: 5rem;}
.top_fanhui h2 em {color: #333;width: calc(100% - 12rem);display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-weight: normal;font-family: arial;text-align:  left;}
.top_fanhui .I_fanhui {margin-right: 0.5rem;color: #888;font-size: 2rem;font-weight: bold;}
.top_fanhui .arrL {float: left;width: 3rem;text-align: left;}
.top_fanhui .arrL i {background-position: 0 0;height: 30px;margin-top: 1rem;}
.top_fanhui span.spot1 {float: right;width: 3rem;text-align: right;}
.top_fanhui span.spot1 .spot {background-position: 0 -67px;height: 15px;margin-top: 1.5rem;}
.top_fanhui a.search {float: right;width: 3rem;height: 4.5rem;text-align: right;margin-right: 0.5rem;margin-top: 0;padding: 0;}
.top_fanhui a.search i.search {background-position: 0 -25px;height: 40px;margin-top: 0.6rem;}
.top_fanhui .spotBox {width: 60%;background: #fff;padding: 0 1rem;position: absolute;box-shadow: 0 0 7px #ccc;right: 0.5rem;top: 6.3rem;display: none;transition: all ease-in-out 0.3s;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transform: translateY(0.5rem);z-index: 999;}
.top_fanhui .spotBox.open {top: 4.3rem;display: block;transform: translateY(0rem);}
.top_fanhui .spotBox ul li {height: 50px;line-height: 50px;border-bottom: 1px #dedede solid;}
.top_fanhui .spotBox ul {position: relative;}
.top_fanhui .spotBox ul:before, .top_fanhui .spotBox ul:after {content: "";position: absolute;top: -1.4rem;right: -0.2rem;width: 0px;height: 0px;border: 0.7rem solid transparent;border-bottom-color: rgb(255, 255, 255);z-index: 11;}
.top_fanhui .spotBox ul:before {top: -1.41rem;border: 0.7rem solid transparent;border-bottom-color: #bdbdbd;}
.top_fanhui .spotBox ul li a {font-size: 14px;color: #666;width: 100%;display: inline-block;}
.top_fanhui .spotBox ul li i {margin-right: 1rem;}
.top_fanhui .spotBox ul li i {width: 24px;background-size: 24px;vertical-align: -5px;background-repeat: no-repeat;height: 24px;}
.top_fanhui .spotBox ul li i.home {background-position: 0 -170px;}
.top_fanhui .spotBox ul li i.Categories {background-position: 0 -92px;}
.top_fanhui .spotBox ul li i.Quotation {background-position: 0 -117px;}
.top_fanhui .spotBox ul li i.Favorite {background-position: 0 -145px;}
.top_fanhui .spotBox ul li i.member {background-position: 0 -66px;}
.top_fanhui .spotBox ul li:nth-last-child(1) {border-bottom: none;}
*{box-sizing: border-box;}
.moleculemain, .moleculemain .moleculecontent{width: 100%;}
.moleculemain{padding: 15px;}
.bottom{width: 100%;}
.container{overflow-x: scroll;}
	    }