@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; height:100%; background:url(../images/bg.jpg) repeat center center fixed;}
#top{width:100%; height:32px; background:#FFF; padding:0; margin:-20px auto 0 auto}
.topnl{width:1000px; margin:0 auto; font-size:12px; line-height:30px;}
.topnl span{width:500px; float:left; color:#666}
.topnl ul{list-style:none; margin:0; padding:0; float:right}
.topnl li{float:left; width:83px; margin-left:2px; margin-top:5px}

#dhlist{width:1000px; margin:5px auto; font-size:18px; line-height:35px; height:60px; background:#FFF; opacity:70%; border-radius:30px 30px 0 0}
#dhlist ul{list-style:none; margin:0; padding:0; float:right}
#dhlist li{float:left; width:96px; margin-top:10px;}
#dhlist a:link,#dhlist a:visited{text-decoration:none; color:#666}
#dhlist a:hover,#dhlist a:active{text-decoration:none; color:#F30}

#content{width:1000px; margin:0 auto; background:#FFF; height:1070px; opacity:95%}
#content .title{color:#999; margin-left:5px; font-size:16px; font-weight:600; line-height:32px; padding-top:8px;}
.title .a1{font-size:12px; font-weight:200; margin-left:5px;}
.title .a2{float:right; width:160px; text-align:right; margin-right:15px; font-size:12px}
.title .a2 a{font-size:12px;}
.title a:link,.title a:visited{text-decoration:none; color:#999}
.title a:hover,.title a:active{text-decoration:none; color:#000}
#content .list1{width:100%; float:none; margin-top:2px; height:480px;}
#content .list2{width:100%; float:none; margin-top:2px; height:940px;}
#content .nl{width:240px; margin:5px; height:220px; float:left}
#content .nl:hover {transform: scale(1.02, 1.02);box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);}
.nl img,.nl .img{width:230px; margin:2px auto; height:150px; border-radius:5px}
.nl .nldate{margin:5px; font-size:12px; color:#666}
.nldate span{width:100px; text-align:right; float:right}
.nlbt{font-size:14px; font-weight:300; margin:5px;}
.play{display:block; position:absolute;}
.play img:hover{transform:scale(1.1,1.1)}

.list1 a:link,.list1 a:visited,.list2 a:link,.list2 a:visited{text-decoration:none; color:#333}
.list1 a:hover,.list1 a:active,.list2 a:hover,.list2 a:active{text-decoration:none; color:#693}

hr{ border-color:#F9F9F9}

.page{width:1000px; height:24px; padding:0; margin-top:5px;}
.page ul{list-style:none; width:880px; margin:0 auto; padding:0}
.page li{float:left; width:45px; height:20px; margin-top:1px; margin-left:5px; text-align:center; background:#FFF; display:block}
.page a{text-decoration:none}
.page li:hover{background:#CCC;border:solid 1px #CCCCCC}
.page .ok{ background:#6CF}
.top10{font-size:14px; color:#999}
.top10 li{height:23px;}
.top10 li a:link,.top10 li a:visited{text-decoration:none; color:#09F}
.top10 li a:hover,.top10 li a:active{text-decoration:none; color:#C00}

#end{width:1000px; height:90px; margin:-15px auto; background:#FFF; text-align:center; padding:20px 0; font-size:12px; border-radius:0 0 50px 50px; opacity:80%}
#end a{text-decoration:none}

.search {
  width: 100%;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 3px solid #CCC;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 36px;
  border: 1px solid #CCC;
  background: #CCC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

/*调整大小查看搜索栏的变化*/
.wrap{
  width: 80%;
}

.yes{ font-weight:600}