/* 下载标签 */
.download-bar {
    position: fixed;
    z-index: 9999999999;
    left: 0;
    top: 0px;
    width: 100%;
    height: 40px;
    text-shadow: none;
    background-color: rgba(255,255,255,.9);
    border-bottom: 1px solid rgba(0,0,0,.1);
	display: none;
}

.download-bar .title {
	float: left;
	white-space: nowrap;
	height: 100%;
}

.download-bar .title .logo {
	display: inline-block;
	width: 26px;
	height: 26px;
	position: absolute;
	left: 10px;
	top: 7px;
	/*background-image: url(/static/images/guan_logo.png);*/
	background-size: cover;
	background-position: center;
}

.download-bar .title .name {
	line-height: 39px;
	font-size: 18px;
	white-space: normal;
}

.download-bar .title .desc {
	line-height: 36px;
	font-size: 14px;
	padding-left: 2px;
	white-space: normal;
	vertical-align: bottom;
}

.download-bar p {
	text-align: left;
	word-break: break-word;
	color: #333;
	padding-left: 42px;
	height: 100%;
	padding-top: 1px;
}

.download-bar .download-btn {
	top: 0;
	position: absolute;
	right: 10px;
	margin: 7px 20px 7px 0px;
	vertical-align: middle;
	color: #333;
	padding: 6px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #666;
	z-index: 100003;
}

.download-bar .close-btn {
	position: absolute;
    right: 10px;
    top: 14px;
    z-index: 100002;
	width: 11px;
	height: 11px;
	background-image: url(/static/images/icon_close.png);
	background-size: cover;
	background-position: center;
}

.hide-download-bar{opacity: 0;}
.lian-download-bar{
	background-color: #FFF;width: 100%;height: 58px;overflow: hidden;position: fixed;bottom: 0;left: 0;
	right: 0;z-index: 10000;box-shadow: 0px 0px 8px rgb(239,239,239);
}
.lian-download-bar .lian-delete-btn{
	position: absolute;
    right: 9px;
    top: 9px;
    z-index: 100002;
    width: 15px;
    height: 15px;
    background-image: url(/static/images/icon_close.png);
    background-size: cover;
    background-position: center;
}
.lian-download-bar .lian-delete-bg{
	width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
}
.lian-download-bar .lian-logo{
	width: 42px;height: 42px;float: left;display: inline-block;margin: 8px 14px 8px 19px;float: left;
	 background-repeat: no-repeat;background-position: center;background-size: cover;
    border-radius: 10px;border: 1px solid rgb(201,201,201);box-sizing: border-box;
}
.lian-download-bar .lian-download-main{
	width: auto;min-width: 120px;height: 42px;display: inline-block;float: left;margin-top: 8px;
}
.lian-download-bar .lian-name{
	color: #000000;font-size: 16px;font-weight: bold;text-align: left;width: 100%;line-height: 21px;margin-top: 2px;
}
.lian-name span{
	margin-right: 2px;
}
.lian-download-bar .lian-desc{
	color: #626262;font-size: 13px;text-align: left;width: 100%;line-height: 17px;margin-top: 1px;
}
.lian-download-bar .lian-download-btn{
	width: 74px;height: 28px;line-height: 28px;color: #FFF;text-align: center;font-size: 14px;
	border-radius: 14px;margin: 15px 45px 15px 0;background-color: rgb(41,128,236);display: inline-block;
	float: right;
}


@media (min-width: 1046px) {
	.download-bar {
		display: none !important;
	}
}

/* 内容 */
.container {
	width: 1046px;
	margin: 0 auto;
}

.container .article-main {
	float: left;
	width: 746px;
}

/* 文章内容 */
.g-article-content {
	overflow: hidden;
}

/* 文章实体 */
article {
	background-color: #fff;
	padding-bottom: 1px;
	overflow: hidden;
}

/* 文章标题 */
article h1 {
	margin: 0 0.93rem;     /* 0 14.88px */
	padding-top: 1rem;     /* 16px */
	font-size: 1.577rem;   /* 25.23px */
	/* text-overflow: ellipsis; */
	word-wrap: break-word;
	line-height: 2.44rem;  /* 39.04px */
}

/* 文章元信息栏 */
article .meta {
	font-family: Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
    font-size: 0.971rem;   /* 15.53px */
    padding: 0 0.93rem;    /* 14.88px */
	height: 1.8rem;        /* 28.79px */
	line-height: 1.8rem;   /* 28.79px */
	margin-bottom: 1rem;   /* 16px */
	overflow: hidden;
}

