@charset "utf-8";

#main-col ul li div.clearfix { background: #171717; }
#Wrapper { margin-bottom: 60px; }
#Wrapper .row { position: relative; }

.item .photo a > img { height: auto !important; }

/*----------index列表----------*/
.grid li .item { margin-bottom: 0; margin: 4%; }
.grid li .item a { background: #171717; /*background: red;*/ }

hgroup.subject { display: flex; justify-content: space-between; align-items: center; color: #fff; padding: 5px 0; border-radius: 3px; margin: 40px 15px 15px;}
hgroup.subject h2 { font-weight: bold; margin: 0; font-size: 28px; }
hgroup.subject div { font-size: 16px; }

.section-new-article { min-height: 70vh; }
.section-new-article li { background: #171717; /*background: red;*/ margin: 1%; }
.section-new-article li > img { position: relative; border-radius: 17px; }
.section-new-article li p { /*position: absolute;*/ color: #fff; }
.section-new-article li p.name { display: flex; align-items: center; font-size: 16px; padding: 3px 0 5px; /*max-width: calc(80% - 60px);*/ }
.section-new-article li p.name img { width: 40px !important; height: 40px; border-radius: 99px; margin-right: 5px; }
.section-new-article li p.name span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
ul.new-article-index li .item .photo a > img { border-radius: 5px; }
.section-new-article li p.action { display: flex; align-items: center; margin: 10px 0; }
.section-new-article li p.action img { width: 25px !important; height: 25px; }
.section-new-article li p.action span { margin: 0 12px 0 5px; }
.section-new-article li p.action img.reply { padding: 1px; background: #fff; border-radius: 99px; }
.section-new-article li p.action span.reply { border-radius: 99px; background: #fff; color: #171717; padding: 3px 10px; }
.section-new-article li p.greeting { bottom: 5px; left: 15px; max-width: calc(100% - 30px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }



/*footer .left { margin: 0; font-size: 20px; }
footer .left a { background-color: #fff; padding: 10px 20px; color: #ff6066; border-radius: 99px; font-weight: normal; margin-left: 20px; display: inline-block; }*/
.fixed-adv { position: fixed; bottom: 0; width: 100%; height: 72px; display: flex; padding: 10px 12px; justify-content: center; align-items: center; background: linear-gradient(to right, #6928BB, #FF1474); z-index: 99; }
/*height: 108px;*/
.fixed-adv-message { color: #fff; font-size: 18px; font-weight: bold; }
.fixed-adv-btn { background-color: #fff; color: #101010; font-size: 16px; padding: 5px 20px; border-radius: 99px; font-weight: bold; margin-left: 15px; }



@media only screen and  (min-width: 1199px) {
  ul.new-article-index li { width: 48%; }
  /*ul.new-article-index li:nth-child(6) { display: block; }*/
}
@media only screen and (max-width: 1199px) and (min-width: 990px) {
  ul.new-article-index li { width: 48%; }
}
@media only screen and (max-width: 990px) and (min-width: 768px) {
  ul.new-article-index li { width: 98%; }
}
@media only screen and (max-width: 768px) and (min-width: 640px) {
  ul.new-article-index li { width: 98%; }
}
@media only screen and (max-width: 640px) {
  ul.new-article-index li { width: 98%; }
}
@media only screen and (max-width: 500px) {
    ul.new-article-index li { width: 98%; }

    /*footer .left { font-size: 16px; }
    footer .left a { padding: 6px 12px; margin-left: 10px; }*/
    .fixed-adv-message { font-size: 16px; }
    .fixed-adv-btn { padding: 6px 12px; margin-left: 10px; }
}