#preview-article{width:400px;background-color:#fff;margin:0 auto;border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3}#preview-article img,#preview-article video{width:100%}#preview-article .content .clear{height:5px;background-color:#ecf0f5}#preview-article .content .article-info{position:relative;background-color:#fff;padding:14px 14px 20px 14px}#preview-article .content .article-info h3{font-size:15px;font-weight:400;margin-bottom:10px}#preview-article .content .article-info .user{display:-webkit-box;display:-ms-flexbox;display:flex;margin:15px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#preview-article .content .article-info .user .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#preview-article .content .article-info .user .user-info .avatar{width:18px;height:18px;border-radius:18px}#preview-article .content .article-info .user .user-info .name{font-size:11px;margin-left:5px}#preview-article .content .article-info .user .date{font-size:11px;margin-right:9px;color:#aaaeb3}#preview-article .content .article-info .description{color:#57595c;font-size:14px;line-height:2}#preview-article .content .article-info .description p{margin:10px 0}#preview-article .content .article-info .unlock{height:170px;overflow:hidden}#preview-article .content .article-info .lock{position:absolute;bottom:10px;left:0;right:0;z-index:100}#preview-article .content .article-info .lock .lock-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:124px;height:34px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;border-radius:17px;font-size:12px;color:#cba77f;border:1px solid #cba77f}#preview-article .content .article-info .lock .lock-btn .lock-img{width:11px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAqCAYAAADS4VmSAAAEA0lEQVRYR+2YXWgcVRTH/+fObhK1T41p1SZBBRvTagk0m2xKIwrFh9r48aKbj+KDYB/EgqJomzQ77abaCioYRNQn02Y3WWxAkD5IUfAz2U000YKtETVNVaRpQ9Uquzv3/mXSFkLztbObxJecpxnmnPP/3f89l5ldQZZx/I2nC9fetLpMO+Z+gXpABBsAlhCiQUwY4JQSntDGfHjh/MUz23d3prJpLdkkDfSE1yvgWRAPA1xD4m8RdQbgJAAFshgiZQCvI+WcCPq00a8FmztGF+q/IMBArLXaEt97IO4k+AeAt2nUBz5kJo1hWvn8ksnoQmWxhMraAeBJAW4EZYzGhGpaIsn5IOYFGI63rsto31EA94JIQMkTgZB9cr6Giei+jSLWuwDrCPQDzqM1jQfH56qZFyDZ094KYj+AQZh0U6D50E8LWeo+7+9uu8NSqpfAJkIO/3NawvfZtjNb7ZwABGQwFv5lan+12RzY2XE6G/GrOYPxF8qpi74HeKnQpCs2NR9y52VGzA8Qbf+ZxOuBUdUptm28ALi5yVj4LQC7KHyqJnTAvc4ewM38Mv7M6oLJS39V73on41XczU9E2xtEEAMwHGg8sNUzQC6i02sS3XaVKPYCKD+nL6zd3tL557U9FzyG+UAku+3boUwUkFqhVFY32aeWFaD/qF1qKXZDcI/WTl2w5WD/sgKMHLNLU2kTFUi90k7d5uUGSMRaywCr+38DcLdAWZcdEJhgdWNkYFm34Iuu8JpCH7ooss0IN9SG9v8wA2Awbpcbx+wGcKuIMJ+pn6XWDyAAsBhQnxKclKm3J1yhcUfjTUlEw9+IoGqRhbNrRwxLMhZe7FVnJ34lawVgxYE8HGAKkF/hnihyHQRFnqYvnyEkOCqC5wXmJLWPokwlgcOAbPQKkYsDZy+m01XbHn/5/HSxgb49xSpV8C2AW7xAeARgSot5MBjq+Gg2kaHYvnoDdQJAQbYQHgHwYxEzW+9uesn9fTAjPonbq1ZpDgFYvyQAJEcNnPrgHAAjXc/dkPZfnwSkckkAIExBqx2BZtu1eUYkYvYWBfMxIYVLAwDAdYGZTF3tNUP4dXxPidYFn3ux34X0OgOXFyYY1s6/DcGWV866t4NH9t5sfP4+AYLZrvxqXm4A4Lg2fCTYHHEHDske+y4A74OsWBYAgYxp0Q/VhiIjruBXPW2VflrHCGQ9fPk5QI5lDBu2tES+m3LgSFuFWFYfp/608Ba5bQH5uxE+VtsY+WwKoDtcA8UeQG7zJp/rEAIOyV7lqL3KT0cDEYA7AXG/AT1Fbg5ckSCpRZR7OC1PqtOS8wLIVXR63QqAJKPtExApXgw7c+gxIUO97Q008irB0hwa5FPym4Z58T98Ot2wXGvPUQAAAABJRU5ErkJggg==);background-size:100% 100%;margin-right:10px}#preview-article .content .article-info .bg{position:absolute;bottom:0;top:0;left:0;right:0;z-index:50;background:-webkit-gradient(linear,left bottom,left top,from(#f6f6f6),color-stop(#fbfbfb),color-stop(hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,.2)));background:linear-gradient(0deg,#f6f6f6,#fbfbfb,hsla(0,0%,100%,.5),hsla(0,0%,100%,.2))}#preview-article .content .comment{background-color:#fff}#preview-article .content .comment .m-title{border-bottom:1px solid #e1e5eb}#preview-article .content .comment .conmment-list{list-style:none}#preview-article .content .comment .conmment-list li{padding:10px}#preview-article .content .comment .conmment-list li:not(:last-child){border-bottom:1px solid #e1e5eb}#preview-article .content .comment .conmment-list li .commentator{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#preview-article .content .comment .conmment-list li .commentator span{display:inline-block}#preview-article .content .comment .conmment-list li .commentator .avatar{width:19px;height:19px;border-radius:19px}#preview-article .content .comment .conmment-list li .commentator .name{color:#959ba0;font-size:14px;margin:0 10px 0 15px}#preview-article .content .comment .conmment-list li .commentator .zan{position:absolute;right:10px;font-size:10px;color:#aaaeb3}#preview-article .content .comment .conmment-list li .commentator .zan i{display:inline-block;width:12px;height:12px;margin-right:5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAE10lEQVRYR82XW2xUVRSG/3+fM9OBcity0SohEB9MkIAKJAZMIxFB6AzlTHs6lQceCF4eJBpSH4BoRaMYNBoCMQ1oI2JpzzDTzkypEKL1rolyDwGNxBggQglCtdLbnL3MFKbUptCWNO2cx3PW3v+3197rrH8Tg/A4kVgAVLUEz2tKpaa77ZejR8+XlZXpgU7PgQ7oLf4GUATAaQhyQVzV0KWnjx+pHSjUYALt0SIbDK0OiaGrAF52lbuspKDg7EAWPahArsjakmDgQ8eJ54nB/SDWFlv+HcMOVFFTMy4bZpUIvMWWf+GwA5WXl3vGTch9DcBLdEdNtO3Hm/sLNShbVh1JbCTxsgafCVn5VSnxcDSxUoAdGmKHrEDdkAHt2hWd5Ms2DwrpY1Ll2fayCynx6khsPqki0FJuFwZeHTKgcHRfvojeTSVbi1YEXkkLO9H4QoDVAN61Lf/mIQHaurU+6+773LdJrDHEO82yFjemhaujiTUEthmiFwaDy78bEqA9tbVTlDYaABwstvzPp0UrKip82WMmbAHFRrJ1im3b7UMCFK6NPyuaW7TIk6Fg4Meu7XKc8TB8NUI2Flv+ov7CpOLuuMpSpZ0zMfcYgEYkW4ps276UFv40EpnqofcwRdYXBQPlAwKqjiaeu80Al8mWiG3bf/WMqd4bD1KxksTrJ48derN7zwqH4/li0NGCBaGg//CAgJxo/NqtB7AtqWXB04WBk91jGhoazEtX/qmHcLYGlvQUdaKxRYCqp2CDuDrW+/xsnz4999ycOXM6un+nE00IIHVJyHZFdtkFCmYo8i0RWdyK5Knug7w0ZyvhxwAO2ZY/v6fgTscZP9r0VUGQB8DsDYgkRXARCu8lPdyxMj//SucZ6gQS+QBu6wu2bbtdZRuLzaervobgDxBt6fcCIYXjATS7YgRLCpce6U0wdY4MeJYoMqd3IBkpwlkAFgH4WQteTGW6L6CvIIgKcTk9KUUExHkoI24XLDsxkPPRPVZEGA4fyBGzo0QR74tI3EN3dV9AnyPpzrXtgjsW7g9wuKZuk9ZSapp6aUYAVcZikw1XHQBwKiOA6uvrs5pb3HeEsDICqKysTM2Y+ch6ITZlBJDjOF5Rvs0kV2UK0FgxRlSS4skIoE8ikXu89HyvRH2UEUBOTWIeBN8A8lRGAIUjsXUCrlPCvIwAqo4k9hEYl2zTw1/2DQ0NvktXmv8USN21pstrhj1D188PvwX0G7YVGP7/kBONlYJqIzRW20H/3r4y9AUEK6GSv6WbpCmjz1rWE13dvz/N81YxiURiZEs76kB5QLe7j4VCK870BZQqxQsQ3nR1RJOIfEmXu23b/xMAuUMoOpFEEOROUicKC/yrSOpOIIHs7PCZ67zNzV2OMWlmPWpCfQbIQQibOkUpPgEfBjAWIqMIXBQiDs14luk98bf+t80l27M7OpK3gzRNMyspxnxAbQegTXrnpu90NzKE30E5DvLmagV3AZjX0w85qSuOmTVPaMylYCYgMwHcL4I2Us6lbCnBJih0uc//GTMtBsl7ATwI4ActUhoKBlKZvr7mG576KsBGsEf6he0a7YUhy/q154pTHXrqrFljsjuMHG1gslLykIiaQcE0gJNIGSHsxU8LWgmecSF1HvHst6zFF1L2Oj3/fxhaRiHHaW6xAAAAAElFTkSuQmCC);background-size:100% 100%}#preview-article .content .comment .conmment-list li p{margin:13px 35px;font-size:14px}#preview-article .content .comment .conmment-list li .date{color:#aaaeb3;font-size:10px;margin:0 35px 10px 35px}