@charset "utf-8";
/* CSS Document */

/*公共*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "Microsoft Yahei", arial, "Lantinghei SC";
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
    display: block;
}

ul,
li,
ol {
    list-style: none;
}

dl,
dd {
    margin: auto;
}

.am-btn {
    font-size: 12px;
}

html {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
}

/*text-size-adjust不管屏幕怎么变文字大小不变*/

body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 12px;
    font-family: arial, "Lantinghei SC", "Microsoft Yahei";

}


a:link,
a:visited,
a:hover {
    text-decoration: none;
    outline: none;
}

/*所有超链接不要下划线*/

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/*任何标签、包括它前面、后面生成的内容都不要影响盒子的边框*/

.clear {
    clear: both
}

img,
input {
    vertical-align: middle;
}

a {
    color: #000;
    text-decoration: none;
}


.spatic {
    width: 100%;
    height: 16px;
}

h5 {
    float: right;
    color: #666;
    padding-right: 20px;
}

input.add,
input.min {
    width: 15px
}

.last {
    border-right: none !important;
}


/*浮动框*/
.nav.white {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1099;
    margin: 0px auto;
    background: #fff;
}

.nav.white .logo {
    float: left;
    height: 41px;
    width: 70px;
    margin: 6px auto;
}

.logoBig {
    display: none;
}



/*搜索框*/
.search-bar {
    height: 41px;
    margin: 8px 20px 0 10px;
}

.search-bar form {
    border: 2px solid #F03726;
    max-width: 670px;
}

.search-bar input {
    padding-left: 5px;
    height: 32px;
    width: 66%;
    outline: none;
    font-size: 12px;
    border: none
}

#ai-topsearch {
    width: 20%;
    height: 32px;
    border: none;
    float: right;
    background: #F03726 none repeat scroll 0% 0%;
    color: #F5F5F2;
    font-size: 14px;
    cursor: pointer;
    border-radius: 0px 0px;
}

/* 分类*/
.long-title,
.nav-cont {
    display: none;
}

/*侧边导航*/
.mui-mbar-tabs {
    display: none;
}

.header {
    display: none;
    max-width: 1000px;
    margin: 0px auto;
    font-size: 12px;
}

.footer-bd {
    display: none
}

.footer {
    text-align: center;
    border-top: 2px solid #F8F8F8 margin-top:20px;
    padding-top: 5px;
    margin-bottom: 60px;
}

.footer-hd {
    display: block;
}

.tip {
    display: none
}


.navCir {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
    background: #fff;
}

.navCir li {
    width: 25%;
    padding: 5px;
    background: #fff;
    border-top: 1px solid #f5f5f5;
    float: left;
    text-align: center;
    font-size: 14px;
}

.navCir li i {
    display: block;
    font-size: 18px;
}

.navCir li.active a {
    color: #F03726;
}



/*公共*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {

    font-size: 14px;

}


.nav.white {
    background: none;
}

.header {
    display: block;
    height: 35px;
}

.message-l {
    float: left;
}

.message-l .topMessage {
    padding: 0px 6px;
    height: 35px;
    line-height: 35px;
}

.message-r {
    float: right;
}

.message-r .topMessage {
    float: left;
    padding: 0px 6px;
    height: 35px;
    line-height: 35px;
}

.nav.white .logo {
    display: none;
}

.nav.white .logoBig {
    display: block;
    float: left;
    height: 56px;
    width: 115px;
    margin: 0px auto;
    margin-left: 5%
}

.nav.white .logoBig img {
    width: 100%;
}

.my-cart {
    width: 46px;
    height: 46px;
}

.search-bar {
    height: 51px;
    margin: 0px 50px 0 120px;
    padding-left: 5%;
}

#ai-topsearch {
    height: 46px;
}

.search-bar input {
    width: 80%;
    height: 32px;
}

.my-cart a {
    display: block;
    margin-top: 5px
}

.classified {
    display: none;
}

.navCir {
    display: none;
}

.nav.white {
    position: relative;
    top: 0px;
    z-index: 0;
}

#ai-topsearch {
    font-size: 18px;
}

/*底部*/
/*.footer {
    text-align: left;
    display: block;
    position: relative;
    margin: 0px auto;
    padding: 7px 0px 9px;
    border-top: 2px solid #FF5400;
    margin-top: 20px;
}

.footer .footer-bd p,
.footer .footer-hd p {
    margin-bottom: 8px;
    line-height: 27px;
    border-bottom: 1px solid #DDD;
    text-align: left;
}

.footer .footer-hd a {
    margin: 0px 4px;
    white-space: nowrap;
    color: #6C6C6C;
}

.footer .footer-hd b {
    margin: 0px 3px;
    font-weight: 400;
    color: #DDD;
}

.footer .footer-bd p {
    border-bottom: none;
}

.footer-bd {
    display: block;
}*/

