/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; font-family: '微軟儷黑體, 微軟正黑體, Arial, Helvetica, Microsoft JhengHei, Verdana'; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.img-scroll { overflow: hidden; overflow-y: auto; }

.img-scroll::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); }

.img-scroll::-webkit-scrollbar { width: 0.24rem; height: 13px; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; }

.img-scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.6); background-clip: padding-box; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; }

.img-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.8); -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; }

html { font-size: 13.33333333vw; color: #313131; }
html body { background-color: #eeeeee; }

@media (min-width: 560px) { html { font-size: 54px; } }
img { max-width: 100%; width: 100%; }
img.express { width: 0.39rem; height: 0.39rem; vertical-align: top; }

.shadow-mask, .wechat-mask { width: 100%; height: 100%; position: fixed; z-index: 1000; background: rgba(0, 0, 0, 0.8); display: none; max-width: 7.5rem; left: 50%; margin-left: -3.75rem; }
.shadow-mask .img-wrap { padding: 0 2%; position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); }
.shadow-mask .img-wrap img { width: 100%; }
.wechat-mask .c-box { position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #ffffff; }
.wechat-mask .c-box .content { padding: 0.5rem 0.5rem; font-size: 0.3rem; text-align: center; line-height: 2; }
.wechat-mask .c-box .closed { position: absolute; right: 0.1rem; top: 0; font-size: 0.6rem; font-weight: bold; color: #ea424a; cursor: pointer; }
.top-bar { width: 7.5rem; box-sizing: border-box; padding: 0 0.2rem; position: fixed; left: 50%; top: 0; margin-left: -3.75rem; height: 1rem; background-color: #ffffff; display: flex; border-bottom: 1px solid #eeeeee; z-index: 99; }
.top-bar .left { display: flex; align-items: center; justify-content: space-between; }
.top-bar .left .icon-back { width: 0.4rem; height: 0.4rem; }
.top-bar .left .head-pic { width: 0.65rem; height: 0.65rem; border-radius: 50%; overflow: hidden; }
.top-bar .left .name { font-size: 0.26rem; }
.top-bar .right { flex: 1; display: flex; justify-content: flex-end; align-items: center; }
.top-bar .right .btn-follow { width: 1.08rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; color: #ea424a; font-size: 0.26rem; text-align: center; border: 2px solid #ea424a; margin-right: 0.4rem; }
.top-bar .right .icon-share { width: 0.4rem; height: 0.4rem; }
.box { width: 7.5rem; background-color: #ffffff; margin: 0 auto; }
.box .top-bar-position { width: 100%; height: 1rem; }
.box .banner { width: 100%; }
.box .banner .swiper-container { padding-bottom: 0rem; }
.box .banner .swiper-pagination-bullet { background-color: #ffffff; opacity: 1; }
.box .banner .swiper-pagination-bullet-active { background-color: #ea4149; }
.box .content { padding: 0.25rem 0.25rem 0rem 0.25rem; border-bottom: 0.005rem solid #dcdde0; }
.box .content .tit { font-size: 0.38rem; color: #000000; background-color: #ffffff; line-height: 1.5; font-weight: bold; margin: 0.2rem auto; padding: 0.2rem 0; border-bottom: 1px solid #eeeeee; text-align: center; }
.box .content .intro { margin: 0.1rem auto 0 auto; }
/* 虚线框 */
.box .content .intro .dashed-box { border: 1px dashed #cccccc; font-size: 0.36rem; padding: 0.4rem 0.2rem; text-align: center; margin: 0.3rem auto; }
.box .content .intro .dashed-box p { line-height: 2; font-weight: bold; color: #ea4149; }
/* 图片下方的描述 */
.box .content .intro .img-tit { font-size: 0.24rem; color: #ea424a; text-align: center; margin: 0.2rem auto; }
/* 标准段落文本贴边 */
.box .content .intro .text { font-size: 0.28rem; line-height: 1.5; text-align: justify; color: #000; margin: 0.22rem auto; letter-spacing: 0rem; text-indent: 0; }
/* 标准段落文本 段前空2个字的大小 */
.box .content .intro .txt { font-size: 0.30rem; line-height: 2; text-align: justify; color: #444444; margin: 0.12rem 0; letter-spacing: 0.03rem; text-indent: 2em; }
/* 段落部分文本加粗 */
.box .content .intro .txt span { font-weight: bold; }
/* 居中文本 */
.box .content .intro .center { text-align: center; text-indent: 0; }
/* 文字左边的圆点 */
.box .content .intro .txt .dot { padding: 0 1.5em; position: relative; display: inline-block; margin: 0.35rem 0 0.2rem 0; text-indent: 0; font-size: 0.32rem; }
.box .content .intro .txt .dot::before { content: ''; width: 0.18rem; height: 0.18rem; display: block; background-color: #ea4149; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -0.09rem; }
.box .content .intro .txt .dot::after { content: ''; width: 0.18rem; height: 0.18rem; display: block; background-color: #ea4149; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -0.09rem; }
/* 背景色小标题 */
.box .content .intro .bg-title { font-size: 0.32rem; color: #ffffff; background-color: #ea424a; opacity: 0.9; letter-spacing: 0.05rem; text-align: center; line-height: 1.8; padding: 0.1rem 0.4rem; border-radius: 0.1rem; margin: 0.3rem auto; }
/* 左对齐小标题 */
.left-title { font-size: 0.32rem; color: #ea424a; padding-left: 0.2rem; position: relative; font-weight: bold; margin: 0.5rem 0 0.2rem 0; line-height: 1.5; }
.left-title:after { content: ''; width: 0.1rem; height: 100%; display: block; background-color: #ea424a; position: absolute; left: 0; top: 0; }
/* 向下的箭头 */
.box .content .intro .arrow { color: #ea424a; font-size: 0.6rem; line-height: 1.2; text-align: center; text-indent: 0; margin: 0.5rem auto 0.7rem auto; }
/* 向下的箭头 end */
/* 提示加微信 */
.box .content .intro .tips { padding: 0.2rem 0.3rem; border: 1px dashed #cccccc; color: #444444; font-size: 0.30rem; text-align: center; line-height: 2; margin: 0.5rem auto; }
.box .content .intro .tips span { background-color: #3b5998; color: #ffffff; display: inline-block; padding: 0.02rem 0.12rem; border-radius: 0.1rem; line-height: 1.4; }
/* 提示加微信 end */
/* 红色字 */.box .content .intro .txt .red { color: #ea424a; }
/* 加粗 */.box .content .intro .bold { font-weight: bold; }
.box .content .intro .img { padding: 0rem 0; font-size: 0; margin: 0.2rem auto; }
/* 图片超高滚动 */
.box .content .intro .img-scroll { height: 4.6rem; overflow-y: scroll; padding: 0 0; margin: 0.3rem auto; }
/* 图片超高滚动 end */
/* 两图并行 */
.box .content .intro .img-group { overflow: hidden; }
.box .content .intro .img-group img { width: 49%; float: left; margin-top: 0.1rem; }
.box .content .intro .img-group img:nth-child(1) { margin-right: 2%; }
/* 两图并行 end */
/* 文章时间 */
.box .content .time { font-size: 0.26rem; color: #999999; padding: 0.8rem 0 0.26rem 0; border-bottom: 1px solid #f2f2f2; }
/* 文章时间 end */
.box .remark { padding: 0.42rem 0.2rem 0.4rem 0.2rem; }
.box .remark .summary { font-size: 0.24rem; margin: 0.3rem 0 0.5rem; color: #000000; font-size: 0.3rem; }
.box .remark .remark-input { display: flex; height: 1.2rem; justify-content: space-between; align-items: center; margin-top: 0.2rem; }
.box .remark .remark-input .head-img { width: 0.58rem; height: 0.58rem; border-radius: 50%; border: 1px solid #eeeeee; }
.box .remark .remark-input input { width: 4.6rem; border: none; height: 0.7rem; font-size: 0.30rem; background-color: #f5f5f5; border-radius: 0.2rem; display: inline-block; padding: 0 0.2rem; outline: none; }
.box .remark .remark-input input[type='button'] { width: 1.2rem; background-color: #3b5998; color: #ffffff; }
.box .remark .remark-list .remark-item { display: flex; justify-content: flex-start; margin-bottom: 0.5rem; }
.box .remark .remark-list .remark-item .head-pic { width: 0.65rem; height: 0.65rem; border-radius: 50%;  }
.box .remark .remark-list .sub-item { display: flex; justify-content: flex-start; margin-top: 0.24rem; }
.box .remark .remark-list .sub-item .head-pic { width: 0.5rem; height: 0.5rem; border-radius: 50%;  }
.box .remark .remark-list .remark-item .main-box { max-width:6rem; padding: 0rem 0;  margin-left: 0.1rem; position: relative; font-size: 0;}
.box .remark .remark-list .remark-item .main-box .sub-item .main-box{max-width: 5.32rem;}
.box .remark .remark-list .remark-item .main-box .first-floor { position: relative; display: inline-block; }
.box .remark .remark-list .remark-item:last-child .main-box { border-bottom: none; }
.box .remark .remark-list .remark-item .main-box .text-box {  box-sizing: border-box;  display: inline-block; padding: 0.20rem 0.24rem; border-radius: 0.4rem; background-color: #f0f1f5; color: #000000; }
.box .remark .remark-list .remark-item .main-box .text-box .name { font-size: 0.26rem; color: #000000; margin-bottom: 0.02rem; font-weight: bold; }
.box .remark .remark-list .remark-item .main-box .text-box .name .author { display: inline-block; padding: 0.1rem 0.2rem; font-size: 0.24rem; background-color: #f5f5f5; color: #444444; margin-left: 0rem; border-radius: 0.2rem; }
.box .remark .remark-list .remark-item .main-box .text-box .txt { font-size: 0.26rem; color: #222222; line-height: 1.5; text-align: justify; letter-spacing: 0.0rem; }
.box .remark .remark-list .remark-item .main-box .text-box .txt .time { font-size: 0.24rem; color: #999999; display: block; padding-left: 0rem; text-align: right; margin: 0.1rem 0 0 0; }
.box .remark .remark-list .remark-item .main-box .text-box .txt img { margin-top: 0.1rem; display: block; }
.box .remark .remark-list .remark-item .main-box .text-box .img-box { margin-top: 0.15rem; display: flex; justify-content: space-between; }
.box .remark .remark-list .remark-item .main-box .text-box .img-box .img-item { width: 48%; height: 0; padding-bottom: 48%; box-sizing: border-box; background: #ffffff; }
.box .remark .remark-list .remark-item .main-box .time-nice{font-size: 0.22rem; color: #666668; display: flex; margin-top: 0.16rem; padding-left: 0.24rem;}
.box .remark .remark-list .remark-item .main-box .time-nice span{margin-right: 0.4rem;}
.box .remark .remark-list .remark-item .main-box .text-box .reply-box { display: flex; margin-top: 0.2rem; }
.box .remark .remark-list .remark-item .main-box .text-box .reply-box .head-pic { width: 0.4rem; height: 0.4rem; margin-top: 0; }
.box .remark .remark-list .remark-item .main-box .text-box .reply-box .text-box { flex: 1; padding-left: 0.2rem; }
.box .remark .remark-list .remark-item .main-box .img-box{box-sizing: border-box;  display: inline-block;  border-radius: 0.4rem; overflow: hidden; margin-top: 0.01rem; font-size: 0;}
.box .remark .remark-list .remark-item .main-box .icon-love {background: #ffffff; font-size: 0; border-radius: 0.3rem; display: inline-flex; align-items: center; padding: 0.06rem;box-shadow: 0 0 0.1rem rgba(0,0,0,0.3); position: absolute; right: 0rem; bottom: 0.20rem;}
.box .remark .remark-list .remark-item .main-box .icon-love img { width: 0.26rem; height: 0.26rem;}
.box .remark .remark-list .remark-item .main-box .icon-love p { font-size: 0.22rem; text-align: center; margin-top: 0rem; color: #373737; display: inline-block; padding-left: 0.02rem; }
.box .bottom-tip { font-size: 0.26rem; color: #666666; line-height: 1.5; text-align: center; padding: 0.3rem 0rem 0.4rem 0rem; position: fixed; width: 7.5rem; bottom: 0; background-color: #ffffff; border-top: 1px solid #eeeeee; z-index: 999; }
.yellow { color: rgb(199,155,0); }

/* facebook */
.top-title {display: flex;height: 0.84rem;font-size: 0.34rem;color: #ffffff;background-color: #FF0000;padding: 0 0.25rem;align-items: center;}
.top-title .icon { font-size: 0.28rem; font-weight: bold; }
.top-title .tit { flex: 1; text-align: center; }
.content .base-info {display: flex; justify-items: center; align-items: center; padding: 0.1rem 0 0.2rem 0;}
.content .base-info .auth-head { width: 0.78rem; height: 0.78rem; border-radius: 50%; }
.content .base-info .sl{ font-size: 0.50rem; font-weight: bold; color: #000000;}
.content .base-info .auth-info{flex: 1; font-size: 0.30rem; line-height: 1.5; padding-left: 0.25rem;}
.content .base-info .auth-info .tp { font-size: 0.30rem; font-weight: bold; color: #1d2129;}
.content .base-info .auth-info .tp .icon-r{color: #616876; font-size: 0.25rem; margin: 0 0rem;}
.content .base-info .auth-info .bt {color: #7d828b; font-size: 0.28rem;}
.content .base-info .auth-info .bt .iconfont { font-size: 0.3rem; }
.share{display: flex; flex-direction: row; justify-content: space-around; font-size: 0.26rem; color: #5c636c; padding: 0.16rem 0.25rem 0.16rem 0.25rem; border-bottom: 0.005rem solid #dcdde0; border-top: 0.005rem solid #dcdde0; margin-top: 0.36rem;}
.share .nice{display: flex; justify-content: center; align-items: center; font-weight: bold;}
.share .nice .iconfont{margin-right: 0.10rem;}
.nicetext{margin: 0.2rem auto; color: #000000; font-size: 0.26rem; display: flex; justify-content: flex-start; align-items: center; }
.nicetext .ic-nice{width: 0.30rem; height: 0.30rem; display: block; border-radius: 50%;}
.nicetext .nicenum{flex:1;margin-left: 0.06rem;}
.readmore{font-size: 0.26rem; color: #000000; margin: 0.2rem 0; text-align: left; display: block;}
/*# sourceMappingURL=style.css.map */