PC-application/app/record/css/article_detail.css

.article_container{position: relative;}
.article-title{font-weight: 700;font-size: 18px;margin-bottom: 0;line-height: 2;min-height: 36px;}
.app-container{padding: 10px 35px;}
.pc-container{padding: 15px 320px 15px 20px;overflow: hidden;}
.article-info{margin-bottom: 20px;margin-top: 5px;}
.article-info p{margin-bottom: 0;line-height: 1.5;}
.article-content{word-wrap: break-word;}
/*手机大小*/
.mobile{width: 240px;position: fixed;right: 30px;top: 50%;margin-top: -242.5px;}
/*手机壳大小*/
.mobile-shell,.mobile-status{width: 100%;height: auto;display: block;}
/*浏览器顶部标题*/
.mobile-browser-top{padding: 5px 10px;font-size: 13px;}
.mobile-browser-title{position: absolute;text-align: center;left: 0;right: 0;}
.mobile-browser-top>.pull-left:before{content: "〈 ";position: absolute;left: -5px;}
.mobile-browser-top>.pull-right{font-size: 14px;font-weight: bold;letter-spacing: 1px;}
/*手机顶部状态*/
.mobile-top{position: absolute;top: 53px;left: 13px;right: 12px;color: #fff;z-index: 2;background-color: #2e2d31;}
/*手机内容载体*/
.mobile-container{zoom:0.8;position: absolute;left: 15px;right: 12px;padding: 0 5px;top: 120px;bottom: 65px;overflow: hidden;}
.mobile-text{overflow: hidden;}
.time-look{color: #888;font-size: 12px;margin-bottom: 0;}
/*颜色渐变*/
.black-grey-black {
  background: -webkit-linear-gradient(left, #1c1a1e , #2c2b30 , #1a1a1d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #1c1a1e , #2c2b30 , #1a1a1d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #1c1a1e , #2c2b30 , #1a1a1d); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #1c1a1e , #2c2b30 , #1a1a1d); /* 标准的语法 */
}
.shadow-gradient{border-radius: 100%;height: 4px;position: relative;top: -2px;margin: 0 5px;}
.btn-return{background: #f96565;color: #fff;width: 100px;margin: 35px auto 20px;}
/* 设置滚动条的样式 */
.scroll-style::-webkit-scrollbar {width: 5px;}/* 滚动槽 */
.scroll-style::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
/* 滚动条滑块 */
.scroll-style::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
.scroll-style::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.3);}
.set-img{width: 100%;max-width: 400px;}
.img-contain{text-align: center;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
.fl{float: left;}
.wid-60{width: 60%;}
.wid-40{width:40%}
.c-666{color: #666;}
.c-333{color: #333;}
.article-title2{font-weight: 700;font-size: 18px;margin-bottom: 0;line-height: 1.4;}