﻿/*school 20190708*/
.mtop10{margin-top: 10px;}
.filter-site{padding-top: 10px; font-size: 12px; background: #f8f8f9; text-align: center;}
.filter-site .subsite{position: relative;}
.filter-site .line-side{position: absolute; top: 15px; height: 85px; width: 16px; z-index: 1;}
.subsite-left .line-side{right: 0; background: url(../images/line_site.jpg) center 0 no-repeat;}
.subsite-right .line-side{left: 0; background: url(../images/line_site.jpg) center -85px no-repeat;}
.subsite li{position: relative; width: 92px; padding-top: 15px; cursor: pointer;}
.subsite-left li{float: left;}
.subsite-right li{float: right;}
.subsite .line{display: inline-block; width: 100%; height: 16px; background: #ebebee;}
.subsite li.first,.subsite-right li.last{text-align: right;}
.subsite-left li.last{text-align: left;width: 92px !important;}
.subsite li.first .line,.subsite li.last .line{width: 50%;}
.subsite .spot{position: absolute; top: 15px; left: 50%; margin-left: -8px; width: 16px; height: 16px; background: url(../images/ico_site.png) center top no-repeat;}
.subsite li.on .spot,.subsite li:hover .spot{background: url(../images/ico_site.png) center -20px no-repeat;}
.subsite .name{height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.subsite li.on .name{color: #e93b3d;}
.subsite li:hover .name{font-weight: 600;}
/*school 20190708 end*/

