@charset "utf-8";
/********公用开始*********/
/*css reset*/
html {font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height:100%;background:#ffffff;position: relative;}
body { margin: 0; font-size: .7rem; line-height: 1.5; color: #000; -webkit-overflow-scrolling: touch; }
*{tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
template { display: none; }
svg:not(:root) { overflow: hidden; }

a {background: transparent;text-decoration: none;-webkit-tap-highlight-color: transparent;color: #000;}
a:active { outline: none; color:#000;}
abbr[title] { border-bottom: 1px dotted; }
img { border: none; vertical-align: middle;background:url(/resource/m/topic/imgs/default.png) center center no-repeat;background-size:.65rem .65rem;border: none;}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
ul, ol, li, dl, dd,h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
em,cite,i{ font-style:normal;}
img{max-width:100%;}

.artDetailBody{ max-width: 100%;margin:0 auto;}
.softHead{position: relative;z-index: 2;}
.softHead  img{ width:100%; }
/*.giftImg{margin-top:-5.5%}*/
.artHead{padding: 0.9rem 1.5rem 0.7rem;text-align:center;}
.artHead h1{ font-size:1rem;line-height:1.5;word-wrap:break-word;}
.artHead .artPs{color:#c8c8c8;font-size:.6rem;margin: .6rem 0 2rem;}
.artHead .via,.artHead .time{margin:0 0.25rem;}
.artRes{display: block;/* margin-top: .8rem; */}
/*图组展示*/
.imgGroup{ margin-bottom: 1.5rem;}
.imgGroup p{ text-align:center;  margin-bottom: 1rem;}
.imgGroup p:last-child{ margin-bottom:0;}
.imgGroup img{ max-width:100%;}
/*视频展示*/
.video{background: #000;/* margin-bottom:1.5rem; */}
.newsDetVideo,#video {width: 18.75rem;}
/*正文部分*/
.detail,.detail p{color:#323232;font-size: .75rem;word-wrap: break-word;text-align:justify;}
.detail p a{color: #3399cc;}
.detail p em{font-style: italic;}
.detail {margin-top:-0.2rem;font-size: 0.85rem;line-height:1.65;overflow: hidden;}
.detail p {margin:0 0 0.9rem!important;word-wrap: break-word!important;padding:0 .75rem!important;color: #323232;}
.detail img {max-width: 100%!important;width: auto!important;height: auto!important;background-color:#f5f5f5;float: none!important;}
/*.detail i, .detail em {font-style: italic}*/
/*.detail strong, .detail b {font-weight: bolder}*/
/*.detail ul {list-style-type: disc;list-style-position: inside;}*/
/*.detail ol {list-style-type: decimal;list-style-position: inside;}*/
/*.detail h1 {font-size: 2em;margin: .67em 0}*/
/*.detail h2 {font-family: 'SimSun';font-size: 1.5em;margin: .75em 0}*/
/*.detail h3 {font-size: 1.17em;margin: .83em 0}*/
/*.detail h4 {margin: 1.12em 0}*/
/*.detail h5 {font-size: .83em;margin: 1.5em 0}*/
/*.detail h6 {font-size: .75em;margin: 1.67em 0}*/
/* 图片撑满，文字缩进 2017.9.12 */
.imgCenter,.detail p.imgCenter,.detail .imgCenter,.video_universal_player,.albumWrap{ text-align: center;padding: 0!important;display: flex;justify-content: center;flex-flow: column;align-items: center;}
/* newsContentDetail直接嵌套内容，imgCenter直接加在newsContentDetail上,因此追加imgCenter */
.imgCenter .albumTit,.detail .imgCenter .albumTit{padding-bottom: .1rem;}
.newsContentDetail{padding: 0 0.75rem!important;}
.newsContentDetail p{padding: 0!important;}
.newsContentDetail img{max-width: 18.75rem;margin: 0;}
/*.detail a{color:#0f820c;}*/
.authorWrap{ margin-top: 1.5rem;padding: 0 .75rem;color: #c8c8c8;}
/*资讯底层加展开全文功能 视频撑满 2017.9.12 */
.newsContentDetail #video{min-height: 7rem;background-color: #000000;width: 18.75rem!important;}
.newsContentDetail section,.newsContentDetail p,.newsContentDetail div{max-width: 100%!important;}
/*分享*/

.share {margin: 1.5rem 1rem 2.3rem;height: 3rem;overflow:hidden;clear: both;line-height: 3rem; box-shadow: 0 0 .3rem rgba(0,0,0,.2);border-radius: .2rem;}
.share .tit{text-align: center;float: left;width: 3.5rem; }
.share .tit span{font-size:.75rem; color: #000; }
.share .bdsharebuttonbox{height:3rem;text-align:center; overflow:hidden;padding:0;}
.share .bdsharebuttonbox a{ display:block;float:left;width:3rem;height:3rem;padding:0; margin:0 0.375rem 0 0;}
.share .bdsharebuttonbox a:last-child{margin:0;}
.share .bdsharebuttonbox a:active{background-color: #f5f5f5}
.share .bdsharebuttonbox .bds_tsina{background-position:center -12.5rem ;}
.share .bdsharebuttonbox .bds_sqq{background-position:center -15rem;}
.share .bdsharebuttonbox .weixin{background-position:center -10rem ;}
/*红包列表*/
.giftList h2{font-size: 0.55rem;color:#646464; height: 2.1rem; line-height: 2.1rem; text-align: center; background: #f0f0f0;}
.giftList .money{color:#f00; margin:0 .12rem}
.giftList .getInfo{float: right;}
.giftList li{padding:0.78rem 0.9rem; border-bottom: 0.06rem solid #e7e7e7;}
.giftList li:last-child{border: none;}
.giftList li figure{ overflow: hidden;}
.giftList .imgBox{float: left; width: 1.8rem; height: 1.8rem; border-radius: 50%; overflow: hidden; text-align: center;display: -webkit-box; -webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;  }
.giftList .imgBox img{max-width: 100%; max-height: 100%;}
.giftList figcaption{padding-left: 2.8rem;}
.giftList figcaption h3{font-size:.65rem; line-height:.95rem}
.giftList figcaption p{margin-top:.54rem;font-size: .55rem; color:#969696;}
#loadGiftBtn{ display: block;height: 2.1rem;line-height: 2.1rem; color: #ffe555; font-size: 0.55rem; text-align: center;background: #cc2a1e;}
/*页脚*/
.foot{padding:0 0.75rem 3rem; }
.footWrap{ -webkit-border-image: url(/resource/m/imgs/border.png) 6  round; border-image: url(/resource/m/imgs/border.png) 6  round; text-align: center; padding: 0.3rem 0 0.6rem; background:#FFF;}
.footWrap h1{ font-size: 0.8rem; line-height: 1.5rem; color:#333; }
.footWrap h1 cite{ font-size: 0.45rem; color: #dbdbdb; line-height: 1.5rem; margin:0 0.25rem;vertical-align: 7%;}
.footWrap .slogn{ font-size: 0.5rem; color: #999; padding:0 0.9rem; margin:0 0 0.5rem; text-align:left}
.footWrap .slogn h3{ font-size: 0.6rem; color: #333333; padding:0.18rem 0 .24rem;}
.footWrap .slogn p{line-height: 0.9rem; padding-bottom: 0.25rem;}
.footWrap .weixin { margin:2.1rem 0;  }
/*fixedTool*/
.fixedTool{ position: fixed; -webkit-transform:translate3d(0,4.1rem,0);-webkit-transition:all 1s ease; z-index: 10; bottom: 0rem; max-width: 18.75rem;height: 2.75rem;width: 100%;left: 50%;margin-left: -9.375rem;}
.fixedTool .close{position:absolute;top:-1.35rem; right:0.5rem;z-index:1;width:1.1rem; height:1.1rem; background:#333333; border-radius:50%;}
.fixedTool .close::before{position:absolute; content:''; left:50%; top:50%; margin-left:-0.3rem;margin-top:-1px;width:0.6rem; height:0; border-top:.05rem solid #e7e7e7; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); z-index:1;}
.fixedTool .close::after{position:absolute; content:'';  left:50%; top:50%;  margin-left:-0.3rem;margin-top:-1px;width:0.6rem; height:0; border-top:.05rem solid #e7e7e7; -webkit-transform:rotate(45deg); transform:rotate(45deg); z-index:2;}
.fixedTool .links{ display: block; overflow: hidden;background: #333333; color: #ffffff;font-size: .7rem;margin: 0 .5rem; height: 2.25rem;line-height: 2.25rem;position: relative;border-radius: .28rem;/*border-radius: .28rem;*/padding-left: 4.2rem;}
.fixShow {-webkit-transform:translate3d(0,0,0)}
.fixedTool img{width: 1.75rem;height: 1.75rem;position: absolute;left: 0.25rem;top: 0.25rem;}
.fixedTool .msgBox{width:11.25rem;height: 1.75rem;line-height: 1.75rem;background: #ffffff;color: #999999;font-size: .7rem;padding: 0 .5rem;border-radius: .35rem;float: left;text-align: left;}
/*引导层*/
.mask{display: none; z-index:999; position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,.9);background-size:100% auto;}
#guaid_weixin{ -webkit-box-sizing:border-box;box-sizing:border-box; padding:0.3rem 0.75rem 0; max-width: 18.75rem;left: 50%;margin-left: -9.375rem;}
#guaid_weixin .text{ float: right; width:14.15rem; height: 12.4rem; background: url(/resource/m/imgs/guaid.png) 0 0 no-repeat; background-size: 100%; -webkit-box-sizing:border-box;box-sizing:border-box; padding:5.5rem 0 0 4rem; font-size: 0.75rem; color:#000; line-height: 1rem; font-weight: bold;}
#guaid_weixin .line1{ font-size: 1rem; color: #999900; line-height: 1.15rem;}
#guaid_weixin .line2{ font-size: 1rem;  line-height: 1.15rem; margin-bottom: 0.25rem;}
#guaid_weixin .text em{ color: #999900; margin-right: 0.25rem; font-weight: normal}

.guaid_ios{background-image:url(/resource/m/imgs/guaid_ios.png); background-position: 50% 0; background-repeat: no-repeat;}
.guaid_android{background-image:url(/resource/m/imgs/guaid_android.png); background-position: 50% 0; background-repeat: no-repeat;}

/*音频播放*/
.audio{margin-bottom: 1.5rem;}
.audioCtr{margin:0.5rem;}
.audioSkin{ position:relative; overflow: hidden ; padding-left: 0.3rem;}
.audioCtr audio{ *display: none;}
.triangle{ position: absolute; left: -0.3rem; top:50%;margin-top:-0.3rem; width: 0; height: 0; border-width: 0.3rem 0.3rem 0.3rem 0.3rem; border-color: transparent #000 transparent transparent;border-style: dashed solid dashed dashed; }
.audioWrap{float: left;width:40%; height:2rem;  background:#000;   border-radius:4px; color:#fff; position: relative;-webkit-transition:width 250ms ease;transition:width 250ms ease;}
.audioWrap .wave{ display:inline-block; margin-left:0.5rem; margin-top:0.7rem; width:0.6rem; height:0.6rem;  background:url(/resource/m/imgs/wave.png) 0 0 no-repeat; opacity: 0.5; background-size:0.45rem 0.6rem;}

.audioSkin .time{position: absolute; left:100%; margin-left: .5rem; top:0; color:#000;font-size:.7rem; line-height: 2rem;}
/*播放中*/
.audioOn .wave{background:#f00; width: .1rem;background:url(/resource/m/imgs/wave.png) 0 0 no-repeat; background-size:.45rem .6rem; width:.25rem; -webkit-animation:palyWave 1.5s ease infinite;animation:palyWave 1.5s ease infinite; border-radius:100%; opacity: 1;}
.fullWrap .time{ left: auto; right: .5rem; top: 0;color:#FFF; }

/*加载失败*/
.audioError .wave{ height:1rem; background: url(/resource/m/imgs/unable.png) 0 0 no-repeat; background-size:.45rem .6rem;opacity: 1; }
/*追加展览推荐位*/
.advExhibit,.advSpecial{position: relative; overflow: hidden;margin:.2rem 1rem 1.5rem ;background:#646464; height:2.55rem; border-radius: 4px; padding:2px 2px 2px 2px}
.advExhLink{ display: block;overflow: hidden; text-decoration: none;}
.advExhLink dl{ height: 2.4rem;border-radius: 0.15rem; overflow:hidden;background: #fff; padding:0.15rem .5rem 0; box-shadow: 0 0 .5rem rgba(0,0,0,.8) }

.advExhibit .tit,.advSpecial .tit{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: .7rem; line-height: 1.2rem; color: #333; border-bottom: none; padding:0; font-weight: bold; }
/*尺寸改到这,以下没改*/
.advExhibit .advExTime,.advSpecial .advExTime{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;display: block; font-family: verdana; font-size: .6rem; line-height: 1rem; color: #999;  }
.advExTime em{ float: right; font-size: .4rem; color: #6a6a6a; line-height: 1; margin-top:.35rem;  }
.advExhibit .advExTag,.advSpecial .advExTag { float: right; margin-top:.1rem; width: 2.65rem; height: 2.5rem; }
.advExhibit .advExTag {background: url(/resource/m/imgs/adv_ex_view.png) 0 0 no-repeat; background-size: cover; }
.advSpecial .advExTag {  background: url(/resource/m/imgs/adv_spec_view.png) 0 0 no-repeat; background-size: cover; }

.botAdv{ padding:0 0 4rem;text-align: center;}
.botAdv img{max-width:100%; vertical-align: top;background: none;}
@-webkit-keyframes palyWave{0%{ width:.1rem;}33.3%{width:.1rem;}33.4%{width:.3rem;}66.6%{width:.3rem;}66.7%{width:.7rem;}100%{width:.7rem;}}
@keyframes palyWave{0%{ width:.1rem;}33.3%{width:.1rem;}33.4%{width:.3rem;}66.6%{width:.3rem;}66.7%{width:.7rem;}100%{width:.7rem;}}
/*@media(min-width:980px){*/
/*.footWrap .weixin,.share .bdsharebuttonbox .weixin { display: none;}*/
/*.share .bdsharebuttonbox .bds_tqq{margin-right:0}*/
/*}*/
/*微信资讯底层分享页改版 2016/12/6 zjl*/
.fix,.z{*zoom:1}
.fix:after{clear:both;content:" ";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.popArrow,.gotoApp i,.vpUp i,.vpRep a,.pubVIco,.vIco,.videoView i,.share .bdsharebuttonbox a,.newsUpBtn i,.homeLink,.artInfoCon li,.artInfoCon li a:after{background: url(../imgs/spr.png?t=1567564120051) 0 0 no-repeat;background-size: 2.125rem auto;}
.detail span.keywords{background: url(/resource/m/topic/imgs/kw_bg.gif) 0 center repeat-x;background-size: auto .7rem;position: relative;}
.kwPopWrap{position: absolute;left: 0;width: 100%;top: 100px;padding-bottom: .4rem;z-index: 2;transform:scale(0) ;-webkit-transform:scale(0) ;-webkit-transition:transform .15s ease 0s;transition:transform .15s ease 0s;}
.scaleOut{transform:scale(1)!important;display: block;}
.kwPop{text-align:left;padding: .5rem 0 .5rem .5rem;margin: 0 1.25rem;background: #ffffff; -webkit-border-radius:2px;border-radius:.1rem;box-shadow:0 0.05rem 0.8rem rgba(11,4,7,.3);overflow: hidden;height: 2.5rem;position: relative;display: block;}
.kwPop h3, .kwDes{text-align: left;padding:0 0 0 .5rem;}
.kwPop h3{height:1.3rem;overflow:hidden;font-size:.75rem;margin: 0;font-weight: bold;line-height: 1.3rem;font-weight: normal;}
.kwPic{width: 2.5rem;height: 2.5rem;border-radius: 50%;float: left;}
.kwText{width: 9.5rem;overflow: hidden;}
.kwDes{font-size: .55rem;line-height: 1.2rem;height: 1.2rem;overflow: hidden;}
.kwTit{padding-right: .3rem;}
.kwTime{font-size: .55rem;color: #646464;}
.horn{display: block;width:0.3182rem;height:0.3182rem;background:#ffffff;transform:rotate(45deg);position: absolute;box-shadow: .2rem .2rem .4rem rgba(11,4,7,.2);border-radius: 2px;position: absolute;margin-left: -.15rem;bottom: .26rem;}
.popArrow{display: block;width:0.375rem;height:0.625rem;position: absolute;top: 50%;right: 0.75rem;margin-top: -0.3125rem;}
.partA{padding: 1rem 0.75rem 0;}
.partA h2{color: #666666;font-size: 0.65rem;line-height: 1.1rem;}
.artInfo{padding-bottom: .75rem;}
.tags{margin-top: -.25rem}
.tags span,.tags a{display: block;float: left;padding: 0 .5rem;height:1.05rem;line-height:1.05rem;overflow: hidden;color: #969696;font-size: 0.65rem;border: 1px solid #eee;border-radius: 2px;margin:0.5rem .5rem 0 0;}
.p15{padding: 0 .75rem;}
.authorArt{box-shadow: none;background: none;border: 1px solid #eeeeee;margin: .25rem auto 0;padding:.5rem 0 .5rem .5rem;height: 2rem;overflow: hidden;position: static;}
.authorArt .kwPic{width: 2rem;height: 2rem;}
.authorArt h3{line-height: 1.1rem;height: 1.1rem;}
.authorArt .kwTit{color: #646464;font-size: .65rem;}
.authorArt .kwTime,.authorArt .kwDes{color: #999999;font-size: .5rem;line-height: 1.3rem;}
.authorArt .kwDes{height: .75rem;line-height: .75rem;overflow: hidden;color: #969696;}
.authorArt .popArrow{background-position: -1.25rem 0;}
.authorArtTop{margin: -1.65rem .75rem 1rem;}
.authorArtTop .authorArt{padding: .35rem 0 .35rem .5rem;height: 1.25rem;}
.authorArtTop h3{height: 1.25rem;line-height: 1.25rem;}
.authorArtTop .kwPic{width: 1.25rem;height: 1.25rem;}
.authorArtTop .focusBtn{height: 2rem;line-height: 2rem;}

.adv640x120{margin-top: 1.5rem;width: 100%;overflow: hidden;}
.adv640x120 img{width: 100%;background-color:#f5f5f5;}

/*相关新闻*/
.partB { margin-top: 4rem;}
.partB .tit{padding-bottom: 1.9rem;text-align: center;}
.partB .tit span{padding: 1px; background: #fffc00;font-size:.75rem; color: #000; }
.relatedNews{padding: 0;overflow: hidden;}
.relatedNews li{padding: 0.8rem .8rem 0.725rem 1rem;border-top: 1px solid #eeeeee;margin-top: -1px;}
.relatedLink{font-size: 0.75rem;line-height: 1rem;color: #323232;padding-bottom:.3rem;display: block;}
.relatedLink span{color: #c8c8c8;line-height: .7rem;font-size: 0.55rem;display: block;padding: .3rem 0 .05rem;}
.hotNews li{margin-top: -1px;border-color: #eeeeee;padding-top: 1rem;}
.gotoApp{display: block;height: 1.3rem;width: 4.9rem;border: 1px solid #999999;border-radius: 2px;line-height: 1.3rem;color: #666666;font-size: .55rem;position: relative;margin: 0.1rem 0 0.475rem;text-align: center; }
.gotoAppLink{display: block;}
.gotoApp i{width: 0.275rem;height: 0.475rem;position: absolute;right: .6rem;top: 50%;margin-top: -.2375rem;display: block;background-position: 0 -2.5rem;}

/*头条话题*/
.themeHead{padding: 1.2rem 1rem;}
.themeHead h1{line-height: 1.2rem;}
.themeNews,.themeNews li{border: none;padding: 0;}
.themeDetail{/*height: 9.75rem;*/overflow: hidden;position: relative;margin-bottom: 1.725rem;-webkit-transition:height .15s ease;transition: height .15s ease;}
.themeText{overflow: hidden;color: #323232;line-height: 1;}
.themeDetail p{line-height: 1.25rem;margin-bottom: 0!important;}
.themeDownBtn{ display: block; height: 2.8rem;line-height: 2.8rem;width: 100%;background: #ffffff;text-align: center; color: #787878;font-size: 0.6565rem;display: none;font-weight: normal;}
.themeDownBtn .popArrow{position: relative;display: inline-block;margin-right:.5rem;-webkit-transform:rotate(90deg); transform:rotate(90deg);left: 0;top:1px;}
.themePart{padding: 1.725rem 0.75rem;margin: 0;}
.themePart .tit{padding-bottom: 1.2rem;}
.themePartNews{padding: 4rem 0.75rem 0;}
.themePartNews .tit{padding-bottom: 3rem;}
.expertDetail{color: #646464;padding: 0.25rem 0;line-height: 1.2rem;}
.viewpointList{margin-bottom: .25rem;}
.viewpointList li{padding-bottom: 1rem;}
.viewpointList2 li{padding-bottom:1.75rem; }
.vpPic{float: left;width:1.8rem;height: 1.8rem;margin-right: .5rem; }
.viewpointList2 .vpPic{margin-right: .25rem;padding-top: .2rem;}
.vpPic img{border-radius: 50%;width:1.8rem;height: 1.8rem;}
.vpText{float: left;width: 12rem;}
.viewpointList2 .vpText{width: 14.9rem;}
.vpName{line-height: 1.05rem;color: #646464;font-size: .55rem;}
.vpTit{line-height: .95rem;height: .95rem;margin-bottom: 0.35rem;}
.viewpointList2 .vpName,.viewpointList2 .vpTime{display: inline-block;margin-right: .5rem;font-size: 0.55rem;color: #969696;line-height: .95rem;}
.viewpointList2 .vpTime{margin-right:1rem;}
.vpDetail{border-left:0.125rem solid #fff100;padding-left:0.375rem;position: relative;line-height: 1.1rem;font-size: .65rem;word-wrap:break-word;color:#4a4a4a;}
.viewpointList2 .vpDetail{margin-bottom: 0.875rem;}
.vpRepList{font-size: .7rem;}
.vpRepList .vpTit{line-height: .9rem;height: auto;}
.vpRepAllBtn{width: 4.8rem;height: 1.45rem;line-height: 1.45rem;display:block;border: 1px solid #dcdcdc;border-radius:0.725rem;text-align: center;font-size: .6rem;color: #666666;margin-top: .5rem; }
.topBlock,.botBlock{display: block;position: absolute;left: -0.125rem;background: #ffffff;width: 0.25rem;height: 0.25rem;}
.topBlock{top: 0;}
.botBlock{bottom: 0;}
.vpFoot{height:0.95rem;line-height: 0.95rem;padding: .6rem 0;font-size: .55rem;color: #646464;}
.vpUp,.vpRep{float: right;font-weight: normal;display: inline-block;height: .95rem;line-height: 0.95rem;}
.vpUp{width:2.4rem;overflow: hidden;margin-right: .7rem;}
.viewpointList2 .vpUp,.viewpointList2 .vpRep{font-size: 0.55rem;color: #969696;line-height: 1rem;}
.viewpointList2 .vpUp{margin-right:1.25rem;width: auto;}
.vpUp i,.vpRep a{width: 0.85rem;height: .95rem;display:block;float: left; background-position: 0 -1.25rem;}
.viewpointList2 .vpUp i{background-position: 0 -1.2rem;}
.uped i{background-position: 0 -18.5rem;}
.viewpointList2 .uped i{background-position: 0 -18.45rem;}
.vpRep a{background-position: -1.25rem -1.1rem;}
.viewpointList2 .vpRep a{background-position: -1.25rem -1.05rem;}
.reped a{background-position: -1.25rem -19.85rem;}
.viewpointList2 .reped a{background-position: -1.25rem -19.8rem;}
.vpRep a:active{background-position: -1.25rem -18.35rem!important;}
.viewpointList2 .vpRep a:active{background-position: -1.25rem -18.3rem!important;}
.repTap{background-position: -1.25rem -18.35rem!important;}
.viewpointList2 .repTap{background-position: -1.25rem -18.3rem!important;}
.downLoadBtn{display: block;width:11.9rem;height:1.65rem;line-height:1.65rem;color:#646464;text-align: center;font-size: .75rem;border-radius: 3px;font-weight: normal;margin: 0 auto;border: 0.05rem solid #969696;}
.pubVideo{margin-bottom: 0;background: #ffffff;background: #000;}
.pubVideoNew{line-height: 0;}
.pubVideoNew,.pubVideoNew video{width:100%;height: 11rem;max-width: 18.75rem;}
.pubHead{padding: 0.2rem .75rem 1.2rem;background: #ffffff;}
.pubHead h1{line-height: 1.5rem;font-size: .9rem;}
.pubVideoList{width: 100%;margin-bottom: 3.805rem;background: #ffffff;}
.pubVideoList li{width: 5.5rem;display: block;float: left;margin-left: .75rem;position: relative;overflow: hidden;}
.pubVideoList li a,.pubVideoList li img{display: block;}
.pubVideoSum{color: #646464;line-height: .75rem;font-size:.6rem;padding:0 .125rem;display: block;height: 1.5rem;border-top: .3rem solid #ffffff;border-bottom: .3rem solid #ffffff;overflow: hidden;}
.pubVideoList li.curr .pubVideoSum{color: #979797;}
.pubVideoList li img,.pubBtn{width: 5.5rem;height:3.65rem;display: block; }
.pubVIco{position: absolute;left: .25rem;top: 2.7rem;background-position:0 -6.25rem; width: .6rem;height: .6rem;display: none;}
.pubVideoList li.curr .pubVIco{display: block;}
.pubPart{padding-bottom: 3.3rem;margin-top: 0;}
.pubBtn{/* padding-right: .75rem; */}
.pubBtn a{background: #323333;text-align:center;color: #fff; height:3.65rem;}
.pubBtn span{display: block;line-height: 0.85rem;padding-top:1.1rem; }
.pubBtn i{font-size: .5rem;line-height:.7rem;display: block;}
.pubPart .tit{padding-bottom: 1.35rem;}
.hostName{text-align: center;font-size: .8rem;line-height: 1.05rem;margin-bottom: .4rem; }
.pubText{font-size: .75rem;color: #323232;}
.pubText p,.pubText div{padding-bottom: .6rem;margin-bottom: 0;}
/*.pubText div{padding: 0 .75rem;}*/
.pubText p div{padding: 0;}
.pubImg{display: block;margin: 0 auto;}
.relatedVideo{margin-bottom: .5rem;}
.relatedVideo a{display: block;padding: .75rem;background: #fff;height: 3.65rem;overflow: hidden;}
.vPicWrap{display: block;position: relative;width: 100%;text-align: center;min-height:3.65rem;}
.relatedVideo .vPicWrap,.relatedVideo .vPicWrap img{width: 5.5rem;height: 3.65rem;}
.relatedVideo .vPicWrap{float: left;margin-right: .5rem;}
.reVideoBottom{overflow: hidden;width: 8.5rem;}

.vIco{position: absolute;display: block;left: 50%;top: 50%;width:2.125rem;height: 2.125rem;margin: -1.0625rem 0 0 -1.0625rem; background: url(/resource/m/topic/imgs/icon_viedio_mark@2x.png) no-repeat;background-size: contain;}
.reVideoTit{line-height: .9rem;font-size: .75rem;height: 2.7rem;overflow: hidden;margin-bottom: .24rem;width: 8.5rem;}
.reVideoRes{font-size: .55rem;color: #c8c8c8;line-height: 1.1rem;float: left;}
.videoView{float: right;height: 1.1rem;line-height: 1.1rem;font-size:.5rem;color: #c8c8c8;}
.videoView i{display:inline-block;width: 0.475rem;height: 1rem;margin-right: .2rem; vertical-align: middle;background-position:-1.25rem -2.25rem; }
.videoPart{padding-bottom: .75rem;}
.videoPart .tit{padding-bottom:.7rem;}
.videoAdv{padding-top: 0;}
.artPic{float:left;background:url("/resource/m/topic/imgs/circle_bg.png")no-repeat;background-size: contain;padding: 0.1rem;margin-top: -1.75rem;}
.artPic,.artPic img{width: 3.2rem;height: 3.2rem;overflow: hidden;border-radius: 50%;}
.newsPic{height:8.25rem;overflow: hidden;display: block;margin-bottom: .5rem;}
.artCountNews h2{line-height: 1.2rem;}
.artCount{padding-top: 2.3rem;color: #101010;}
.artCount h1 {
    font-size: 0.8rem;
    font-weight: 600;
    color: #101010;
    line-height: 1.2rem;
    padding-top: 0.8rem;
    clear: both;
}
.artCount p{line-height:.9rem;font-size: .6rem;padding-top: 1rem;text-align: justify;}
.artFans{font-size: .5rem;line-height: 1rem;height: 1rem;padding-top: 0.65rem;}
.artFansInfo,.homeLink{display:inline-block;margin-right: 1.5rem;}
.artFansInfo{color: #A0A0A0;}
.artFansInfo i{font-size: 1rem;display:inline-block;margin-right: .5rem;color:#101010; }
.homeLink{margin:0 0 0 .5rem;width: 0.9rem;line-height: 1.2rem;background-position:0 -17.15rem;background-size: 1.6rem auto;}
.artCountNews{padding: 1rem .5rem 0;display: block;background: #fff;overflow: hidden;}
.artCountNews img{width: 100%;background-position: center center;background-color: #f4f4f4;}
.artCountAdv{margin-top:0!important;padding-top: 0.5rem;}
.scrollLeft{position: relative;overflow: hidden;width: 100%;}
.scrollLeft ul{position: absolute;left: 0;top: 0;overflow: hidden;height: 5.75rem;}
/*内容底层页图集 图集撑满 2017.9.12 */
.album{max-width: 18.75rem!important; overflow: hidden; width: 18.75rem;overflow: hidden;}
.albImg{position: relative;}
.albumIcon{position: absolute;padding:0 .5rem;left: 0.25rem;bottom: 0.25rem;display: block;height: 0.9rem;line-height: 0.9rem;background: #000000;color: #fffb00;font-size: .55rem;opacity: 0.8;border-radius: 2px;}
/*艺术头条3.0 图集样式*/
.albumWrap{padding-bottom: 1rem!important;}
.albumWrap .album,.albumWrap img{max-width: 16.75rem!important;width: auto;}
.albumWrap .imgCenter{display: none;}
.albumWrap .imgCenter:first-child{display: block;}
.albumWrap .albumTit{padding: 1rem 1rem 0;}
/*图集展示*/
#albumShow{ display:none;position:fixed; left:0px; top:0px; width:100%; height:100%;  z-index:10;background:rgb(0,0,0); overflow:hidden;z-index: 999;}
#albumShow ul{ position:absolute; left:0px; top:0px; overflow:hidden; background:rgb(0,0,0);height:100%; }
#albumShow li{float:left; overflow:hidden; text-align:center;display: -webkit-box; -webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center; height:100%;  position:relative;}
#albumShow li img{ max-height: 100%;margin: 0 auto;display: block;}
#albumShow .workTit{ position:absolute;width:100%; bottom:0px; left:0px; background:rgba(0,0,0,.7); padding:1.125rem 0.75rem 0.75rem;color:#c8c8c8; text-align:left;-webkit-box-sizing: border-box; box-sizing: border-box; z-index:2;}
#albumShow .workTit h2{font-size:0.75rem; line-height:1rem;max-height:3.9rem;overflow-y: scroll;word-wrap:break-word;word-break:break-all;}
#albumShow .workTit span{line-height:1.5rem; font-size: 0.6rem;display: block;height: 1.5rem;padding-top: 0.65rem;}
#albumShow .workTit em{font-size:0.8rem;color: #ffffff;}
#albumShow .hideTit .workTit{ display: none;}
#albumShow .zoomC{
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    background: url(/resource/m/topic/imgs/loading.gif) 50% 50% no-repeat;
    background-size: 20px;
    color: #FFF;
    -webkit-transform: translateZ(0) scale(1) ;
    transform: translateZ(0) scale(1) ;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.videoCon{position: relative;}
.albumTit,.videoTit{line-height: 1.1rem;font-size: 0.65rem;color: #9b9b9b;text-align: center;display: block;padding: 1rem 1rem 0;word-wrap: break-word;}
.grayBg{background: #f8f8f8;}
.artTopPic{position:relative;width:100%;height:10.6rem;overflow: hidden;}
.artTopPic img{width: 100%!important;background-color:#f5f5f5;margin: 0 auto;display: block;background-position:center center;height:10.6rem;}
.authorLink{display: block;overflow: hidden;}
.authorBox{position: relative;}
.focusBtn{background: #ebebeb;color: #323333;font-size: .6rem;line-height: 3rem;height: 3rem;width: 3rem;text-align: center;top: 1px;right: 1px;margin-top: 0;border-left: 1px solid #eeeeee;z-index: 0;zoom:1;}
#flowOpenApp img{background: none;}
.videoTrans{position: relative;overflow: hidden;width: 100%;overflow: hidden;margin:.25rem 0;}
.videoTrans img{display:block;height: 11rem;margin: 0 auto;}
.vMask{position: absolute;left: 0;top: 0;background: #000000;width: 100%;height: 100%;background:rgba(0,0,0,0.5);filter: alpha(opacity=50)\9;}
.vtTit{line-height: 1rem;font-size: .55rem;color: #ffffff;height: 1rem;margin-top: -.5rem;display: block;text-align: center;position: absolute;left: 0;top: 50%;width: 100%;}
.pageWrap{max-width: 18.75rem;margin: 0 auto;position: relative;}
.viewMoreBtn{border:1px solid #969696;background: none;color: #333333;font-size: .75rem;width: 10.3rem;height:1.65rem;line-height: 1.65rem; border-radius: 0.825rem;}
.vpDel{color: #969696!important;}
/*底层页点赞*/
.newsUpBtn{display: block;width: 3.25rem;height: 2.55rem;overflow: hidden;margin: 2rem auto .75rem;border: 1px solid #f5f5f5;border-radius: 50%;text-align: center;padding-top: .7rem;}
.newsUpBtn i{display: block;width: 1.175rem;height: 1.2rem;margin:0 auto;background-position: 0 -20rem;}
.newsUped i{background-position: 0 -21.5rem;}

.newsUpNum{line-height:1.15rem;font-size: 0.55rem;color: #a5a5a5;}
.newsUped .newsUpNum{color: #000000;}
.hide{display: none!important;}

/*直播分享页*/
.liveWrap .softHead{z-index: 998;}

.liveHead{border-bottom: .5rem solid #f3f3f3;position: relative;padding: .45rem 1.5rem .45rem .75rem;margin-top: 8.8rem;}
.stickyIos .liveHead{margin-top: 0;}
/*2017.5.24 设计需求：字号调整与公开课底层一致 36号*/
.liveHead h1{font-size: .9rem;text-align: center;overflow: hidden;height: 1.5rem;}
.liveTit{display: block;word-wrap:break-word;}
.liveHead .themeDownBtn{background-position: 0.3125rem 0.1875rem;width: 1rem;height:1rem;right: 0.5625rem;margin-top: -.5rem;line-height: 1rem;position: absolute;text-align: center;top: 50%;}
.liveHead .themeDownBtn .popArrow{left: auto;top: 50%;right: auto;margin:-0.3125rem auto 0;display: block;}
.fixedTool .liveLinks{font-size: 0.65rem;padding-left: 3rem;}

.livePart{padding-top: 2.875rem;position: relative;}
.stickyIos .livePart{padding-top: 0;}
.liveTabMenu{text-align: center;height: 3.175rem;line-height: 3.45rem;overflow: hidden;width: 100%;background: #ffffff;height: 2.925rem;position: absolute;left: 50%;top: 0;width: 18.75rem;margin-left: -9.375rem;}
.liveTabMenu .tit{width: 2.5rem;display: inline-block;text-align: center;padding-bottom: 0;}
.liveTabMenu .tit span{font-size: .75rem;background: none;color: #969696;}
.liveTabMenu .tit.curr span{background: #fffc00;color: #000;}
.livePart .detail{padding: 0.025rem .75rem 0;word-wrap:break-word;}
.livePart .detail p{font-size: .75rem;line-height: 1.25rem;padding: 0;word-wrap:break-word;}
.chatList{padding:.5rem .75rem 0;}
.chatList .vpPic{padding-top: .3rem;}
.chatList .vpName{line-height: 1.15rem;color: #4A4A4A;font-size: 0.75rem;}
.chatList .vpTime{float: right;}
.chatList li{padding-bottom: 1.6rem;}
.liveVideo{position: absolute;top: 2.7rem;left: 50%;width: 18.75rem!important;margin-left: -9.375rem;}
#ckplayer_a1{height: 9rem;margin: 0 auto;display: block;width: 100%;}
.liveVideo,.liveVideo video{height: 9rem;overflow: hidden;width: 100%;}
.videoPreview{position: relative;background:#000;height: 9rem;}
/*毛玻璃*/
.videoPreview img{-webkit-filter: blur(13px); -moz-filter: blur(13px);-ms-filter: blur(13px); filter: blur(13px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=13, MakeShadow=false);width: 100%;height: 9rem;background: none;}
.videoMask{display: block;width: 100%;height: 9rem;position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.6);-webkit-filter: blur(13px); -moz-filter: blur(13px);-ms-filter: blur(13px); filter: blur(13px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=13, MakeShadow=false);}
.videoMaskNoBlur{display: block;width: 100%;height: 9rem;position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.6);}
.previewText{height: 2.5rem;text-align: center;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -1.25rem;}
.previewTit{font-size: .6rem;color: #ffffff;line-height: .6rem;margin-bottom: .4rem;display: block;}
.liveTime{font-size:1.2rem;color: #ffea00;line-height: 1.2rem;font-family: "Verdana";-webkit-font-smoothing:antialiased;}
.offline{font-size: .7rem;color: #ffffff;line-height: 2.5rem;}
/*.liveFix{position: fixed;top: 0;margin: 0;z-index: 999;}*/
/*.livePart .liveFix{top: 8.45rem;z-index: 998;height: 2.875rem;}*/

.liveFixed{
    position: fixed!important;
    top: -.15rem;
    z-index: 997;
}
.liveTabMenu.liveFixed{top:8.45rem;z-index: 996;}
.stickyIos .liveFixed{
    /*ios 滚过初始位置时自动吸顶*/
    position: -webkit-sticky!important;
    position: sticky!important;;
    margin-top: -.15rem;
}
.noData{line-height: 3rem;font-size: 0.65rem;color: #646464;text-align: center;}
.weixinImg{position: absolute;z-index: -1;opacity: 0; pointer-events: none;}
.freeze{overflow: hidden;position: relative;}

/*下载按钮 艺术头条2.2.1需求 2017.5.27*/
.downloadBar{overflow:hidden;display:block;background:url(/resource/m/topic/imgs/download.png) .75rem center rgba(0,0,0,.72) no-repeat;background-size:7.725rem ;position: fixed;bottom: 0;left: 0;padding: 0.45rem 0;width: 18.75rem;left: 50%;margin-left: -9.375rem;z-index: 2;font-weight: normal;}
/* 页面修改 需求2019.5.22 */
.downFootBar{
    overflow:hidden;display:block;position: fixed;bottom: 0;left: 0;padding: 0.3rem 0;width: 18.75rem;left: 50%;margin-left: -9.375rem;z-index: 2;font-weight: normal;background:rgba(245,245,245,1);text-align: center;
}
.downFootBar:after{
    content: ".";visibility: hidden;display: block;height: 0;clear: both;
}

.goBtn{
    background:#fff; width:7.5rem;height:1.8rem;border-radius:0.9rem;display: inline-block;font-size:0.75rem;line-height: 1.9rem;color: #4A4A4A;border: 1px solid #C4C4C4;float: left;margin-left: .5rem;

}
.goBtn.appBtn{
    width:8.5rem;color: #fffc00;background:#000;float: right;margin-right: .5rem;line-height: 1.8rem;
}

.dlBtn{display: block;float: right;width: 4.05rem;height: 1.25rem;border: 1px solid #fffc00;border-radius: 2px;font-size: .7rem;color: #fffc00;line-height:1.25rem;text-align: center;margin-right: .75rem; }
.goToAppBtn{cursor: pointer;}
.liveInfo{line-height: 1.1rem;padding-left: .75rem;overflow: hidden;}
.liveInfo li{clear: both;overflow: hidden;padding:0.6rem 0;border-top:1px solid #f3f3f3;margin-top: -1px;position: relative;}
.liveInfo h3{font-size: .75rem;color: #999;margin-bottom: .4rem;}
.liveInfo p{font-size: .75rem;word-wrap:break-word;text-align: justify;color: #333333;padding-right: .75rem;}
.texOverFlow{overflow: hidden;}
.maxRow4{max-height: 6.05rem;}
.liveInfoAll{display: none;}
.moreBtn{display: block;width: 17.25rem;height: 2.2rem;line-height:2.2rem;background: #ffffff;background-size: 0.575rem auto;display: none;position: absolute;left: 0;bottom: 0;box-sizing: border-box;color: #999999;font-size: 0.65rem;text-align: center;}
.moreBtn:before{content:"";display: inline-block;width:0.575rem;height:0.325rem; background: url("/resource/m/topic/imgs/down_btn.png") 0 0 no-repeat;margin-right: 0.5rem;background-size: contain;}
.liveTabCon .partB{margin-top: 3.1rem;padding-bottom: 0}
.AndroidAd{width: 100%;height: 2.5rem;}


/*艺术头条红包*/

@font-face {
    font-family: 'artexpress';
    src: url('/resource/m/topic/font/fzdbsjw_w.eot');
    src:
            url('/resource/m/topic/font/fzdbsjw_w.eot?#font-spider') format('embedded-opentype'),
            url('/resource/m/topic/font/fzdbsjw_w.woff2') format('woff2'),
            url('/resource/m/topic/font/fzdbsjw_w.woff') format('woff'),
            url('/resource/m/topic/font/fzdbsjw_w.ttf') format('truetype'),
            url('/resource/m/topic/font/fzdbsjw_w.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.hongbao{ width:18.75rem;  height: 7.5rem; overflow:hidden; position:relative; padding:0 .9rem;text-align: left;-webkit-box-sizing: border-box; box-sizing: border-box;background:#d1312a; background: url(/resource/m/topic/imgs/cvs_bg.png) 0 0 repeat;background-size:.4rem;margin-top:.75rem;}
.hongbao div{visibility: hidden}
.hongbaoActive div{visibility: visible}
.canvasBox{width:14.2rem; height: 3.75rem;}
.cutInfo{color:#2f2f2f;font-size: .6rem;line-height:1.2; text-align: left;margin-top:.675rem;}
.wishes{color: #f9da82; font-size: .9rem;line-height:1.2;text-align: left;margin-top:.2rem;}
.hongbao .rollingBg{width: 100%; height:100%; position: absolute;left:0;top:0;background: url('/resource/m/topic/imgs/light.png') 50% 50% no-repeat;background-size:contain;-webkit-animation:spin 6s infinite linear ;  transform-origin: 50% 50%; border-radius: 50%; -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;}
.hongbao .words{ font-family:'artexpress';font-size:1.625rem; color:#f7e300; text-align: center;padding-left:1rem;  margin-top:1.25rem;line-height:1.75rem;
    -webkit-animation: txtShade 7s infinite linear;
    -o-animation: txtShade 7s infinite linear;
    animation: txtShade 7s infinite linear;}
.hongbao .ps{font-size:.9rem; color:#f9da82; text-align: center; margin-top:.5rem;padding-left:.75rem; }



/* 弹出确认层 */.promptPop{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:-1;visibility:hidden;position:fixed;top:0;left:50%;margin-left:-9.375rem;width:18.75rem;height:100%;background:rgba(0,0,0,.25);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.promptPop .popBody{padding:.75rem;border-radius:.25rem;background:#fff;width:10.5rem;height:auto}
.promptPop p{font-size:.8rem;color:#666;text-align:center;padding:.375rem 0 .75rem}.promptPop .btnArea{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.5rem;padding:0 .25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.promptPop .beianBtns{padding:0}
.promptPop .btnCentered{justify-content:center}
.promptPop .btn{font-size:.7rem;color:#666;width:3.05rem;height:1.45rem;border-radius:.2rem;border:.025rem solid #ccc;text-align:center;line-height:1.4rem}
.promptPop dl{margin-top:-.25rem}
.promptPop dt{font-size:.8rem;color:#666;font-weight:700}
.promptPop dd{margin-top:.1rem;font-weight:700;line-height:.95rem;font-size:.6rem;color:#bfbfbf}
.promptPopShow{visibility:visible;z-index:10}
.wxGuidePop{position: fixed;width: 100%;height: 100%;background: #000000;max-width: 18.75rem;margin-left: -9.375rem;overflow: hidden;left: 50%;top: 0;z-index: 999999999;display: none;}

.wxMask{width:38.35rem;height:38.35rem;background: #fff000;-webkit-transform:translate3d(-50%,-92%,0) rotate(-45deg);transform:translate3d(-50%,-92%,0) rotate(-45deg);margin:9rem 0 0 8rem;position: absolute;left: 0;top: 0;}
.wxGuideBg{background: url("/resource/m/topic/imgs/guide_bg.png") center 0 no-repeat;width: 100%;height: 100%;background-size: 13.6rem auto;position: absolute;left: 0;top: 3%;}
.wxGuide{text-align: center;position: relative;padding-top: .35rem;top: 3%;}
.wxGuide h2{font-size: .6rem;line-height: 1.35rem;}
.wxGuide p{color: #4a4b51;font-size: .55rem;line-height: 0.85rem;}
.wxGuideNote2 span,.wxGuideNoteBg span{background: #000000;color: #fff000;padding:1px;margin: 0 .1rem;height: .5rem;display: inline-block;line-height: .5rem;}
.wxGuideNoteBg{margin-top: .75rem;}
.wxGuideNoteBg span{font-size:0.65rem;}
.wxGuideNote3{margin-top: 8.625rem;-webkit-transform:rotate(5deg);transform:rotate(5deg);}
.wxGuideNote4{margin-top:.55rem;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
.wxGuide p.wxGuideNote5{margin-top:4.2rem;font-size: .55rem;color: #fff000;line-height:1.9rem;}
.wxGuide .downLoadBtn{width:6.85rem;height: 1.5rem;line-height:1.5rem;background: #fff000;border: none; font-size: .55rem;color: #000000;border-radius:.75rem; }
.freezeWin{height: 100%;overflow: hidden;position: fixed!important;width:18.85rem;left:50%;top: 0;margin-left: -9.375rem;}
.newsClass{height: 0.6rem;font-size: 0.4rem;color: #646464;display: inline-block;border: 1px solid #969696;line-height: 0.6rem;padding: 0 .2rem;border-radius: 2px;float: left;    margin-top: .18rem;margin-right: .25rem;}
.wxGuideBroser{display: block;width: 3.725rem;height: 3.725rem;position: absolute;background: url("/resource/m/topic/imgs/guide_android.png") 0 0 no-repeat;background-size: contain;left: 50%;top: 50%;transform:translate3d(2.9rem,-8.4rem,0);}
.wxGuideBroser_ios{background-image: url("/resource/m/topic/imgs/guide_ios.png");}
.wxGuideClose{background: url("/resource/m/topic/imgs/wxGuide_close.png") 0 0 no-repeat;width: 0.825rem;height: 0.825rem;display: block;position: absolute;left: 1.3rem;
    top: 5%;background-size: contain;z-index: 1;}
.videoErrorWrap{position: relative;width: 18.75rem;height:9rem;}
.videoError{position:absolute;left:0;top:0;width: 18.75rem;height:8.1rem;background: url("../imgs/default_video.png") center center no-repeat;color: #ffffff; background-size: cover;font-size: 0.65rem;padding-top: 0.9rem;}
.videoError img{display: block;width: 3.8rem!important;margin: 0 auto;}
.videoErrorTxt{width: 13.7rem; height: 1.8rem;font-size:0.65rem;line-height: .9rem;text-align: center;background: rgba(0,0,0,.6);border-radius: .2rem;display: block;margin: 0 auto 0.7rem;padding:.5rem 0;color: #ffffff;}
/*微信引导层*/
.oConfirmPop{background: none;}
.oConfirmPop .wxMask{display: none;}
.oConfirmPop .wxGuide{top: 0;position: static;}
.oConfirmPop .wxGuideBg{background: rgba(0,0,0,0.6);top: 0;}
.oConfirmPop .wxGuideClose{width: 1.55rem;height: 1.55rem;background: url(../imgs/close_btn.png) no-repeat;background-size: 1.55rem 1.55rem;left: 50%;top: 50%;margin: -6.15rem 0 0 5.8rem;}
.installConfirm{width: 16.7rem;height: 11.9rem;text-align: center;font-size: 0.75rem;line-height: 1.05rem;background: #ffffff;position: absolute;left: 50%;top: 50%;margin: -6.7rem 0 0 -8.35rem;border-radius: 0.125rem;padding-top: 1.5rem;}
.andriodDownloadWrap{position: relative;width: 100%;height: 100%;}
.andriodDownload{width: 100%;height: 11.5rem;position:absolute;top: 20%;left: 0;}
.andriodDownload img,.installConfirm img{display: block;width: 5rem;height: 5rem;margin:0 auto 0.5rem;}
.errorAlert .installConfirm img{width: 3rem;height: 3rem;margin-bottom: 1rem;}
.andriodDownload span,.installConfirm a{display: block;width: 11.5rem;height: 1.8rem;line-height: 1.8rem;border: 1px solid #ccc;border-radius: 0.9rem;margin: 1.05rem auto 0;background: #000;color: #FFFF00;text-align: center;font-size: 0.8rem;}
.andriodDownload p{font-size: .7rem;line-height: 1rem;text-align: center;padding: 1rem 0 1.05rem;}
.browserOpen{display: none;}
/*直播商品*/
.livePart .goodsWrap{padding: 1rem 0 0;width: 100%;overflow: hidden;}
.livePart .goodsList{height: 5rem;overflow: hidden;}
.livePart .goodsList li{float: left;width: 100%;}
.livePart .worksList {
    height: 5rem;
    overflow: hidden;
}

.livePart .worksList li {
    float: left;
    width: 100%;
}
.livePart .goodsItem{border: none;box-shadow:none;padding: 0 1rem;overflow: hidden;display: block;}
.livePart .goodsItem .newsPic{margin-right: 0.45rem;float: left;}
.livePart .goodsItem .newsPic,.livePart .goodsItem .newsPic img{width: 5rem;height: 5rem;border-radius: 0.5rem;}
.livePart .goodsItem h2{font-weight: bold;margin-bottom: 0.3rem;}
.livePart .goodsItem .reVideoRes{font-size: 0.6rem;line-height: 0.8rem;color: #666666;float: none;}
.livePart .goodsItem .reVideoBottom{padding-top: 0.75rem;line-height: 0.9rem;}
.livePart .goodsPrice{color: #323232;font-size: 0.8rem;display: inline-block;padding-right: 0.5rem;}
.livePart .oldPrice{color: #A0A0A0;text-decoration: line-through;font-size: 0.7rem;}
.livePart .scrollTags{font-size: 0.6rem;line-height: 0.6rem;color: #41434D;text-align: right;padding-right: 1rem;}
.livePart .tagsSum{color: #A5A5A5;}
/*iphoneX/XS/XR/XS Max 适配*/
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (max-device-width: 414px) and (max-device-height: 896px){
    .wxMask{-webkit-transform:translate3d(-50%,-89%,0) rotate(-45deg);transform:translate3d(-50%,-89%,0) rotate(-45deg);}
    .wxGuideBg,.wxGuide{top: 5%;}
}


@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg)  scale(2.5); }
    100% { -webkit-transform:rotate(360deg) scale(3.5); }
}
@-webkit-keyframes txtShade {
    0% {
        text-shadow: -.075rem 0 .15rem #0054ff, .075rem 0 .15rem #ff00ba ;
    }
    5% {
        text-shadow: -.05rem 0 .15rem #0054ff, .1rem 0 .15rem #ff00ba ;
    }

    10% {
        text-shadow: -.1rem .1rem .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
    }
    15% {
        text-shadow: -.1rem 0 .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
    }
    20% {
        text-shadow: -.1rem 0 .15rem #0054ff,  .15rem 0 .15rem #ff00ba ;
    }
    25% {
        text-shadow: -.1rem .05rem .15rem #0054ff,  .15rem 0 .15rem #ff00ba ;
    }
    30% {
        text-shadow: -.15rem -.05rem .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
        text-indent: 0;
    }
    31%{
        text-indent:.3rem;
    }
    32%{

        text-indent:0;
    }
    35% {
        text-shadow: -.15rem -.05rem .15rem #0054ff,  .15rem -.05rem .15rem #ff00ba ;
    }
    40% {
        text-shadow: -.15rem .05rem .15rem #0054ff,  .25rem -.05rem .15rem #ff00ba ;
    }
    45% {
        text-shadow: -.1rem 0 .15rem #0054ff,  .1rem 0 .15rem #ff00ba ;
    }
    50% {
        text-shadow: -.15rem 0 .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
    }
    55% {
        text-shadow: -.075rem 0 .15rem #0054ff,  .075rem 0 .15rem #ff00ba ;
    }

    65% {
        text-shadow: -.075rem 0 .15rem #0054ff,  .1rem 0 .15rem #ff00ba ;
        text-indent:0;
    }

    66%{
        text-indent:.3rem;
    }
    67%{

        text-indent:0;
    }
    70% {
        text-shadow: -.05rem 0 .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
    }
    75% {
        text-shadow: -.05rem 0 .15rem #0054ff,  .1rem 0 .15rem #ff00ba ;
    }
    80% {
        text-shadow: -.05rem 0 .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
    }
    85% {
        text-shadow: -.05rem .05rem .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
    }
    90% {
        text-shadow: -.05rem 0 .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
    }
    95% {
        text-shadow: -.05rem .05rem .15rem #0054ff,  .05rem 0 .15rem #ff00ba ;
    }
    100% {
        text-shadow: -.05rem 0 .15rem #0054ff,  .05rem -.05rem .15rem #ff00ba ;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*iphoneX/XS/XR/XS Max 适配*/
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (max-device-width: 414px) and (max-device-height: 896px) {
    #downloadBar{
        padding-bottom: 2.15rem;
        background-position: .75rem .45rem;
    }
    .botAdv{padding-bottom: 5.7rem;}
    .downFootBar{padding-bottom: 2.03rem; }
}
.vHide{width: 0!important;height:0!important;}
/* 直播艺术号样式 */
.liveWrap .authorBoxContent{margin:.5rem .75rem 0; }
.liveWrap .authorArt{height:2.4rem;border-radius: .2rem; border: 1px solid #D2D2D2;}
.liveWrap .authorArt .kwPic{width: 2.4rem;height: 2.4rem;}
.liveWrap .authorArt h3{line-height: 1.4rem;height:1.4rem;}
.liveWrap .authorOnly .authorArt h3{padding-top:.51rem; }
.liveWrap .authorArt .kwTit{line-height: 1rem;color: #27282D;
    font-size: .75rem;}
.liveWrap .authorArt .kwDes{line-height: .85rem;font-size: .6rem;color: #4A4A4A;}
.liveWrap .focusBtn{background: #000000;color:#ffffff;width: 3.1rem;height: 1.4rem;line-height: 1.4rem;border-radius: 2.2rem;border: 1px solid #000000;text-align: center;font-size: 0.6rem;top: 1.05rem;right:.5rem;vertical-align: bottom;font-family: Arial;right: .5rem;
    font-family: Arial; }
.liveWrap .share{display: none;}

#videoBox a{color: rgb(0, 102, 204);}

/*错误提示*/
.alert{ position: fixed;top: 0;left:50%;z-index: 10; margin-left:-3.75rem; margin-top:40%;  background: rgba(0,0,0,.75); padding:.5rem; border-radius: .1rem ; font-size: .6rem; color:#FEFEFE; border-radius: 0.25rem;width: 7.5rem;text-align: center; z-index: 100000}
/*.alert.active{-webkit-animation : slideTop .5s 1.5s ease; }*/
.alert.active{-webkit-animation : hide 0.2s 1s linear; }
.alert .icon{ background: url(../imgs/alert.png) 50% 50% no-repeat; width:1.2rem; height: 1.2rem; float: left;background-size:100% 100%; vertical-align: middle;}
.alert .icon:after{}
.alert p{line-height: 1.5rem;}
@-webkit-keyframes fadeOut{
    0%{ -webkit-transform: translate3d(0,0,0) scale(1) ; opacity: 1;}
    100%{  -webkit-transform: translate3d(0,-2rem,0) scale(1.5); opacity:0}
}
@-webkit-keyframes hide{
    0%{  opacity: 1;}
    100%{  opacity:0}
}
@-webkit-keyframes slideTop{
    0%{ opacity:1; }
    100% { opacity: 0; -webkit-transform: translate3d(0,-2rem,0)}
}