/* 文章元信息 */
article .meta .time {
	color: #8a8a8a;
	font-size: 0.97rem;    /* 15.53px */
	text-align: left;
	min-width: 95px;
	position: relative;
}

article .meta .logo {
	width: 16px;
	margin-right: 5px;
	position: relative;
}

article .meta .nickname {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	margin-left: 9px;
}

article .meta span {
    float: left;
    color: #8a8a8a;
	font-size: 0.97rem;    /* 15.53px */
	position: relative;
}

article .meta .follow {
	white-space: nowrap;
	position: relative;
}

article .meta .follow.none {
	max-width: 30px;
}

article .meta .follow.set {
	cursor: pointer;
	max-width: 50px;
	color: #8a8a8a;
}

article .meta .follow.unset {
	cursor: pointer;
	max-width: 45px;
	color: #6699ff;
}

article .meta span a {
	font-size: 1.051rem;   /* 16.82px */
}

article .meta .user-logo {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 13px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -3px;
	vertical-align: middle;
	position: relative;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}

article .meta .fr {
    -webkit-box-flex: 1 0;
    -moz-box-flex: 1 0;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
	text-align: right;
	position: relative;
	align-self: flex-end;
	-webkit-align-self: flex-end;
}

article .meta .fr span {
	float: right;
}

article .meta-bottom {
	margin-bottom: 1.46rem;   /* 23.29px */
}

/* 音乐播放器 */
article .music-player {
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;     /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;  /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
	margin: 0 1em;
	height: 4.2rem;            /* 67.28px */
	margin-top: 0.728rem;      /* 11.64px */
	margin-bottom: 0.728rem;   /* 11.64px */
	background-color: #f9f9f9;
	border: 1px solid #dcdcdc;
}

article .music-player i {
	width: 2.5em;     /* 40px */
    height: 2.5em;    /* 40px */
	text-align: center;
    margin: 0.85rem 0.93rem;  /* 13.58px 14.88px */
	background-size: cover;
}

article .music-player .icon-play {
	background-size: 40px 40px;
	background-image: url(/static/images/icon_music_play_medium.png);
}

article .music-player .icon-pause {
	background-size: 40px 40px;
	background-image: url(/static/images/icon_music_pause_medium.png);
}

article .music-player .info {
	-webkit-box-flex: 1;  /* OLD - iOS 6-, Safari 3.1-6 */  
	-moz-box-flex: 1;     /* OLD - Firefox 19- */              
	-webkit-flex: 1;      /* Chrome */  
	-ms-flex: 1;          /* IE 10 */  
	flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin-left: 0.75rem;   /* 12px */
	margin-top:  0.625rem;  /* 10px */
	overflow: hidden;
}

