*, *::before, *::after {box-sizing: border-box;}
html, body {height: 100%;display: flex;flex-direction: column;}
a {vertical-align: baseline;background: transparent;text-decoration: none;cursor: pointer;}
ul, li, ol{list-style: none;padding: 0;}
button, input, optgroup, select, textarea {margin: 0;font-family: auto;outline: 0;}
.main{flex: 1 0 auto;}
/*row*/
.row{display: flex;flex-wrap: wrap;}
.row:after{display: table;content:"";clear: both;}
.row-1,.row-col-1{width:8.333333% !important;}
.row-2,.row-col-2{width:16.666667% !important;}
.row-3,.row-col-3{width:25% !important;}
.row-4,.row-col-4{width:33.333333% !important;}
.row-5,.row-col-5{width:41.666667% !important;}
.row-6,.row-col-6{width:50% !important;}
.row-7,.row-col-7{width:58.333333% !important;}
.row-8,.row-col-8{width:66.666667% !important;}
.row-9,.row-col-9{width:75% !important;}
.row-10,.row-col-10{width:83.333333% !important;}
.row-11,.row-col-11{width:91.666667% !important;}
.row-12,.row-col-12{width:100% !important;}
main.row-col-9{width:72% !important;}
aside.row-col-3{width:28% !important;}


