@charset "utf-8";
/* 4eb6ff */

.articleView {width:700px; margin:0 auto;}
/*.articleView .head {padding:6px 12px; background:#faf9f3; border:1px #fae3a9 solid;}*/
.articleView .head {border-bottom:1px #ccc dashed; margin-bottom:20px;}
.articleView .head .title {height:50px; display:table; margin:0 auto; text-align:center;}
.articleView .head .title span {display:table-cell; height:100%; vertical-align:middle;}
.articleView .head .title span b {font-size:.5rem;}
.articleView .head .time {height:30px; line-height:30px; font-size:0.3rem; text-align:center;}
.articleView > .body > .content {font-size:.4rem;}
.articleView > .body > .content img {max-width:500px;}
@media screen and (max-width:768px){
	.articleView {width:100%;}
	.articleView .head .title {height:60px;}
	.articleView .head .title span b {font-size:.8rem;}
	.articleView .head .time {font-size:0.6rem;}
	.articleView > .body > .content {font-size:.5rem;}
	.articleView > .body > .content p {width:94%; margin:0 auto;}
	.articleView > .body > .content img {max-width:100%;}
}
/* y-z-m.c-r */
.copyShare {width:900px; margin:0 auto; margin-top:20px;}
.copyShare > * {display:table; margin:0 auto; font-size:.35rem; margin-bottom:20px;}
.copyShare .btn {display:inline-block; width:140px; height:40px; margin:0 20px; line-height:40px; text-align:center; color:#fff; cursor:pointer; border-radius:4px; background:#4eb6ff;}
.copyShare > *.shareArea {border-top:1px #ddd solid; padding-top:20px;}
.copyShare > *.shareArea .btn {background:url(/front/public/images/icon-shares-btn.gif) left top no-repeat;}
.copyShare > *.shareArea .btn.copyTitle {background-image: none;background-color: #4eb6ff;vertical-align: top;}
.copyShare > *.shareArea .btn.copyLink {background-position:0 0;}
.copyShare > *.shareArea .btn.qq {background-position:0 -40px;}
.copyShare > *.shareArea .btn.wechat {background-position:0 -80px; position:relative;}
.copyShare > *.shareArea .btn.wechat img {position:absolute; width:100%; outline:1px #ccc solid; left:0; bottom:0; display:none;}
.copyShare > *.shareArea .btn.wechat:focus img {display:block;}
@media screen and (max-width:768px){
	.copyShare {width:100%;}
	.copyShare > * {width:100%; margin-bottom:10px; font-size:.5rem;}
	.copyShare .btn {width:40%; margin:0 5%;}
	.copyShare > *.shareArea {display:none;}
}

.popBlackTip .bg .cell span {font-size:.4rem;}
@media screen and (max-width:768px){
	.popBlackTip .bg .cell span {font-size:.5rem;}
}