article .music-player .name {
	color: #070707;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

article .music-player .detail {
	color: #9d9d9d;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 文章内容段落 */
article .section {
	margin: 0.324rem 0;   /* 5.18px */
	width: 100%;
	padding: 0 0.93rem;   /* 14.88px */
	font-size: 1.051rem;  /* 16.82px */
	/* line-height: 1.8rem; */ /* 28.79px */
	word-wrap: break-word;
	word-break: normal;
	white-space: normal;
	color: #505050;
	text-align: justify;
}

article .section p {
	white-space: auto;
}

article .line-height-27{line-height: 32px;display: inline-block;}
article .line-height-27 *{line-height: 32px;}

article .section .image {
	width: 100%;
	margin: 0.566rem 0;  /* 9.06px 0 */
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	background-size: auto 42px;
	background-position: center;
}

article .section .lian_image{
	background-size: 67px 30px;
}

.image_img{
	position: absolute;
    top: 0;
    display: block;
    right: 0;
    left: 0;
    bottom: 0;
}

/* 网页链接分节 */

article .link {
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;     /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;  /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
	flex-flow: row;
	border: 1px solid #dcdcdc;
	background-color: #f9f9f9;
	height: 4.2rem;        /* 67.28px */
}

article .link .cover {
    width: 3.56rem;     /* 56.93px */
    height: 3.56rem;    /* 56.93px */
	margin: 0.25rem 0.25rem;  /* 4px 4px */
    overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

article .link .desc {
	-webkit-box-flex: 1;  /* OLD - iOS 6-, Safari 3.1-6 */  
	-moz-box-flex: 1;     /* OLD - Firefox 19- */              
	-webkit-flex: 1;      /* Chrome */  
	-ms-flex: 1;          /* IE 10 */  
	flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding: 0.625rem 0.94rem;   /* 10px 15.08px */
	height: 60px;
}

article .link .desc .text {
	width: 100%;
	height: 100%;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	text-align: left;
	line-height: 20px;
}

article .link .icon {
	width: 1rem;       /* 16px */
	height: 100%;
	background-size: 1rem auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/static/images/icon_link_right.png);
	margin-right: 1.21rem;    /* 19.41px */
}

/* 商品链接分节 */

article .goods {
	width: 100%;
	height: 7.728rem;    /* 123.648px */
	display: block;
	border: 1px solid #d2d2d2;
	margin: 1rem 0;
}

article .goods .cover {
	float: left;
	width: 5.628rem;   /* 90.528px */
	height: 5.628rem;  /* 90.528px */
	margin: 1rem;      /* 16px */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

article .goods .desc {
	height: 5.628rem;    /* 90.528px */
	margin: 1.035rem 0;  /* 17.664px */
}

article .goods .desc .title {
	font-size: 18px;
	color: #000033;
	padding-right: 1.035rem;   /* 17.664px */
	word-break:break-all;
	display:-webkit-box;
	display: -moz-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	line-height: 22px;
	height: 66px;
	text-align: left;
    text-overflow: ellipsis;
	overflow:hidden;
}

article .goods .desc .price {
	color: #ff3300;
	font-size: 18px;
}

article .goods .desc .price .unit {
	margin-right: 0.5rem;
}

article .goods .desc .price .price-integer {
	font-size: 24px;
	margin: 0 -3px;
}

article .goods .desc .price .price-decimal {
	font-size: 24px;
	margin: 0 -2px;
}

/* 视频分节 */

article .video {
	margin: 0.875rem 0;    /* 14px 0 */
	font-size: 16px;
}

article .video .desc {
	color: #000;
	margin-bottom: 0.5rem;   /* 8px */
}

article .video .player {
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
	background-color: #000;
	position: relative;
	overflow: hidden;
}

article .video .player iframe {
	/*position: absolute;*/
	border: 0;
}

/* 地址信息 */

article .location {
	color: #8a8a8a;
	font-size: 16px;
	margin: 2.13rem 0.93rem 0.55rem 0.93rem;   /* 38px 14.88px 8.83px 14.88px */
	padding-left: 1.518rem;                    /* 24.288px */
	position: relative;
}

article .location:after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 1.104rem;     /* 17.66px */
	height: 1.38rem;     /* 22.08px */
	position: absolute;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/static/images/icon_location.png);
}

/* 关注作者 */
article .author {
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;     /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;  /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
	flex-flow: row;
	margin: 0.728rem 0.93rem;   /* 11.64px 14.88px */
	border: 1px solid #dcdcdc;
	background-color: #f9f9f9;
	height: 4.57rem;    /* 73.1px */
}

article .author .avatar {
	width: 4.375rem;   /* 50px */
	height: 4.57em;    /* 73.1px */
	overflow: hidden;
}

article .author .avatar img {
	width: 2.507rem;    /* 40.11px */
	height: 2.507rem;   /* 40.11px */
	margin: 1rem 1rem;  /* 16px 16px */
	box-shadow: 0px 0px 2px #eee;
}

article .author .avatar .image {
	width: 2.507rem;    /* 40.11px */
	height: 2.507rem;   /* 40.11px */
	margin: 1rem 1rem;  /* 16px 16px */
	box-shadow: 0px 0px 2px #eee;
	background-size: cover;
}

article .author .info {
	margin-top: 14px;
	overflow: hidden;
	-webkit-box-flex: 1;  /* OLD - iOS 6-, Safari 3.1-6 */  
	-moz-box-flex: 1;     /* OLD - Firefox 19- */              
	-webkit-flex: 1;      /* Chrome */  
	-ms-flex: 1;          /* IE 10 */  
	flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-top: 2px;
}

article .author .name {
	font-size: 18px;
	color: #070707;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 24px;
	line-height: 24px;
	vertical-align: text-top;
}

article .author .desc {
	color: #8a8a8a;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 16px;
	line-height: 16px;
	vertical-align: bottom;
}

article .author .follow-box {
	width: 6.23rem;     /* 99.62px */
	height: 4.57rem;    /* 73.1px */
	position: relative;
}

article .author .follow {
	position: absolute;
	top: 1.25rem;     /* 20px */
	right: 1rem;      /* 16px */
	width: 4.97rem;   /* 79.57px */
	height: 2.02rem;  /* 32.34px */
	font-size: 16px;
	background-color: #f9f9f9;
	text-align: center;
	line-height: 2.02rem;  /* 32.34px */
}

article .author .follow.set {
	color: #b5b4b4;
	border: none;
}

article .author .follow.unset {
	color: #ff9501;
	border: 0.09em solid #ff9501;  /* ~1.5px */
	border-radius: 8px;
}

article .author .follow.unset:first-letter {
	font-size: 0;
	color: #f9f9f9;
}

article .author .unfollow-btn {
	position: absolute;
	top: 1.25rem;     /* 20px */
	right: 1rem;      /* 16px */
	width: 4.97rem;   /* 79.57px */
	height: 2.02rem;  /* 32.34px */
	font-size: 16px;
	background-color: #f9f9f9;
	text-align: center;
	line-height: 2.02rem;  /* 32.34px */
}

/* 赞赏 */
article .tips {
	width: 100%;
	margin: 2.911rem auto;  /* 46.58px */
	text-align: center;
}

article .tips .btn {
	border-radius: 0.5rem;  /* 8px */
	border: none;
	color: #fff;
	background-color: #dc4e3a;
	width: 5.78rem;         /* 92.5px */
	height: 2.26rem;        /* 36.23px */
	font-size: 1.125rem;    /* 18px */
	margin: 0.625rem auto;  /* 10px auto */
}

article .tips .btn.gray {
	background-color: #e0e0e0;
}

article .tips span {
	color: #838383;
	font-size: 1.13rem;    /* 18.11px */
}

article .tips .num {
	color: #5b6ca7;
}

/* 无留言 - 抢沙发 */
.sofa {
	width: 100%;
	padding: 2.43rem 0.93rem;     /* 38.81px 14.88.px */
	text-align: center;
	color: #838383;
}

.sofa .icon {
	height: 30px;
	width: 100%;
	background-position: center;
	background-image: url(/static/images/icon_sofa.png);
	background-repeat: no-repeat;
	background-size: 34px 30px;
	margin-bottom: 0.81rem;    /* 12.94px */
}

/* 文章留言 */
.comment-list {
	width: 100%;
	padding: 0.0625rem 0;  /* 1px 0 */
	background-color: #f3f3f3;
	border-top: 1px solid #eeeeee;
}

.comment-title {
	width: 100%;
	margin-top: 0.81rem;   /* 12.94px */
	margin-bottom: 1rem;   /* 16px */
	padding: 0 0.93rem;    /* 0px 14.88px */
	text-align: center;
	padding-top: 1px;
}

.comment-title .title {
	z-index: 120;
	color: #838383;
	font-size: 1.125rem;  /* 18px */
	background-color: #f3f3f3;
	position: relative;
	margin: 0.81rem 0;   /* 12.94px 0 */
}

.comment-title .title:before {
	content: ' ';
	top: 0;
	left: 50%;
	z-index: -1;
	margin-left: -45px;
	width: 90px;
	height: 1.125rem;    /* 18px */
	background-color: #f3f3f3;
	position: absolute;
}

.comment-title .title:after {
	top: 0;
	left: 0;
	z-index: -2;
	content: '';
	position: absolute;
	width: 100%;
	height: 0.75rem;    /* 10px */
	border-bottom: 1px dotted #d3d3d3;
}

.comment-title .choose {
	float: left;
	margin-bottom: 1rem;   /* 16px */
}

.comment-title .choose a {
	position: relative;
}

.comment-title .choose .corner-badge {
	position: absolute;
	background-color: #dc4d3a;
	height: 20px;
	min-width: 20px;
	line-height: 20px;
	border-radius: 10px;
	font-size: 16px;
	color: #fff;
	top: -9px;;
	left: 55px;
}

.comment-title .write {
	float: right;
	margin-bottom: 1rem;   /* 16px */
}

.comment-finish {
	z-index: 120;
	color: #838383;
	font-size: 18px;
	background-color: #f3f3f3;
	position: relative;
	margin: 0.81rem 0 2.26rem 0;    /* 12.94px 0 32.23px 0 */
}

.comment-finish:before {
	content: ' ';
	top: 0;
	left: 50%;
	z-index: -1;
	margin-left: -125px;
	width: 250px;
	height: 1.125rem;   /* 18px; */
	background-color: #f3f3f3;
	position: absolute;
}

.comment-finish:after {
	top: 0;
	left: 0;
	z-index: -2;
	content: '';
	position: absolute;
	width: 100%;
	height: 0.75rem;   /* 10px */
	border-bottom: 1px dotted #d3d3d3;
}

.comment {
	width: 100%;
	padding: 0 0.93rem;   /* 0 14.88px */
	margin-top: 1.86rem;  /* 29.76px */
}

.comment .avatar {
	width: 3.125rem;  /* 50px */
	float: left;
	position: relative;
}

.comment .avatar img {
	width: 2.224rem;   /* 35.58px */
	height: 2.224rem;  /* 35.58px */
	/*margin: 6px;*/ 
}

.comment .avatar .image {
	width: 2.224rem;   /* 35.58px */
	height: 2.224rem;  /* 35.58px */
	background-size: cover;
	/*margin: 6px;*/ 
}

.comment .user-info {
	height: 1.375rem;         /* 22px */
	font-size: 1rem;          /* 16px */
	color: #838383;
	margin-left: 3.125rem;    /* 50px */
	margin-bottom: 0.375rem;  /* 6px */
}

.comment .content {
	margin-left: 3.125rem;    /* 50px */
	margin-bottom: 0.375rem;  /* 6px */
	color: #070707;
	word-wrap: break-word;
	word-break: normal;
	white-space: normal;
}

.comment .time {
	height: 1.375rem;         /* 22px */
	font-size: 0.809rem;      /* 12.94px */
	color: #b5b4b4;
	margin-left: 3.125rem;    /* 50px */
	margin-top: 0.243rem;     /* 3.88px */
	margin-bottom: 0.243rem;  /* 3.88px */
}

.comment .del {
	color: #6699cc !important;
}

.comment .liked {
	color: #ff9501;
}

.add-liked {
	/*transform: scale(1, 1);
	animation: inflate 0.5s;
	-webkit-animation: inflate 0.5s;*/
	position: relative;
}

.add-liked:after {
	top: -20px;
	left: 5px;
	opacity: 0;
	content: '+1';
	color: #ff9501;
	position: absolute;
	animation: inflate 0.25s, myfadeout 0.5s ease-in;
	-webkit-animation: inflate 0.25s, myfadeout 0.5s ease-in;
}

@keyframes inflate
{
	from {transform: scale(0.1, 0.1);}
	to {transform: scale(1, 1);}
}

@-webkit-keyframes inflate /*Safari and Chrome*/
{
	from {transform: scale(0.1, 0.1);}
	to {transform: scale(1, 1);}
}

@keyframes myfadeout
{
	from {opacity: 1;}
	to {opacity: 0;}
}

@-webkit-keyframes myfadeout /*Safari and Chrome*/
{
	from {opacity: 1;}
	to {opacity: 0;}
}

/* 留言回复 */
.reply {
	width: 100%;
}

.reply .wrap {
	margin-left: 3.124rem;    /* 50px */
	margin-top: 0.57rem;      /* 9.06px */
	padding-top: 0.73rem;     /* 11.64px */
	border-top: 1px solid #e6e6e6;
}

.reply .wrap .title {
	font-size: 1rem;          /* 16px */
	color: #838383;
	margin-bottom: 0.375rem;  /* 6px */
	line-height: 1rem;        /* 16px */
	text-indent: 6px;
	border-left: 4px solid #04af11;
}

.reply .wrap .content {
	color: #070707;
	margin-bottom: 0.375rem;  /* 6px */
	margin-left: 8px;
	word-wrap: break-word;
	word-break: normal;
	white-space: normal;
}
.reply .wrap .time {
	margin-left: 8px !important;
}

.comment-load-tip {
	width: 100%;
	height: 30px;
	text-align: center;
	color: #838383;
	margin: 1.21rem 0;    /* 19.41px 0 */
	padding: 0 0.93rem;   /* 0px 14.88px */
}

/* 文章底部二维码 */
article .qrcode {
	text-align: center;
}

article .qrcode img {
	margin: auto;
}

article .qrcode .tip {
	font-size: 12px;
	color: #aaa;
	margin-top: 10px;
}

/* 作者最新文章列表 */
article .recent-list {
	margin: 15px 4.7% 0 4.7%;
}

article .recent-list .recent-title {
	font-size: 16px;
	line-height: 20px;
	padding-left: 15px;
	border-left: 6px solid #deba26;
	margin-top: 20px;
	margin-bottom: 20px;
}

article .recent-list .recent-article {
	height: 85px;
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid rgba(210,210,210,0.3);
}

article .recent-list .recent-article .cover {
	float: left;
	width: 75px;
	overflow: hidden;
	text-align: center;
}

article .recent-list .recent-article .cover .img {
	width: 60px;
	height: 60px;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: cover;
}

article .recent-list .recent-article .summary {
	height: 42px;
	margin-left: 75px;
	margin-top: 9px;
	color: #4e4e4e;
	overflow: hidden;
	text-overflow: ellipsis;
}

.like-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	vertical-align: text-top;
}