.flright {
    float: right;
    color: #999;
    font-size: 1rem;
    margin-top: 2px;
}

.header,
.nav.white {
    padding-right: 40px;
}

.bloglist {
    margin-top: 0px;
}

.shopMain {
    margin: 0px 5px;
}

.banner {
    padding: 10px 12px 0
}

.layui-carousel>[carousel-item] {
    border-radius: 10px;
    box-shadow: 0 0 5px #e6e6e6;
}


.topicon {
    margin: 10px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

.item {
    text-align: center;
    padding: 5px 0;
    margin-bottom: 5px;
    width: 20%
}

.foot .topicon {
    margin: 0
}

.foot .item {
    text-align: center;
    padding: 2px 0;
    width: 20%
}

.imgcon {
    width: 60px;
    height: 46px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.topicon .imgcon img {
    width: 70%
}

.lessontop .topicon .imgcon img {
    width: 100%
}

.news {
    margin-top: 15px;
}

/*新闻样式*/
.news-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #F5F6FA;
    margin-bottom: 10px;
    margin-top: 5px;

}

.news-item .fr {
    color: #999;
    line-height: 20px;
    height: auto;
    font-size: 0.9rem;
}

.news-text {
    width: 70%;
    padding: 0 15px 0 5px;

}

.news-text .ftitle {
    height: 3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    margin-bottom: 6px;
    color: #000;
    overflow: hidden;
}

.news-text .subtxt {
    color: #999;
    font-size: 12px;

}

.news-text .subtxt img {
    position: relative;
    top: -2px;
}

.news-pic {
    width: 30%
}

.news-pic img {
    width: 100%;
    height: 5rem;
    border-radius: 4px;
}

/*无图新闻*/
.news-nopic-item {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.news-nopic-item .news-text {
    width: 100%;
    padding: 0 5px;
}

.news-nopic-item .news-text .ftitle {
    height: auto;
    color: #000;
    margin-bottom: 6px;
}

/*俩图新闻*/

.news-twopic-item,
.news-threepic-item {
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.news-twopic-item .news-text,
.news-threepic-item .news-text {
    width: 100%;
    padding: 0 5px;
}

.news-twopic-item .upicon,
,
.news-threepic-item .upicon {
    margin-right: 10px;
}

.news-twopic-item .news-text .ftitle,
.news-threepic-item .news-text .ftitle {
    height: auto;
    color: #000;
    margin-bottom: 10px;
}

.news-pics {
    display: flex;
}

.news-pics-item img {
    width: 100%;
    height: 100%
}

.news-pics-item:last-child {
    margin-right: 0;
}

.news-twopic-item .news-pics-item {
    width: 50%;
    margin-right: 8px;
    height: 90px;
    margin-bottom: 15px;
}

.news-threepic-item .news-pics-item {
    width: 33.3%;
    margin-right: 10px;
    height: 70px;
    margin-bottom: 15px;
}



/*公告样式*/
.notice-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #f7f1f1;
    margin-bottom: 10px;
    margin-top: 15px;

}

.notice-text {
    width: 85%;
    padding: 0 15px 0 15px;

}

.notice-text .ftitle {
    font-size: 1.15rem;
    margin-bottom: 8px;
    color: #333;
}

.notice-text .subtxt {
    color: #999;
    font-size: 0.8rem;
    /* overflow: hidden; */
}

.notice-text .subtxt img {
    position: relative;
    top: -2px;
}

.notice-date {
    width: 15%;
    border-right: 1px solid #f7f7f7;
    text-align: center;
}

.notice-date .month {
    font-size: 1.1rem;
    color: #999;
    line-height: 1.5rem margin-bottom:5px;
}

.notice-date .day {
    font-size: 2rem;
    color: #e80505;
    font-weight: bold;
}

/*.search-bar{border-bottom: 1px solid #eee}*/
.search-bar {
    height: 48px;
    padding: 8px 5px 10px 10px;
    box-shadow: 2px -1px 10px 0px #ddd;
    margin: 0;
    background: #07BFBF
        /*2C968A*/
    ;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.search-bar input {
    border: none;
    border-radius: 40px;
    padding-left: 30px;
    width: 100%
}

#search-icon {
    position: absolute;
    left: 10px;
    top: 8px;
    color: #999;
}

.card {
    background: #fff;
    padding: 15px 0;
    margin-bottom: 12px;
}

.box {
    border-radius: 6px;
    box-shadow: 0px 0px 3px 0px #f5e2e2;
    margin: 10px 15px;
    padding: 0
}

.lcard {
    padding: 15px 0 5px;
}

.title {
    color: #000;
    font-size: 12px;
}

.subtitle {
    color: #a4a4a4;
    font-size: 9px;
    margin-bottom: 8px;
}

.lsubtitle {
    color: #a4a4a4;
    font-size: 12px;
    margin-bottom: 8px;
}

.lptitle {
    font-size: 17px;
    color: #333;
    margin-top: 5px;
    font-weight: bold;
    padding: 0 5px 0 10px;
    background: url(../img/sg1.png) left center no-repeat;
    background-size: 5px 18px;
    margin-bottom: 15px;

}

.home .lptitle {
    font-size: 19px;
    color: #fff;
    margin-top: 5px;
    font-weight: bold;
    padding: 0 5px 0 10px;
    
    background-size: 100% 100%;
    height: 36px;
    line-height: 38px;
    margin-bottom: 10px;
}

.lptitle .fr {
    padding: 5px 5px 0 0
}

.lptitle img {
    position: relative;
    top: -4px;
}

.active {
    background: url(../img/ybg.png) center no-repeat;
    background-size: 49px;
    text-align: center
}

.foot {
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 5px #e6e6e6;
}

.foot .title {
    color: #000;
    font-size: 12px;
}

.foot #home {
    background: url(../img/f1-2.png) center no-repeat;
    background-size: 25px
}

.foot #news {
    background: url(../img/f2-2.png) center no-repeat;
    background-size: 25px
}

