body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size: 50px;}
body{line-height:1.5;font-size: 16px;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
@media screen and (-webkit-min-device-pixel-ratio:0){
input{line-height:normal!important;}
}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}

.link-mode::before,.pic-status a::before,.pic-pre .arrow,.share-wrap span::before{background-image: url(//www1.pconline.com.cn/wap/2016/dp/images/bg.png); background-repeat: no-repeat;background-size: 7.5rem auto;}
@media only screen and (min-width:1025px){.g-doc{max-width:750px;}}
.g-doc{height:100%;margin:0px auto;}
.viewmode-a{background:#141414;color:#fff; margin:0px auto;position:relative;overflow:hidden;}
.viewmode-a a{color:#ccc;}
.viewmode-b{background: #f2f2f2;}
.viewmode-b a{color:#777;}


.m-topback{height:.9rem;line-height:.9rem; z-index: 10; font-size: .3rem;top: 0; left: 0; width: 100%;}
.topBack-a{ height:.9rem;width:.9rem;}
.topBack-a::before{content: ''; width: .26rem; height: .26rem; position: absolute; left: .3rem; top: .3rem; border-top:1px solid #fff;border-left:1px solid #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.viewmode-a .m-topback{position: absolute; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, transparent),color-stop(1, black));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1));background-image:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,1));}
.viewmode-a .topBack-a{position:absolute;top: 0;left: 0;}

.viewmode-b .m-topback{border-bottom:1px solid #dcdfe0;background: #f2f2f2; position: fixed;}
.viewmode-b .topBack-a{display: inline-block;vertical-align: middle; position: relative;color: #000;}
.viewmode-b .topBack-a::before{border-top:1px solid #000;border-left:1px solid #000;}


.m-picDoc{ overflow: hidden;font-size: .24rem; padding-top:.1rem; position: absolute;z-index: 10; bottom: 0;color: #fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, black));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));width:100%}
.pic-des{color:#bcbcbc;margin:0 .32rem .35rem}
.pic-des .title{margin-bottom: .1rem;height: .5rem;width: 6.05rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.pic-des h1{font-weight: normal;display: inline; font-size: .34rem;color: #fff; }
.pic-des .desc{height: 1.44rem;line-height:0.365rem;width:100%;overflow-y:scroll;overflow-x:hidden;}
.pic-des .desc::-webkit-scrollbar{width:0;}
.pic-des p{overflow: hidden;}
.pic-num{position:absolute;top: .1rem;right: .32rem;}
.pic-num i{color:#fff;}
.pic-info{padding:0 .32rem .38rem;line-height: .48rem;height: .48rem;}
.viewmode-b .pic-des{width:6.86rem;text-align:center;position: absolute;top: 50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);word-break: break-all;margin:0;}
.viewmode-b .pic-des h1{display: block;font-size: .40rem;line-height: .7rem;}
.viewmode-b .pic-des em{font-size: .24rem;display: block;margin-bottom: .3rem;}
.viewmode-b .pic-des p{font-size:.3rem;line-height: .52rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:12;-webkit-box-orient: vertical;}

.link-mode,.pic-status a{float:left;position:relative;padding-left: .55rem;}
.link-mode::before,.pic-status a::before{content:"";position:absolute;top: 0;left: 0;width: .5rem;height:.48rem;}

.link-picAll::before{background-position:-.02rem -.03rem}
.link-picSlide::before{background-position:-.5rem -.03rem}

.pic-status{float: right;}
.pic-status a{margin-left: .5rem;padding-left: .55rem;}

.viewmode-a .pic-status a.cmt::before{background-position: -1.04rem -.03rem}
.viewmode-a .pic-status a.like::before{background-position: -1.55rem -.03rem}
.viewmode-a .pic-status a.share::before{background-position: -2.12rem -.03rem}

.viewmode-b .pic-status a.cmt::before{background-position: -1.04rem -.52rem}
.viewmode-b .pic-status a.like::before{background-position: -1.55rem -.52rem}
.viewmode-b .pic-status a.share::before{background-position: -2.12rem -.52rem}

.m-lastpage{display: none;background: rgba(0,0,0,.8);position:fixed;top: 0;left: 0;width: 100%;height: 100%;}
.other-albums{margin:0 .32rem;overflow:hidden}
.other-albums .pics{width:100%;overflow:hidden;}
.other-albums .pics li {float:right;width:47%;height: 3.2rem;margin-bottom:.46rem;overflow: hidden;}
.other-albums .pics li:first-child{float:left;}
.other-albums .pics li a{display: block;height: 100%;position: relative;color:#fff;}
.other-albums .pics li a img{position:absolute;max-width: none;width: 100%;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top: 50%;left: 50%;}
.other-albums .pics li .info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4); overflow:hidden;text-align: center;}
.other-albums .pics li .info i{display: block;font-size: .38rem;margin-top: 1.2rem;}
.other-albums .pics li .info em{display: block;font-size: .22rem;}

.qrcode img{max-width: 100%;}
.viewmode-a .qrcode{margin:2.08rem .32rem .8rem;}
.viewmode-b .qrcode{margin: 0 .32rem .6rem;}
/* 整组浏览 */


.pic-wrap{text-align: center;margin-top: .9rem;min-height: 16rem;}
.pic-wrap i{display: block;height: .8rem;line-height: .8rem;font-size: .3rem;}
.pre-hidden{overflow:hidden;height: 100%;}
.pre-hidden .pic-wrap{-webkit-filter:blur(3px)}
.pic-pre{position:fixed;background: rgba(0,0,0,.6);z-index: 9;top: 0;left: 0;width: 100%;height: 100%;}
.pic-pre .arrow{width: .6rem;height: .6rem;position: absolute; bottom: 1.03rem;left:50%;margin-left: -.3rem;background-position: -3.82rem -.1rem;}
/* 幻灯片浏览 */
.ui-prev,.ui-next{width:.6rem;height:.6rem;position:absolute;top:50%;margin-top:-.3rem;left:0;border-radius:100%;background:rgba(0,0,0,0.5);font-size:0;display:none;z-index:50;}
.ui-prev img,.ui-next img{position:absolute;top:50%;left:50%;width:.14rem;height:.21rem;margin:0;display:block;}
.ui-prev img{transform:translate(calc(-50% - .03rem), -50%) rotate(180deg);}
.ui-next img{transform:translate(calc(-50% + .03rem), -50%);}
.ui-next{right:0;left:auto}

.pic-list{width: 3000px;-webkit-transform:translate3d(-320px,0,0);-moz-transform:translate3d(-320px,0,0);-ms-transform:translate3d(-320px,0,0);-o-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0);-webkit-backface-visibility: hidden;}
.pic-list li {float:left; width:7.5rem;  -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:hidden; text-align: center;background:url(//www1.pconline.com.cn/wap/2016/dp/images/loading.gif) no-repeat center;}
.pic-list li.nopic{ background: none}
.pic-list li::after{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;overflow:hidden;}
.pic-list img{max-width:100%; max-height: 100%; margin:0 auto;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0); vertical-align: middle;}


.m-loading{margin:0.47619rem 0;text-align:center;color:#999;overflow:hidden;z-index:0;}
.m-loading i{height:0.95238rem;display: block;margin:0 auto;background:url(//www1.pconline.com.cn/wap/2016/dp/images/loading.gif) top center no-repeat;}
.m-share-wrap{font-size: 0;}
.share-wrap span{float:none;display: inline-block; width:1.2rem;position:relative;padding:.9rem 0 0 0;margin:0 .1rem;background:none;font-size:.2rem;height:1.5em;}
.share-wrap span:before{content:"";display: block;position: absolute;width: .78rem;height: .78rem;top: 0;left: 50%;margin-left: -.4rem;}
.share-wrap .s-weixin:before{background-position:0rem -1.18rem;}
.share-wrap .s-timeline:before{background-position: -.85rem -1.18rem;}
.share-wrap .s-qzone:before{background-position: -1.7rem -1.18rem;}
.share-wrap .s-sina:before{background-position:-2.55rem -1.18rem;}

.m-share{color:#000; background: rgb(255,255,255);position: fixed;z-index: 12; bottom: 0; left:50%;margin-left: -3.75rem; width: 7.5rem;font-size: .28rem;text-align: center;display: none;}
.m-share-wrap{margin:0 .2rem;padding:.2rem 0}
.share-wrap{overflow:hidden;margin:.4rem 0;text-align: center;}
.m-share p{line-height: .6rem;font-size: .28rem;}
.m-share .btn-cal{border:1px solid #979797;border-radius: 5px;display: block;line-height: .6rem;font-size: .28rem }

.pop-lock{overflow: hidden;position: relative;}
.popBox{ position:fixed;z-index:999;display: none;}
.pop-lock:after{content:"";display: block;overflow: hidden; position:absolute;background: rgba(0,0,0,.5);top: 0;left: 0;width: 100%;height: 100%;z-index:998;}

/* 底部推广x按钮 */
@media only screen and (max-width:320px){body b{width:20px !important;height:30px !important;line-height:30px !important;right:2px !important;top:10px !important;}}


.m-topback {
    width: 100%;
    height: 0.6rem;
}
.topBack-a-jump {
    box-sizing: border-box;
    display: block;
    max-width: 0.6rem;
    height: 0.6rem;
    float: right;
    margin-top: 0.32rem;
    margin-right: 0.20rem;
    overflow: hidden;
    border-radius: 0.34rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(0.24rem);
    transform-origin: right center;
    transition:
        max-width 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease,
        transform 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.48s;
}
.topBack-a-jump.jump-bar--pending {
    max-width: 0.6rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.topBack-a-jump.jump-bar--expand {
    max-width: 5.22rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition:
        max-width 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease 0.06s,
        transform 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0s;
}
.topBack-a-jump-inner {
    width: 5.3rem;
    height: 0.6rem;
    box-sizing: border-box;
    border-radius: 0.34rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.1rem;
    background: #0D2638;
    padding: 0 0.08rem;
}
.topBack-a-jump.jump-bar--expand .topBack-a-back-text,
.topBack-a-jump.jump-bar--expand .topBack-a-back-icon {
    opacity: 1;
}
.topBack-a-logo-icon {
    flex-shrink: 0;
    width: 0.44rem;
    height: 0.44rem;
}
.topBack-a-logo-icon img {
    width: 100%;
    height: 100%;
}
.topBack-a-back-text {
    flex: 1;
    min-width: 0;
    font-size: 0.24rem;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.24s ease 0.18s;
}
.topBack-a-back-icon {
    flex-shrink: 0;
    width: 0.14rem;
    height: 0.18rem;
    margin-right: 0.14rem;
    margin-top: 0.02rem;
    opacity: 0;
    transition: opacity 0.24s ease 0.18s;
}
.topBack-a-back-icon img {
    width: 100%;
    height: 100%;
}