.like-icon.gray {
	background-size: auto 16px;
	background-image: url(/static/images/icon_like_gray.png?v=3);
}

.like-icon.bright {
	background-size: auto 16px;
	background-image: url(/static/images/icon_like_bright.png?v=3);
}

/* 投票 */
.vote {
	border: 1px solid #dcdcdc;
	margin: 0.57rem 0.93rem;    /* 9.06px 14.88px */
}

.vote .title {
	margin: 1.13rem;   /* 18.11px */
	font-size: 18px;
	color: #070707;
}

.vote .info {
	padding: 0;
	font-size: 16px;
	margin: 1.13rem;  /* 18.11px */
	margin-bottom: 0.49rem;   /* 7.76px */
	color: #b5b4b4;
	line-height: 1.46rem;   /* 23.29px */
	vertical-align: middle;
}

.vote .options {
	font-size: 17px;
}

.vote .option-item {
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;     /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;  /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
	flex-flow: row;
}

.vote .checkbox {
	display: inline-block;
	width: 1.46rem;   /* 23.29px */
	height: 1.46rem;  /* 23.29px */
	background-image: url(/static/images/vote_box_unchecked.png);
	background-size: 1.46rem 1.46rem;  /* 23.29px 23.29px */
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.vote .checkbox.active {
	background-image: url(/static/images/vote_box_checked.png) !important;
}

.vote .options .radiobox {
	width: 3.72rem;    /* 59.51px */
	height: 3.72rem;   /* 59.51px */
	background-image: url(/static/images/vote_radio_unchecked.png);
	background-size: 1.46rem 1.46rem;  /* 23.29px 23.29px */
	background-position: center;
	background-repeat: no-repeat;
}

.vote .options .radiobox.active {
	background-image: url(/static/images/vote_radio_checked.png) !important;
}

.vote .options .text {
	padding-top: 0.97rem;     /* 15.53px */
	padding-bottom: 0.89rem;  /* 14.23px */
	margin-bottom: -1px;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
	color: #070707;
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;      /* OLD - Firefox 19- */
	-webkit-flex: 1;       /* Chrome */
	-ms-flex: 1;           /* IE 10 */
	flex: 1;
}

.vote .btn {
	height: 2.75rem;       /* 43.99px */
	line-height: 2.75rem;  /* 43.99px */
	text-align: center;
	width: 100%;
	background: none;
	margin: 0;
	font-size: 18px;
	border: none;
	border-radius: 0;
	border-top: 1px solid #dcdcdc;
	color: #5b6ca7;
}

.vote .btn.gray {
	color: #e0e0e0;
}

.vote .option-result {
	margin-bottom: 1.21rem;   /* 19.41px */
	padding: 0 1.13rem;       /* 0 18.11px */
}

.vote .option-reuslt .subtext {
	color: #070707;
	font-size: 16px;
}

.vote .option-result .stat {
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;     /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;  /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
	flex-flow: row;
	font-size: 12px;
	margin-top: 0.32rem;   /* 5.18px */
}

.vote .option-result .stat .progress {
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;      /* OLD - Firefox 19- */
	-webkit-flex: 1;       /* Chrome */
	-ms-flex: 1;           /* IE 10 */
	flex: 1;
	height: 0.57rem;         /* 9.06px */
	border-radius: 0.32rem;  /* 5.18px */
	background-color: #eaeaea;
	margin-top: 0.28rem;     /* 4.53px */
}

.vote .option-result .stat .progress div {
	height: 0.57rem;         /* 9.06px */
	border-radius: 0.32rem;  /* 5.18px */
	background-color: #fdb926;
}

.vote .option-result .stat .count {
	width: 3.48rem;          /* 55.63px */
	margin-right: 0.81rem;   /* 12.94px */
	text-align: right;
}

.vote .option-result .stat .percent {
	width: 2.51rem;    /* 40.11px */
}

.vote .voters {
	height: 2.75rem;      /* 43.99px */
	padding: 0 0.89rem;  /* 0 14.23px */
	border-top: 1px solid #dcdcdc;
}

.vote .voters .avatar {
	float: left;
	height: 100%;
	width: 2.26rem;    /* 36.23px */
	background-size: 2.26rem 2.26rem;   /* 36.23px 36.23px */
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0.49rem;   /* 7.76px */
}

.vote .voters .text {
	float: right;
	line-height: 2.75rem;   /* 43.99px */
	font-size: 16px;
	color: #070707;
}

/* 赞赏弹出框 */
.tip-reward {
	width: 18.03rem;   /* 288.51px */
	height: 19.2rem;     /* 304.03px */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/static/images/bg-tip.png);
	border-radius: 0.4rem;  /* 6.47px */
	overflow: hidden;
}

