body{background:#fff; color:#555;}
#top{padding: 10px 0;}
.btn-success{background:#377db5;}.btn-success:hover{background:#377dbd;}
#tLogo{width: 100%; margin-bottom: 10px;}
#logo {background: url(dqss_logo.gif) no-repeat center; background-size:contain; display: block; height:136px; margin: 0 auto; width: 382px; margin-top:5%; margin-bottom:3rem;}
#searchBox,#indexInfo,#infoBox{margin:0 auto; float:none;}#infoBox{padding-top:50px;}
#searchBut{padding-left:30px; padding-right:30px; border-radius: 0 10px 10px 0;}
#searchBut:hover{background:#377ef2;}
#zbBox{margin: 0 0 10px 0; padding: 0; height: 200px; overflow: hidden;}
#zbBox li{list-style: none; margin-bottom: 15px;}
#zbBox .zb_info_title{font-size: 18px; margin-bottom: 10px; height: 25px; overflow: hidden;}
#zbBox .zb_info_title span{margin-right: 15px; font-size: 12px; background: #337ab7; color: #fff; border-radius: 6px; padding: 5px 10px;}
#zbBox .zb_info_from span{margin-right: 15px;}
#zbBox .zb_info_from{font-size: 12px; color: #999;}
#newsBox{margin: 0; padding: 0;}
#newsBox li{list-style: none; margin-bottom: 15px;}
#newsBox .news_title{font-size: 18px; margin-bottom: 10px; height: 25px; overflow: hidden;}
#newsBox .news_site_name{color: #999; font-size: 12px; margin-bottom: 10px;}
#newsBox .news_site_name span{margin-right: 15px;}
#newsBox .news_images{display: flex; overflow: hidden;}#newsBox .news_images img{height:100px; margin-right: 10px;}

#tmBox{margin-bottom: 30px; position: relative; border-radius: 5px; box-shadow:-1px 0px 10px 2px #f1f1f1;}
.tmLogo img{max-width: 300px;}
.tmLogo span{background-color: #337ab7; color: #fff; border-radius: 5px; padding: 5px 8px; margin-left: 10px;}
.tmSlogn{font-size: 32px; margin: 10px 0; font-weight: bold;}
.tmLink{position: absolute; right: 15px; top: 15px; text-align: right;}
.tmLink span{color: #337ab7;}
.tmcps{margin-top: 30px;}
.tmcps ul{display: flex; padding: 0; margin: 0; overflow: hidden;}
.tmcps ul li{margin: 0; list-style: none;}
.tmcps ul li img{display: block; height: 108px;}
.tmcps ul li a{display: block; text-align: center;}

#hotKey{margin-top:15px;}
#footer{position:fixed; width:100%; background-color: #fff; padding: 15px; bottom: 0;}
#foot{margin:30px 0;}

#searchForm{margin-bottom: 20px;}
#totalNum{margin-bottom: 10px;}

div.title{text-align:center; font-size:25px; margin-bottom:80px; margin-top:100px; font-weight:300; color:#377db5;}
p.title{text-align:center; font-size:18px; margin:15px; font-weight:500; color:#555;}
.indexList{height:100%; overflow:hidden;}
.indexList li{list-style:none; float:left; width:18%; margin-left:3%; margin-right:3%; line-height:2.5rem; color:#999;}
.indexList li .glyphicon{font-size:56px; color:#377db5; display:block;}.highlight{color:#CC0000;}

.pbList{columns:3; column-gap:30px;}
.pbList .item{width:100%; break-inside:avoid; margin-bottom:30px;}
.pbList .item img{width:100%;}

#search-form{position:relative;}.proposal-box{position:absolute;height:auto;left:0;z-index:99; background:#fff; width:100%; top: 46px; left: 0;}.proposal-list{list-style:none; padding:5px; border-radius:0 0 10px 10px; box-shadow:1px 1px 5px #377dbd;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}.proposal-list li{text-align:left;padding:5px 10px;font-family:inherit;line-height:25px; font-size:16px; background-color:rgba(255,255,255,0.8);cursor:pointer}li.proposal.selected{background-color:#377db5;color:white}

#mySearch{display:none;}
#searchTop{margin:10px -15px 3rem -15px;}
#searchHeader{padding:15px 5px 5px 5px;}
#otherKeys{margin-top:30px;}
#pagebar{margin-top:30px; padding-bottom:100px;}

#keyList{margin-top:30px;}
#keyList ul{height:100%; overflow:hidden; margin: 0; padding:30px 0;}
#keyList li{list-style:none; cursor:pointer; height:18px; line-height:18px; padding-left:5px; margin-bottom:25px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; float: left; width: 30%; overflow: hidden;}
#keyList li a{color:#555;}

.hotKeys{margin:20px 0; padding: 0;}
.hotKeys li{margin-left: 15px; line-height: 2em; font-size: 16px;}
.reslist{padding-left:0;}
.listDom{list-style:none; text-align:justify; height: 100%; overflow: hidden; box-shadow:0 0 10px 6px #f1f1f1; padding:16px; margin-bottom:15px; border-radius: 10px 20px 0 10px;}
p.url{color: #999;}
p.url span.tag{color:#337ab7; margin-left:10px;}
p.url span.date{font-size: 10px;}
.listTitle{font-weight: 500; font-size: 22px; margin-top:10px;}
.listLogo{height: 100px; float: left; margin-right: 10px;}
a.listInfo{color: #555;}
.url_img{height: 68px; margin-right: 5px;}
.url2code{margin: 10px auto; text-align: center;}

#topKeys,#dqShops{border-bottom: 1px double #ddd; margin-bottom: 20px; max-width: 300px;}
#topKeys ol{margin: 10px 0; padding: 10px 20px;}
#topKeys li{line-height: 2em; cursor: pointer; color: #337ab7; font-size: 15px;}

/*imgList*/
.imgList{height:100%; overflow:hidden; padding-left:0;}
.imgList li{float:left; width:100px; height:100px; overflow:hidden; margin-right:5px; display:none;}
.imgList li a{width:100px; height:100px; display:block; background-position:center; background-repeat:no-repeat; background-size:contain;}