.foot #study {
    background: url(../img/f3-2.png) center no-repeat;
    background-size: 25px
}

.foot #organization {
    background: url(../img/f4-2.png) center no-repeat;
    background-size: 25px
}

.foot #my {
    background: url(../img/f5-2.png) center no-repeat;
    background-size: 25px
}

.foot .active .title {
    color: #000;
}

.foot .active #home {
    background: url(../img/f11.png) center no-repeat;
    background-size: 25px
}

.foot .active #news {
    background: url(../img/f2.png) center no-repeat;
    background-size: 25px
}

.foot .active #study {
    background: url(../img/f3.png) center no-repeat;
    background-size: 25px
}

.foot .active #organization {
    background: url(../img/f4.png) center no-repeat;
    background-size: 25px
}

.foot .active #my {
    background: url(../img/f5.png) center no-repeat;
    background-size: 25px
}

.foot .imgcon {
    height: 28px;
    margin-bottom: 0
}

.foot .layuiadmin-item {
    margin-bottom: 0;
}

.foot .title {
    margin-top: 0
}

.foot .topicon {
    margin: 5px 10px 0
}

.fr {
    float: right;
    font-size: 0.8rem;
    color: #999;
    line-height: 28px;
    font-weight: normal;
}

.shop ul li,
.product ul li {
    width: 50%;
    box-sizing: border-box;
    padding: 0 5px;
    float: left;
    margin-bottom: 10px
}