.tip-reward .close-btn {
	top: 9px;
	right: 9px;
	width: 18px;
	height: 18px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/static/images/icon_reward_close.png);
	position: absolute;
}

.tip-reward .avatar {
	width: 4.29rem;    /* 68.57px */
	height: 4.29rem;   /* 68.57px */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0.57rem auto;   /* 9.06px auto */
}

.tip-reward .msg {
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.tip-reward .money {
	width: 100%;
	text-align: center;
	margin-top: 15px;
    margin-bottom: 14px;
}

.tip-reward .money input {
	border: 0;
	width: 130px;
	outline: none;
	color: #f5cc27;
	text-align: right;
	font-size: 3rem;   /* 48px */
	background-color: transparent !important;
	line-height: 3rem;  /* 48px */
	height: 48px;
}

.tip-reward .money span {
	color: #f5cc27;
	font-size: 20px;
	margin-left: 5px;
}

.tip-reward .toggle-edit-btn {
	border: 0;
	width: 70px;
	height: 20px;
	display: block;
	color: #f5cc27;
	font-size: 16px;
	text-align: center;
	margin: 0 auto 1.05rem auto;   /* 0 auto 16.82px auto */
	background-color: transparent;
}

.tip-reward .send-btn {
	border: 0;
	color: #bc3f48;
	font-size: 17px;
	width: 15.69rem;    /* 250.99px */
	height: 2.5rem;    /* 43.99px */
	background-color: #f5cc27;
	border-radius: 1.21rem;   /* 19.41px */
	display: block;
	margin: 0 auto;
	margin-top: 22px;
	margin-bottom: 8px;
}

.tip-reward .anonymous {
	color: #f5cc27;
	font-size: 16px;
	margin: 5px auto;
	text-align: center;
	line-height: 18px;
}

.tip-reward .anonymous i {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.tip-reward .anonymous .icon-tip-uncheck {
	background-image: url(/static/images/reward_uncheck_.png);
}

.tip-reward .anonymous .icon-tip-checked {
	background-image: url(/static/images/reward_check_.png);
}

.tip-reward .anonymous span {
	line-height: 18px;
	vertical-align: middle;
	margin-left: 5px;
}

.check-way-btn{width: 54px;height: auto;display: inline-block;position: absolute;top: 15px;left: 9px;
	text-align: center;overflow: hidden;}
.check-way-btn .check-way-img{width: 54px;height: 17px;background-size: 20px 17px;background-repeat: no-repeat;background-position: center;
	margin-bottom: 6px;				
}
.check-way-btn p{width: 100%;font-size: 12px;line-height: 14px;text-align: center;color: #FFF;}
.reward_way_dom{background-image: url(/static/images/reward_way_dom.png);}
.reward_way_mon{background-image: url(/static/images/reward_way_mon.png);}

.diamonds{width: 80%;margin: 27px auto 14px;height: 36px;display: flex;-webkit-display:flex;justify-content: center;
			align-items: flex-end;color: #f5cc27;}
.diamounds_amount{width: auto;min-width: 26px;max-width: calc(100% - 17px);height: 100%;line-height: 36px;box-sizing: border-box;
				padding-right: 6px;font-size: 36px;outline: none;border:none;text-align: right;overflow: hidden;}
.diamonds .unit{font-size: 17px;height: 20px;    margin-bottom: 5px;}
.hide_reward{display: none !important;}

/*支付密码*/
.pay_alert{width: 300px;height: 142px;border-radius: 15px;background-color: rgb(249,249,249);z-index: 100;}
.alert_title{color: #0f0f0f;text-align: center;width: 100%;height: auto;margin: 15px 0;font-size: 16px;line-height: 16px;display: inline-block;}
.input_pass{outline: none;margin: 0 15px;width: 270px;height: 37px;line-height: 37px;font-size: 16px;border:1px solid rgb(229,229,299);text-indent: 10px;    box-sizing: border-box;}
.alert_btn{margin-top: 13px;display: flex;border-top: 1px solid rgb(215,215,215);height: 41px;line-height: 40px;font-size: 16px;position: absolute;bottom: 0;left: 0;width: 100%;}
.alert_btn p{text-align: center;flex: 1;color: #262626;}

.layui-layer.tip-skin {
	box-shadow: none !important;
	background-color: transparent !important;
}

.article-assign {
	padding: 14px; 
	color: #777777;
	background-color: #efefef;
	font-size: 14px;
}

/* 大屏显示 */
@media (min-width: 1068px) {
	article h1 {
		font-size: 36px !important;
		margin-top: 36px !important;
		padding-top: 0 !important;
		line-height: 3rem !important;  /* 48px */
	}
	article .meta {
		font-size: 14px !important;
		margin: 35px 0 !important;
	}
	.recommends .profile {
		margin-top: 40px !important;
	}
}

/* 小屏示配 */
@media screen and (max-width: 1067px) {
	nav {
		display: none !important;
	}
	.guan-main {
		margin-top: 0 !important;
	}
	.article-main .m-b-108{
		margin-bottom: 108px !important;
	}
}


/* 修改layer弹出框 */
.ios-confirm-pop {
	background-image: radial-gradient(circle at 50% 50%, #fff 30%, #efefed 90%, #eee 90%);
	border-radius: 5px !important;
}

.ios-confirm-pop .layui-layer-content {
	/*min-height: 100px;*/
    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */   
	display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */

	/* 09版 */
	-webkit-box-pack: center;
	/* 12版 */
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;

	/* 09版 */
	-webkit-box-align: center;
	/* 12版 */
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

.ios-confirm-pop .layui-layer-btn {
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;     /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;  /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
	flex-flow: row;
	padding: 0 !important;
	border-top:#ebebeb 1px solid;
}

.ios-confirm-pop .layui-layer-btn a {
    -webkit-flex: 1;        /* Chrome */  
    -ms-flex: 1;            /* IE 10 */  
    flex: 1;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1;    /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;       /* OLD - Firefox 19- */       
	height: 100%;
	line-height: 40px;
	background-color: transparent;
	text-align: center;
	border: none;
	border-right: #ebebeb 1px solid;
	color: #3392fc;
	margin: 0;
	min-width: 139px;
}

.ios-confirm-pop .layui-layer-btn a:first-child {
	border-bottom-left-radius: 5px;
}

.ios-confirm-pop .layui-layer-btn a:last-child {
	border-bottom-right-radius: 5px;
	font-weight: bold;
}

.ios-confirm-pop .layui-layer-btn a:hover {
    background-image: linear-gradient(#ebebeb,#efefef);
}

/*投诉*/
#report_box{    z-index: 99;background-color: #FFF;border-radius: 10px;width: 18.03rem;height: auto;position: relative;}
.report_title{    font-weight: bold;width: 100%;font-size: 16px;color: rgb(255,149,1);height: 40px;line-height: 40px;text-align: center;}
.all_report{margin: 0 0.9375rem;width: 16.155rem;height: auto;overflow: hidden;}
.one_report{width: 50%;float: left;color: #303030;font-size: 13px;margin-bottom: 10px;}
.one_report img{width: 18px;height: 18px;float: left;margin-right: 5px;}
.report_btn{color: #303030;background-color: rgb(240,240,240);width: 55%; font-size: 15px;   margin: 0 auto;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;}
.has_typeReport{color: #FFF !important;background-color: rgb(255,149,1) !important;}
.back_report{    position: absolute;right: -10px;top: -10px;width: 20px;height: 20px;z-index: 999;}
.kong_div_10 {width: 100%;height: 10px;}
.layui-layer-content{overflow: visible !important;}

.original_p{margin-top: 20px;text-align: right;margin-right: 0.93rem;font-size: 14px;margin-bottom: 50px;}
.go_original{font-size: 14px;color: #1a8ef5;margin-left: 14px;}
.set_attention{position: absolute;top: 0;right: 0;color: #1a8ef5;margin-right: 0;}