html{ background-color: #f1c42c; }
html[data-back-fixed]{ background: #f1c42c; background-size: cover; }
.shareBox{ width: 100%; height: 1px; overflow: hidden; position: fixed; top: -2px; left: 0; opacity: 0;}
.wrapper,
.comment,
.vvComment{ width: 5.6rem; position: relative; background-color: #fefcf4; margin: 0 auto; padding: .3rem .25rem .54rem .35rem; border-radius: .04rem; margin-bottom: .4rem; }
.playerBox{ display: none; width: 6.2rem; height: 5.15rem; margin: 0 auto; margin-bottom: .35rem; }

/*主要字体颜色*/
.mainColor{ color: #0e84af; }
.stressColor{ color: #ed7a00; }
.textCenter{ text-align: center; }
.textLeft{ text-align: left; }
.word18{ font-size: .18rem; }
.word20{ font-size: .2rem; }
.word22{ font-size: .22rem; }
.word24{ font-size: .24rem; }
.bold{ font-weight: bold; }
.textIndent{ text-indent: 2em; }

/*分类标题sortTitle*/
.sortTitleBg{ width: 2.21rem; height: .49rem; position: absolute; top: -.09rem; left: 50%; margin-left: -1.1rem; }
.sortTitle{ width: 2.21rem; height: .49rem; position: absolute; top: -.11rem; left: 50%; margin-left: -1.1rem; text-align: center; line-height: .46rem; font-size: .28rem; color: #ffffff; font-weight: bold; }

/*头图*/
.header{ width: 6.4rem; height: 5.15rem; margin: 0 auto; position: relative; }
.header img{width: 100%; height: 100%; }
.time{ font-size: .28rem; color: #743833; font-weight: bold; position: absolute; top: 4rem; left: .5rem; }

/*第一部分article1*/
.article1 img{ width: 5.43rem; height: 4.16rem; }

/*第二部分article2*/
.article2,.article3,.article4{ padding-top: .65rem; }
.article2 p{ font-size: .22rem; line-height: .5rem; border-bottom: .01rem solid #dee8eb; }


.lecturerPic{ width: 1.75rem; height: 1.75rem; float: left; border: .03rem solid #d9e4e7; margin-right: .25rem; }

.article5{ height: 2.5rem; }
.downloadBg{ width: 2.99rem; height: 2.58rem; position: absolute; top: .39rem; left: -.05rem; }
.twoCodeBg{ width: 3.31rem; height: 2.86rem; position: absolute; top: .23rem; left: 2.94rem; }
.logo{ width: .6rem; height: .76rem; position: absolute; top: .7rem; left: .15rem;}
.article5 .p1{ position: absolute; top: .75rem; left: .8rem;}
.article5 .p2{ position: absolute; top: 1.1rem; left: .81rem;}
.downloadLink{width: 2rem; height: .61rem; position: absolute; top: 1.6rem; left: .6rem;}
.downloadBtn{ width: 2rem; height: .61rem; /*position: absolute; top: 1.1rem; left: .81rem;*/ }
.twoCode{ width: 1.54rem; height: 1.54rem; border: .03rem solid #d1e2e8; position: absolute; top: .4rem; left: 3.8rem; }
.article5 .p3{ position: absolute; top: 2rem; left: 4.1rem;}
.article5 .p4{ position: absolute; top: 2.3rem; left: 3.6rem;}

.reviewList{margin-top: .35rem;}
.reviewList li{ width: 5.5rem; height: 1.15rem; background-color: #e2eef2; box-shadow: .03rem .03rem .13rem #cbcac4; margin-bottom: .13rem; }
.reviewList li a{display: block; width: 5.5rem; height: 1.15rem; overflow: hidden; }
.reviewList li a img{ width: 1.13rem; height: 1.01rem; border: .02rem solid #fff; float: left; margin: .05rem .2rem 0 .04rem; }
.reviewList li a h4{ color: #126f91; margin-top: .3rem; }

#miniTop,
#footer_link_info,
.shareTop{display: none;}

/*返回顶部*/
*html{ background-image: url(about:blank); background-attachment: fixed; }
.shareTop{ width: 36px; position: fixed; right: 0; bottom: 150px; _position: absolute; _bottom: auto; _margin-bottom: 150px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.shareTop a{ display: inline-block; }

.shareTop a.top,
.shareTop a.top .backTop,
.shareTop a.top .backTopHover{ width: 36px; height: 36px; position: fixed; right: 0; bottom: 450px; }
.shareTop a.top .backTopHover{ display: none; }
.shareTop a.top:hover .backTop{ display: none; }
.shareTop a.top:hover .backTopHover{ display: block; }

.bdsharebuttonbox  sa{display: block; float: none; font-size: 14px; /*background: url("../images/singer_au/subnav_icon.png") no-repeat  -16px -64px!important;*/ height:76px;}
/*#bdsharemore{background: url("../images/singer_au/subnav_icon.png") no-repeat; background-position: -16px -64px; display: inline-block; width: 36px; height: 76px;}*/
#bdsharemore{ background-image: none; width: 18px; height: 76px; position: fixed; right: -6px; bottom: 343px; z-index: 10000; }

/*.shareTop .bdsharebuttonbox a.baiduShare,
.shareTop .bdsharebuttonbox a.baiduShare .share,
.shareTop .bdsharebuttonbox a.baiduShare .shareHover{ width: 36px; height: 76px; position: fixed; right: 0; bottom: 350px; }
.shareTop .bdsharebuttonbox a.baiduShare .shareHover{ display: none; }
.shareTop .bdsharebuttonbox a.baiduShare:hover .share{ display: none; }
.shareTop .bdsharebuttonbox a.baiduShare:hover .shareHover{ display: block; }
*/

.shareTop .bdsharebuttonbox,
.shareTop .bdsharebuttonbox .share,
.shareTop .bdsharebuttonbox .shareHover{ width: 36px; height: 76px; position: fixed; right: 0; bottom: 350px; }
.shareTop .bdsharebuttonbox .shareHover{ display: none; }

.shareTop .tecentWeiXin a,
.shareTop .tecentWeiXin a .attention,
.shareTop .tecentWeiXin a .attentionHover{width: 36px; height: 139px; position: fixed; right: 0; bottom: 190px; }
.shareTop .tecentWeiXin a .attentionHover{ display: none; }
.shareTop .tecentWeiXin a .sideCode{ display: none; width: 148px; height: 148px; position: fixed; right: 39px; bottom: 185px; }
.shareTop .tecentWeiXin a:hover .attention{ display: none; }
.shareTop .tecentWeiXin a:hover .attentionHover{ display: block; }
.shareTop .tecentWeiXin a:hover .sideCode{ display: block; }