header .box{border: aliceblue;padding: 5px;font-size: 14px;color: #555555;margin-left: 10px;position:relative;}
header .box .new_xx{position: absolute;top: 2px;right: 2px;background: red;width: 5px;height: 5px;border-radius: 5px;}
header .out{padding: 5px;font-size: 14px;color: #ed2929;margin-left: 10px;}
.clear:after{
    display: table;
    content: "";
    clear: both;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.threadlist{}
.new_post{padding: 10px 0;}
.new_post span{float:right;font-size: 14px;margin-top: 5px;margin-right: 10px;}
.new_post span em{
    font-style: initial;
    color: red;
}
#content{
    flex: 1 0 auto;
}
article{
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    word-break: break-all;
}
article h1{font-size: 18px;margin-bottom: 10px;line-height: 1.5;}
article img{max-width:100%;height: auto;}
article .data{
    color: #797979;
    font-size: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
article .data span{margin-left:auto}
article .con{padding: 5px 2px 13px;line-height: 1.5;font-size: 15px;}
article .con .data span{margin-left:0}
article .con .tag{font-size: 15px;margin-top: 15px;}
article .con .tag a{padding: 5px 2px 13px;line-height: 1.5;font-size: 14px;}

.option{
    float:right;
    position: relative;
}
.option .option_click{
    color: #868686;
    cursor: pointer;
    font-size: 16px;
}
.option ul{
    line-height: 100%;
    font-size: 11px;
    border: 1px solid #999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #fff;
    padding: 5px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
}
.option ul:before,
.option ul:after {
    border-bottom: 7px solid #444444;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 9px;
    position: absolute;
    top: -7px;
}
.option ul.open{display:block;z-index: 999;position: absolute;right: -4px;top: 25px;}
.option ul.open:before, .option ul.open:after {left: inherit;right: 14px;}
.option ul:after {
    border-bottom: 7px solid #fff;
    top: -6px;
}
.option ul a, .option ul a:link, .option ul a:visited, .option ul a:active {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    color: #333 !Important;
    padding: 3px 15px;
    line-height: 18px;
}
.option ul a:hover {
    color: #ffffff !Important;
    text-decoration: none;
    background-color: #004D9F !Important;
}
.forumAdd{
    display: block;
    text-align: center;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #FAFAFA));
    text-shadow: 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 2px #d0d0d0;
}
.forumTitle{
    padding-bottom: 15px;
    padding-top: 5px;
    text-align: center;
    font-size: 18px;
}
.forumBrief{
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.8;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.forumInfo{}
.forumInfo li{
    float: left;
    text-align: center;
    width: 25%;
}


.comment_list{
    margin-bottom: 10px;
}
.comment_list .head{
    padding: 10px 0;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 5px;
}
.comment_list .reply{
    padding-top: 14px;
}
.comment_list .reply a{
    font-size: 12px;
    margin-right: 15px;
}
.comment_list .reply a i{
    font-size: 12px;
}
.comment_list .reply .rep{color: #b1daea;}
.comment_list .bock{border-bottom: 1px solid #dfdfdf;padding-bottom: 10px;margin-bottom: 10px;}
.comment_list .l{display: flex;align-items: center;}
.comment_list .l .user{
    font-size: 12px;
    color: #9b9b9b;
    margin-left: 10px;
}
.comment_list .m .cont{padding-top: 10px;font-size: 14px;}
.comment_list .m .blockquote{font-size: 12px;background: #f3f3f3;padding: 5px;margin: 0 0 10px;color: #333;line-height: 1.8;}
.comment_list .m .blockquote span{color: #1e70d7;margin-right: 5px;height: p;}
.comment_list .m img{width: 20px;margin: 0 5px 0 0;vertical-align: middle;border-radius: 3px;}
.comment_list .r{
}
.comment_list .avatar{
    height: 30px;
    width: 30px;
    display: block;
    border-radius: 5px;
}
.comment_form .put{margin-top:10px}
.comment_form .put .user{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.comment_form .put .user span{
    font-size: 12px;
    color: #979797;
}
.comment_form .put .avatar{
    height: 15px;
    width: 15px;
    margin-right: 5px;
    border-radius: 5px;
    display: none;
}
.comment_form .reply_ing{
    font-size: 12px;
    color: #b1daea;
    display: none;
}
.comment_form .reply_no{
    color: #979797;
}

.cate_top li{
    float:left;
    margin: 8px 0;
}
.cate_top li a{
    padding: 2px 10px;
    border: 1px solid #ccc;
    margin-right: 10px;
    display: block;
}
.pages{
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pages li a{
    padding: 4px 12px;
    background: #fff;
    margin-left: -1px;
    border: 1px solid #dfdfdf;
    display: block;
} 
.pages li.active a{
    background: #dbc696;
    color: #fff;
}
.reply-kj{
    display: inline-block;
    background-color: #ff914d;
    color: #fff;
    border-radius: 3px;
    letter-spacing: 0.5px;
    padding: 8px 15px;
    
}
.tagPostList{
    padding: 0 0px 10px;
}
.tagPostList li{
    float:left;
    padding: 2px 5px;
    margin: 0 5px 5px;
}
.tagPostList li.on{
    background: #e4e4e4;
    border-radius: 3px;
}
.user-top{
    display: block;
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    line-height: 1;
    padding: 6px;
    background: #f8f8f8;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e1e1e1), color-stop(1, #FAFAFA));
    text-shadow: 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 2px #d0d0d0;
    color: #333;
}
.user-top a{
    padding: 3px 10px;
    display: inline-block;
    color: #333;
}
.user-top a.active{
    color: #1e79a7;
    font-weight: bold;
}
.user-main{
    background: #fff;
}
.user-body{
    padding: 15px;
}
.user-body .profile{
    line-height: 2;
}
.user-body .profile .avatar{
    width: 60px;
    height: 60px;
    border-radius: 5px;
}
.user-body .profile li{
    border-bottom: 1px solid #efefef;
    padding: 6px 0;
}
.user-nav a{
    padding: 6px 0;
    display: inline-block;
    margin: 0 10px;
}
.user-nav .active{border-bottom: 1px solid #4482b3;}
.post_ub{
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
}
.subtip{
    font-size: 14px;
    color: #f71e1e;
}
.links{padding-left: 12px;}
.links a{
    margin-right: 10px;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: "iconfont" !important;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
.fieldset{
    border: 1px solid #ccc;
    margin-top: 10px;
    word-break: break-all;
    padding: 10px;
}
.fieldset p{
}
.fieldset ul{
    font-size: 13px;
    color: #6d6d6d;
    line-height: 2;
}
.fieldset legend{
    font-size: 13px;
    color: #8a8a8a;
    margin-bottom: 0;
}
.fieldset .attachlist{
    margin: 5px;
}
.fieldset a{
    color: #0231b3;
    font-size: 13px;
}
.center{
    width: 1100px;
    margin: 0 auto;
}
.mx{margin:0 auto}
.inp{padding: 8px 8px;margin-bottom: 10px;border: 1px solid #ccc;border-radius: 3px;}
.popRemind{display:none;z-index:999;padding:4px;}
.popRemind .bg{z-index:-1;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0.2;border-radius:4px}
.popRemind .conBox{background:#0099CC;border-radius:3px}
.popRemind .con{padding:8px 14px 8px 10px;font-size:14px;color:#FFFFFF;text-align:center}
.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5 !important;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.4rem 0.8rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 0.5rem;
  font-size: 18px;
  margin: -0.4rem;
  border: 0;
  background: #fff;
}

.modal-title {
  margin-top: 5px;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0.8rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}
.show{display:block}
.fade.show {
    opacity: 1;
}
.fade{opacity: .5;
    transition: opacity .6s;
}
.mr-3{margin-right:15px  !important}
.mr-2{margin-right:10px !important}
.mr-1{margin-right:5px !important}
.ml-3{margin-left:15px !important}
.ml-2{margin-left:10px !important}
.ml-1{margin-left:5px !important}

.pr-3{padding-right:15px !important}
.pr-2{padding-right:10px !important}
.pr-1{padding-right:5px !important}
.pl-3{padding-left:15px !important}
.pl-2{padding-left:10px !important}
.pl-1{padding-left:5px !important}

.mt-3{margin-top:15px !important}
.mt-2{margin-top:15px !important}
.mt-1{margin-top:15px !important}
.mb-3{margin-bottom:15px !important}
.mb-2{margin-bottom:10px !important}
.mb-1{margin-bottom:5px !important}

.pt-3{padding-top:15px !important}
.pt-2{padding-top:10px !important}
.pt-1{padding-top:5px !important}
.pb-3{padding-bottom:15px !important}
.pb-2{padding-bottom:10px !important}
.pb-1{padding-bottom:5px !important}

.px-0{padding:0 !important}

.text-r{text-align:right}
.text-l{text-align:left}
.text-c{text-align:center}
.float-r{float:right}
.float-l{float:left}

.d-none{display: none !important;}
.thread-user-info{
    font-size: 11px;
}
.thread-user-info span{
    margin-right: 10px;
    color: #a5a5a5;
}
.thread-user-info .username{
    font-size: 12px;
    font-weight: bold;
}
.thread-user-info .usersign{display: none;}
.thread-user-info > div{display:inline-block}

@media (max-width: 640px){
    .container{width:100%;}
    #content{}
    #content .center{}
    header,footer{}
    footer .center {padding:0 10px}
    .row-col-1,.row-col-2,.row-col-3,.row-col-4,.row-col-5,.row-col-6,.row-col-7,.row-col-8,.row-col-9,.row-col-10,.row-col-11,.row-col-12{width:100% !important}
    main.row-col-9{width: 100% !important;}
    aside.row-col-3{width: 100% !important;}
    .links{padding-left: 12px;}
    .m-none{display:none}
    aside{padding-left: 0 !important;}
}

.custom-select{padding: 5px;}
.custom-file-input{
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  opacity: 0;
  cursor: pointer;
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  padding: 0.375rem 0.75rem;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  display: block;
}
.custom-file{
   position: relative;
   margin-left: 20px;
}
.d-file-flex{
  display: flex;
  align-items: center;
  align-content: start;
  margin-bottom: 15px;
}
.form-group{margin-bottom:10px}
.navlist ul{}
.navlist ul li{
    float: left;
    padding: 2px 12px;
    text-align: center;
    margin-right: 12px;
}
.navlist ul li a{
    color: #3a3a3a;
    font-size: 18px;
    padding: 5px 0;
}
.navlist ul li a.cur{
    color: #119ddf;
}