ul, li { list-style: none; }
a { text-decoration: none; color:var(--main); }
a:hover { color:var(--theme); text-decoration: none; }
.whitebg { background:var(--background); border-radius: 3px; padding: 20px; margin-bottom: 20px; overflow: hidden; }
/*htitle*/
.htitle { font-size: 16px; line-height: 40px; border-bottom: 1px solid var(--classC); color:var(--main); font-weight: normal; position: relative; margin-bottom: 10px; }
.htitle:after { content: ""; position: absolute; width: 60px; height: 2px; content: ""; background:var(--theme); left: 0; bottom: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.htitle:hover:after { width: 80px; }
.hnav { float: right }
.hnav a { display: block; margin-right: 10px; padding-right: 10px; float: left; position: relative }
.hnav a:after { position: relative; content: "/"; right: -10px; bottom: 0; color: #ccc }
.hnav a:last-child::after { content: "" }
/*

daohang.html

*/
.site_tj { overflow: hidden; padding-top: 20px }
.site_tj li { width: 16.6%; float: left; text-align: center; line-height: 30px; margin-bottom: 10px; }
.site_tj li a { border-radius: 3px; display: block; border: 1px solid var(--classC); margin: 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.site_tj li:hover a { box-shadow: 0 4px 10px -4px rgba(48, 63, 107, 0.20); background:var(--classD); color:var(--theme); }
.site_yx li:nth-child(30n) { margin-bottom: 60px }
 @media only screen and (max-width: 768px) {
.site_tj li { width: 20% }
.hnav a { font-size: 12px }	 
 }
 @media only screen and (max-width: 480px) {
.site_tj li { width: 50% }
.hnav { float: none; width: 100%; clear: both; display: block; overflow: hidden; }
}