@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}
@font-face
{font-family: DINOT;
src: url('DINOT-Bold.ttf')}


body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,span,em,i,button,a{margin:0;padding:0;color:inherit;line-height: inherit;font-family:"PingFang SC","PingFangSC-Regular","microsoft yahei";font-size: 0.26rem;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;font-size:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
p,span,li{font-size:inherit;color:inherit;}
h3,h4,h5,h6{font-weight: normal;}
em,i,span,a,p{font-style:normal;font-size:inherit;}
*{box-sizing:border-box;color: #333;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}   
.bold{font-weight: bold;}
.center{text-align: center;}
.img{width: 100%;display: block;}
/* html{font-size:13.333vw;} */
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{display: block;width: 100%;border:none;background: transparent;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 

.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}
.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;display: flex; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
/* ::-webkit-input-placeholder{color:#bbb3c8;}
:-moz-placeholder{color:#bbb3c8;}
::-moz-placeholder{color:#bbb3c8;}
:-ms-input-placeholder{color:#bbb3c8;} */

/* html.pc{font-size:3.6vw;max-width:9rem;margin:0 auto;} */
body{-webkit-text-size-adjust: 100% !important;margin:0 auto;background-color: #fff;overflow-x: hidden;}
.container{max-width: 750px;margin:0 auto;position: relative;min-height: 100vh;padding-bottom: 1px;}

/* 大事记 */
.top-fixed{position: sticky;width: 100%;left: 0;top: 0;z-index:100;background-color: #fff;}
.head{position: relative;height: 1rem;overflow: hidden;}
.head .img{width: 100%;display: block;}
.hd-menu{position: absolute;right: 0.25rem;top: 50%;margin-top: -0.2rem;z-index:100;}
.hd-menu .icon{width: 0.4rem;height: 0.4rem;background:url(../images/icon_01.png) no-repeat center;background-size:contain;display: block;}
.hd-menu .icon.this{background-image:url(../images/icon_01-1.png);}
.hd-menu .drop{position: fixed;width: 100%;left: 50%;top: 1rem;background-color: rgba(0,0,0,.5);bottom: 0;display: none;max-width: 750px;transform: translate(-50%,0);}
.hd-menu .dropbox{padding:0 .3rem;background-color: rgba(255,255,255,.9);}
.hd-menu .lk{display: block;font-size: 0.28rem;font-weight: bold;line-height: 0.9rem;border-bottom:1px solid rgba(220,220,220,.9);background:url(../images/icon_05.png) no-repeat right center;background-size:.3rem;}
.hd-menu .lk:last-child{border-bottom:0;}






.crumb{font-size: 0.22rem;color:#333;line-height: 0.4rem;padding:.18rem .3rem;}
.crumb span{color:#1996db;}

.menu-bar{padding:0 .3rem;box-shadow:0 .1rem .35rem rgba(168,176,201,.16);}
.menu-bar .box{display: flex;justify-content: space-between;}
.menu-bar .lk{font-size: 0.28rem;color:#8e9aa1;line-height: 0.8rem;position: relative;}
.menu-bar .lk::after{content:'';position: absolute;left: 0;bottom: 0;width: 0;height: 0.07rem;background:url(../images/icon_04.png) no-repeat center;background-size:cover;transition: all .3s;}
.menu-bar .lk.cur{color:#1996db;font-weight: bold;}
.menu-bar .lk.cur::after{width: 100%;}

.menu-bar.scroll{white-space: nowrap;overflow-x: scroll;}
.menu-bar.scroll .box{display: block;width:calc(100% + 0.3rem);}
.menu-bar.scroll .lk{display: inline-block;vertical-align: middle;margin-right: 0.32rem;}
.menu-bar.scroll::-webkit-scrollbar{ display: none;} 

.dsj-list{padding:.25rem .3rem;}
.dsj-list .item{margin-bottom: 0.2rem;border-radius:.1rem;padding:.17rem .22rem;background-color: #fff;box-shadow:0 .1rem .35rem rgba(168,176,201,.16);}
.dsj-list .title{font-size: 0.24rem;font-weight: bold;line-height: 1.4;}
.dsj-list .txt{font-size: 0.22rem;color:#8e9aa1;line-height: 0.3rem;-webkit-line-clamp: 2;margin-top: 0.08rem;}
.dsj-list .sm{font-size: 0.22rem;color:#999999;display: flex;align-items: center;justify-content: space-between;margin-top: 0.08rem;}
.dsj-list .author{background:url(../images/icon_02.png) no-repeat left center;background-size:.26rem;padding-left: 0.31rem;}
.dsj-list .date{background:url(../images/icon_03.png) no-repeat left center;background-size:.26rem;padding-left: 0.31rem;}


/* 关于我们 */
.us-sec{padding:.45rem .3rem;}

.us-intro{}
.us-intro .title{font-size: 0.28rem;font-weight: bold;letter-spacing: .1rem;text-align: center;}
.us-intro .sm{font-size: 0.22rem;color:#8e9aa1;margin-bottom: 0.2rem;display: flex;justify-content: space-between;margin-top: 0.1rem;}
.us-intro .name{letter-spacing: .06rem;}
.us-intro .edit{font-size: 0.22rem;color:#333;line-height: 0.36rem;}


/* 今日聚焦 */
.det-sec{padding:.2rem .3rem;}
.det-sec .title{font-size: 0.28rem;font-weight: bold;text-align: center;}
.det-sec .sm{font-size: 0.22rem;color:#8e9aa1;display: flex;justify-content: space-between;margin-top: 0.1rem;margin-bottom: 0.2rem;}
.det-sec .edit{font-size: 0.22rem;color:#333333;line-height: 0.36rem;}

/* 学者专访 */
.xuez-list{padding: 0.3rem;}
.xuez-list .item{display: flex;align-items: flex-start;padding:.2rem;border-radius:.1rem;box-shadow:0 .1rem .35rem rgba(168,176,201,.16);margin-bottom: 0.2rem;}
.xuez-list .imgbox{width: 1.8rem;height: 2.3rem;margin-right: 0.2rem;}
.xuez-list .info{flex:1;overflow: hidden;padding-top: 0.06rem;}
.xuez-list .tt{display: flex;align-items: center;justify-content: space-between;}
.xuez-list .title{font-size: 0.24rem;font-weight: bold;flex:1;overflow: hidden;}
.xuez-list .more{font-size: 0.22rem;color:#8e9aa1;margin-left: 0.2rem;}
.xuez-list .smtit{font-size: 0.22rem;font-weight: bold;margin-top: 0.06rem;}
.xuez-list .txt{font-size: 0.22rem;color:#8e9aa1;line-height: 0.32rem;-webkit-line-clamp: 4;margin-top: 0.1rem;}


/* 书画院 */
.idx-tt{display: flex;align-items: center;justify-content: space-between;height: 0.3rem;margin-bottom: 0.2rem;}
.idx-tt .bt{font-size: 0.28rem;font-weight: bold;}
.idx-tt .more{font-size: 0.24rem;color:#8e9aa1;}

.sh-dt{padding:.1rem .3rem 0;}
.sh-dt .hotbox{display: block;border-radius:.1rem;overflow: hidden;position: relative;}
.sh-dt .hotbox .img{width: 100%;display: block;}
.sh-dt .hotbox .title{font-size: 0.24rem;color:#fff;padding:0 .3rem;position: absolute;width: 100%;left: 0;bottom: 0.15rem;z-index:2;}
.sh-dt .hotbox::after{content:'';position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;background:url(../images/img_05.png) no-repeat center;background-size:cover;z-index:1;}

.sh-dt .list{}
.sh-dt .list .item{padding:.22rem 0;border-bottom:1px solid #e9ecf5;display: block;}
.sh-dt .list .title{font-size: 0.24rem;font-weight: bold;line-height: 1.4;}
.sh-dt .list .date{font-size: 0.22rem;color:#999999;background:url(../images/icon_03.png) no-repeat left center;background-size:.26rem;padding-left: 0.38rem;margin-top: 0.11rem;display: block;line-height: 1.4;}
.sh-dt .list .item:last-child{border:0;}

.sh-border{height: 0.16rem;background-color: #f9f9f9;}

.sh-sec{padding:.3rem .3rem;}
.sh-sec .list{white-space: nowrap;overflow-x: scroll;width: calc(100% + 0.3rem);}
.sh-sec .list::-webkit-scrollbar{ display: none;} 
.sh-sec .list .item{width: 2rem;display: block;margin-right: 0.2rem;display: inline-block;vertical-align: text-top;}
.sh-sec .list .imgbox{height: 2rem;border-radius:.1rem;}
.sh-sec .list .tit{font-size: 0.28rem;font-weight: bold;margin-top: 0.15rem;}

/* 书画院列表 */
.sh-secc .list{white-space: initial;width: auto;overflow: hidden;margin-left: -0.45rem;display: flex;flex-wrap: wrap;}
.sh-secc .list .item{margin:0 0 .35rem .45rem;display: block;}

/* index */
.idx-ban{/* margin-top: 0.3rem; */margin-bottom: 0.4rem;}
.idx-ban .img{width: 100%;display: block;}


.idx-gg{padding:0 .3rem;}
.idx-gg .box{display: flex;align-items: center;height: 0.75rem;border-radius:.1rem; background: linear-gradient(to right, #fcfdfd , #f4f6f7);padding-right: 0.25rem;overflow: hidden;}
.idx-gg .tp{height: 0.3rem;}
.idx-gg .x{width: 1px;height: 0.32rem;background-color: #e1e4e6;margin:0 .2rem;}
.idx-gg .list{flex:1;overflow: hidden;height: 0.75rem;background:url(../images/idx_03.png) no-repeat right center;background-size:.24rem;padding-right: 0.4rem;}
.idx-gg .list li{height: 0.75rem;}
.idx-gg .list .title{display: block;font-size: 0.24rem;color:#666666;line-height: 0.75rem;}


.idx-gw{padding:.4rem .3rem;}
.idx-gw .detail{width: calc(100% + 0.3rem);}
.idx-gw .item{display: block;}
.idx-gw .item .imgbox{height: 2.3rem;border-radius:.1rem;overflow: hidden;}
.idx-gw .item .title{font-size: 0.28rem;font-weight: bold;margin-top: 0.1rem;}
.idx-gw .item .fz{font-size: 0.24rem;color:#1996db;margin-top: 0.05rem;}
.idx-gw .swiper-slide{width: 2rem;}

.idx-dsj{padding:.3rem .3rem 0;}
.idx-dsj .menu{white-space: nowrap;overflow-x: scroll;width: calc(100% + 0.3rem);margin-bottom: 0.1rem;}
.idx-dsj .menu::-webkit-scrollbar{ display: none;} 
.idx-dsj .menu .lk{font-size: 0.24rem;color:#999999;display: inline-block;vertical-align: middle;margin-right: 0.3rem;position: relative;font-weight: bold;line-height: 0.4rem;}
.idx-dsj .menu .lk::after{content:'';position: absolute;width: 0;left: 0;bottom: 0;height: 0.07rem;background:url(../images/icon_04.png) no-repeat center;background-size:cover;transition: all .3s;}
.idx-dsj .menu .lk.cur{color:#333;font-size: 0.28rem;}
.idx-dsj .menu .lk.cur::after{width: 100%;}

.idx-dsj .list{}
.idx-dsj .list li{border-bottom:1px solid #e9ecf5;}
.idx-dsj .list .box{height: 0.9rem;display: flex;align-items: center;}
.idx-dsj .list .title{font-size: 0.24rem;font-weight: bold;flex:1;overflow: hidden;}
.idx-dsj .list .date{font-size: 0.22rem;color:#999999;margin-left: 0.2rem;background:url(../images/icon_03.png) no-repeat left center;background-size:.26rem;padding-left: 0.31rem;}
.idx-dsj .list li:last-child{border:0;}

.idx-zt{padding:.4rem .3rem;}
.idx-zt .list{}
.idx-zt .list li{margin-bottom: 0.3rem;}
.idx-zt .list .box{display: flex;align-items: flex-start;}
.idx-zt .list .imgbox{width: 2.1rem;height: 2rem;margin-right: 0.2rem;border-radius:.1rem;overflow: hidden;}
.idx-zt .list .info{flex:1;overflow: hidden;padding-top: 0.1rem;}
.idx-zt .list .title{font-size: 0.24rem;color:#333333;line-height: 1.3;font-weight: bold;}
.idx-zt .list .txt{font-size: 0.22rem;color:#666666;line-height: 0.32rem;-webkit-line-clamp: 3;margin-top: 0.15rem;}
.idx-zt .list li:last-child{margin-bottom: 0;}


.idx-zl{padding:.4rem .3rem;}
.idx-zl .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -3%;}
.idx-zl .list .item{padding:.2rem;border-radius:.1rem;width: 48.5%;margin-top: 3%;box-shadow:0 .1rem .35rem rgba(168,176,201,.16);}
.idx-zl .list .date{font-size: 0.22rem;color:#1996db;}
.idx-zl .list .title{font-size: 0.24rem;font-weight: bold;line-height: 1.3;margin-top: 0.05rem;}
.idx-zl .list .txt{font-size: 0.22rem;color:#666666;line-height: 0.33rem;-webkit-line-clamp: 3;margin-top: 0.05rem;}


.idx-hj{padding:.4rem .3rem;}
.idx-hj .list{display: flex;flex-wrap: wrap;margin: -.2rem 0 0 -.2rem;}
.idx-hj .item{width: 2.15rem;display: block;margin: .2rem 0 0 .2rem;}
.idx-hj .item .imgbox{height: 2.3rem;border-radius:.1rem;overflow: hidden;}
.idx-hj .item .title{font-size: 0.28rem;font-weight: bold;margin-top: 0.12rem;}
.idx-hj .item .fz{font-size: 0.24rem;color:#1996db;margin-top: 0.05rem;}

.idx-qk{padding:.4rem .3rem;}
.idx-qk .list{display: flex;flex-wrap: wrap;margin:-.2rem 0 0 -.2rem;}
.idx-qk .list .item{width: 2.16rem;margin:.2rem 0 0 .2rem;}
.idx-qk .list .imgbox{height: 2.44rem;padding: 0.2rem;display: block;background-color: #f7f6f6;}
.idx-qk .list .title{display: block;font-size: 0.22rem;margin-top: 0.13rem;text-align: center;font-weight: bold;}

.idx-dl{padding:.4rem .3rem;}
.idx-dl .img{width: 100%;display: block;border-radius:.1rem;}
.idx-dl .txt{font-size: 0.22rem;font-weight: bold;margin-top: 0.2rem;padding:.2rem .25rem;border-radius:.1rem;box-shadow:0 .1rem .35rem rgba(168,176,201,.16);line-height: 0.33rem;}
.idx-dl .txt span{font-size: 0.26rem;}
.idx-dl .txt em{color:#1996db;}


.ft-lks{padding:.4rem .3rem;background-color: #e9f0f3;}
.ft-lks .tit{font-size: 0.28rem;font-weight: bold;margin-bottom: 0.15rem;line-height: 1.3;}
.ft-lks .lks{font-size: 0.22rem;color:#333333;line-height: 0.46rem;}
.ft-lks .lks a{display: inline-block;vertical-align: middle;}
.ft-lks .txt{font-size: 0.22rem;color:#333333;line-height: 0.46rem;font-weight: bold;}

.ft-bq{text-align: center;font-size: 0.2rem;color:#fff;padding:.25rem .2rem;background-color: #393e41;line-height: 0.3rem;}