@charset "utf-8";
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label{margin:0;padding:0;}
body,html,input,button,textarea,select{color:#333;font:12px/1.8 Gulim,Tahoma,Arial,Verdana,Helvetica,sans-serif;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
h1{font-size:18px;}
h2{font-size:16px;}
h3,h4,h5{font-size:14px;}
img{border:none;vertical-align:middle;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#333;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#333;text-decoration:underline;}
input[type="text"]:focus{outline:none;}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="button"],input[type="text"],input[type="password"],input[type="reset"],input[type="submit"],select{-webkit-appearance:none;appearance:none;border-radius:0;outline:0;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
::-webkit-input-placeholder{color:#aaa;}
:-moz-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}

/* clear floating */
.clearfix:after,.layout:after,.nav:after,.search-bar:after,.list-head:after,.pager:after,.list-gallery:after,.list-img li:after,.popbox dl:after,.small-img:after,.article-foot .acts:after,.share-bar:after,.choose-type li:after,.write dl:after{content:"";height:0;display:block;clear:both;visibility:hidden;}
* html .clearfix,* html .layout,* html .nav,* html .search-bar,* html .list-head,* html .pager,* html .list-gallery,* html .list-img li,* html .popbox,* html .small-img,* html .article-foot .acts,* html .share-bar,* html .choose-type li,* html .write dl{display:inline-block;}
* +html .clearfix,* +html .layout,* +html .nav,* +html .search-bar,* +html .list-head,* +html .pager,* +html .list-gallery,* +html .list-img li,* +html .popbox,* +html .small-img,* +html .article-foot .acts,* +html .share-bar,* +html .choose-type li,* +html .write dl{display:inline-block;}

/* layout */
.layout, main{width:980px;margin:0 auto;    position: relative;}
.topbar,.footer{min-width:980px;}

/* icon */
.select-box .select-arrow,.list-wrap li .fav,.article-title .add-fav,.file-list .ico-del{background-image:url(../_img/icons_pc.png);background-repeat:no-repeat;background-color:transparent;}

/* select */
.select-box{width:118px;height:20px;position:relative;background:#fff;border:1px solid #ccc;}
.select-box select{cursor: pointer;padding-left: 3px;width:100%;height:20px;line-height:20px;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);border:0;background:none;position:absolute;left:0;top:0;font-size:12px;}
.select-box .select-value{display:block;height:20px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 16px 0 3px;}
.select-box .select-arrow{display:block;width:11px;height:8px;font-size:2px;background-position:0 0;position:absolute;right:4px;top:50%;margin-top:-4px;}
.select-box .select-arrow-active{background-position:0 -10px;}
.checkbox{margin:2px 8px 0 0;width:13px;height:13px;padding:0;vertical-align:middle;float:left;}

/* search */
.search-bar{border:1px solid #ccc;background:#eee;padding:11px 14px;}
.search-bar .select-list{display:inline;float:left;}
.search-bar .select-box{margin:1px 5px 0 0;float:left;}
.search-bar .select-box-mar{margin:1px 20px 0 0;}
.search-bar .search-form{display:inline;float:right;}
.search-bar .search-ipt{width:166px;height:23px;line-height:23px;background:#fff;border:1px solid #ccc;padding:0 5px;float:left;margin:0 -1px 0 0;}
.search-bar .search-btn{width:50px;height:25px;line-height:25px;float:left;border:1px solid #ccc;background:#ddd;text-align:center;cursor:pointer;}
.search-bar .search-btn:hover{background:#ccc;}

/* ======================
   header
*/
.topbar{background:#eee;border-bottom:1px solid #ccc;padding:6px 0;line-height:28px;}
.topbar .path{display:inline;float:left;font-weight:bold;font-size:16px;}
.topbar .path em{color:#ff3900;}
.topbar .path i{padding:0 0 0 5px;}
.topbar .logo-txt{font-family:"Times New Roman", Times, serif;font-size:20px;font-weight:normal;}
.topbar .logo-txt:hover{color:#333;text-decoration:none;}
.topbar .logo-txt:hover em{color:#ff3900;}
.topr{display:inline;float:right;padding:0 0px 0 0;}
.topr li{float:left;}
.topr li a{padding:0 10px;float:left;}
.topr li a.focus{background:#ff3900;font-weight:bold;color:#fff;padding:0 25px;}
.topr li a.focus:hover{color:#fff;}
.nav{padding:16px 0 14px;}
.nav li,.nav li a{float:left;}
.nav li{padding:0 35px 0 15px;}
.nav li a{padding:0 0px;font-weight:bold;}
.nav li.current a{font-weight:bold;color:#ff3900;}

/* ======================
   footer
*/
.footer{width:100%;left:0;background:#eee;border-top:1px solid #ccc;padding:10px 0;margin-top: 30px;}
.footer ul.layout{width:950px;margin:0 auto;}
.footer li{display:inline;padding:0 15px 0 0;}



/* ======================
   list
*/
.list-head{padding:1em 15px 8px;border-bottom:1px solid #ccc;}
.list-head .checkbox{margin:3px 8px 0 0;}
.list-head .move,.list-head .del{float:left;margin:0 8px 0 0;}
.list-head .del-all{color:#aaa;}

/* text list */
.list-text{    }
.list-text li{padding-left:15px;margin:0 0 5px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: auto;}
.list-text li *{vertical-align:middle;}
.list-wrap li .checkbox{margin:4px 8px 0 0;}
.list-wrap li .fav{display:inline-block;width:16px;height:20px;background-position:0 -27px;margin:0 8px 0 0;}
.list-wrap li .fav{*display:inline;}
.list-wrap li .fav-act{background-position:0 -49px;}
.list-wrap li .time{white-space:pre;}
.list-wrap li .title{display:inline;word-break:break-all;}
.list-wrap li .title em{color:#aaa;padding:0 0 0 3px;}
.list-wrap li .txt,.list-wrap li .txt a{color:#ff3900;}
.list-wrap li .txt{padding:0 6px 0 0;}
.list-p{background-color:#FFFCF5; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;margin-top:15px;}
.list-p font{color:#FF3900;padding-right:10px}
.list-p-a{text-decoration: underline; color:#999999}


/* gallery list */
.list-gallery{padding:20px 0 0 2px;}
.list-gallery li{width:222px;height:270px;float:left;padding:0 11px;}
.list-gallery li .img{display:table-cell;width:222px;height:167px;vertical-align:middle;overflow:hidden;margin:0 auto 5px;text-align:center;*display:block;*font-family:Arial;*font-size:146px;}
.list-gallery li .img img{max-width:222px;max-height:167px;vertical-align:middle;}
.list-gallery li .fav{margin-right:6px;}
.list-gallery li .info{line-height:18px;padding:6px 0 0;}
.list-gallery li .info *{vertical-align:middle;}
.list-gallery li .info .checkbox{margin:3px 6px 0 0;}

/* img list */
.list-img{padding:12px 0;}
.list-img li{padding:5px 15px}
.list-img li .img{width:60px;float:left;}
.list-img li .img img{width:100%;}
.list-img li .info{padding:5px 0 0 70px;}
.list-img li .info *{vertical-align:middle;}

/* page */
.pager{border-top:1px solid #ccc;padding:10px 15px 20px;}
.pages{display:inline;float:left;line-height:23px;}
.pages .prev,.pages .next,.pages .first,.pages .last{font-weight:bold;}
.pages a,.pages span{display:inline-block;padding:1px 9px 0;background:#eee;margin:0 3px 0 0;vertical-align:middle;}
.pages a,.pages span{*display:inline;}
.pages a:hover,.pages a.current,.pages span.current{background:#aaa;color:#fff;text-decoration:none;}
.pages a.current,.pages span.current{font-weight:bold;}
.gotop{display:inline-block;border:1px solid #ccc;background:#eee;line-height:22px;float:right;padding:0 10px;}
.gotop:hover{background:#e5e5e5;color:#000;text-decoration:none;border:1px solid #ccc;}



/* ======================
   password
*/
.password-title{padding:8px 16px;border-bottom:1px solid #ccc;font-weight:normal;font-size:12px;}
.password-main{padding:20px 16px 600px;}
.password-main label,.password-main input{vertical-align:middle;}
.password-main .ipt{width:110px;padding:0 5px;height:22px;line-height:22px;border:1px solid #ccc;margin:0 1px 0 2px;}
.password-main .btn{width:55px;height:24px;line-height:24px;text-align:center;border:1px solid #ccc;background:#eee;cursor:pointer;margin:0 1px 0 0}
.password-main .btn:hover{background:#ddd;}




/* ======================
   write
*/
.write{padding:15px 0 30px;}
.write dl{line-height:22px;padding:0 0 15px 15px;}
.write dd{padding:0 0 0 65px;}
.write dt{width:65px;float:left;}
.write dl.hd{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc;}
.write dl.ft{border-top:1px solid #ccc;padding-top:10px;}
.write .choose-type li{padding:0 24px 0 0;float:left;}
.write .choose-type li input,.write .chbox{vertical-align:middle;margin:0;padding:0 3px 0 0;margin:0 3px 0 0;font-size:16px;}
.write .choose-type li label,.write dl label{vertical-align:middle;cursor: pointer;}
.write .select-box{margin:0 5px 0 0;float:left;}
.write .ipt-txt,.write .ipt-title{font-size: 12px;height:22px;line-height:22px;width:115px;padding:0 5px;border:1px solid #ccc;margin:0 5px 0 0;}
.write .ipt-title{width:785px;}
.write .txt-area{display:block;width:785px;height:300px;padding:5px;resize:vertical;border:1px solid #ccc;}
.write .txt-tips{display:inline;color:#aaa;}
.write .btn-send{height:26px;padding:0 25px;*padding:0 10px;background:#ff3900;border:0;font-weight:bold;cursor:pointer;color:#fff;}
.write .btn-send:hover{background:#DD3100;}
.write .btn-file{border:1px solid #ccc;background:#eee;text-align:center;cursor:pointer;}
.write .file-list{padding:8px 0 0;}
.write .file-list li{line-height:1.5;}
.write .file-list .ico-del{display:inline-block;width:15px;height:15px;background-position:0 -76px;margin:0 3px 0 0;vertical-align:middle;}
.write .file-list .file-name{display:inline;vertical-align:middle;color:#aaa;}

/* ======================
   article content
*/
.article-title{padding:20px 15px 10px;}
.article-title h1{display:inline;font-size:14px;padding:0 5px 0 0;vertical-align:middle;}
.article-title .add-fav{display:inline-block;width:16px;height:18px;background-position:0 -27px;margin:0 6px 0 0;vertical-align:middle;}
.article-title .add-fav{*display:inline;}
.article-title .add-fav-act{background-position:0 -49px;}
.article-meta{padding:0 15px 6px;} 
.article-meta,.article-meta a{color:#333;}
.article-meta li{display:inline;padding:0 10px 0 0;}
.article-detail{padding:15px;border-top:1px solid #ccc;}
.article-detail .content{padding:0 0 35px;word-break:break-all}
.gallery-view{padding:0 0 15px;}
.gallery-view .big-pic{margin-bottom:2px; height:450px; width:600px; vertical-align:middle; border:1px solid #EAEAEA}
.gallery-view .big-pic img{max-width:100%;}
.gallery-view .small-img{width:70%;}
.gallery-view .small-img li{float:left;padding:0 2px 2px 0;}
.gallery-view .small-img li img{height:50px;}
.share-bar{padding:8px 15px;}
.article-foot{padding:10px 15px 30px;border-top:1px solid #ccc;}
.article-foot .acts li{padding:0 3px 3px 0;float:left;}
.article-foot .acts li a{float:left;line-height:20px;padding:1px 16px 0;border:1px solid #ccc;background:#eee;margin:0 3px 0 0;}
.article-foot .acts li a:hover{background:#ddd;text-decoration:none;color:#333;}
.article-foot .txt{padding:10px 0 0;}

/* webkit hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
.search-bar .search-btn,.password-main .btn,.popbox .btn,.write .btn-file,.write .btn-send{line-height:normal;}
}
.button-container {
   display: flex;
   justify-content: left;
   gap: 10px;
   margin: 20px 0;
}
.report-btn {
   padding: 10px 25px;
   border: none;
   background-color: #ff3900;
   color: white;
   font-size: 12px;
   cursor: pointer;
   border-radius: 5px;
   line-height: 18px;
}
.report-btn:hover {
   background-color: #D32F00   ;
}
.list_min{
	position: absolute; 
	width: 100%;
	max-width: 300px;
	bottom: 61px;
	right: -20px;
}
main{
	min-height: 92vh;
}
.topr {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.topr li {
  display: flex;
  align-items: center;
  position: relative;
}

.center-border {
  position: relative;
}

.center-border .border {
  height: 13px;
  width: 1px;
  background-color: #a6a6a6;
  display: inline-block;
}

.center-border .left {
  margin-right: 6px;
}

.center-border .right {
  margin-left: 6px;
}