* {
 margin:0;
 padding:0;
 font-style:normal;
 box-sizing:border-box
}
ul,li {
 padding:0;
 margin:0;
 list-style:none;
 text-align:inherit
}
html {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 line-height:1.6
}
body {
 -webkit-touch-callout:none;
 font-family:Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
 background-color:#fff;
 line-height:inherit;
 color:#333;
 text-shadow:none;
 -webkit-tap-highlight-color:transparent
}
b {
 font-weight:400
}
h1,h2,h3,h4,h5,h6 {
 font-weight:400;
 font-size:16px
}
a {
 text-decoration:none;
 color:#607fa6
}
p {
 overflow:hidden
}
.clearfix {
 zoom:1
}
.clearfix:before {
 display:table;
 content:""
}
.clearfix:after {
 display:table;
 content:"";
 clear:both
}
.cen {
 margin:0 auto
}
.fl {
 float:left !important
}
.fr {
 float:right !important
}
.bold {
 font-weight:bold !important
}
.align-cen {
 text-align:center !important
}
.big {
 font-size:20px !important
}
.color1 {
 color:gray !important
}
.color2 {
 color:#ed2308 !important
}
.color3 {
 color:#ff8a00 !important
}
.color4 {
 color:#39b54a !important
}
.color5 {
 color:#167efb !important
}
.color6 {
 color:#b06fbb !important
}
.color7 {
 color:#fff !important
}
.section b {
 font-weight:bold !important;
 font-style:inherit
}
.section i {
 font-style:italic !important
}
.section u {
 text-decoration:underline !important;
 font-style:inherit
}
font {
 font-style:inherit
}
.push {
 padding:9px;
 box-sizing:border-box;
 margin:10px 15px;
 background:#f6f6f6;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border-radius:8px
}
.push li:first-child .item {
 margin:0
}
.push .item {
 width:100%;
 height:56px;
 margin-top:15px
}
.push .item img {
 width:56px;
 height:56px;
 border-radius:2px;
 margin-right:10px
}
.push .item .content {
 line-height:16px;
 width:calc(100% - 66px);
 width:-webkit-calc(100% - 66px);
 height:100%;
 text-shadow:none
}
.push .item .content h2 {
 font-size:16px;
 color:#333;
 margin-bottom:5px;
 line-height:18px
}
.push .item .content span {
 color:#8c8c8c;
 font-size:12px;
 display:block;
 line-height:18px;
 height:33px
}
.ad {
 box-sizing:border-box;
 margin:10px 15px;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border-radius:8px;
 overflow:hidden
}
.ad img {
 width:100%
}
i.iconfont {
 font-weight:400 !important
}
#btn-admire {
 margin:6px 2px 0 12px;
 width:18px;
 height:17px;
 cursor:pointer;
 position:relative;
 line-height:20px
}
#btn-admire.icon-zanpast {
 animation:scale1_5 .5s
}
.meipian_meta .admire {
 margin-left:10px
}
@keyframes scale1_5 {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.5)
 }
 100% {
  transform:scale(1)
 }
}
#autherLink {
 height:96px;
 margin:0;
 padding-top:8px;
 background-color:#f5f6f9
}
#autherLink .autherwrap {
 width:100%;
 background-color:#fff
}
#autherLink .autherwrap a {
 display:block;
 padding-left:86px;
 padding-right:28px;
 height:100%;
 width:100%;
 box-sizing:border-box;
 position:relative;
 box-shadow:none;
 border:none;
 background-color:#fff;
 border-radius:0;
 overflow:hidden;
 text-shadow:none
}
#autherLink .autherwrap a .autherHead {
 height:86px;
 width:86px;
 position:absolute;
 top:0;
 left:0
}
#autherLink .autherwrap a .autherHead img {
 display:block;
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 margin:auto;
 height:54px;
 width:54px;
 border-radius:50%
}
#autherLink .autherwrap a .userMessage {
 padding-top:19px;
 float:left;
 width:100%;
 line-height:1.6
}
#autherLink .autherwrap a .userMessage .wusername {
 font-size:16px;
 color:#4F4F4F;
 white-space:nowrap;
 text-overflow:ellipsis
}
#autherLink .autherwrap a .userMessage .wsign {
 font-size:14px;
 color:#B0B0B0;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
