/* 
类型：guitutu全局样式
作者：tony
日期：2016-10-14 23:05
心情：★★★☆☆
兼容：-webkit-
备注：全局样式须提前引用
*/
*,:after,:before{
	margin:0;padding:0;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}
body{font-family:Helvetica,Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei",SimSun,Heiti,sans-serif; line-height: 1.5;}
a:hover{ text-decoration: none; }
html,body{font-size: 14px; width: 100%; min-height: 100%; overflow: auto; overflow-x: hidden; }
body{ background: transparent; }
ul,li {list-style:none;}
input,select{ outline:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.icon,.iconfont{
  font-family:"iconfont" !important;
  font-size:inherit;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*鼠标*/
a{ text-decoration: none; }
a:link{text-decoration: none;}
a:visited{}
a:hover{text-decoration: none;}
a:active{background-color:#ddd;}

/*清浮*/
.clear:after,.clearfixd:after{content:""; display:table; height:0; clear:both; font-size:0; visibility:hidden;}
.clear,.clearfixd{zoom:1; *+height: 1%;}

/*隐藏元素*/
.hidden,.hide{ display: none !important; opacity: 0 !important; }
.show{ display: block !important; }

/*文字溢出省略号*/
.text-overflow{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}

/*多行文字溢出省略号*/
.text-overflow-rows4{
  width:100%;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 4; /*这里修改为要显示的行数*/
  -webkit-box-orient: vertical;
}

/*查看更多*/
.check-more{
  padding-right: 1.5rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM0QzFDNzMyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0QzFDNzQyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzRDMUM3MTJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzRDMUM3MjJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjs2Bb4AAAItSURBVHjazJhbK0RRGIb3DIOU/AG5kUTOgxmHceFGKf6BO+Vf+E8KKYcYg3FuMpNIDhFJXJAcp/GtvKumrzVs+zBrvfU2u689q6d3rb33+lYgl8tZvymZ3JOX7eQp8gT50fJA0Wj4z3tKbY5VR14hV5ObyWLkZ6sICtq4p4V8CjihevIWucoUQJFUmtUayTvkShMAL5DiGqs3IMlK3YBSgwrIZkBWmAAoIRMKyG2/IIMO/hMjbygepCS53ARAoQHyOqu1YbrLTADMAXJbASmSDOkGlOpTQHaQN72CdAuYBeQuq4cBWaIbUEJGC0Am3UIGPVoqMsk9Vu/CwxTQDSj0iSQPWD2C6Q7oBhT6AmRKAZkwAVDoowBkn+LdqQVQ6A2QhwrIuAmAEjKi2KrF/jPdfgIKveI7Pcfq/eSMCYBSD4pakymA0+RxVrsn15oAOEMeY7Vbcif5ys4ApT7CzZJHWO2G3I1fSyfgPHmY1a7x6bvT/ZpZUMBdOoHzI8El8pCiK+wq8CQXNcFlBdw51tyD00G9SnAVHV++zgDn6hzHiwTjCrgTTKvrQya3Ca5jA5CvY3IP+UlnTxJEb8zhjpDck1cL20mCAcBFWD2D2ovOvjiERojDpTGtnsL9N8EQegt+LJrC5vRN59lMORp0DrePNH2BswvYivXVzuoHSO7dz+2QHcAa6+eMOl87WHOffm8m7QCK7foog+tFi2mZACg3npPkRUxrtkitgvUtwAA5A3LWdzPizwAAAABJRU5ErkJggg==);
  background-size: 0.7rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(100% - .5rem) center;
  background-position: calc(100% - .5rem) center;
}

/*字体大小*/
.font-12{ font-size: 12px !important; }
.font-13{ font-size: 13px; }
.font-14{ font-size: 14px; }
.font-16{ font-size: 16px; }
.font-15{ font-size: 15px; }
.font-18{ font-size: 18px; }
.font-20{ font-size: 20px; }
.font-22{ font-size: 22px; }
.font-24{ font-size: 24px; }
.font-26{ font-size: 26px; }
.font-28{ font-size: 28px; }
.font-30{ font-size: 30px; }
.font-32{ font-size: 32px; }

/*字体颜色*/
.color-red{ color: #FF635B; border-color:#FF635B; }
.color-khaki{ color: #f09828; border-color: #f09828; }
.color-gold{ color: #FED643; border-color: #FED643; }
.color-green{color:#7EB919; border-color:#7EB919;}
.color-yellow{color: #FFA627; border-color: #FFA627;}
.color-blue{color:#448ED5; border-color:#448ED5;}
.color-gray{ color: #999; border-color: #eee; }
.color-back{ color: #000;}
.color-white{ color: #fff;}
.color-ccc{ color: #868686;}
.color-3{ color: #333;}
.color-6{ color: #666;}
.color-9{ color: #999;}
.color-ccc a{color: #FED643;}
a.color-3{ color: #333;}

/*字体粗细*/
.font-bold{ font-weight: bold; }

/*字体对齐方式*/
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }

/*背景颜色*/
.bg-khaki{ background-color: #f09828; color: #fff !important; }
.bg-red{ background-color: #FF635B; color: #fff !important; }
.bg-gold{ background-color: #FED643; color:#000;}
.weui-btn.bg-gold{ background-color: #FED643; color:#000;}
.bg-green{background-color:#7EB919; color: #fff !important;}
.bg-yellow{background-color: #FFA627; color: #fff !important;}
.bg-blue{background-color:#448ED5; color: #fff !important;}
.bg-gray{ background-color: #999;  color: #fff !important;}
.bg-ddd{ background-color: #ddd; }
.bg-fff{ background-color: #fff; }
.bg-000{ background-color: #1d1d1d ; }
a.bg-gold:active,.bg-gold:active{ opacity: .75; background-color: #FED643 !important;}


/*定位*/
.position-static{ position: static !important; }
.position-relative{ position: relative !important; }
.position-relative .right-top{ position: absolute; top:0; right: 0; }

/*左右浮动*/
.float-left{ float: left; }
.float-right{ float: right; }

/*overflow*/
.over-auto{ overflow: auto !important; }
.over-visible{ overflow: visible !important; }
.over-hidden{ overflow:hidden !important; }

/*内边距*/
.padding-5{ padding: 5px; }
.padding-10{ padding: 10px; }
.padding-15{ padding: 15px; }
.padding-20{ padding: 20px; }
.padding-top-5{ padding-top:5px; }
.padding-top-10{ padding-top:10px; }
.padding-top-15{ padding-top:15px; }
.padding-top-20{ padding-top:20px; }
.padding-right-5{ padding-right:5px; }
.padding-right-10{ padding-right:10px !important; }
.padding-right-15{ padding-right:15px; }
.padding-right-20{ padding-right:20px; }
.padding-bottom-5{ padding-bottom:5px; }
.padding-bottom-10{ padding-bottom:10px; }
.padding-bottom-15{ padding-bottom:15px; }
.padding-bottom-20{ padding-bottom:20px; }
.padding-left-5{ padding-left:5px; }
.padding-left-10{ padding-left:10px; }
.padding-left-15{ padding-left:15px; }
.padding-left-20{ padding-left:20px; }
.padding-0{ padding:0 !important; }

/*外边距*/
.margin-5{ margin: 5px; }
.margin-10{ margin: 10px; }
.margin-15{ margin: 15px; }
.margin-20{ margin: 20px; }
.margin-top-5{ margin-top:5px; }
.margin-top-10{ margin-top:10px; }
.margin-top-15{ margin-top:15px; }
.margin-top-20{ margin-top:20px; }
.margin-right-5{ margin-right:5px; }
.margin-right-10{ margin-right:10px; }
.margin-right-15{ margin-right:15px; }
.margin-right-20{ margin-right:20px; }
.margin-bottom-5{ margin-bottom:5px; }
.margin-bottom-10{ margin-bottom:10px; }
.margin-bottom-15{ margin-bottom:15px; }
.margin-bottom-20{ margin-bottom:20px; }
.margin-left-5{ margin-left:5px; }
.margin-left-10{ margin-left:10px; }
.margin-left-15{ margin-left:15px; }
.margin-left-20{ margin-left:20px; }
.margin-0{ margin:0 !important; }

/*边框*/
.border{ border:1px solid #eee; }
.border-top{ border-top:1px solid #eee; }
.border-right{ border-right:1px solid #eee; }
.border-bottom{ border-bottom:1px solid #eee; }
.border-left{ border-left:1px solid #eee; }
.border-0{ border:0 !important; }

/*行高*/
.line-height-15{ line-height: 1.5; }
.line-height-16{ line-height: 1.6; }
.line-height-18{ line-height: 1.8; }
.line-height-20{ line-height: 2; }

/*高度*/
.height-0{ visibility: hidden; height: 0 !important; overflow:hidden; }

/*圆角*/
.border-radius{ border-radius:100%; }

/*盒子模型*/
.flex-box{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-1{
	display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-2{
	display: block;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
/*表格布局*/
.display-table-position{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.display-table{ display: table; width: 100%; height: 100%;}
.display-cell{ display:table-cell; text-align: center; vertical-align: middle; }
/*表格布局2*/
.vertical-align{ text-align:center;}
.vertical-align:before{ content:''; display:inline-block; height:100%; vertical-align:middle;}
.vertical-align .vertical-align-middle{ display:inline-block; vertical-align:middle;}
.vertical-align .vertical-align-bottom{ display:inline-block; vertical-align:bottom;}
/*无视鼠标*/
.pointer-die{pointer-events:none; -webkit-pointer-events:none; position:relative; opacity:.5;}

/*网页变灰色*/
.color-die{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);	
    filter: gray;
    opacity: .5;
}
/*模糊*/
.filter-blur{-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}


/*鼠标动画*/
.transition{
	transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-webkit-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
}
.transition-2{
	transition:all 3s ease 0s;
	-moz-transition:all 3s ease 0s;
	-webkit-transition:all 3s ease 0s;
	-o-transition:all 3s ease 0s;
}

/*清除动画*/
.transition-die{
	-moz-transition-duration: 0s !important;
	-webkit-transition-duration: 0s !important;
	-o-transition-duration: 0s !important;
	-ms-transition-duration: 0s !important;
	transition-duration: 0s !important;
}

/*透明度*/
.opacity-50{
	filter:alpha(opacity=50);
	-webkit-opacity:.5;
	-moz-opacity:.5;
	opacity:.5;
}
.opacity-70{
	filter:alpha(opacity=70);
	-webkit-opacity:.7;
	-moz-opacity:.7;
	opacity:.7;
}

/*保留文本段落格式*/
.text-pre{
	white-space:pre-wrap; 
	*white-space: pre; 
	*word-wrap: break-word;
}

/*取消select的右侧小三角按钮*/
.select{
appearance:none !important;
-moz-appearance:none;
-webkit-appearance:none;
}

/*动画事件*/
.action{ 
	-webkit-animation: action 2s ease;
	-moz-animation: action 2s ease;
	-ms-animation: action 2s ease;
	-o-animation: action 2s ease;
	animation: action 2s ease;
}
@-webkit-keyframes action{from{}to{}}
@-moz-keyframes action{from{}to{}}
@-o-keyframes action{from{}to{}}
@keyframes action{from{}to{}}

/*主题框架*/
.hide-menu #model-left{ left:-200px }
.hide-menu #model-right{ padding-left:0 }
#f-btn{ position: absolute; top:50px; right: -44px; }
.hide-menu #t-menu{background: #FED643; color: #000; }
#f-btn a{ display: block; width: 44px; height: 44px; background: #333; color: #fff; text-align: center; line-height: 44px; border-bottom:1px solid #555; }
#f-btn a#t-back:hover{ background-color: #555; }
#model-left{ position:fixed; left:0; top:0; height: 100%; width: 200px;background: #FED643; text-align: center; padding:0; z-index: 999;}
#model-right{ padding-left:200px; }
.model-f-box{ padding-top:80px; width: 100%;}
a.logo{ display: inline-block; width: 60%; height: 0; padding-bottom:60%; color:#000;  position: relative; border-radius: 100%; border: dashed 1px #000; text-align: center;}
.logo .iconfont{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; font-size: 80px }
/*豆腐块*/
.logo-text{ position: absolute; top: 110%; left: 0; width: 100%; display: inline-block; font-size: 18px; }
.logo img{ width: 100%; }
.menu-li{ padding-top:80px; }
.menu-li a{ display: block; padding:10px 0; color:#000; font-size: 16px; }
.menu-li a:hover,.menu-li a:active,.menu-li a.active{ background: #222; color: #fff; }
.about{ position: absolute; right: 0; bottom: 20px; width: 100%; font-size: 12px; text-align: center; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
#art-list{ padding:3vw 10vw; }
#art-list a{ display: block; position: relative; top:0; background: rgba(52,44,35,.75); transition: all .5s; -webkit-transition: all .5s; color: #dac9ae; border-radius:4px; box-shadow: 0 0 2px rgba(0,0,0,.75); }
#art-list a .time{ display: block; color: #746f61; padding:10px; padding-top:0; padding-bottom:20px;}
#art-list a img{ width: 100%; height: 100%;  border-radius:4px 4px 0 0;}
#art-list .img-bd{ height: 10vw; overflow: hidden; }
#art-list a:hover{ top:-5px; }
#art-list a:hover,#art-list a:active{ background: #FED643; color: #000; }
#art-list a:hover .time{ color: #333;}
#art-list div{ margin-bottom:30px; position: relative;}
#art-list .more{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
#art-list a:hover .more .iconfont{ font-size: 400%; }
.art-info{  
  width:100%; 
  height: 3em;
  padding:0 10px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2; /*这里修改为要显示的行数*/
  -webkit-box-orient: vertical;margin-bottom: 0;}

/*列表*/
.line-numbers{ font-size: 14px; border: 1px solid #333;}
.article-list{padding: 3vw 5vw; }
.article-list .media{ margin:0; }
.article-list .media .pull-left{ padding-right: 15px; }
.article-list a{ display: block;  border-bottom:1px solid #333; padding-bottom:20px; padding-top:20px; padding-left:15px; color: #868686; }
.article-list a h4{color: #FED643; }
.article-list a:hover,.article-list a:active{ background: #333;}
#page{ padding-top:20px; }
#page span,#page a{ display: inline-block; padding:3px 8px; border:1px solid #333; margin-right: 5px; border-radius:4px; }
#page a:hover,#page a:active{ background: #FED643; color: #000; }
#page .current{background-color: #444; border-color: #555;}
/*明细*/
.detail-title{ color: #FED643; border-color:#444; margin-top:0; margin-bottom: 10px;}
.detail-title h3{ margin-top:0; font-size: 18px; }
pre[class*="language-"]{ padding:5px 10px !important; }
pre code.language-markup{white-space: pre-wrap !important;word-wrap: break-word !important;}
#model-right img{ max-width: 100% !important;}
.detail-content .time{ color: #666; }
.detail-content > .row{ width: 800px; margin:0 auto; margin-top:50px; margin-bottom:50px; padding: 50px;background: rgba(255,255,255,0.05); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.8);}
.text-area img{ margin-bottom: 20px; }
.text-area p{ line-height:1.8; }
.next-page{
  margin-top: 30px;
  padding-top:30px;
  border-top:1px solid #666;
}
.next-page a{
  display: inline-block;
  padding:8px 30px;
  background: rgba(255,255,2255,.1);
  color: #999;
}
.next-page a:hover{
  background: #333;
  color: #FED643;
}
.next-page .page-prev{
  float: left;
}
.next-page .page-next{
  float: right;
}
/*分享*/
.share-box{ text-align: center; padding-top:30px; }
.bdsharebuttonbox{ display: inline-block; }
.bdshare-button-style0-32 a{ width:30px !important; opacity: .7; height:30px !important; overflow:hidden !important; background:url(../images/webicon.png) no-repeat !important;
  -moz-transition-duration: 0s !important;
  -webkit-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  -ms-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.bdshare-button-style0-32 a.bds_weixin{ background-position:-30px 0 !important;}
.bdshare-button-style0-32 a.bds_qzone{ background-position:-90px 0 !important;}
.bdshare-button-style0-32 a.bds_tsina{ background-position:0 0 !important;}
.bdshare-button-style0-32 a.bds_sqq{ background-position:-60px 0 !important;}
.bdshare-button-style0-32 a.popup_sqq{ background-position:-60px 0 !important;}
.bdshare-button-style0-32 a.bds_more{ background-position:-120px 0 !important;}
/*推荐*/
.more-list{ padding-top:30px; }
.more-list #art-list{padding:0;}
.more-list #art-list .img-bd{ height: 100px; }
.more-list #art-list a{padding-bottom: 10px; background: rgba(0,0,0,.1);color: #999;}
.more-list #art-list div{ margin-bottom: 0; }
/*评论框*/ 
.textarea-box{ position: relative; }
.textarea-box textarea{ width: 100%; background-color:transparent; border:1px solid #666; outline: none; padding:5px;}
#input-text{ border:1px solid #666; padding:5px 30px; color: #aaa; }
#input-text.active{ color: #FED643; border-color:#FED643; }
#input-text.active:hover{ color: #333; background-color:#FED643; }
#reply-code{ height: 33px; width: 120px; border:1px solid #666; background: transparent; padding-left:5px; }
#face{ position: absolute; width: 100%; bottom:130%; left: 0; background: #666; z-index: 2; display: none; }
#face span{ display: inline-block; padding:10px; cursor: pointer; border:1px solid #666;}
#face span:hover{ border:1px solid #888; }
#face img{ width: 24px; height: 24px; }
#del_face{cursor: pointer;}
#loadmore{ cursor:pointer; padding:15px; border:1px solid #333; }
/*评论列表*/ 
#pl-box{ margin-top:40px; }
#pl-box li{ display: table; border-top:1px solid #666; width: 100%; padding: 15px 0; }
#pl-box .pl-left{ width: 40px; height: 40px; overflow: hidden; display: table-cell; }
#pl-box .pl-left img{ width: 40px; height: 40px; }
#pl-box .pl-right{ padding-left:15px; display: table-cell; vertical-align: top;}
pre::-webkit-scrollbar{appearance:none;-webkit-appearance:none;background-color:#000;width:100%;height:5px}
pre::-webkit-scrollbar-thumb{border-radius:0;background-color:#444;}


/*媒体查询 视网膜属性ratio*/
@media screen and (-webkit-min-device-pixel-ratio:1) {}
@media screen and (-webkit-min-device-pixel-ratio:2) {}
@media screen and (-webkit-min-device-pixel-ratio:3) {}

/*iPad横板显屏*/
@media screen and (max-device-width: 1024px) and (orientation: landscape) {}
/*iPad竖板显屏*/
@media screen and (max-device-width: 768px) and (orientation: portrait) {}
/*设备尺寸小于480*/
@media screen (max-device-width: 480px) {  }
/*设备尺寸大于480*/
@media screen (min-device-width: 480px) {  }
/*窗口尺寸 大于480*/
@media only screen and (min-width: 480px) {  }
/*窗口尺寸 小于480*/
@media only screen and (max-width: 480px) {  }
/*窗口尺寸大于320 小于480*/
@media screen and (min-width: 320px) and (max-width: 480px) {  }
/*横屏*/
@media all and (orientation : landscape) {  }
/*竖屏*/
@media all and (orientation : portrait) {  } 
/*小于768*/
@media only screen and (max-width: 768px) {
	html{ background-size: cover;}
	.menu-li a:hover{ background: transparent !important; color:#000; }
	#art-list a:hover{ background: transparent !important; color:#dac9ae ;}
	.article-list a:hover{ background: transparent !important; color: #746f61; }
	#page a:hover{ background: transparent !important; color: #868686;  }
	.menu-li a:active{ background: #000 !important; }
	#art-list a:active{ background: #FED643 !important; color: #000; }
	.article-list a:active{ background: #FED643 !important; color: #000; }
	#page a:active{ background: #FED643 !important; color: #000;  }
	.detail-content > .row{ margin-top:0;  margin-bottom:0; }
	.container-fluid{ padding-left:0; padding-right:0; }
	#mark{ position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
	.model-f-box,.menu-li{ padding-top:40px; }
	#model-left .about{ display: none; }
	#model-right{ padding-left:0 !important; padding-right:0; font-size: 14px;}
	.article-list a{ padding-left:0; }
	.detail-title h3{ text-align: right; }
	#art-list{ padding-left: 5px; padding-right: 5px; margin-right: 0; margin-left:0; }
	.article-list{ padding-left: 15px; padding-right: 15px; margin-right: 0; margin-left:0; }
	#art-list .img-bd{ height: 28vw; }
	#art-list > div{ padding-left:5px; padding-right:5px; margin-bottom: 10px;}
	.detail-content > .row{padding:15px; width: 100%;}
	.text-area img{ max-width: 100%; width: 100% !important; }
	.media-body h4{ font-size: 16px; }
	.media-body time{ font-size: 12px; }
	.media-body p{
		width:100%;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}


/*试试*/