body {margin:0;text-align:center;}
form,iframe,ul,ol,li{margin:0;padding:0;}
iframe{height:0;width:0;overflow:hidden;}
ul li{box-sizing:border-box;list-style:none;}
a{text-decoration:none;color:#0026ff;}
a:hover{color:#c00;}
a.hot{color:#f00;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {zoom: 1;}
.sotitle{border-bottom:2px solid #360;margin-top:2%;text-align:left;line-height: 0;font-size: 0;height: 36px;box-sizing: border-box;}
.sotitle h2{display:inline-block;background:#360;color:#fff;margin: 0 0 0 .85%;padding:5px 20px;font-size:22px;line-height:24px;border-radius: 3px 3px 0 0;}
.sotitle h2 a{color:#fff}
.sotitle em{font-style:normal;}
.morelnk {float:right;margin: 5px .8% 0 0;font-size: 15px;line-height: 22px;}
.morelnk a{border:1px solid #360;border-radius:3px;padding:3px 10px;color:#360;margin:0 0 0 -1px;}
.morelnk a.hot{color:#f00;}
.rellnks{text-align:left;margin:10px 0 0 2%;font-size:13px;color:#555;}
.rellnks b{font-weight:400;background:#360;color:#fff;border-radius:3px;padding:3px 8px;}

.hotlst li{position:relative;}
.iicon {display:inline-block;font:0;line-height:0;}
.iicon img{width:80px;height:80px;object-fit:cover;vertical-align: middle;margin:5px 5px 5px 0;border-radius:5px;}
.hotlst li i{vertical-align:middle;position: absolute;right: 0;top: 50%;margin: -18px 10px 0 0;}
.ctip{vertical-align:middle;}
.txtlst {}
.txtlst ul{margin: 1%;padding:0;border-top: 1px solid #eee;}
.txtlst li{/* margin: 1% 0; */position:relative;text-align:left;clear: both;padding: 10px 0;box-sizing: border-box;height: 100%;overflow: hidden;border-bottom: 1px solid #eee;}
.txtlst li em{overflow:hidden;position:relative;float: left;}
.txtlst li .txt{display:block;margin:0 0 0 145px;}
.txtlst .nopic .txt{margin:0;}
.txtlst img,.txtlst video{width: 135px;height: 90px;object-fit:cover;display:block;}
.txtlst a{text-decoration:none;/* float: left; */}
.txtlst li b{box-sizing:border-box;/* padding:5px 10px; */font-weight:400;float: left;min-height: 42px;}
.txtlst .nopic b{min-height: 0;}
.txtlst li .tm{float:left;width: 100%;display: block;/* height: 50px; */margin-top: 5px;line-height: 15px;}
.txtlst li i{/* float:left; */display: inline-block;/* width:50%; */line-height: 16px;font-style:normal;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding: 0 10px 0 0;}
.txtlst li:hover img,.txtlst li:hover video{}
.txtlst video+span{position:absolute;top:0;right:0;content:" ";width:100%;height:100%;background:url(http://odp.cn/file/play.png) center no-repeat;background-size:30%;opacity:0.5;}

.piclst {}
.piclst ul{margin: 0.5%;/* -webkit-columns:3; */-moz-columns:3;/* columns: 5; *//* column-gap: 1%; */text-align: left;}
.piclst li{/* float: left; */width: 20%;padding: .5%;display: inline-block;position:relative;text-align: justify;text-align-last: justify;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;vertical-align: top;}
.piclst li .tm{/* white-space:nowrap; *//* overflow:hidden; *//* text-overflow:ellipsis; */display: block;}
.piclst li em{display:block;width:100%;/* height:180px; *//* height:15vw; */overflow:hidden;position:relative;padding-top: 80%;}
.piclst img,.piclst video{width:100%;/* height:180px; *//* height:15vw; */object-fit:cover;display:block;position: absolute;height: 100%;top: 0;}
.piclst a{text-decoration:none;}
.piclst li .txt{position:relative;width: 100%;display: block;}
.piclst li b{display:block;position: absolute;left:0;/* top: 0; */bottom: 100%;background:rgba(0,0,0,0.6);width:100%;color:#fff;box-sizing:border-box;padding:5px 10px;font-weight:400;/* margin-top: -30px; */overflow: hidden;/* text-overflow: ellipsis; *//* white-space: nowrap; */text-align: center;text-align-last: center;}

.piclst li b a{color:#fff}
.piclst li i{/* float:left; *//* width: 120px; */text-align:left;/* line-height:30px; */font-style:normal;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display: inline-block;padding: 0 10px;max-width: 100%;overflow: hidden;box-sizing: border-box;}
.piclst li:hover img,.piclst li:hover video{width:110%;height: 110%;margin: -5% 0 0 -5%;}
.piclst video+span{position:absolute;top:0;right:0;content:" ";width:100%;height:100%;background:url(http://odp.cn/file/play.png) center no-repeat;background-size:30%;opacity:0.5;}
.piclst li>a>b{bottom:30px;}
.piclst li>i{line-height:30px;float:left;}

.piclst .nopic:before{content:" ";display:block;width:100%;height: 100px;}
.hotlst{clear:both;}
.mwp{
    /* margin:0 auto; */
    /* max-width:1200px; */
    position: relative;
}
.main{/* float:left; */margin: 0 320px 0 0;min-height: 500px;}
.side{float:right;width:320px;position: absolute;left: auto;right: 0;top: 1.25%;}
.mtxt{border:1px solid #eee;text-align:left;margin: 0 5%;}
.mtxt h4{background:#eee;text-align:center;margin:0;line-height:32px;font-size:18px;}
.mtxt div.txt{padding:10px;line-height:2em;}

.pager{clear:both;margin-bottom:2%;}
.pager span{display:inline-block;}
.pager a{display:inline-block;margin:5px 3px;border:1px solid #360;border-radius:3px;padding:2px 5px;color:#360;}
.footer{border-top:1px solid #360;background:#f6f6f6;line-height:25px;font-size:12px;}
.footer a.efile{color:#c00}
#freshIframe{display:none;}
.joinnote {}
.joinnote em{color:#e00;font-weight:800;font-style:normal;}

.duringbox{float:right;margin: 0 10px 0 0;line-height: 17px;}
.duringbox input{vertical-align:middle;}
.duringbox a{cursor:pointer;font-size:14px;padding: 0 4px;vertical-align:middle;box-sizing: border-box;border: 1px solid #ccc;line-height: 17px;margin-right: -1px;display: inline-block;}
.duringbox a.cur{background:#ddd;color:#000;}
.dtpickerinput{width: 80px;margin: 7px -1px 7px 0;box-sizing: border-box;border: 1px solid #ccc;color: #333;text-align:center;vertical-align: middle;}
#DuringBtn{box-sizing:border-box;background:#eee;border: 1px solid #ccc;padding:0 5px;vertical-align:middle;}


.loadot:after{
  content: ".";
  animation: dot 1s linear infinite;
}
@keyframes dot {
  0% {
    content: ".";
  }
  33% {
    content: "..";
  }
  66% {
    content: "...";
  }
  100% {
    content: "";
  }
}



@media only screen and (max-width:800px) {
body {-webkit-text-size-adjust: none;width:100vw;}
.sotitle{margin: 1%;height: 30px;}
.sotitle h2{font-size:18px;line-height: 24px;padding: 3px 10px;margin:0;box-sizing: border-box;max-width: calc(100vw - 110px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hotSoBd .sotitle{margin: 1% 1% 25px}
.morelnk a{padding: 3px 5px;}

.rellnks{margin: 7px 0 5px 2%;font-size:13px;color:#555;}
.txtlst ul{margin:0;background:#f6f6f6;}
.txtlst li{margin:5px;padding:5px;background:#fff;border-radius:5px;}
.txtlst li img{border-radius:5px;}
.txtlst li em{float: right;}
.txtlst li .txt{margin:0 145px 0 0;}

.main{margin:0;min-height:100px;}
.side{float:none;width:100%;position: static;}
.mtxt{margin:5px}

.piclst ul{/* columns:2; */margin: 0 0.5%;}
.piclst li{/* float:none; */width: 50%;margin:0;font-size:14px;}
.piclst li:only-child{width:100%;}
.piclst li i{padding:0 5px 0 0;}
.piclst li i:last-of-type{padding:0;}
.piclst li em{/* height:40vw; */}
.piclst img,.piclst video{/* height:40vw; */}
.piclst li:hover img,.piclst li:hover video{}
.duringbox{margin:0 2px 0 0;float: none;position:relative;}
.dtpickerinput{width: calc((100vw - 181px) / 2 );margin: 5px -1px 5px 0;}
#DuringBtn{position:absolute;right:0;top:5px;}
}

@media only screen and (max-width:500px) {
.piclst li em{/* height:80vw; */}
.piclst img,.piclst video{/* height:80vw; */}
}