#autherLink .autherwrap a .right {
 height:100%;
 width:42px;
 position:absolute;
 top:0;
 right:0;
 text-align:center;
 line-height:86px;
 font-size:12px;
 color:#D5D5D5;
 font-weight:bold
}
.comment {
 width:auto;
 margin:0;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 border-radius:0;
 background-color:#f5f6f9;
 padding-top:8px
}
.comment .commentwrap {
 padding:24px 15px 24px 15px;
 background-color:#fff
}
.comment .commentwrap .title {
 height:16px
}
.comment .commentwrap .title .color-lump {
 background:#2887F0;
 width:3px;
 height:100%
}
.comment .commentwrap .title h2 {
 line-height:16px;
 font-size:16px;
 text-indent:12px;
 font-weight:normal;
 color:#4F4F4F
}
.comment .commentwrap .list {
 width:100%;
 box-sizing:border-box;
 padding:5px 0 0;
 position:relative
}
.comment .commentwrap .list .item {
 width:100%;
 box-sizing:border-box;
 padding:12px 0 15px;
 position:relative
}
.comment .commentwrap .list .item .userLogo {
 float:left;
 height:100%;
 width:36px;
 margin-right:8px
}
.comment .commentwrap .list .item .userLogo img {
 width:36px;
 height:36px;
 border-radius:50%
}
.comment .commentwrap .list .item .item:nth-last-child(1) {
 padding-bottom:0
}
.comment .commentwrap .list .item .usercomment {
 height:100%
}
.comment .commentwrap .list .item .usercomment .userinfo {
 height:16px;
 font-size:12px;
 color:#B0B0B0;
 line-height:16px
}
.comment .commentwrap .list .item .usercomment .userinfo .userName {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin-right:50px
}
.comment .commentwrap .list .item .usercomment .userinfo .commentLastTime {
 float:right
}
.comment .commentwrap .list .item .usercomment .commentdetail p {
 color:#4F4F4F;
 font-size:16px;
 line-height:22px;
 word-break:break-all;
 box-sizing:border-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 display:-webkit-box;
 overflow:hidden
}
.comment .commentwrap #comment_tips {
 color:#4F4F4F;
 text-align:center
}
.comment .commentwrap .addcomment {
 color:#2887F0;
 margin:12px auto;
 border:1px solid transparent;
 background-color:rgba(255,255,255,0.7);
 line-height:36px;
 text-align:center;
 height:36px;
 display:block;
 border-radius:7px;
 font-size:16px;
 -webkit-tap-highlight-color:transparent;
 text-align:center
}
.comment .commentwrap .download_app {
 background-color:#2887F2;
 text-align:center;
 height:44px;
 line-height:44px;
 display:block;
 border-radius:7px;
 margin:5px 0 0;
 text-shadow:none;
 cursor:pointer;
 font-size:16px;
 color:#fff
}
.comment .commentwrap .figureComment {
 position:fixed;
 top:0;
 left:0;
 z-index:1000;
 height:100%;
 width:100%;
 background-color:rgba(0,0,0,0.5)
}
.comment .commentwrap .figureComment .content {
 width:320px;
 padding:15px 15px 10px;
 background-color:#f7f7fa;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 box-sizing:border-box;
 top:0;
 margin:auto;
 height:158px;
 border-radius:7px
}
.comment .commentwrap .figureComment .content .message #textarea {
 width:100%;
 height:90px;
 resize:none;
 border-radius:7px;
 background-color:#fff;
 border:none;
 outline:none;
 padding:7px;
 box-sizing:border-box;
 border:1px solid #ccc
}
.comment .commentwrap .figureComment .content .message #textarea::-webkit-input-placeholder {
 padding-left:5px
}
.comment .commentwrap .figureComment .content .message .btn {
 height:26px;
 margin-top:10px
}
.comment .commentwrap .figureComment .content .message .btn #suerbtn {
 float:right;
 height:100%;
 width:56px;
 border-radius:7px;
 background-color:#2887f0;
 border:none;
 color:#fff
}
.comment .commentwrap .add {
 text-align:center
}
.mp-other {
 background:#f5f6f9;
 color:#4F4F4F;
 text-shadow:none;
 position:relative;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 border-radius:0;
 margin:0;
 padding:8px 0 0
}
.recommend {
 width:100%;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 background-color:#fff;
 padding:0 15px;
 padding-top:24px;
 padding-bottom:16px
}
.recommend .title {
 margin-bottom:5px;
 height:16px
}
.recommend .title i {
 background-color:#2887F0;
 width:3px;
 height:100%
}
.recommend .title h2 {
 line-height:16px;
 font-size:16px;
 text-indent:12px;
 font-weight:400;
 color:#4F4F4F
}
.recommend .list {
 padding:5px 0 0
}
.recommend .list .item {
 width:100%;
 box-sizing:border-box;
 padding:12px 0 15px;
 position:relative
}
.recommend .list .item .img {
 width:75px;
 height:50px;
 background-repeat:no-repeat;
 -webkit-background-size:cover;
 background-size:cover;
 background-position:center;
 overflow:hidden;
 margin-right:10px
}
.recommend .list .item .img img {
 width:100%
}
.recommend .list .item .content {
 width:100%
}
.recommend .list .item .content p {
 margin-top:0;
 -webkit-line-clamp:2;
 font-size:16px;
 color:#4F4F4F;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 line-height:1.3;
 word-wrap:break-word
}
.recommend .list .item .content .linkdesc {
 margin-top:11px;
 font-size:12px;
 line-height:16px;
 color:#D5D5D5
}
.recommend .list .item .content .linkdesc i {
 display:inline-block;
 width:15px;
 height:15px;
 vertical-align:-2px
}
.recommend .comment-more {
 background-color:#3395ed;
 text-align:center;
 height:44px;
 line-height:44px;
 display:block;
 border-radius:8px;
 border:1px solid #fff;
 margin:5px 0 0;
 text-shadow:none;
 cursor:pointer;
 font-size:16px;
 color:#fff
}
.meipian-vote {
 font-family:"黑体";
 font-size:18px;
 font-weight:500;
 width:100%;
 overflow-x:hidden;
 padding-top:11px;
 border:1px solid #d6d8e4;
 border-radius:8px;
 background-color:#fff;
 text-shadow:none;
 position:relative
}
.meipian-vote .mp-theme {
 padding:9px 9px 9px 15px;
 font-size:20px;
 font-weight:normal;
 color:#394049
}
.meipian-vote .choice {
 padding-left:15px;
 list-style:none
}
.meipian-vote #vote_type {
 padding-left:10px;
 font-size:14px;
 font-weight:normal;
 color:#394049
}
.meipian-vote .choice li {
 position:relative;
 padding:15px 0;
 font-size:16px;
 line-height:1.3;
 padding-left:24px;
 padding-right:15px;
 box-sizing:border-box;
 font-weight:normal;
 color:#394049;
 cursor:pointer
}
.meipian-vote .choice li i {
 position:absolute;
 border:1px solid rgba(57,64,72,0.35);
 border-radius:50%;
 height:16px;
 width:16px;
 top:17px;
 left:0
}
.meipian-vote .choice li.selected i::before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 margin:auto;
 width:10px;
 height:10px;
 border-radius:50%;
 background-color:#5896f6
}
.meipian-vote .choice li::before {
 content:"";
 position:absolute;
 bottom:0;
 left:0;
 height:1px;
 width:100%;
 background-color:rgba(0,0,0,0.2);
 transform:scaleY(0.5)
}
.meipian-vote .choice li:nth-last-child(1)::before {
 height:0
}
.meipian-vote .btn {
 display:block;
 font-size:18px;
 text-align:center;
 width:100%;
 background-color:transparent;
 border:none;
 padding:10px 0 !important;
 color:#617eaa !important
}
.meipian-vote .voteLine {
 position:absolute;
 bottom:44px;
 width:100%;
 height:1px;
 transform:scaleY(0.5);
 background-color:rgba(0,0,0,0.2)
}
.meipian-vote .votedLine {
 position:absolute;
 bottom:45px;
 width:100%;
 height:1px;
 transform:scaleY(0.5);
 background-color:rgba(0,0,0,0.2)
}
.meipian-vote .btn:focus {
 outline:none
}
.meipian-vote .btn[disabled] {
 color:#8c96a1 !important
}
.meipian-vote .mp-res {
 padding:4px 0 4px 15px;
 font-size:20px;
 color:#394049;
 font-weight:normal
}
.meipian-vote .result {
 padding-bottom:20px
}
.meipian-vote .result li {
 overflow:hidden;
 padding-left:15px;
 padding-right:15px
}
.meipian-vote .result li .item {
 padding:20px 0;
 font-weight:normal;
 color:#394049
}
.meipian-vote .result li:nth-child(1) .item {
 padding-top:10px
}
.meipian-vote .result li .bar {
 width:55%;
 position:relative;
 height:5px;
 background-color:rgba(88,150,246,0.2);
 float:left;
 margin:4px 0
}
.meipian-vote .result li .bar .barPercent {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 background-color:#5896f6;
 text-align:center
}
.meipian-vote .result li .counted {
 width:23%;
 text-align:right;
 float:left;
 font-size:12px;
 color:#8c96a1
}
.meipian-vote #expire_time {
 padding-left:15px;
 font-size:14px;
 font-weight:normal;
 color:#8c96a1
}
.meipian-vote .result .percent {
 width:22%;
 float:left;
 font-size:12px;
 text-align:right;
 color:#8c96a1
}
#loadMore {
 height:70px;
 width:100%
}
#loadMore p {
 padding-top:10px
}
#loadMore p a {
 padding-top:15px;
 display:block;
 height:100%;
 width:100%;
 text-align:center;
 color:#607fa6
}
#loadMore p a span {
 display:block;
 height:23px;
 line-height:23px
}
#loadMore p a span.iconfont {
 display:inline-block;
 font-size:12px;
 font-weight:bold;
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg)
}
.btn-download {
 margin:0 15px
}
.btn-download .button-download {
 text-align:center;
 width:100%;
 height:45px;
 line-height:45px;
 color:#fff;
 display:block;
 border-radius:8px;
 background:#3395ed;
 margin:25px 0 0;
 text-shadow:none
}
.btn-download .button-download i {
 display:inline-block;
 line-height:45px;
 font-size:18px
}
.bannermeipian {
 width:100%;
 padding-top:8px;
 background-color:#f5f6f9;
 display:block
}
#self_bottom {
 background-color:#f5f6f9;
 padding-top:8px;
 box-sizing:border-box
}
#self_bottom .self_bottom_wrap {
 background-color:#fff
}
#shareto h3 {
 font-family:PingFangSC-Regular;
 font-size:14px;
 color:#9B9B9B;
 letter-spacing:0;
 line-height:14px;
 padding:20px 0;
 text-align:center
}
#shareto ul {
 overflow:hidden;
 padding:0;
 margin:0;
 padding-bottom:30px
}
#shareto ul li {
 float:left;
 width:20%;
 text-align:center;
 list-style:none
}
#shareto ul li p {
 text-align:center;
 font-size:12px;
 color:#9B9B9B;
 letter-spacing:0;
 line-height:12px
}
#shareto ul li img {
 display:block;
 margin:0 auto;
 margin-bottom:0;
 width:40px;
 height:40px
}
@media screen and (min-width: 1024px) {
 body {
  background-color:#fff
 }
 .meipian {
  width:750px;
  margin:0 auto;
  min-height:100%
 }
 .meipian-main {
  padding:0 15px;
  border-right:1px solid #d9dadc;
  border-left:1px solid #d9dadc;
  padding:30px 35px 30px 35px !important
 }
 .meipian-title {
  padding-bottom:10px !important;
  margin-bottom:14px !important;
  border-bottom:1px solid #e7e7eb
 }
 .meipian-bg {
  width:750px !important
 }
 .footer-button-download {
  padding:0 36px !important
 }
 .footer-button-download a {
  right:51px !important
 }
}
@media screen and (min-width: 1025px) {
 body {
  padding-top:0px !important;
  background-color:#e7e8eb;
  font-family:"Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif
 }
 .meipian {
  width:750px;
  margin:0 auto;
  min-height:100%
 }
 .meipian .meipian-main {
  border-right:1px solid #d9dadc;
  border-left:1px solid #d9dadc;
  padding:30px 0 0 0 !important
 }
 .meipian .meipian-main .meipian-title {
  padding-bottom:10px !important;
  margin-bottom:14px !important;
  margin-left:50px !important;
  margin-right:50px !important;
  border-bottom:1px solid #e7e7eb
 }
 .meipian .meipian-main .meipian_meta {
  padding-left:50px !important;
  padding-right:50px !important
 }
 .meipian .meipian-main .meipian-content {
  padding-left:35px !important;
  padding-right:35px !important
 }
 .meipian .meipian-main #autherLink .autherwrap {
  padding-left:35px !important;
  padding-right:35px !important
 }
 .meipian .meipian-main .comment .commentwrap {
  padding-left:50px !important;
  padding-right:50px !important
 }
 .mp-other .recommend {
  padding-left:50px;
  padding-right:50px
 }
}
.meipian-main {
 padding:10px 0 0;
 width:100%;
 box-sizing:border-box
}
.meipian-title {
 font-size:24px;
 text-align:left;
 line-height:33px;
 padding:0px 0px 6px 0px;
 margin:0 15px;
 word-wrap:break-word;
 white-space:pre-wrap;
 text-align:start;
 display:-webkit-box;
 -webkit-box-orient:horizontal;
 text-overflow:ellipsis;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 word-break:break-all
}
.meipian_meta {
 font-family:Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
 font-size:16px;
 margin:0 0 24px;
 line-height:1.5;
 padding:0 15px;
 word-break:break-all;
 word-wrap:break-word
}
.meipian_meta span {
 color:#8c8c8c;
 margin-right:8px
}
.meipian_meta .music {
 float:left;
 width:100%;
 height:42px;
 border-radius:5px;
 margin:10px 8px 0 0;
 background:#f6f6f6;
 padding:0;
 line-height:42px;
 cursor:pointer
}
.meipian_meta .music i {
 float:left;
 width:25px;
 height:25px;
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center;
 margin:8px 10px 0 15px
}
.meipian_meta .music i[play=on] {
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAASFBMVEUAAADV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXk2KSQAAAAF3RSTlMA+ea1nnRhSSQZDAbH89uMOPHaick3NvsdA+AAAACfSURBVEjH7ZXLDsIwDAQpARKKKaE85v//FMTFEkI1e/ABib2PlEwc7+qfV0qTEYbLqCKw3skI2E1GYLOXEc7bg4rAXGUESpMRhtMoIl8K5z3WFcSFqwjHZeF8zFQFxIXLiAuPkVg4S7l2BXHhMRILJ8xUExE/WPb1rctPmT4wpaUNv4vN/sjW05aSi81esHPVyyK7kuwu12t6iT/F/noenXJC+Cqv4ZgAAAAASUVORK5CYII=")
}
.meipian_meta .music i[play=stop] {
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAADV1dUk01kVAAAAAXRSTlMAQObYZgAAABZJREFUGNNjoBj8/8D4/8EojYMmFQAA4yaJHbwQ+QMAAAAASUVORK5CYII=")
}
.meipian_meta .music span {
 width:calc(100% - 70px);
 width:-webkit-calc(100% - 70px);
 margin:0;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 float:left
}
.meipian-content {
 overflow:hidden
}
.meipian-content .section {
 margin:24px 0;
 width:100%;
 padding:0 15px
}
.meipian-content .section .m-tb-4 {
 margin:0px 0
}
.meipian-content .section .text {
 font-size:16px;
 line-height:1.5;
 word-wrap:break-word;
 font-weight:normal;
 white-space:pre-wrap
}
.meipian-content .section.text-down .text {
 margin-top:4px
}
.meipian-content .section img {
 margin-top:4px;
 width:100%
}
.meipian-content .section .images {
 display:block
}
.meipian-content .section .video {
 width:100%
}
.meipian-content .section h1 {
 font-size:20px
}
.meipian-content .section h3 {
 font-size:16px
}
.meipian-content .section h5 {
 font-size:12px
}
.meipian-content .section:first-child {
 margin-top:0 !important
}
.meipian_meta .admire i {
 width:18px;
 height:30px;
 background-size:contain;
 background-repeat:no-repeat;
 background-image:url(../img/default/like.png);
 background-position:center;
 display:inline-block;
 margin-right:2px
}
.full .text {
 margin:0 0 4px
}
.report {
 margin:25px 0 25px
}
.report span {
 margin:0
}
.meipian-bg {
 position:fixed;
 width:100%;
 height:100%;
 z-index:-1;
 margin:0 auto;
 background:#fff
}
.appreciate {
 width:100%;
 height:auto;
 margin:60px auto 60px;
 text-align:center;
 color:#B0B0B0
}
.appreciate a {
 margin:11px 0;
 display:inline-block;
 height:39px;
 width:86px;
 background:linear-gradient(top,#ffc948 0%,#f7b933 100%);
 background:-o-linear-gradient(top,#ffc948 0%,#f7b933 100%);
 background:-ms-linear-gradient(top,#ffc948 0%,#f7b933 100%);
 background:-moz-linear-gradient(top,#ffc948 0%,#f7b933 100%);
 background:-webkit-linear-gradient(top,#ffc948 0%,#f7b933 100%);
 border:2px solid #e19e19;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px;
 text-align:center;
 line-height:35px;
 color:#c07604;
 text-shadow:none
}
.appreciate.section-on {
 display:block
}