.shop ul li a,
.product ul li a {
    display: block;
}

.shop .pic {
    height: 5.8rem;
    position: relative;
}

.shop .pic img,
.product .pic img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

.firstitle {
    font-size: 0.9rem;
    line-height: 1.8rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sectitle {
    font-size: 0.7rem;
    line-height: 1rem;
    color: #ab8e5a;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shop .shoplogo {
    position: absolute;
    bottom: -5px;
    right: 8px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.shop .shoplogo img {
    border-radius: 4px;
}

.product .pic {
    height: 6.8rem;
}

.product .firstitle {
    margin-top: 4px;
}

.product .sectitle {
    font-size: 1rem;
    color: #F23434;
    font-weight: bold;
}

.product .sectitle span {
    font-size: 0.9rem;
    font-weight: normal;
}

.saler {
    margin: 6px 10px 6px;
    border-radius: 10px;
}

.saler a {
    display: block;
}

.saler .shoplogo {
    float: left;
    width: 23%;
    height: 2.8rem;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 10px;
    padding: 5px;
}

.saler .shoplogo img {
    width: 100%;
    border-radius: 4px;
    height: 2.8rem
}

.saler .shoptxt {
    float: left;
    width: 77%;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 10px
}

.saler .shoptxt .firstitle {
    font-weight: bold;
}

.saler .shoptxt .sectitle {
    font-size: 0.6rem;
    color: #666;
    margin-bottom: 0px;
}

.saler .shoptxt .fr {
    line-height: 0.8rem;
    color: #666;
    font-size: 0.6rem
}

.saler .shoptxt .star {
    font-size: 0.7rem;
    color: #f5852c
}

.saler .shoptxt .zhe {
    margin-top: 5px;
    margin-top: 5px;
    height: 16px
}

.saler .shoptxt .zhe span {
    padding: 2px 5px 0;
    border: 0.5px solid #f9caca;
    color: red;
    line-height: 0.7rem;
    display: inline-block;
    border-radius: 2px;
}

.fl {
    float: left;
}

.address {
    width: 50px;
    flex-grow: 1;
}

.order {
    width: 20px;
    flex-grow: 1;
    padding-left: 6px;
}

.order a {
    color: #fff
}

.search {
    flex-grow: 8;
    position: relative;
}


/*#slider {
    height: 40px;
    line-height: 40px;
    background: #fff;
}*/

.topbar {
    background: #fff
}

.fluid {
    background: #fff;
    padding: 15px 10px;
    margin-bottom: 12px;
}

.upicon {
    padding: 2px 5px;
    border: 1px solid red;
    color: red;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 0.8rem;
}

.mui-search {
    background: #fff;
}

.mui-search .mui-placeholder,
.mui-search {
    padding: 5px 10px;
}

.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
    box-shadow: none;
    background: rgba(0, 0, 0, .3);
}

.lessontop {
    background: url(../img/shbg.png) center no-repeat;
    background-size: 100%;
    padding: 15px 20px;
}

.lessontop .topicon {
    background: #fff;
    border-radius: 10px;
    position: relative;
    top: 55px;
    box-shadow: 0px 3px 6px #efd6d6;
    padding: 10px 5px;
}

.lessontop .imgcon {
    width: 30px;
    height: 40px;
}

.meeting-item {
    padding: 15px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 6px
}

.meeting-item .ftitle {
    font-size: 1.15rem;
    width: 100%;
    color: #333;
    display: flex;
    justify-content: space-between;
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #eee;
    background: url(../img/dw.png) left center no-repeat;
    background-size: 18px;

}

.meeting-item .ftitle .title {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px
}

.meeting-item .ftitle span {
    float: right;
    padding: 2px 4px;
    border-radius: 4px;
}

.meeting-item .subtxt {
    font-size: 0.8rem;
    color: #666;
    margin-top: 15px;
}

.meeting-item .subtxt p {
    height: 1.8rem
}

.wait {
    border: 1px solid #2090e8;
    color: #2090e8
}

.ongoing {
    border: 1px solid red;
    color: red
}

.over {
    border: 1px solid #999;
    color: #999
}

.classification {
    position: absolute;
    top: 51px;
    width: 100%;
    z-index: 100;
    height: 75px;
    background: #fff;
    box-shadow: -1px 3px 8px #eee;
    padding: 10px;
    z-index: 10000;
    border-radius: 0
}

.classification a {
    border: 1px solid #e25f5f;
    padding: 1px 5px;
    color: #d23a3a;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.meeting-details .top {
    height: 160px;
    background: url(../img/shyk.png) center no-repeat;
    background-size: 100% 100%;
    padding: 20px 15px 10px;
}

.meeting-details .top .ftitle {
    font-size: 1.4rem;
    color: #fff;
    padding-left: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ef6e70;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meeting-details .top .subtxt {
    font-size: 0.8rem;
    line-height: 1.8rem;
    color: #fff;
    margin-top: 10px;
}

.meeting-details .top .subtxt img {
    margin-right: 6px;
}

.cardbox {
    margin-bottom: 70px;
}

.cardbox .card-item {
    margin-bottom: 10px;
    background: #fff;
    padding: 15px 18px 20px;
}

.cardbox .title {
    font-size: 16px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f9f9f9
}

.cardbox .title i {
    position: relative;
    top: -2px;
    padding: 10px;
    background-size: 20px;
    margin-right: 5px;
}

.cardbox .subtxt {
    line-height: 1.7rem;
    font-size: 0.98rem;
    color: #999
}
.cardbox .subpic ul{display: flex;flex-direction: row;
    flex-wrap: wrap;}
.cardbox .subpic ul li{width: 20%;margin: 0 10px 10px 0}
.cardbox .subpic ul li img{max-width: 100%;max-height: 100%}
.cardbox .filelist li{height: 36px;line-height: 36px;border-bottom: 1px solid #f2f2f2;margin-bottom: 5px}
.cardbox .filelist li button{background: none;border:1px solid #ff0000;color: #ff0000;height: 28px;line-height: 28px}

.meeticon {
    background: url(../img/d.png) center no-repeat;
}

.renyuanicon {
    background: url(../img/ry.png) center no-repeat;
}

.qdicon {
    background: url(../img/qd.png) center no-repeat;
}

.fr {
    float: right;
    color: #fff;
    height: 30px;
    font-size: 0.9rem
}

.footbar {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
    height: 60px;
    padding: 10px 0;
    text-align: center;
    box-shadow: 0px 0px 1px #b9b9b9;
}

.members {
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.member {
    width: 62px;
    margin-bottom: 10px;
}

.member .name {
    font-size: 0.9rem;
    margin-top: 2px;
}

.dynamic {
    overflow-x: auto;
    display: flex;
    padding: 0 10px 0;
    flex-direction: row;
    flex-wrap: wrap;
}

.dynamic a {
    display: block;
    width: 50%;
    margin-bottom: 12px
}

.dynamic-item {
    /*box-shadow: 1px 2px #ddd;*/
    /*padding: 8px;*/
}

.dynamic-item .dynamic-pic img {
    width: 100%;
    margin-bottom: 8px;
    height: 115px;
    border-radius: 4px;
}

.readtxt {
    float: right;
    font-size: 0.8rem;
}

.dynamic-text .ftitle {
    font-size: 14px;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
    color: #333;
}

.dynamic-text .subtxt {
    color: #999;
    font-size: 0.8rem
}

.dynamic-text .subtxt img {
    position: relative;
    top: -2px;
}

.jc-dynamic {
    overflow-x: auto;
    display: flex;
    padding: 0 10px 0;
}

.jc-dynamic-item {
    width: 60%;
    margin-bottom: 12px
}

.jc-dynamic-item .jc-dynamic-pic img {
    width: 100%;
    margin-bottom: 8px;
    height: 115px;
}

.jc-dynamic-text .ftitle {
    font-size: 14px;
    margin-bottom: 8px;

    overflow: hidden;
    text-align: justify;
    color: #333;
}

.jc-dynamic-text .subtxt {
    color: #999;
    font-size: 0.8rem
}

.jc-dynamic-text .subtxt img {
    position: relative;
    top: -2px;
}

.dianxing {
    overflow-x: auto;
    display: flex;
    padding: 0 10px 0;
    flex-direction: row;
    flex-wrap: wrap;
}

.dianxing a {
    display: block;
    width: 50%;
    margin-bottom: 12px;
}

.dianxing-item {
    position: relative;
}


.dianxing .dianxing-pic img {
    width: 100%;
    margin-bottom: 8px;
    height: 115px;
}

.dianxing .ftitle {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    margin-bottom: 8px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    overflow: hidden;
	width:100%;
    color: #fff;
}


.mui-slider-indicator.mui-segmented-control {
    position: relative;
    bottom: auto;
    border-bottom: 1px solid #eee;
}

.card .fr {
    color: #999
}

.study .topicon .item {
    width: 24%
}

/*单列图片 主题党日*/
.onecols {
    width: 100%;
}

.onecols a {
    display: block;
    width: 100%;
    padding: 0 5px;
    /*margin-bottom: 15px;*/
}

.onecols-item img {
    width: 100%;
    /*height: 110px;*/
    border-radius: 7px;
    margin-bottom: 10px;
}
.onecols-pic p{
    font-size: 1.1rem;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
}

.onecols .ftitle {
    font-size: 1.15rem;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

.onecols .subtxt {
    color: #999;
    font-size: 0.9rem;
}

.time {
    background: url(../img/time.png) center no-repeat;
    background-size: 16px;
    padding: 15px;
}

.tips {
    display: inline-block;
    float: right;
    height: 26px;
    line-height: 20px;
    font-size: 0.9rem;
    border-radius: 20px 0 0 20px;
    background: #F96562;
    color: #fff;
    padding: 5px 10px 5px 16px;
    border: none;
	position:absolute;
	right:20px;
}

.onecols-item .over {
    background: #D0CECE;
}

/*两列图片青年党校样式*/
.twocols {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.twocols a {
    display: block;
    width: 50%;
    padding: 0 5px;
    margin-bottom: 15px;
}

.twocols-item img {
    width: 100%;
    height: 100px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.twocols .ftitle {
    font-size: 14px;
    margin-bottom: 4px;
    color: #333;
}

.twocols .subtxt {
    color: #999;
    font-size: 0.9rem;
}

.meetnotice {
    display: flex;
    padding: 20px 15px 15px 20px;
    height: 80px;
    background: #fff url(../img/dh.png) top right no-repeat;
    background-size: 500px
}

.meetnotice .left {
    width: 50px;
    margin-right: 10px;
}

.meetnotice .right .title {
    font-size: 16px;
    line-height: 1.9rem;
    margin-bottom: 0;
    color: #333;
    font-weight: bold;
}

.meetnotice .right .subtxt {
    font-size: 0.9rem;
    color: #999;
}

.redbtn {
    background: #0f73fa;
    color: #fff;
    border: none
}

.uptopbar {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
	font-size:14px;
	z-index:9999;
}

.uptopbar a {
    position: absolute;
    left: 5px;
    top: 0px;
	height:40px;
	line-height: 40px;
}

.footer {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 100000;
    width: 100%;
    border-top: 1px solid #f7f7f7
    height:42px;
    line-height: 42px;
    margin-bottom: 0
}
 
 .contentx{padding-top: 45px;}


 .listitem .fr{color: #666;line-height: 48px;}
 .listitem li{height: 44px;line-height: 48px;font-size: 14px;border-bottom: 1px solid #f2f2f2}
 .longtitle{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
 .longtxt{font-size: 13px;line-height: 18px;color: #999;margin-bottom: 15px;text-align: justify;}

 .pager{padding-left:0;margin:17px 0;list-style:none;text-align:center;}
.pager li{display:inline;}
.pager li > a,.pager li > span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px;}
.pager li > a:hover,.pager li > a:focus{text-decoration:none;background-color:#eeeeee;}
.pager .next > a,.pager .next > span{float:right;}
.pager .previous > a,.pager .previous > span{float:left;}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span{color:#777777;background-color:#fff;cursor:not-allowed;}