/* 全局 */
html,body{overflow-x: hidden;}
html body{margin-top: 61px;}
html{background-color: #F2F2F2;}
i{font-style: normal;}
/* 系统 */
::-webkit-input-placeholder{color: #c2c2c2}
/* 辅助 */
a:hover{color: #009fa8; transition: all .3s;}
pre{padding: 10px 15px; margin: 10px 0; font-size: 12px; border-left: 6px solid #009fa8; background-color: #f8f8f8; font-family: Courier New; overflow: auto;}
pre{position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;}
pre{border: none; border-left: 5px solid #ddd;}
.layui-container{padding: 0;}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover{cursor: pointer;}
.layui-border-green { border-color: #009fa8!important; color: #009fa8!important; }
.fly-main{width: 1079px; min-height: 600px; margin: 0 auto 15px;}
.layui-badge{height: 20px; line-height: 20px; border-radius: 2px;}
.artist_follow {position: absolute; right: 15px;width: 80px; text-align: right;top:0;}
.artist_follow .layui-btn{border-radius: 10px; height: 20px; line-height: 20px; padding: 0 9px;width: 60px;}
.artist_follow .layui-btn .layui-icon{font-size: 12px!important;}
.fly-link{color: #333;}
.fly-link:hover{color: #009fa8;}
.fly-grey{color: #999;}
.fly-msg, .fly-error{padding: 10px 15px; line-height: 24px;}
.fly-msg{background-color:#F8F8F8; color:#666;}
.fly-msg a{color:#4F99CF}
.fly-error{color: #FF5722;}
.fly-editbox{position: relative;}
.fly-marginTop{margin-top: 15px;}
.fly-mid{display: inline-block; height: 10px; width: 1px; margin: 0 10px; vertical-align: middle; background-color: #e2e2e2;}
.fly-right{position: absolute; right: 15px; top: 0;}
.fly-imagecode{position: relative; margin-top: -12px; cursor: pointer;}
/* 过度 */
.fly-loading{position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -15px; font-size: 30px; color: #c2c2c2;}
/* 头像 */
.fly-avatar{position: absolute; left: 15px; top: 15px;}
.fly-avatar img{display: block; width: 45px; height: 45px; margin: 0; border-radius: 50%;}
/* 徽章 */
.fly-badge-vip{height: 16px; line-height: 16px; padding: 0 3px; background-color: #FF5722; color: #fff; border-radius: 2px;}
.fly-badge-accept{height: 18px; line-height: 18px; padding: 0 5px !important; background-color: #009fa8; border-radius: 2px;}
/* 赞助商 */
.fly-zanzhu{display: block; position: relative; height: 60px; line-height: 60px; margin-top: 10px; padding: 0 20px; text-align: center; font-size: 16px; font-weight: 300; background-color: #009fa8; color: #fff;}
.fly-zanzhu:first-child{margin-top: 0;}
.fly-zanzhu:hover{opacity: 0.9; color: #fff;}
.fly-zanzhu-img{height: auto; max-width: 100%; padding: 0; text-align: center; background-color: #eee;}
.fly-zanzhu-img img{max-width: 100%;}
/* 图标 */
.icon-touxiang{display: inline-block; font-size: 34px;}
.icon-qq, .icon-weibo{font-size: 30px;}
.icon-renzheng{position: relative; color: #FFB800;}
.icon-kiss{font-size: 18px;}
.icon-pinglun1{position: relative; top: 2px;}
.icon-alipay{position: relative; color: #3AA1FB; font-size: 24px;}
.icon-weixinzhifu{position: relative; color: #40AF3A;}
.icon-liwu{color: #FF5722;}
/* 头部 */
.fly-header{position: fixed; left: 0; top: 0; z-index: 1010; width: 100%; height: 60px; box-shadow: 0 0 5px #bbb;}
.fly-logo{position: absolute; left: 0; top: 11px;}
.fly-logo img{width:180px;}
.fly-nav{margin: 0 auto; display: inline-block;}
.fly-nav a i{position: absolute; left: 25px; top: 0; padding-right: 10px; font-size: 26px;}
.fly-nav a .icon-shouye, .nav a .icon-shezhi{top: 2px;}
.fly-nav-user{position: absolute; top: 0; right: -7.5px;}
.fly-nav-user .iconfont{position: relative;}
.fly-nav-avatar img{width: 36px; height: 36px; margin-left: 10px; border-radius: 100%;}
.fly-nav-avatar .icon-renzheng{font-size: 16px; top: 1px;}
.fly-nav-avatar .fly-badge-vip{position: relative; margin-left: 10px;}
.fly-nav-user .layui-nav-child{text-align: center;}
.fly-nav-user .layui-nav-child a i{position: relative; top: 2px; margin-right: 10px; font-size: 26px;}
.fly-nav-msg{position:absolute; top: 50%; left: -25px; height: 20px; line-height: 20px; margin-top: -10px; padding:0 6px!important; background-color: #FF7200; color: #fff; border-radius: 2px;}
.fly-nav-msg:hover{color:#fff;}
.fly-header .layui-nav{padding: 0; background: none;}
.fly-header .fly-nav .fly-nav-child a{padding-left: 15px;text-align: left;}
.fly-header .fly-nav .fly-nav-child a:hover{background-color:#009fa8;color:#fff;}
.fly-header .fly-nav .layui-nav-more{display: none;}
.fly-header .fly-nav-user li a{padding: 0 10px;}
.fly-header .fly-nav-user li .fly-nav-avatar{padding-right: 0;}
.fly-header .fly-nav-user a.iconfont{color: #A9B7B7;}
.fly-header .layui-nav-item:hover a.ms-topcat{color: #fff!important;background-color:#009fa8;}
.fly-header .ms-active{color: #fff!important;background-color:#009fa8;}
.fly-header>.layui-nav-item a{color: rgba(255,255,255,0.5);}
.fly-header .layui-this a{color: #000!important;font-weight:bold;}
.fly-header .layui-nav a{color: #555;}
.fly-header .layui-nav a:hover{color: #fff!important;background-color:#009fa8;}
.fly-header .layui-nav .layui-this:after,
.fly-header .layui-nav .layui-nav-bar,
.fly-header .fly-nav-user .layui-nav-more,
.fly-html-layui .fly-nav-avatar .layui-nav-more{display: none !important;}
.fly-header .fly-nav-user .layui-nav-child{left: auto; right: 0; width: 120px; min-width: 0;}
.fly-html-layui .fly-nav-msg{left: -30px;}
.fly-html-layui .layui-header .layui-nav-child dd{text-align: center;}
.fly-html-layui .layui-header .layui-nav-item a cite{padding: 0 0 0 10px;}
.fly-html-layui .layui-header .layui-nav .fly-layui-user{margin: 0; margin-left: 40px;}
.fly-html-layui .layui-header .layui-nav .fly-layui-user a{padding: 0;}
.fly-layui-user .layui-nav-child{left: auto; right: 0; min-width: 0; width: 120px;}
/* 底部 */
.fly-footer {margin: 50px 0 0; padding: 20px 0; line-height: 30px; color: #ccc; border-top: 1px solid #e2e2e2;background-color: #555;position: relative;}
.fly-footer a{padding-right:6px; font-weight: 300; color: #ccc;}
.fly-footer a:hover{color: #777;}
.fly-footer .ms-footer-icon{position: absolute;right: 0;top: 10px;}
.fly-footer .ms-footer-icon .iconfont{font-size: 26px;}
.fly-footer .ms-footer-icon a{margin-left: 10px;}
.fly-union{color: #999;}
.fly-union>*{display: inline-block; vertical-align: middle;}
.fly-union a[sponsor] img{width: 80px;}
.fly-union span{position: relative; top: 5px;}
.fly-union span a{padding: 0; display: inline; color: #999;}
.fly-union span a:hover{text-decoration: underline;}
/* 面板 */
.fly-panel{margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.fly-panel h1{color:#333;font-size: 24px;margin-bottom: 20px;}
.fly-panel[pad20]{padding: 20px;}
.fly-panel-title{position: relative; height: 50px; line-height: 50px; padding: 0 25px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}
.fly-panel-title .title_en{font-size: 16px; color: #ccc; margin-left: 10px;}
.fly-panel-main{padding: 25px;}
.fly-panel-border{border: 1px solid #e6e6e6; box-shadow: none;}
.fly-panel-border .fly-panel-title{border-bottom: 1px solid #e6e6e6;}
/* 专栏 */
.fly-column{height: 50px; line-height: 50px;}
.fly-column ul li{position: relative; display: inline-block; height: 50px;}
.fly-column ul li a{padding: 0 20px;}
.fly-column ul li.layui-this:after{ position: absolute; bottom: 13px; left: 8px; z-index: 0; width: 50px; height: 22px; border: 1px solid #009fa8; border-radius: 2px;}
.fly-column ul li.layui-this a{color: #009fa8;}
.fly-column ul li .fly-mid{margin: 0 20px;}
.fly-column-right{position: absolute; right: 0; top: 0;}
.fly-column-right .layui-btn{vertical-align: initial;}
.fly-column .layui-badge-dot{position: absolute; top: 50%; left: 50%; margin: -4px 0 0 20px;}
/* 搜索 */
.fly-search{color:#333;display: inline-block; vertical-align: top; width: 50px; height: 50px; margin-right: 10px; text-align: center; cursor: pointer; font-size: 20px;}
.fly-search .layui-icon{font-size: 20px;}
.fly-search:hover{color: #009fa8;}
.fly-layer-search input{height: 75px; line-height: 75px; width: 500px; padding: 0 15px; font-size: 20px; border: none 0; background: none;}
/* 头条轮播 */
.fly-topline{height: 195px;}
.fly-topline img{max-width: 100%;}
.fly-topline .layui-carousel-ind{top: -25px;}
.fly-topline .layui-carousel-ind ul{background: none;}
.fly-topline .layui-carousel-ind ul li{width: 30px; height: 3px; border-radius: 0;}
@media screen and (min-width: 500px) and (max-width: 992px) {
.ms-block .ms-article-list li .ms-article-thumb{width: 33.33333333%!important;}
.ms-article-info{ width: 66.66666667%;float: right;}
}
@media screen and (min-width: 768px) {
.fly-topline{height: 166px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.ms-block .ms-article-list li .ms-article-thumb{width: 33.33333333%!important;}
.fly-topline{height: 141px;}
}
@media screen and (min-width: 1200px) {
.fly-topline{height: 172px;}
.fly-header .fly-nav a{padding: 0 25px;}
}
/* 筛选 */
.fly-filter a{padding: 0 8px; color: #666;}
.fly-filter a.layui-this{color: #009fa8;}
.fly-filter .fly-mid{margin: 0 8px;}
.fly-filter-right{position: absolute; right: 25px; top: 0;}
/* Tab */
.fly-tab{position: relative; padding-top: 3px;}
.fly-tab .layui-tab{margin: 0;}
.fly-tab .layui-tab-title{border-bottom: 1px dotted #e2e2e2;}
.fly-tab-border{position:relative; margin-bottom: 15px;}
.fly-tab-border span,
.fly-tab-border span a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.fly-tab-border span{border: 1px solid #ddd; border-right: none; font-size:0;}
.fly-tab-border span a{position: relative; height: 36px; line-height: 36px; padding: 0 20px; border-right: 1px solid #ddd; font-size: 14px; background-color: #fff;}
.fly-tab-border .tab-this{color: #000;}
.fly-tab-border .tab-this:after{content: ''; position: absolute; bottom: -1px; left: -1px; width: 100%; height: 1px; padding: 0 1px; background-color: #009fa8;}
/* 分页 */
.laypage-main,
.laypage-main *{box-sizing: border-box; display: inline-block; vertical-align: top;}
.laypage-main{margin: 30px 0; border: 1px solid #eee; border-right: none; border-bottom: none; font-size: 0;}
.laypage-main *{margin: -1px; padding: 0 20px; line-height: 36px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px;}
.laypage-main .laypage-curr{background-color:#009fa8; color: #fff;}
.laypage-main .laypage-next{background-color:#009fa8; color: #fff;}
.laypage-main a.disabled{color:#ccc}
/* 简易编辑器 */
.fly-edit{position:relative; display: block; height: 38px; top: 1px; left:0; border: 1px solid #e6e6e6; border-radius: 2px 2px 0 0; background-color: #FBFBFB; font-size: 0;}
.fly-edit span{position: relative; display: inline-block; vertical-align: top; width: 50px; height: 38px; line-height: 38px; border-right: 1px solid #e6e6e6; text-align: center; color: #009fa8; cursor: pointer; font-size: 18px;}
.fly-edit span i{position: relative; font-size: 18px;}
.fly-edit span.layui-this,
.fly-edit span:hover{background-color: #f2f2f2; color: #5DB276;}
.layui-textarea:hover,
.layui-textarea:focus{border-color: #e6e6e6 !important;}
/* 列表 */
.fly-list li{position: relative; height: 45px; line-height: 22px; padding: 15px 15px 15px 75px; border-bottom: 1px dotted #e2e2e2;}
.fly-list li:last-child{border-bottom: none;}
.fly-list li h2,
.fly-list li h2 a,
.fly-list-info{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fly-list li h2{height: 26px; font-size: 0;}
.fly-list li h2 a{display: inline-block; max-width: 80%; padding-right: 10px; font-size: 16px;}
.fly-list li h2 .layui-badge{top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #009fa8; background: none; color: #009fa8;}
.fly-list-info{position: relative; font-size: 13px; color: #999;}
.fly-list-info>*{padding-right: 15px;}
.fly-list-info a[link]{color: #999;}
.fly-list-info a[link]:hover{color: #009fa8;}
.fly-list-info .icon-renzheng{position: relative; top: 1px; margin-right: 3px;}
.fly-list-info .fly-badge-vip{position: relative; margin-left: 2px;}
.fly-list-kiss{color: #FF5722;}
.fly-list-nums{position: absolute; right: 0; top: 0; padding-right: 0!important;}
.fly-list-nums i{position: relative; padding: 0 3px 0 15px;}
.fly-list-badge{position: absolute; right: 15px; top: 15px; font-size: 0;}
.fly-list-badge .layui-badge{margin-left: 5px; border-radius: 2px; font-size: 12px;}
/* 单行列表 */
.fly-list-one .fly-panel-title{margin-bottom: 5px;}
.fly-list-one dd{margin: 0 15px; line-height: 26px; white-space: nowrap; overflow: hidden; list-style: decimal-leading-zero inside; *list-style-type: decimal inside; color: #009fa8;}
.fly-list-one dd a,
.fly-list-one dd span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-style: normal}
.fly-list-one dd a{max-width: 85%; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.fly-list-one dd span{font-size: 12px; color: #ccc;}
.fly-list-one dd:last-child{padding-bottom: 5px;}
body .layui-edit-face{ border:none; background:none;}
body .layui-edit-face .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-edit-face .layui-layer-TipsG{display:none;}
.layui-edit-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-edit-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-edit-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}
/* 签到 */
.fly-signin cite{padding: 0 5px; color: #FF5722; font-style: normal;}
.fly-signin .layui-badge-dot{top: -7px; margin-left: 0px;}
.fly-signin-list{padding: 0; line-height: 30px;}
.fly-signin-list .layui-tab-item{padding: 10px; height: 320px; overflow-x: hidden; overflow-y: auto;}
.fly-signin-list li{margin-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #e2e2e2; white-space: nowrap;}
.fly-signin-list li:first-child{margin-top: 0;}
.fly-signin-list li:last-child{border: none 0;}
.fly-signin-list img{width: 30px; height: 30px; margin-right: 10px; border-radius: 2px;}
.fly-signin-list span{padding-left: 10px;}
.fly-signin-list span i{color: #FF5722;}
.fly-signin-list .fly-none{padding-top: 20px; min-height: 0;}
.fly-signin-days{position: absolute; right: 15px; padding-left: 10px; color: #999;}
.fly-signin-main{position: relative; height: 35px; padding: 20px 15px; text-align: center;}
.fly-signin-main span{padding-left: 10px;}
/* 榜单 */
.fly-rank{padding-bottom: 10px;}
.fly-rank dl{position: relative; min-height: 100px; overflow: hidden; text-align: center; font-size: 0;}
.fly-rank dd{position: relative; width: 80px; height: 80px; margin: 9px 3px 0 5px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
.fly-rank dd a img{width: 77px; height: 77px; border-radius: 2px;}
.fly-rank dd a cite{ position:absolute; bottom: 20px; left: 0; width: 100%; height:20px; line-height:20px; text-align:center; background-color:rgba(0,0,0,.2); color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fly-rank dd a:hover cite{display: block;}
.fly-rank dd a i{position:absolute; bottom: 0; left: 0; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal;}
/* 快捷通道 */
.fly-list-quick{border: 1px solid #f2f2f2; border-bottom: none; border-right: 0;}
.fly-list-quick .layui-col-xs6{height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #f2f2f2; border-left: none; border-top: none; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fly-list-quick a{display: block;}
.fly-list-quick a:hover{color: #009fa8;}
/* 静态列表 */
.fly-list-static li{line-height: 26px; list-style-position: inside; list-style-type: disc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fly-list-static li a{color: #01AAED;}
.fly-list-static li a:hover{opacity: 0.8;}
/* 单行列表 */
.jie-row li{position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #E9E9E9; font-size: 0;}
.jie-row li *{position: relative; display:inline-block; *display:inline; *zoom:1; vertical-align: top; line-height: 20px; font-size:12px;}
.jie-row li span{padding: 0 6px; margin-right: 10px; background-color: #DADADA; color:#fff; font-size:12px;}
.jie-row li .fly-stick{background-color:#393D49;}
.jie-row li .fly-jing{background-color:#CC0000;}
.jie-row li .jie-status{margin:0 10px 0 0;}
.jie-row li .jie-status-ok{background-color:#8FCDA0;}
.jie-row li a{ padding-right:15px; font-size:14px;}
.jie-row li cite{padding-right:15px;}
.jie-row li i, .jie-row li em, .jie-row li cite{font-size:12px; color:#999; font-style: normal;}
.jie-row li .mine-edit{margin-left:15px; padding:0 6px; background-color: #8FCDA0; color:#fff; font-size:12px;}
.jie-row li em{position:absolute; right:0; top:0;}
.jie-row li .jie-user{}
.jie-row li .jie-title{max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jie-row li .jie-user img{position:relative; top: 16px; width: 35px; height: 35px;}
/* Detail页 */
.detail-box{padding: 25px;}
.detail-box30{padding: 30px;}
.detail h1{font-size: 24px; line-height: 36px;}
.fly-detail-info{position: relative; margin: 10px 0 15px;}
.fly-detail-info span{margin-right: 15px;}
.fly-detail-info .layui-badge{margin-right: 15px; border: 1px solid #0d9b8e; background: none; color: #0d9b8e;}
.fly-detail-info .layui-badge a{color: #0d9b8e;}
.fly-detail-info .layui-btn{height: 20px; line-height: 20px; vertical-align: top; border-radius: 0;}
.fly-detail-info .layui-btn+.layui-btn{margin-left: 0;}
.fly-admin-box{position: relative; display: inline-block; vertical-align: top; margin-left: 20px;}
.fly-detail-info .fly-list-nums{top: -3px; font-size: 16px;}
.fly-detail-info .fly-list-nums i{padding: 0 3px 0 15px; font-size: 22px; color: #999;}
.fly-detail-admin{padding-top: 10px; text-align: right; border-top: 1px dotted #EAEAEA; background-color: #f8f8f8;}
.jie-admin-collect{visibility: hidden; transition: all 0s;}
.detail-about{position: relative; line-height: 20px; padding: 15px 15px 15px 75px; font-size: 13px; background-color: #f8f8f8; color: #999;}
.detail-desc{position: relative; line-height: 20px; padding: 15px; font-size: 13px; background-color: #f8f8f8; color: #999;text-indent:2em;}
.detail-tags{}
.detail-tags .layui-btn+.layui-btn{margin-left: 0;}
.detail-about .jie-status, .detail-about .jie-status-ok{color:#fff;}
.detail-about .fly-jing{padding:0 6px; background-color:#c00; color:#fff;}
.detail-about .detail-hits{position: relative; top: 5px; line-height: 20px;}
.fly-detail-user{white-space: nowrap; overflow: hidden;}
.fly-detail-user a{padding-right: 10px; font-size: 14px;}
.fly-detail-user .icon-renzheng{top: 1px;}
.detail-hits span{height: 20px; line-height: 20px;}
.detail-hits .layui-btn{border-radius: 0;}
.detail-hits .layui-btn+.layui-btn{margin-left: 5px;}
.detail-hits .jie-admin{margin-right: 1px;}
.detail-body{margin: 20px 0 0; min-height: 288px; line-height: 26px; font-size: 16px; color: #666; word-wrap: break-word;}
.detail-body p{margin-bottom: 10px; font-size: 14px; line-height: 26px; text-align: justify; }
.detail-body table{font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; }
.detail-body table td, .detail-body table th { border: 1px solid #ddd; padding: 8px;max-width: 100px;}
.detail-body table tr:nth-child(1){background-color: #f2f2f2;}
/* .detail-body table tr:nth-child(even){background-color: #f2f2f2;} */
.detail-body table tr:hover {background-color: #ddd;}
.detail-body table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #999; color: #fff; }
.detail-body table p{text-indent:0;font-size: 12px;}
.detail-body img{max-width: 100%; cursor: pointer;display: block;margin-bottom:5px;}
/*
.detail-body table{margin: 10px 0 15px;}
.detail-body table thead{background-color:#f2f2f2;}
.detail-body table th,
.detail-body table td{padding: 10px 20px; line-height: 22px; border: 1px solid #DFDFDF; font-size: 14px; font-weight: 400;}
*/
.detail-body .layui-btn{margin: 0 10px 10px 0;}
.detail-body .layui-btn a{color: #fff;}
.detail-body ul>li{margin-top: 0;}
.detail-body .layui-elem-quote{margin: 10px 0; font-size: 14px; line-height: 26px;}
/* 发帖 */
.layui-form-item.layui-col-space15{margin-bottom: 7.5px;}
/* 求解管理 */
.jie-admin{cursor: pointer;}
.detail-hits .jie-admin{color: #fff; padding: 0 10px; }
.detail-hits .jie-admin a{color: #fff;}
.jieda-admin{position:absolute; right: 0; top: 4px;}
/* 回答 */
.jieda{margin-bottom: 30px;}
.jieda>li{position: relative; padding: 20px 0 10px; border-bottom: 1px dotted #DFDFDF;}
.jieda>li:last-child{border-bottom: none;}
.jieda .fly-none{height: 50px; min-height: 0;}
.jieda .icon-caina{position:absolute; right:10px; top:15px; font-size:60px; color: #58A571;}
.jieda .tuijiantop{position: absolute; right: 10px; top: 40px; font-size: 100px; color: #ff9800;}
.detail-about-reply{padding: 0 0 0 55px; background: none;}
.detail-about-reply .detail-hits{left: 0; bottom: 0;}
.detail-about-reply .fly-avatar{left: 0; top: 0;}
.jieda-body{margin: 25px 0 20px; min-height: 0; line-height: 24px; font-size:14px;}
.jieda-body p{margin-bottom: 10px;}
.jieda-body a{color:#4f99cf}
.jieda-reply{position:relative;}
.jieda-reply span{padding-right:20px; color:#999; cursor:pointer;height:20px}
.jieda-reply span:hover{color:#666;}
.jieda-reply span i{margin-right:5px; font-size:16px;}
.jieda-reply span em{font-style: normal;}
.jieda-reply span .icon-zan{font-size: 22px;}
.jieda-reply .zanok,
.jieda-reply .jieda-zan:hover{color:#c00}
.jieda-reply span .icon-svgmoban53{position: relative; top: 1px;}
.jieda-reply div{height:20px}
/* 用户中心 */
body .fly-user-main{position: relative; min-height: 1000px;}
.fly-user-main>.layui-nav{position: absolute; left: 0; top: 0; z-index: 1000; height: 100%; padding: 10px 0;}
.fly-user-main>.layui-nav i{position: relative; top: 2px; font-size: 20px; margin-right: 10px;}
.fly-user-main>.fly-panel{min-height: 575px; margin: 0 0 10px 225px;}
.fly-user-main .fly-none{min-height: 0;}
.fly-panel-user[pad20]{padding-top: 5px;}
.fly-form-app{margin-top:30px;}
.fly-form-app .iconfont{font-size:26px; padding: 0 5px;}
.fly-form-app .icon-qq{color:#7CA9C9}
.fly-form-app .icon-weibo{color:#E6162D}
.user-tab{margin:20px 0;}
.user-about{position:relative; padding:0 0 0px 20px; border-left:1px solid #DFDFDF; text-align:center;}
.user-about .user-avatar{width:100px; height:100px; border-radius:100%;}
.user-about p{line-height:30px;}
.user-about p span{padding:0 5px; color:#999;}
/* 个人主页 */
.fly-home{position: relative; padding: 30px 0 30px; text-align: center;}
.fly-home img{width:120px; height:120px; border-radius:100%;}
.fly-home h1{font-size:26px; line-height:30px; margin-top:10px;}
.fly-home h1 span{font-size:14px; color:#999;}
.fly-home h1 .icon-nan{color:#4EBBF9}
.fly-home h1 .icon-nv{color:#F581B1}
.fly-home-sign{padding: 0 10px; color: #999; margin-top: 10px;}
.fly-home .icon-renzheng{display: inline-block; width: 20px; height: 20px; line-height: 20px; top: 45px; left: -15px; background-color: #FFB800; color: #fff; border-radius: 50%; font-size: 12px;}
.fly-home-info i{padding-right: 5px; padding-left: 10px; color: #666;}
.fly-home-info span{color: #999;}
.fly-sns{margin-top: 20px;}
.fly-home-jie .jie-row,
.fly-home-da .home-jieda{min-height: 500px; padding: 5px 20px;}
/*.home-jieda li{margin-bottom:20px; padding-bottom:10px; line-height:24px; border-bottom: 1px dotted #DFDFDF;}*/
.home-jieda li{ margin-bottom:20px; line-height:24px;}
.home-dacontent{margin-top:10px; padding:10px 15px; background-color:#F2F2F5; border-radius:5px; word-wrap: break-word;;}
.home-dacontent pre{ background-color:#F2F2F5;}
.home-dacontent img{max-width:100%;}
.home-jieda li a{padding:0 5px; color:#4F99CF;}
.home-jieda li p{color:#999;}
.home-jieda li p span{padding-right:5px;}
/* 快捷方式 */
.fly-shortcut{margin: 5px 0;}
.fly-shortcut li{text-align: center;}
.fly-shortcut li .layui-icon{display: inline-block; width: 100%; height: 60px; line-height: 60px; text-align: center; color: #fff; border-radius: 2px; font-size: 30px; transition: all .3s; -webkit-transition: all .3s;}
.fly-shortcut li cite{position: relative; top: 2px; display: block; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px;}
.fly-shortcut li:hover .layui-icon{opacity: 0.9;}
.fly-shortcut li .layui-icon{background-color: #2F9688;}
/* 我的消息 */
#LAY-minemsg{min-height:420px;}
.mine-msg li{position:relative; margin-bottom: 15px; padding: 10px 0 5px; line-height:24px; border-bottom:1px dotted #E9E9E9}
.mine-msg li cite{padding: 0 5px; color: #4F99CF;}
.mine-msg li i{color:#4F99CF; padding-right:5px;}
.mine-msg li>p{position: relative; margin-top: 5px; line-height: 26px; text-align: right;}
.mine-msg li>p span{position: absolute; left: 0; top: 0; color:#999;}
.mine-msg li .fly-delete{position: relative; top: -3px;}
.mine-msg li .layui-elem-quote p[download]{padding: 10px 0 5px;}
/* 设置 */
.avatar-add{position:relative; width:373px; height:373px; background-color:#F2F2F5;}
.avatar-add .upload-img{position:absolute; left:50%; top:35px; margin:0 0 0 -56px;}
.avatar-add img{position:absolute; left:50%; top:50%; width:168px; height:168px; margin:-50px 0 0 -84px; border-radius:100%;}
.avatar-add .loading{display:none; position:absolute; width:100%; height:100%; left:0; top:0; padding: 0; background-color:#000; opacity:0.5; filter: Alpha(opacity=50);}
.avatar-add p{position:absolute; top:70px; width:100%; margin-top: 10px;; font-size:12px; text-align:center; color:#999;}
.app-bind li{margin-bottom:10px; line-height:30px; color:#999;}
.app-bind li .iconfont{position: relative; top: 3px; margin-right: 5px; font-size:28px; }
.app-bind .app-havebind{color:#333;}
.app-bind .app-havebind .icon-qq{color:#7CA9C9}
.app-bind .app-havebind .icon-weibo{color:#E6162D}
/* 结算 */
.fly-form-btn{width: 160px; margin: 0 10px 10px 0;}
.fly-form-btn.layui-this{border-color: #FF5722; color: #FF5722;}
.fly-form-btn+.fly-form-btn{margin-left: 0;}
.fly-bill-tips{line-height: 26px; padding: 15px; font-size: 13px; background-color: #f6f6f6; color: #FF5722;}
/* 会员专区 */
.fly-vipclub{height: 100px; background-color: #393D49; color: #fff; text-align: center;}
.fly-vipclub h1{line-height: 100px; font-weight: 300; font-size: 18px;}
.fly-vipclub h1 a{color: #fff;}
/* 扩展组件平台 */
.fly-html-extend body, .fly-html-layui body{margin: 0;}
.fly-extend-banner{position: relative; height: 400px; background: #9FA6A2;}
.fly-extend-banner *[carousel-item]>div{background-size: cover; background-repeat: no-repeat; background-position: center 0;}
.fly-extend-banner *[carousel-item]>div>div{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.35)}
.fly-extend-banner-link{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.fly-extend-banner-title,
.fly-extend-banner-search,
.fly-extend-banner-release{position: absolute; left: 0; top: 160px; width: 100%; text-align: center;}
.fly-extend-banner-title{top: 65px; font-size: 20px; font-weight: 300; color: #fff; color: rgba(255,255,255,1);}
.fly-extend-banner-search .layui-input{height: 42px; border: none; width: 300px; box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 2px 0 0 2px;}
.fly-extend-banner-search .layui-btn{height: 42px; border-radius: 0 2px 2px 0; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.fly-extend-banner-search .layui-btn .layui-icon{position: relative; top: 1px; font-size: 20px;}
.fly-extend-banner-release{top: 260px;}
.fly-extend-banner-release .layui-btn{padding: 0 35px; background: none; color: #fff; border: 1px solid rgba(255, 255, 255, .8);}
.fly-extend-banner-release .layui-btn:hover{background-color: rgba(255, 255, 255,.1)}
.fly-extend-banner .layui-carousel-ind ul{background: none;}
.fly-extend-banner-sm{height: 200px; background-color: #334E59; }
.fly-extend-banner-sm .fly-extend-banner-title{top: 40px; color: #fff;}
.fly-extend-banner-sm .fly-extend-banner-release{top: 110px;}
.fly-extend-tabs{padding: 30px 0;}
.fly-extend-tabs .layui-tab-title{text-align: center; border: none;}
.fly-extend-tabs .layui-tab-title li{min-width: 0; margin: 0 20px; padding: 0}
.fly-extend-list{position: relative; padding: 30px; line-height: 24px; color: #999; transition: all .3s; -webkit-transition: all .3s;}
.fly-extend-list:hover{box-shadow: 0 0 80px rgba(0,0,0,.10);}
.fly-extend-list a{color: #999;}
.fly-extend-list-header{position: relative; height: 40px; line-height: 40px; margin-bottom: 20px; color: #999;}
.fly-extend-list-header a{color: #999;}
.fly-extend-list-header .fly-extend-title{font-size: 20px; padding-right: 150px;}
.fly-extend-list-header .fly-extend-title a{color: #000;}
.fly-extend-list-header .layui-badge{top: -2px; margin-left: 5px;}
.fly-extend-list-info{position: absolute; max-width: 200px; height: 40px; right: 0; top: 0; overflow: hidden;}
.fly-extend-list-info span{padding-right: 20px;}
.fly-extend-list-info .icon-xiazai{position: relative; top: 1px; font-size: 20px;}
.fly-extend-list-user img{width: 30px; height: 30px; border-radius: 100%; }
.fly-extend-list-user cite{padding: 0 3px;}
.fly-extend-list-desc{height: 48px; line-height: 24px; overflow: hidden; color: #999; word-wrap: break-word;}
.fly-extend-detail{position: relative; margin-bottom: 20px; padding: 35px 0 50px; background-color: #fff;}
.fly-extend-detail .layui-container{padding: 0 15px;}
.fly-extend-doc-nav{padding: 15px 0;}
.fly-extend-doc-nav li{position: relative; height: 45px; line-height: 45px; margin: 5px 0; padding: 0 15px; text-align: center;}
.fly-extend-doc-nav li a{display: block;}
.fly-extend-doc-nav li a .iconfont{position: relative; padding-right: 10px; top: 2px; font-size: 22px;}
.fly-extend-doc-nav li a .icon-kaifashili{top: 3px; font-size: 20px;}
.fly-extend-doc-nav li a .icon-rizhi{font-size: 20px;}
.fly-extend-doc-nav li.layui-this{background-color: #F8F8F8;}
.fly-extend-doc-nav li.layui-this:before{content:''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background-color: #009fa8;}
.fly-extend-doc{display: none; padding: 20px 0;}
.fly-extend-doc .layui-card-header{height: 45px; line-height: 45px; padding: 0 20px;}
.fly-extend-doc .layui-card-header .layui-inline.layui-this{padding: 0 15px; border-bottom: 2px solid #009fa8;}
.layui-extend-doc-edit{position: absolute; right: 20px; bottom: -50px;}
.fly-extend-doc .layui-card-body{margin: 0; padding: 20px; font-size: 14px; color: #666;}
.fly-extend-card-release{margin-top: 20px;}
.fly-extend-card-release .layui-card-header{padding: 20px 0 0; border-bottom: none; text-align: center;}
.fly-extend-card-release .layui-card-header .layui-elem-field{width: 200px; margin: 0;}
.fly-extend-card-release .layui-card-body{padding: 30px;}
.fly-extend-update-title{padding-top: 5px; font-weight: 300;}
.fly-extend-update-title h2{font-size: 20px;}
.fly-extend-update-title .layui-badge{top: -1px;}
/* 案例 */
.fly-case-header{position: relative; height: 260px; text-align: center; background: #24262F;}
.fly-case-year{position: absolute; top: 50px; width: 100%; line-height: 50px; font-size: 50px; text-align: center; color: #fff; font-weight: 300;}
.fly-case-header-desc{position: absolute; left: 0; top: 115px; width: 100%; text-align: align;}
.fly-case-header-desc a{letter-spacing: 2px; font-size: 20px; font-weight: 300; color: #fff;}
.fly-case-banner{position: absolute; left: 50%; top: 100px; width: 670px; margin-left: -335px;}
.fly-case-btn{position: absolute; bottom: 45px; left: 0; width: 100%; text-align: center;}
.fly-case-btn a{color: #fff;}
.fly-case-btn .layui-btn-primary{background: none; color: #fff;}
.fly-case-btn .layui-btn-primary:hover{border-color: #009fa8;}
.fly-case-tab{margin-top: 20px; text-align: center;}
.fly-case-tab span,
.fly-case-tab span a{border-color: #009fa8;}
.fly-case-tab .tab-this{background-color: #009fa8; color: #fff;}
.fly-case-list{margin-top: 15px; font-size: 0;}
.fly-case-list li,
.layer-ext-ul li{display: inline-block; vertical-align: middle; *display: inline; *zoom:1; font-size: 14px; background-color: #fff;}
.fly-case-list{width: 110%;padding: 20px;}
.fly-case-list li{width: 250px; margin: 0 15px 15px 0; padding: 10px;}
.fly-case-list li:hover{box-shadow: 0 0 80px rgba(0,0,0,.10);}
.fly-case-img{position: relative; display: block;}
.fly-case-img img{width: 250px; height: 150px;}
.fly-case-img .layui-btn{display: none; position: absolute; bottom: 20px; left: 50%; margin-left: -29px;}
.fly-case-img:hover .layui-btn{display: inline-block;}
.fly-case-list li h2{padding: 10px 0 5px; line-height: 22px; font-size: 18px; white-space: nowrap; overflow: hidden; text-align: center;}
.fly-case-desc{height: 60px; line-height: 20px; font-size: 12px; color: #666; overflow: hidden;}
.fly-case-info{position: relative; margin: 10px 0 0; padding: 10px 65px 0 45px; border-top: 1px dotted #eee;}
.fly-case-info p{height:24px; line-height: 24px;}
.fly-case-user{position: absolute; left: 0; top: 15px; width: 35px; height: 35px;}
.fly-case-user img{width: 35px; height: 35px; border-radius: 100%;}
.fly-case-info .layui-btn{position: absolute; right: 0; top: 15px; padding: 0 15px;}
.layer-ext-ul{margin: 10px; max-height: 500px;}
.layer-ext-ul img{width: 50px; height: 50px; border-radius: 100%;}
.layer-ext-ul li{margin: 8px;}
.layer-ext-case .layui-layer-title{border: none; background-color: #009fa8; color: #fff;}
/* 广告 */
.fly-ad{position: relative; background-color: #f2f2f2; overflow:hidden;}
.fly-ad:before{content: '广告位'; position: absolute; z-index: 0; top: 50%; left: 50%; left: 50%; margin: -10px 0 0 -25px; color: #aaa; font-size: 18px; font-weight: 300;}
.fly-ad div{position: relative; z-index: 1;}
/* 友链 */
.fly-link dd{display: inline-block; vertical-align: top;}
.fly-link a{line-height: 24px; padding-right: 6px;}
/* 404或提示 */
.fly-none{min-height: 600px; text-align: center; padding-top:50px; color: #999;}
.fly-none .iconfont{line-height: 300px; font-size: 300px; color: #393D49;}
.fly-none .icon-tishilian{display: inline-block; margin: 30px 0 20px;}
.fly-none p{margin-top: 50px; padding: 0 15px; font-size: 20px; color: #999; font-weight: 300;}
.fly-list-one .fly-none{min-height: 70px;}
@media screen and (max-width: 768px) {
.fly-main{width: 100%;}
/* 顶边距 */
.fly-marginTop{margin-top: 0;}
/* 头部 */
.fly-header .fly-nav-user li .fly-nav-avatar{padding-right: 15px;}
.fly-header .fly-nav-user{margin-right: 5px;}
/* 专栏 */
.fly-column{height: auto;}
.fly-column ul{padding: 10px; font-size: 0;}
.fly-column ul li{float: left; width: 33.33%; height: 36px; line-height: 36px; font-size: 14px; vertical-align: middle; text-align: center; box-sizing: border-box;}
.fly-column-right{right: 10px;}
.fly-column ul li.layui-this:after{display: none;}
/* 页脚 */
.fly-footer{margin-top: 0; border-top: none;}
/* 分页 */
.laypage-main a, .laypage-main span{display: none;}
.laypage-main .laypage-prev,
.laypage-main .laypage-curr,
.laypage-main .laypage-next{display: inline-block;}
/* 列表 */
.fly-list li h2 a{max-width: 72%;}
/* Detail 页 */
.fly-admin-box{display: block; margin: 0; margin-top: 10px;}
.fly-detail-info .fly-list-nums{top: -2px;}
.fly-edit span{border-right: none;}
/* 组件平台 */
.fly-extend-banner-search .layui-input{width: 180px;}
.fly-extend-list-header .fly-extend-title{padding-right: 50px;}
/* 案例 */
.fly-case-list,
.fly-case-list li{width: 100%; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.fly-case-img{text-align: center;}
.fly-case-img img{max-width: 100%;}
.fly-case-banner{width: 300px; margin-left: -150px;}
body .fly-user-main{width: auto;}
.fly-user-main>.layui-nav{left: -300px; transition: all .3s; -webkit-transition: all .3s;}
.fly-user-main>.fly-panel-user{width: auto; margin-left: 0; transition: all .3s; -webkit-transition: all .3s;}
.site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 20px; left: 10px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
.site-mobile .site-tree-mobile{display: none !important;}
.site-mobile .fly-user-main>.layui-nav{left: 0;}
.site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.9); z-index: 999;}
}
.layui-card-body{padding:20px}
.layui-nav{background-color: #fff;}
.layui-table { background-color: #fcfcfc;}
.layui-table thead tr{background-color: #6e6e6e; color: #fff;}
.layui-nav .layui-nav-item a{color:#333}
.layui-nav .layui-nav-item a:hover{color:#999}
.layui-nav-child{top: 60px;width:150px}
.layui-timeline-title{text-align: justify;}
.layui-nav-bar,.layui-nav .layui-this:after{background-color: #0d9b8e;height: 3px;}
.layui-nav .layui-this{font-weight: bold;}
.layui-nav .layui-this a{color:#fff}
.layui-nav-tree{width: 210px;}
.layui-nav-tree .layui-nav-item a:hover{background-color: #009fa8;color:#fff;}
.layui-bg-white { background-color: #fff!important; }
.layui-nav-child dd.layui-this {background-color: #009fa8;}
.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this a{background-color: #009fa8;color: #fff!important; }
/*LAYADMIN*/
.layadmin-maillist-fluid .layadmin-text-center img{border-radius: initial;max-width: 100%;}
.layadmin-maillist-fluid .layadmin-address{margin-bottom:0;}
.layadmin-homepage-about{padding:10px 20px}
.layadmin-homepage-list-group li{padding:5px 20px}
.layadmin-homepage-list-inline{margin: 0 20px;}
.layadmin-maillist-fluid .layadmin-contact-box{padding:0;border:none}
.layui-fluid{padding: 25px;}
.layadmin-homepage-pad-hor{padding-left: 20px; padding-right: 20px;color: #999;}
.layadmin-homepage-list-group li a.color{color:#009fa8}
.layadmin-homepage-font{color:#333;}
.message-text{padding-left: 56px;}
.message-content .media-body .pad-btm{overflow: hidden;}
.layui-icon-login-wechat{color: #4DAF29!important;}
.layadmin-homepage-list-imgtxt .media-body .pad-btm .fontColor a{color:#555}
.layadmin-carousel{height: 100px!important;}
.cmdlist-text{padding: 10px 0;}
.cmdlist-text .info{overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-align: justify;}
.cmdlist-container:hover .cmdlist-text{padding: 10px 5px;}
.cmdlist-container:hover .cmdlist-text .info{color:#fff}
.cmdlist-container:hover{background-color:#009fa8;color:#fff}
.cmdlist-container .cmdlist-text .time{}
.cmdlist-container:hover .cmdlist-text .time{color:#fff}
.ms-col-space30{margin-left: -15px;}
.ms-col-space30>*{padding-left: 15px;}
.ms-block{overflow: hidden;}
.ms-block-nav{overflow: hidden;font-size: 1rem;background-color: #fff; border-bottom: 1px solid #ececec;position: relative;}
.ms-block-nav ul{background-color: rgba(255, 255, 255, 0);position: relative;}
.ms-block-nav ul li{line-height: 1rem;margin: 0 20px;}
.ms-block-nav ul li a{font-size: 1rem;padding:0!important;}
.ms-block .ms-work-list{padding: 20px 25px 10px; overflow: hidden;}
.ms-block .ms-work-list li{padding: 10px; border-right: 1px dotted #f9f9f9; border-bottom: 1px dotted #f9f9f9;}
.ms-block .ms-work-list li:nth-child(4n){ border-right: 0; }
.ms-block .ms-work-list li:nth-child(5),.ms-block .ms-work-list li:nth-child(6),.ms-block .ms-work-list li:nth-child(7),.ms-block .ms-work-list li:nth-child(8){ border-bottom: 0;padding-top: 25px; }
.ms-block .ms-work-list li h2{font-size: 0.9rem; display: inline-block; float: left; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;width: 100%;margin-top: 5px;}
.ms-block .ms-work-list li p.ms-works-info{margin: 10px 0; clear: both; display: inline-block; width: 100%; color: #999;line-height: 18px;}
.ms-block .ms-work-list li p{clear: both; display: inline-block; width: 100%; color: #999;ine-height: 18px;text-align: center;}
.ms-block .ms-work-list li p .work-view{float: left;}
.ms-block .ms-work-list li p .work-comment{}
.ms-block .ms-work-list li p .work-tuijian{float: right;}
.ms-block .ms-work-list li p i{margin-right: 5px;}
.ms-right .meishu-txtimg-list li h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 13px; color: #666;margin-top: 3px;min-height: 0;line-height: 20px;}
.ms-right .fly-panel-title {padding: 0 20px}
.ms-block .ms-article-list{padding: 10px 25px 25px;}
.ms-block .ms-title{ }
.ms-block .ms-title i{font-size: 1.5rem}
.ms-block .ms-article-list li{overflow: hidden;width: 100%;border-bottom: 1px dotted #e2e2e2; padding: 15px 0;}
.ms-block .ms-article-list li .ms-article-thumb{display: inline-block;height:100px;width:240px;}
.ms-block .ms-article-list li .ms-article-thumb img{width: 100%; height: 100%; object-fit: cover;}
.ms-block .ms-article-list li .ms-article-info {padding-left: 20px; }
.ms-block .ms-article-list li .ms-article-info h2{font-size: 16px;}
.ms-block .ms-article-list li .ms-article-info h2 .layui-badge { top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #009fa8; background: none; color: #009fa8; }
.ms-block .ms-article-list li .ms-article-info .ms-article-desc { margin-top: 10px; color: #757575; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.ms-article-list li .ms-article-info .ms-article-tags a.layui-btn{background: #999;}
.ms-article-list li .ms-article-info .ms-article-tags a.layui-btn:hover{background-color: #009fa8;}
.ms-article-list li .ms-article-info .ms-article-tags a.layui-btn+.layui-btn{margin-left:0}
/*ARTS*/
.ms-article-list .arts_list .arts_info { position: relative; }
.ms-article-list .arts_list .arts_info .artist_tit a.follow { background-color: #999; color: #fff; padding: 0px 5px; border-radius: 2px; height: 29px; line-height: 29px; position: absolute; right: 0; top: 0; font-size:12px;}
.ms-article-list .arts_list .arts_info .artist_thumb { width: 60px; border-radius: 50%; float: left; height: 60px; display: block; }
.ms-article-list .arts_list .arts_info .artist_tit { float: left; margin-left: 10px; width: 82%; }
.ms-article-list .arts_list .arts_info .artist_url { display: inline-block; width: 80%; }
.ms-article-list .arts_list .arts_info .artist_tit .artist_url h4 { height: 20px; margin: 0; font-size: 16px; font-weight: normal; color: #333; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ms-article-list .arts_list .arts_info .artist_subtit { font-size: 14px; color: #999; margin-top: 8px; display: inline-block; }
.ms-article-list .arts_list .artist_auto { height: 70px; background-color: #eee; display: inline-block; width: 100%; color: #555;padding: 5px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ms-article-list .arts_list .arts_pics { margin-left: 70px;padding-right: 10px;}
.ms-article-list .arts_list .artist_auto img { height: 70px; width: 70px; float: left; object-fit: cover; }
.ms-article-list .arts_list .artist_auto span { line-height: 80px; margin-left: 9px; font-size: 16px;}
.ms-article-list .arts_list .arts_bottom { margin-left: 70px; margin-top: 10px; overflow: hidden; clear: both; }
.ms-block .ms-course-list li{overflow: hidden;}
.ms-block .ms-course-list li dl{padding-left: 130px; margin-right: -20px; position: relative; color: #444444; *zoom: 1;}
.ms-block .ms-course-list li dl dt{padding-top: 25px; text-align: center; font-size: 14px; width: 110px; height: 110px; background: #009fa8; color: #fff;position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ms-block .ms-course-list li dl dt .month{font-size: 40px;}
.ms-block .ms-course-list li dl dt .year{font-size: 24px; padding-top: 13px; display: inline-block;}
.ms-block .ms-course-list li dl dd{float: left; margin-bottom: 20px; margin-right: 20px;box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);}
.ms-block .ms-course-list li dl dd:nth-child(4n+1){margin-right:0;}
.ms-block .ms-course-list li dl dd a{width:160px;height:160px;display: inline-block;}
.ms-block .ms-course-list li dl dd a img{width:100%;height:100%;object-fit: cover;}
.ms-block .ms-chronology{padding: 25px;}
.ms-block .ms-chronology .chronology-list:first-child{border:0}
.ms-block .ms-chronology .chronology-list{padding-bottom: 25px; overflow: hidden; border-top: 1px dotted #E9E9E9; padding: 10px 0;}
.ms-block .ms-chronology .chronology-list .chronology-year{}
.ms-block .ms-chronology .chronology-list .chronology-year span{ display: inline-block; line-height: 30px; color: #0d9b8e; font-size: 18px;}
.ms-block .ms-chronology .chronology-list .chronology-desc{padding-left: 40px;}
.ms-block .ms-chronology .chronology-list .chronology-desc li{line-height: 28px;position: relative;}
.ms-block .ms-chronology .chronology-list .chronology-desc li i{color: #ccc; position: absolute; left: -20px;}
.ms-block .ms-work-list .ms-work-img{height: 193px; display: inline-block;}
.ms-block .ms-work-list .ms-work-img img{width: 100%; height: 100%; object-fit: cover;}
.ms-block .ms-tag-list {margin-top:5px;}
.ms-block .ms-tag-list .layui-btn{margin-left:0;margin-bottom: 4px;}
.ms-works-select{color: #555;}
.ms-works-select dt {color: #333;font-weight: 700;line-height: 40px;float: left; width: 60px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.ms-works-select dt.ms-active-select {color: #999; }
.ms-works-select dd {line-height: 40px; margin-left: 85px;text-align: justify;}
.ms-works-select dd:before {display: table; content: " ";}
.ms-works-select dd:after {clear: both;display: table; content: " ";}
.ms-works-select dd span {padding: 3px 9px;display: inline-block;line-height: 24px;}
.ms-works-select .ms-active{background: #009fa8; color: #fff; padding: 3px 10px;}
.ms-works-select dd span:hover {background: #009fa8; color: #fff; }
.ms-works-select .ms-select-active {color: #009fa8; border: 1px solid; padding: 3px 10px;margin: 0 10px 0 0;}
.ms-course-list{padding:25px;}
.replylist { border-left: 5px solid #ddd;position: relative; margin: 10px 0; padding: 15px!important; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #fcfcfc; color: #333; font-family: Courier New; font-size: 12px;margin-left: 65px;overflow: hidden;}
.replylist .comment-header {overflow: hidden;}
.replylist .comment-header .comment-memberinfo{float: left;margin-left:10px;line-height: 17px;}
.replylist .comment-header img{width: 30px; border-radius: 50%;float: left;}
.replylist .comment-header .nickname{display: block;}
.replylist .comment-header .nickname em{font-style: normal;}
.replylist .comment-header .time_message{display: block;color: #bbb;}
.replylist .comment-body{margin-top: 10px;}
.replylist .comment-info{}
.replylist .comment-info span{float: right; color: #999; cursor: pointer;}
/*member*/
.ms-member-logotxt{position: absolute; left: 190px; top: 14px;}
.ms-member-logotxt span{display: block; text-align: left; color: #ccc;font-size: 12px;}
.ms-member-logotxt span:first-child{color: #009fa8; font-weight: bold;font-size: 17px;}
.ms-member-subdir{}
.ms-member-subdir li a{padding-left: 55px!important;}
.ms-member-subdir li:hover,.ms-member-subdir li:hover a,.ms-member-nav .ms-this .ms-cur{background-color: #009fa8!important;color: #ffffff!important;font-weight: bold!important;}
.ms-member-subdir li:hover a{margin-left:5px;}
.ms-member-nav .ms-this .ms-cur a{color: #ffffff!important}
.ms-member-listtitle{font-size: 20px; font-weight: 500; color: #555;}
.ms-member-nav li:hover a.strong{background-color: #fff;color: #555;}
.layui-this .ms-member-subdir li a{background-color: #fff;color: #555;font-weight: normal;}
.layui-this a:hover.strong{color: #fff!important;border-left: 4px solid #009fa8;}
.ms-member-nav .ms-this {background-color: #fff!important;width: auto;}
.ms-member-nav .ms-this .strong {border-left: 5px solid #009fa8;}
.ms-member-info{position: relative;overflow: hidden;}
.ms-member-info .ms-portrait{float: left;margin-right: 15px;}
.ms-member-info .ms-portrait img{border-radius: 50%;width: 110px; height: 110px;}
.ms-member-info .ms-info {float: left;margin-right: 30px;}
.ms-member-info .ms-info h2{font-size: 18px;color: #009fa8;margin-bottom: 20px;margin-top: 12px;}
.ms-member-info .ms-info h2 span{font-size: 14px;color: #fff;background-color: #ff8300;padding: 3px;margin-left: 10px;}
.ms-member-info .ms-info p{line-height: 26px;font-size: 14px;}
.ms-member-info .ms-update p {line-height: 26px; font-size: 16px; margin-bottom: 10px; text-align: right;}
.ms-member-info .ms-update p a{color: #009fa8;text-decoration: underline;}
.ms-member-info .ms-update {float: left; position: absolute; right: 180px; bottom: 23px;}
.ms-member-info .ms-update button{width:180px}
.ms-member-info .ms-data-num {float: left;}
.ms-member-chronology{}
.ms-member-chronology input{width: 90%;text-align: center; padding: 5px; height: 30px;}
.ms-member-chronology textarea{width: 90%; padding: 5px; height: 38px;margin-top: 4px;}
.ms-lever-img{position: absolute;position: absolute; right: 0; top: 0;}
.ms-member-topbanner{}
.ms-member-topbanner img{max-height:300px;max-width:100%}
.ms-member-topbanner .upload-img{margin-top:20px;}
.ms-member-slidelist{ }
.ms-member-slidelist table .slidepic img{max-width: 100%;width:600px}
.ms-member-addthumb{margin-left: 16px;}
.ms-member-addthumb img{width:160px}
.ms-member-addthumb .upload-img{margin-top: 20px; display: block; width: 160px;}
.ms-container{width:90%;}
.ms-center-header{line-height: 37px;margin-top: 15px;}
.ms-member-block{padding:20px;background-color: #fff;}
.relative{position: relative;}
.ms-en-desc{display: inline-block; width: 100%; margin: 5px 0; font-size: 20px; color: #ccc;}
.ms-page-banner{max-width: 100%;}
.ms-nav-title{font-size: 1.125rem;}
.ms-sred{color: #ff2f00;font-weight: bold;}
.ms-red{color: #ff2f00;}
.ms-center{text-align: center!important;}
.ms-noimg{text-align: center; display: inline-block; width: 100%;}
.ms-noimg img{max-width: 100%;display: block;margin: auto;margin-bottom: 10px;}
.ms-year{font-weight: bold;color: #009fa8;margin-right: 7px;}
.ms-contnet-copyright{background-color: #f2f2f2; padding: 10px; line-height: 20px; color: #999; margin: 10px 0;font-size: 0.625rem;}
.ms-contnet-copyright a{color: #999; }
.ms-contnet-page{line-height: 34px;color:#666;font-weight: bold;margin: 10px 0;}
.ms-contnet-page a{color:#666;font-weight: normal;}
/*content zan*/
.ms-content-zan{text-align: center; margin: 20px 0; display: block; border-top: 1px solid #fafafa; padding-top: 20px;}
.ms-content-zan button{width:100px;}
.ms-content-zan button i{margin-left:10px;}
.ms-content{line-height:24px;color: #333;font-size:16px;}
.ms-content img{max-width:100%}
.ms-content p{margin-bottom: 10px;}
.ms-input-160{width:160px!important;}
/*适配分辨率*/
@media screen and (max-width: 992px) {
body .header .layui-nav .layui-nav-item{margin: 0 5px;}
.fly-header .fly-nav a{padding: 0 10px;}
}
@media screen and (min-width: 767px) and (max-width: 1000px){
.layui-container {width: 96%;}
.layui-col-md3 { width: 25%;float: left;}
.layui-col-md9 { width: 75%;float: left;}
.fly-header .fly-nav a{padding: 0 10px;}
}
@media screen and (min-width: 1000px) and (max-width: 1200px){
.layui-container {width: 90%;}
#scroll.scroll { position: fixed; width: 250px; top: 68px; }
}
/* 首页顶部名人推荐 */
.meishu-left,.meishu-right{overflow: hidden;padding: 10px;}
.meishu-left .fly-panel-title,.meishu-right .fly-panel-title{padding: 0;}
.meishu-left .fly-filter-right,.meishu-right .fly-filter-right{right: 0;}
.meishu-top-up{overflow: hidden;}
.meishu-top-up .fly-panel-title{ padding: 0;}
.meishu-top-up .fly-filter-right{ right: 0;}
.meishu-top-up .layui-tab-content{padding: 0;}
.meishu-top-up .layui-tab{margin:0;}
.meishu-top-up .layui-tab-title{border-color: #fff;}
.meishu-top-up .layui-tab-title li{padding: 0 10px;}
.meishu-top-up .layui-tab-title .layui-this{color: #009fa8;font-weight: bold;}
.meishu-top-up .layui-tab-title .layui-this:after{border-width: 0;}
/* 首页艺术家 */
.meishu-index-artist{margin-top:20px; }
.meishu-index-artist .fly-filter-right{top: 28px; }
.meishu-index-artist .layui-tab-title .layui-this{color:#009fa8;font-weight:bold}
.meishu-index-artist .layui-tab-title .layui-this:after{border-color: #009fa8; height: 31px;border-bottom-color: #fff;border-bottom-width: 2px;}
.meishu-index-artist .layui-tab-title li{line-height: 30px;}
.meishu-index-artist .layui-tab-title {height: auto;border: 0;}
.meishu-index-artist .layui-tab-content{overflow:hidden;padding: 0;}
.meishu-index-artist .first-artist {position: relative; overflow: hidden; display: inline-block;width:255px;}
.meishu-index-artist .first-artist img{max-width:100%;width:100%;height:255px; object-fit: cover;}
.meishu-index-artist .first-artist h3{width: 255px; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); line-height: 2; height: auto; color: #fff;text-align: center;}
.meishu-index-artist .other-artist img{width:100%}
.meishu-index-artist .other-artist li{position: relative;float: left; margin-bottom: 20px; width: calc(100% / 6 - 24px); margin-right: 28px;}
.meishu-index-artist .other-artist li a{min-height:117.23px;display: inline-block;}
.meishu-index-artist .other-artist li a img{width: 100%; min-height: 117.23px; object-fit: cover;}
.meishu-index-artist .other-artist li:nth-child(6n){margin-right: 0}
.meishu-index-artist .other-artist h3{font-size: 14px; margin: 6px 0 0; line-height: 1.5; overflow: hidden; height: auto; text-align: center; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; color: #fff;}
/* 首页作品 */
.meishu-index-works .fly-filter-right{top: 29px; }
.meishu-index-works .layui-tab-title .layui-this{color:#009fa8;font-weight:bold}
.meishu-index-works .layui-tab-title .layui-this:after{border-color: #009fa8; height: 30px;border-bottom-color: #fff;border-bottom-width: 2px;}
.meishu-index-works .layui-tab-title li{line-height: 30px;}
.meishu-index-works .layui-tab-title {height: auto;border: 0;}
.meishu-index-works .layui-tab-content{overflow:hidden;padding: 0;}
.meishu-works-list{overflow:hidden}
.meishu-works-list h3{font-size: 14px; margin: 6px 0 0; line-height: 1.5; overflow: hidden; height: auto; text-align: center; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; color: #fff;}
.meishu-works-list li{position: relative; background-color: #eee;text-align: center;}
.meishu-works-list li img{max-width:100%}
.meishu-works-list li .distab{display: table; height: 180px; width: 100%;}
.meishu-works-list li span{display: table-cell; vertical-align: middle;}
/* 图片列表 */
.meishu-img-list{overflow: hidden;padding-top: 20px;}
.meishu-img-list li{float:left;margin-right:10px;margin-bottom: 10px;overflow: hidden;position: relative;}
.meishu-img-list li img{width:100%;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.meishu-img-list li:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.meishu-img-list li h3.absolute{position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background-color: rgb(0 0 0 / 70%); color: #fff; font-size: 14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
/*****block*****/
.meishu-block{ }
.meishu-block .fly-panel-title{padding: 0;}
.meishu-block .fly-panel-title .ms-nav-title{color:#009fa8;}
/* 图文列表 */
.meishu-txtimg-list{overflow: hidden;padding-top: 20px;}
.meishu-txtimg-list li{float:left;margin-right:20px;margin-bottom: 15px;}
.meishu-txtimg-list li img{width: 100%; height: 100%; object-fit: cover;}
.meishu-txtimg-list li h3{min-height:45px;text-align: justify;font-size: 16px;}
.meishu-txtimg-list li .txtimg-desc{margin-top:15px;font-size: 12px;color: #999;overflow: hidden;}
.meishu-txtimg-list li .txtimg-desc span{ }
.meishu-txtimg-list li .txtimg-desc .fly-mid{margin: 0 5px;}
.meishu-txtimg-list li .txtimg-desc span i{margin-right:2px;}
.meishu-txtimg-list.img1 li{width: 100%;margin-right: 0;}
.meishu-txtimg-list.img1 li:last-child{margin-bottom: 0;}
.meishu-txtimg-list.img1 li .txtimg-desc{margin-top: 6px;}
.meishu-newslist h2{font-size:14px;line-height:30px;}
.meishu-newslist img{width:100%;}
/* 首页机构 */
.meishu-org .fly-filter-right{top: 15px;}
.meishu-org .fly-panel-title{height:auto;padding: 0;}
.meishu-org .layui-tab{margin: 20px 0 0;}
.meishu-org .layui-tab-title{border:0;}
.meishu-org .layui-tab-content{padding:0;}
.meishu-org .layui-tab-title .layui-this{color: #009fa8;font-weight:bold}
.meishu-org .layui-tab-title .layui-this:after{border-color: #fff;}
.meishu-org .layui-tab-title li { padding: 0 10px; }
.meishu-org-list{overflow: hidden;font-size:14px;}
.meishu-org-list li{float:left;margin-right:13px;margin-bottom: 15px;position: relative;overflow: hidden;}
.meishu-org-list li a{ height: 95px;display: inline-block;}
.meishu-org-list li img{width: 100%; height: 100%; object-fit: cover;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.meishu-org-list li:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.meishu-org-list li h3{position: absolute; bottom: 0; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; line-height: 1.5;}
/* 文字列表 */
.meishu-text-list{overflow: hidden;}
.meishu-text-list li{}
.meishu-text-list li i{color: #fff; width: 30px; height: 30px; font-size: 14px; line-height: 30px; margin-right: 10px; text-align: center; display: inline-block;background: #999;}
.meishu-text-list li:nth-child(1) i,.meishu-text-list li:nth-child(2) i,.meishu-text-list li:nth-child(3) i{background: #009fa8;}
.meishu-tags-list{list-style: none;padding-left: 0;display: flex; flex-direction: row; flex-wrap: wrap;}
.meishu-tags-list li{line-height: 28px; display: inline-block;width: auto; text-align: center; margin-bottom: 5px; flex: auto;margin-right: 5px;}
.meishu-tags-list li a{font-weight: 400; background: #999; padding: 1px 10px; line-height: 30px; color: #fff; font-size: 12px; display: block;outline: 0; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;}
.meishu-tags-list li a:hover{background: #009fa8;}
.meishu-h3{font-size: 16px; margin: 10px 0 0; line-height: 1.4; overflow: hidden; height: 38px;}
.ms-title .ms-nav-title{color: #009fa8;}
.layadmin-carousel .layui-carousel-ind{top: -45px;}
/* 幻灯切换 */
.meishu-right-slider{height: 240px; overflow: hidden;margin-top: 20px;}
.meishu-slider{position: relative}
.meishu-slider div.relative{position: relative;text-align: center;padding: 0px;list-style-type: none;margin: 0px;width: 100%;background: #ffffff;height: 240px;overflow: hidden;}
.meishu-slider div.relative a{height:240px;}
.meishu-slider div.relative a img{width: 100%; height: 100%; object-fit: cover;}
.meishu-slider span{z-index: 99;position: absolute;text-align: center;width: 100%;left:0;bottom: 2px;color: #ffffff;font-size: 12px;font-weight: bold}
.meishu-slider .txtbg{position: absolute;filter: alpha(opacity=70);width: 100%;bottom: 0px;background: #000;height: 17px;padding-top: 5px;left: 0px;opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7}
.meishu-slider .txtbg img{width: 620px;height: 240px;}
.meishu-hdnum{width: 100%;height: 60px;overflow: hidden;padding-top: 2px}
.meishu-hdnum li{padding: 1px;background-color: #000;width: 69px;float: left;overflow: hidden;}
.meishu-hdnum li{width: calc(100% / 5 - 2.5999px);margin-right:1px;}
.meishu-hdnum li img{width: 100%;height: 60px;filter: alpha(opacity=50);opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5}
.meishu-hdnum li.on{padding: 0;background-color: #009fa8;}
.meishu-hdnum li.on img{border: #009fa8 2px solid;filter: alpha(opacity=100);width: 65px;height: 56px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1}
/* 面包屑 */
.meishu-breadcrumb{line-height: 30px; margin: 10px 0; color: #999;}
.meishu-breadcrumb a{color: #999;margin-right: 5px; margin-left: 5px;}
/* 展览 */
.meishu-exhibition{padding:0;}
.meishu-exhibition .layadmin-carousel{height: 233px!important;}
/* 合作伙伴 */
.meishu-partner{padding:0;}
.meishu-partner .layadmin-carousel{height: 80px!important;}
.meishu-partner .meishu-col-8 img{width: 100%;max-height: 60px;}
/* 友情链接 */
.meishu-flink{padding:0;}
.meishu-flink ul{}
.meishu-flink ul li{float:left;margin-right:10px;}
.meishu-footer,.meishu-header-logo{margin: -7.5px;}
/* 顶部banner */
.meishu-top-banner .fly-panel-main{padding: 0;}
.meishu-top-banner .fly-topline{height:410px;;}
.meishu-top-banner .fly-topline img{width: 100%; height: 100%; object-fit: cover;}
.meishu-top-banner .fly-topline h2{position: absolute; bottom: 30px; left: 30px; color: #fff; font-weight: 900; font-size: 40px;text-shadow: 2px 2px 1px #808080;}
.meishu-top-banner .layui-carousel-arrow{opacity: 1;}
/* 艺品列表页面 */
.masonry-box{padding: 0 auto;background-color: #f2f2f2;overflow: hidden;}
.masonry-box .masonry-box-in{float: left;margin-bottom: 15px;}
.masonry-box .masonry-box-in.col-1{width: 100%;}
.masonry-box .masonry-box-in.col-2{width: 50%;}
.masonry-box .masonry-box-in.col-3{width: calc(100% / 3 - 14px); margin-right: 17.5px;}
.masonry-box .masonry-box-in.col-3:nth-child(3n){margin-right:0;}
.masonry-box .masonry-box-in.col-4{width: calc(100% / 4 - 14px); margin-right: 17.5px;}
.masonry-box .masonry-box-in.col-4:nth-child(4n){margin-right:0;}
.masonry-box .masonry-box-in.col-5{width: calc(100% / 5 - 14px); margin-right: 17.5px;}
.masonry-box .masonry-box-in.col-5:nth-child(5n){margin-right:0;}
.masonry-box .masonry-box-in.col-6{width: 16.66%;}
@media (min-width: 992px) and (max-width: 1200px){
.masonry-box .masonry-box-in.col-4,.masonry-box .masonry-box-in.col-5{width: calc(100% / 3 - 14px); margin-right: 17.5px;}
.masonry-box .masonry-box-in.col-4:nth-child(4n),.masonry-box .masonry-box-in.col-5:nth-child(5n){margin-right: 17.5px;}
.masonry-box .masonry-box-in.col-4:nth-child(3n),.masonry-box .masonry-box-in.col-5:nth-child(3n){margin-right:0;}
}
/* meishu-grid */
.meishu-grid .works_bg{background-color: #fff;border-radius: 4px;position: relative;}
.meishu-grid .works_bg a.worksimg{height:220px;display: inline-block;width: 100%;}
.meishu-grid .works_bg .img-responsive{width: 100%; height: 100%; object-fit: cover;}
.meishu-grid img{margin-bottom: 5px;max-width: 100%;}
.meishu-grid h3{font-size: 14px;margin: 10px 0 0;line-height: 1.4;height: 27px;padding: 0 16px;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.meishu-grid h3 a{color: #223138;}
.meishu-grid .meishu-grid-info{margin-bottom: 5px;list-style: none;padding: 0 7px;}
.meishu-grid .meishu-grid-info li{color: #888;padding: 0 2px;font-size: 12px;display: inline-block;overflow: hidden;height: 22px;line-height: 22px;}
.meishu-grid .meishu-grid-info li:first-child:before{content: " ";margin-right: 0;}
.meishu-grid .meishu-grid-info li a{color: #999;margin-left: 6px;}
.meishu-grid span.author_info{border-top: 1px solid #eee;display: block;height: 50px;position: relative;}
.meishu-grid span h4{padding: 0 16px;font-size: 12px;line-height: 49px;height: 49px;color: #888;display: inline-block;overflow: hidden;}
.meishu-grid span h4 .m_author{width: 24px;height: 24px;border-radius: 50%;margin-right: 6px;}
.meishu-grid .works_bg .young_type .follow_me .yes_follow, .show_author .author_btn .follow .yes_follow{background-color: #ea2c3a;}
.meishu-grid .author_down{ }
.meishu-grid .author_down:after{content: ""; position: absolute; width: 0; height: 0; bottom: -10px; left: 19px; box-sizing: border-box; border-width: 6px; border-style: solid; border-color: transparent transparent #fff #fff; -webkit-transform-origin: 0 0; -webkit-transform: rotate(-46deg); transform-origin: 0 0; transform: rotate(-46deg); box-shadow: -3px 2px 2px rgba(255,255,255,.05);}
/* show_author */
.show_author .author_btn .follow a{background-color: #9C661F;padding: 5px 20px;border-radius: 4px;color: #fff;}
.show_author .author_btn .message{width: 50%;text-align: center;float: left;}
.show_author .author_btn .message a{border: 1px solid #bbb;padding: 5px 25px;border-radius: 4px;color: #666;}
.show_author{position: absolute;bottom: 45px;height: 220px;background-color: rgba(255, 255, 255, 0.95);width: 100%;box-shadow: 2px 6px 15px rgba(0,0,0,.15);z-index: 11;border-radius: 4px;display: none;}
.show_author a.author_thumb{width: 100px; height: 100px; display: block; margin: auto; text-align: center;}
.show_author .author_thumb img{border-radius: 50%; width: 100%; margin: 0 auto; display: block; margin-top: 20px; height: 100%; object-fit: cover;}
.show_author .author_title{text-align: center;display: block;margin-top: 5px;font-size: 18px;}
.show_author .author_type{text-align: center; display: block; margin: 5px 0; font-size: 14px; color: #888;}
.show_author .author_num{height: 60px;display: block;}
.show_author .author_num .work{width: 50%;text-align: center;float: left;position: relative;margin-top: 0;}
.show_author .author_num .work p{color: #bbb;line-height: 21px;font-size: 12px;}
.show_author .author_num .work .num, .show_author .author_num .fans .num{color: #333;font-weight: 600;line-height: 21px;}
.show_author .author_num .fans{width: 50%;text-align: center;float: left;}
.show_author .author_num .fans p{color: #bbb;line-height: 21px;font-size: 12px;}
.show_author .author_btn{clear: both;}
.show_author .author_btn .follow{width: 50%;text-align: center;float: left;}
.clamp3{-webkit-line-clamp: 3!important;line-clamp: 3!important;}
/* 通用 */
.ms-title-type{margin-right: 15px; font-size: 14px; padding: 5px 10px;}
.border-fa{border: 1px solid #fafafa;display: inline-block;}
.border-eee{border: 1px solid #eee;display: inline-block;}
.meishu-col-8{width: calc(100% / 8 - 10px);float: left;}
.meishu-col-8 img{width: 100%;}
.width120{width:120px!important}
.height380{height:380px!important}
.height286{height:286px!important}
.height240{height:240px!important}
.height220{height:220px!important}
.height165{height:165px!important}
.height190{height:190px!important}
.height150{height:150px!important}
.height120{height:120px!important}
.height110{height:110px!important}
.height100{height:100px!important}
.text1 li{width: 100%; margin-bottom: 4px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img2 li{width: calc(100% / 2 - 10px);}
.img2 li:nth-child(2n){margin-right: 0}
.img3 li{width: calc(100% / 3 - 10px)}
.img3 li:nth-child(3n){margin-right: 0}
.img4 li{width: calc(100% / 4 - 10px)}
.img4 li:nth-child(4n){margin-right: 0}
.img5 li{width: calc(100% / 5 - 11px)}
.img5 li:nth-child(5n){margin-right: 0}
.img5-8 li{width: calc(100% / 5 - 8px)}
.img5-8 li:nth-child(5n){margin-right: 0}
.img6 li{width: calc(100% / 6 - 10px)}
.img6 li:nth-child(6n){margin-right: 0}
.img7 li{width: calc(100% / 7 - 12px)}
.img7 li:nth-child(7n){margin-right: 0}
.img10 li{width: calc(100% / 10 - 10px)}
.img10 li:nth-child(10n){margin-right: 0}
.img12 li{width: calc(100% / 12 - 10px)}
.img12 li:nth-child(12n){margin-right: 0}
.img13 li{width: calc(100% / 13 - 10px)}
.img13 li:nth-child(13n){margin-right: 0}
.img15 li{width: calc(100% / 15 - 10px)}
.img15 li:nth-child(15n){margin-right: 0}
.workimg4 li{width: calc(100% / 4 - 15px);margin-right: 18px;height: 180px;float: left; margin-bottom: 20px;}
.workimg4 li .distab{height:209px;}
.workimg4 li:nth-child(4n){margin-right: 0}
.workimg5 li{width: calc(100% / 5 - 15px);margin-right: 18px;height: 209px;float: left; margin-bottom: 20px;}
.workimg5 li:nth-child(5n){margin-right: 0}
.workimg5 li .distab{height:209px;}
.workimg6 li{width: calc(100% / 6 - 24px);margin-right: 28px;height: 180px;float: left; margin-bottom: 20px;}
.workimg6 li:nth-child(6n){margin-right: 0}
.workimg6 li .distab{height:180px;}
.fontsize12{font-size:12px!important;}
.pages .detail-body{padding:1px 20px 20px 20px}
/*2020817*/
.ms-nybanner{height: 150px; background-color: #009fa8;position: relative;}
.ms-nybanner .ms-nycatname{position: absolute; line-height: 150px; font-size: 22px; color: #fff;}
.bg-color-white{background-color: #fff;padding: 20px;}
.bg-color-white .fly-panel{box-shadow:none}
.m0{margin:0!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.ml0{margin-left:0!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml120{margin-left:120px!important;}
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt80{margin-top:80px!important;}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb45{margin-bottom:45px!important;}
.mb160{margin-bottom:160px;}
.bcolorf2{background-color: #f2f2f2;}
.m-0-20{margin: 0 20px;}
.display-i-b{display:inline-block;}
.display-b{display:block;}
.inputadd{line-height: 38px; height: 38px; display: inline-block;text-decoration: underline;cursor: pointer; color: #009fa8;}
.fl{float: left;}
.fr{float: right;}
.lh38{line-height:38px;}
.wf70{width:70%!important;}
.min-h300{min-height: 300px;}
.strong{font-weight: bold;}
.center{text-align: center;}
.center_inherit{text-align: center;display: inherit;}
.text-left{text-align: left!important;}
.p0{padding: 0!important;}
.p2{padding: 2px!important;}
.pt1{padding-top:1px!important;}
.pt0{padding-top:0px!important;}
.pb0{padding-bottom:0px!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb20{padding-bottom:20px!important;}
.pb40{padding-bottom:40px!important;}
.pb100{padding-bottom:100px!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pl0{padding-left:0!important;}
.p15{padding: 15px!important;}
.p20{padding: 20px!important;}
.p25{padding: 25px!important;}
.pr10{padding-right:10px!important;}
.color-a{color: #aaa;}
.pad40{padding:40px!important;}
.fs12{font-size: 12px;}
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.center{text-align:center!important;}
#usertop.fixed { position: fixed; top: 0; z-index: 1040; width: 800px; left: 0; right: 0; margin: auto;}
#usertop .layui-this a{color:#009fa8}
#usertop .layui-nav .layui-nav-item{line-height: 59px;}
#meishutop.none { position: fixed;top:0;}
.text-center { text-align: center; }
.min-h55{min-height: 55px!important;}
.strong{font-weight: bold;}
.relative{position: relative;}
.radius-round{border-radius: 50% !important;}
.inputtips{clear: both;color: #cecece;line-height: 30px;}
/*Page*/
.ms-page { clear: both; margin-top: 40px; display: block; text-align: center; position: relative; padding-bottom: 30px;}
.ms-page .ms-pagination { height: 40px; box-sizing: border-box; display: inline-block; vertical-align: top; border-right: none; border-bottom: none; }
.ms-page .ms-pagination a:hover{ background: #009fa8; color: #fff; }
.ms-page .ms-pagination a:nth-child(1) { border-left: 1px solid #eee; }
.ms-pagination a.cur { background: #009fa8; color: #fff; }
.ms-page .ms-pagination a { display: block; float: left; padding: 5px 18px; text-decoration: none; color: #808080; font-size: 12px; line-height: 24px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.ms-page p.pageEllipsis { border-style: none; background: none; padding: 5px 18px; color: #808080; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-top: 1px solid #eee; display: block; float: left; }
.ms-page p.pageRemark { border-style: none; background: none; margin-right: 20px; padding: 4px 0px; color: #666; position: absolute; right: 0; font-size: 13px; top: 5px; }
.ms-pagination a.cur { background: #009fa8; color: #fff; }
.ms-page p.pageRemark b { color: #009fa8; margin: 0 5px; }
.ms-btn{display: inline-block; padding: 0 3px; background-color: #009fa8; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; cursor: pointer;}
.ms-more{}
.ms-more a{background-color: #009fa8; display: inherit!important;}
.ms-more h5{text-align: center; color: #fff; padding-top: 18px; font-size: 50px;}
.ms-panel-title{padding: 0 15px; color: #009fa8; font-size: 16px; font-weight: bold; height: 40px; line-height: 40px;}
.ms-catnav{}
.ms-catnav a{ display: inline-block; text-align: center;margin-right:15px;}
.ms-catnav a:nth-child(12) { margin-right: 0; }
.ms-catnav .ms-active{background: #009fa8; color: #fff; padding: 3px 10px;}
.ms-catnav-9 a{width: calc(100% / 9 - 4px); display: inline-block; text-align: center;}
.ms-catnav-9 a:nth-child(12) { margin-right: 0; }
.ms-catnav-9 .ms-active{background: #009fa8; color: #fff; padding: 3px 10px;}
.list-thumb2{}
.list-thumb2 img{height: 80px!important;}
.list-thumb1{}
.list-thumb1 img{height: 91px!important;}
.list-thumb3{line-height: 28px!important;}
.list-thumb3 cite{height: 28px; display: inline-block; overflow: hidden;}
.list-thumb3 img{width:100%;height: 180px!important;object-fit: cover;}
.artist-list{}
.artist-list .artist-thumb,.edu-list .edu-thumb{width:100%!important;}
.artist-list .artist-thumb img,.edu-list .edu-thumb img{width:100%;height:100%;object-fit: cover;}
@media (min-width: 1200px){
.artist-list .artist-thumb img,.edu-list .edu-thumb img{height:121px!important}
}
.artist-list .artist-info h2,.edu-list .edu-info h2{padding-bottom: 10px;}
.artist-list .artist-info h2 .artindex,.edu-list .edu-info h2 .artindex{margin-right: 15px; float: right; background-color: #e74c3c; color: #fff; padding: 0 10px; font-size: 12px;border-radius: 10px ;line-height: 20px;}
.artist-list .artist-info h2 .artindex{width: 40px; text-align: center;}
.artist-list .artist-info h2 .artindex i, .artindex,.edu-list .edu-info h2 .artindex i{font-size: 12px;}
.artist-list .artist-info h2 a{color: #009fa8;}
.artist-list .artist-info p{line-height: 24px;}
.artist-list .artist-artworks{}
.artist-list .artist-artworks li{width: calc(100% / 3 - 7px); margin-right: 10px; list-style: none!important; float: left; overflow: hidden; border: 0; position: relative; background-color: #eee; text-align: center;padding: 0;}
.artist-list .artist-artworks li .distab{display: table;height: 113px; width: 100%;overflow: hidden;}
.artist-list .artist-artworks li span { display: table-cell; vertical-align: middle; }
.artist-list .artist-artworks li:nth-child(3){margin-right: 0;}
.artist-list .artist-artworks li img { max-width: 100%; }
.artist-list .artist-artworks h3 { font-size: 14px; margin: 6px 0 0; line-height: 1.5; overflow: hidden; height: auto; text-align: center; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; color: #fff; }
.ms-distab{display: table; width: 100%;background-color: #eee;}
.ms-distab span{display: table-cell; vertical-align: middle;text-align: center;height: 180px;}
.ms-distab span img{max-width: 100%;}
.edu-list .edu-info h2 a{color: #223138;font-weight: bold;font-size: 16px;}
.edu-list .edu-dl dt { float: left; overflow: hidden; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; font-size: 14px; color: rgb(34, 49, 56);}
.edu-list .edu-dl dd { line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*常规列表*/
.list-img{overflow: hidden; font-size: 14px;}
.list-img li{float: left; margin-right: 13px; margin-bottom: 15px; position: relative;}
.calc3-18 li{width: calc(100% / 3 - 18px);margin-right: 27px}
.calc3-18 li:nth-child(3n){ margin-right: 0; }
.calc4-18 li{width: calc(100% / 4 - 18px);margin-right: 24px}
.calc4-18 li:nth-child(4n){ margin-right: 0; }
.list-img li img { width: 100%; height: 100%; object-fit: cover; }
.list-img li h3 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; text-align: center;line-height: 36px;}
.exhibition_img{height:315px;width:100%;display: inline-block;overflow: hidden;}
.exhibition_img img{object-fit: cover;height: 100%;}
/* 筛选 艺术大师*/
.search_type{}
.search_type ul{padding: 0; margin-top: 22px;}
.search_type ul li{float: left; list-style: none; background-color: #eee; margin-left: 1%; font-size: 18px;width: calc(100% / 4 - 9px);text-align: center;}
.search_type ul li:nth-child(1){ margin-left: 0; }
.search_type ul li a{display: block; padding: 20px 20px;}
.search_type ul li a:hover{background: #009fa8;color:#fff;}
.search_type_name{width:100%;}
.search_type_name a{width: calc(100% / 8 ); display: block; float: left; line-height: 40px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.search_type_name a span,.search_type_abc a span{padding: 3px 10px;}
.search_type_name a:hover span,.search_type_abc a:hover span{background: #009fa8; color: #fff; }
.search_type_name dt{float: none;text-align: left;width:100%;font-size:16px;}
.search_type_name dd{margin-left:0;}
.search_type_abc a{width: calc(100% / 14 ); display: block; float: left; line-height: 40px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 10000;display: none;top: 0;left: 0;}
.reveal-modal{visibility: hidden;top: -100px;left: 50%;margin-left: -580px;width: 1160px;background-color: #fff;position: absolute;z-index: 10001;padding: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-modal.small{width: 200px;margin-left: -140px;}
.reveal-modal.medium{width: 400px;margin-left: -240px;}
.reveal-modal.large{width: 600px;margin-left: -340px;}
.reveal-modal.xlarge{width: 800px;margin-left: -440px;}
.reveal-modal .close-reveal-modal{font-size: 30px;position: absolute;top: 8px;right: 11px;color: #009fa8;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold;cursor: pointer;width: 30px;}
#myModal1{top:-100px;}
#myModal2{top:0;}
#myModal3{top:-200px;}
#myModal4{top:0;}
/*page*/
#pages{text-align: center;overflow: hidden; border-right: none; border-bottom: none; padding: 30px 0; }
#pages a.active,#pages a:hover{background-color: #009fa8; color: #fff;}
#pages a.disabled{ color: #C9C9C9; cursor: not-allowed;}
#pages a.disabled:hover{background-color: #fff; }
#pages a{margin-right: -5px; padding: 0 20px; line-height: 36px; font-size: 14px; box-sizing: border-box; display: inline-block; vertical-align: top; }
/*TAGLIST*/
.tag-modelid2{overflow: hidden; width: 100%; border-bottom: 1px dotted #e2e2e2; padding: 15px 0;}
.tag-modelid2 .ms-article-thumb{display: inline-block; height: 100px; width: 240px;}
.tag-modelid2 .ms-article-thumb img { width: 100%; height: 100%; object-fit: cover; }
.tag-modelid2 .ms-article-info { padding-left: 20px; }
.tag-modelid2 .ms-article-info h2 { font-size: 16px; }
.tag-modelid2 .ms-article-info h2 .layui-badge { top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #009fa8; background: none; color: #009fa8; }
.tag-modelid2 .ms-article-info .ms-article-desc { margin-top: 10px; color: #757575; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.tag-modelid3{}
.tag-modelid3,.tag-modelid4{margin-bottom: 20px;}
.tag-modelid3 img,.tag-modelid4 img{border-radius: 50%;width:85%}
.tag-modelid3 .ms-article-info,.tag-modelid4 .ms-article-info {padding-top:10px; }
.tag-modelid3 .ms-article-info h2 a,.tag-modelid4 .ms-article-info h2 a{ font-size: 22px; }
.tag-modelid3 .ms-article-info h2 .layui-badge,.tag-modelid4 .ms-article-info h2 .layui-badge { top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #009fa8; background: none; color: #009fa8; }
.tag-modelid3 .ms-article-info .ms-article-desc,.tag-modelid4 .ms-article-info .ms-article-desc{padding-top:15px;}
.tag-modelid5{width: calc(100% / 4 - 16px); margin-right: 16px; float: left; margin-top: 16px;}
.tag-modelid5 a{position: relative;display: block;}
.tag-modelid5 a h4{position: absolute; bottom: 0; background-color: rgb(0 0 0 / 64%); width: 100%; color: #fff; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.tag-modelid5 a h4 span{padding: 0 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;line-height: 20px;}
.tag-modelid5 img{width:100%}
.tag-modelid6{overflow: hidden; width: 100%; padding: 15px 0;}
.tag-modelid6 .edu-thumb { width: 100%!important; }
.tag-modelid6 .edu-thumb img{ height: 121px!important;width: 100%;}
.tag-modelid6 .ms-article-info { padding-left: 20px; }
.tag-modelid6 .edu-info h2 { font-size: 16px;padding-bottom: 10px; }
.tag-modelid6 .edu-info h2 a { color: #223138; font-weight: bold; font-size: 16px; }
.tag-modelid6 .edu-info h2 .artindex { margin-right: 15px; float: right; background-color: #e74c3c; color: #fff; padding: 0 10px; font-size: 12px; border-radius: 10px; line-height: 20px; }
.tag-modelid6 .edu-info h2 .artindex i { font-size: 12px; }
.tag-modelid6 .edu-dl dt { float: left; overflow: hidden; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; font-size: 14px; color: rgb(34, 49, 56); }
.tag-modelid6 .edu-dl dd { line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tag-modelid7{width: calc(100% / 3 - 16px); margin-right: 16px; float: left; margin-top: 16px;}
.tag-modelid7 a{position: relative;display: block;}
.tag-modelid7 a h4{position: absolute; bottom: 0; background-color: rgb(0 0 0 / 64%); width: 100%; color: #fff; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.tag-modelid7 a h4 span{padding: 0 3px; display: inline-block;}
.tag-modelid7 img{width:100%}
.tag-modelid9{overflow: hidden; width: 100%; border-bottom: 1px dotted #e2e2e2; padding: 15px 0;}
.tag-modelid9 .ms-article-thumb{display: inline-block; height: 100px; width: 240px;}
.tag-modelid9 .ms-article-thumb img { width: 100%; height: 100%; object-fit: cover; }
.tag-modelid9 .ms-article-info { padding-left: 20px; }
.tag-modelid9 .ms-article-info h2 { font-size: 16px; }
.tag-modelid9 .ms-article-info h2 .layui-badge { top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #009fa8; background: none; color: #009fa8; }
.tag-modelid9 .ms-article-info .ms-article-desc { margin-top: 10px; color: #757575; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.tag-modelid-org { overflow: hidden; width: 100%; border-bottom: 1px dotted #e2e2e2; padding: 15px 0; }
.tag-modelid-org .ms-article-thumb { display: inline-block; height: 120px; width: 120px; }
.tag-modelid-org .ms-article-thumb img { width: 100%; height: 100%; object-fit: cover; }
.tag-modelid-org .ms-article-info { padding-left: 20px; }
.tag-modelid-org .ms-article-info h2 { font-size: 16px; }
.tag-modelid-org .ms-article-info h2 .layui-badge { top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #009fa8; background: none; color: #009fa8; }
.tag-modelid-org .ms-article-info .ms-article-desc { margin-top: 10px; color: #757575; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.tag-modelid-org .ms-article-info .ms-article-tags a.layui-btn+.layui-btn { margin-left: 0; }
.ms-works-nav{background-color: #f2f2f2;margin-bottom: 15px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);}
.ms-works-nav .ms-works-nav-title{line-height: 50px;}
.ms-works-nav .ms-works-nav-title a{border-bottom: 2px solid #009fa8; padding: 0 0 16px 0!important; color: #009fa8;font-size: 1.125rem;}
.bottom-solid:first-child{border: 0;}
.bottom-solid{border-bottom: 1px solid #eee; margin: 5px 0; padding: 5px 0;}
@media screen and (max-width: 991px){
.meishu-txtimg-list{}
.meishu-txtimg-list li{width: calc(100% / 4 - 10px)!important; margin-right: 10px!important;}
.meishu-txtimg-list li:nth-child(4){margin-right: 0!important;}
.meishu-txtimg-list li .list-thumb1 img{height: 130px!important;}
.meishu-txtimg-list li .meishu-txtimg-list li h3{font-size: 14px!important;}
#indexgg #indexgg2{display:none}
.meishu-col-8 .list-thumb3 img{height: 140px!important;}
.meishu-col-8 .list-thumb3 cite{font-size: 12px;}
.meishu-exhibition .layadmin-carousel{height: 177px!important;}
.fly-panel-title .title_en{display:none;}
.meishu-index-artist .first-artist{width: 100%;}
.meishu-index-artist .first-artist img{width: 90%;}
.layui-hide-xs { display: block!important; }
.list-thumb3 img{}
}
.msinlink{
color: #009fa8; border-bottom: 1px dotted #009fa8; padding-bottom: 2px;
}
.ms_org_follow_btn{margin-left:10px;}