@charset "utf-8";
/* reset */
html,body,div,span,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,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
ul,
ol,
li { list-style: none; }
a { text-decoration: none;color: #58d3e2; }
a:hover { text-decoration: none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
input,
textarea,
button,
a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
body { -webkit-text-size-adjust: none; -webkit-user-select: none; }
a,
img { -webkit-touch-callout: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{height: 100%;}
body { font-size: 12px;background: #eeeeee;max-height: 100%; }
/*=============基础元素==============*/
/*按钮*/
.btn { display: inline-block; vertical-align: middle; text-decoration: none; border-radius: 2.5px; }
.btn:focus { outline: none; }
.btn-default,
.btn-red,
.btn-green,
.btn-blue,
.btn-white { display: block; width: 100%; text-align: center; border-radius: 1px; height: 40px; line-height: 40px; font-size: 0.875rem; border: 1px solid; }
.btn-default { color: #929292; border-color: #d2d2d2; background: white; }
.btn-default:active { background-color: #fafafa; }
.btn-red { color: #ffed7f; border-color: #ca001c; background: #de2b2b; }
.btn-red:active { background-color: #ca2828; }
.btn-green { color: white; border-color: #0c9c1e; background: #10b524; }
.btn-green:active { background-color: #0ea020; }
.btn-blue { color: white; border-color: #145fd7; background: #4a87ee; }
.btn-blue:active { background-color: #4274ee; }
.btn-white { color: #666666; border-color: #f0f0f0; background: white; }
.btn-white:active { background-color: #fefefe; }
.btn-link { padding: 4px 5px; font-size: .75rem; line-height: .74rem; color: #58d3e2; }
/*文字*/
.txt-xxs { font-size: 15pt; color: #A0A0A0;}/* 10px */
.txt-xxs-editor { font-size: 12pt; color: #A0A0A0;}/* 10px */
.txt-xs { font-size: 0.75rem; }/* 12px */
.txt-s { font-size: 0.8125rem; }/* 13px */
.txt-m { font-size: 0.875rem; }/* 14px */
.txt-l { font-size: 25pt; color: #313131; letter-spacing: 2px;}/* 15px */
.txt-xl { font-size: 1rem; }/*16px*/
.txt-cut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.txt-bold { font-weight: bold; font-size: 20pt;}
.txt-ca{color: #A0A0A0;}
.txt-cb{color: #808080;}
.txt-cc{color: #0ec2a7; font-size: 13pt;}
/*图标*/
.ico{display: inline-block;width: 12px;height: 9px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAEOCAYAAADVOXRgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDVFRUEwRkVGRDI5MTFFM0I2QkJDODgxM0I5QjY1RUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDVFRUEwRkRGRDI5MTFFM0I2QkJDODgxM0I5QjY1RUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NUVFQTBGOUZEMjkxMUUzQjZCQkM4ODEzQjlCNjVFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NUVFQTBGQUZEMjkxMUUzQjZCQkM4ODEzQjlCNjVFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pomve84AABCbSURBVHja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);background-size: 30px 135px;}
.ico-love{background-position: 0 0;}
.ico-comment{background-position: 0 -15px;}
.ico-money{background-position: 0 -30px;}
.ico-wifi{width: 11px;height: 11px;background-position: -15px 0;}
.ico-like{width: 20px;height: 20px;background-position: 0 -45px;}
.ico-letter{width: 20px;height: 20px;background-position: 0 -65px;}
.ico-share{width: 20px;height: 20px;background-position: 0 -85px;}
.ico-loading{width: 22px;height: 22px;background-position: 0 -105px;}
/* 最外层容器 */
.wrapper{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
.card-box { margin: 0 0 5px 0;overflow: hidden;}
.toolbar{-webkit-box-sizing:border-box;padding:1em;background:#222;color:#fff;font-weight:bold;text-align:center;height:40px;}
.scrollable{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;}
/* 图文混排模块 */
.mod-media { position: relative; text-align: center; margin: 8px 0 8px 8px; }
.mod-media .media-main { position: relative; }
.mod-media .icon { position: absolute; right: -5px; bottom: -5px; }
.mod-media img { display: block; vertical-align: top; }
.mod-media .media-txt {display: block;width: 34px;height: 16px;line-height: 16px;margin-top: 5px;text-align: center;font-size: 10px;}
.media-graphic .item-list { padding: 9px 11px; }
.media-graphic .item-main { font-weight: bold; line-height: 18px; overflow: hidden; }
.media-graphic .item-main .btn { vertical-align: bottom; margin: 0 0 0 6px; }
.media-graphic .item-minor,
.media-graphic .item-other { padding: 5px 0 0; line-height: 16px; }
/* 弹性布局 */
.layout-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.layout-box .box-col { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }
/*边框*/
.line-around,
.module { background-color: #fff; border-radius: 1px; border: 1px solid #d2d2d2; box-sizing: border-box; box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15); /* For Retina */ }
@media (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2) {
	.line-around,
	.module { border: none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(50%, #d2d2d2), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #d2d2d2), color-stop(100%, #d2d2d2)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(100%, #d2d2d2)), -webkit-gradient(linear, left top, right top, color-stop(0%, #d2d2d2), color-stop(50%, #d2d2d2), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(top, #d2d2d2 0%, #d2d2d2 50%, transparent 50%), -webkit-linear-gradient(left, transparent 50%, #d2d2d2 50%, #d2d2d2 100%), -webkit-linear-gradient(top, transparent 50%, #d2d2d2 50%, #d2d2d2 100%), -webkit-linear-gradient(left, #d2d2d2 0%, #d2d2d2 50%, transparent 50%); background-image: linear-gradient(to bottom, #d2d2d2 0%, #d2d2d2 50%, transparent 50%), linear-gradient(to right, transparent 50%, #d2d2d2 50%, #d2d2d2 100%), inear-gradient(to bottom, transparent 50%, #d2d2d2 50%, #d2d2d2 100%), linear-gradient(to right, #d2d2d2 0%, #d2d2d2 50%, transparent 50%); -webkit-background-size: 100% 1px, 1px 100%, 1px 100%, 100% 1px; background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-repeat: no-repeat; background-position: top, right, bottom, left; }
}
.line-around .line-around { box-shadow: none; }
.line-around .card-inner { box-shadow: 0 1px 3px #e5eaea; background-color: #f9f9f9; }
.line-right,
.line-separate::before { border-right: 1px solid #d2d2d2; }
@media (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2) {
	.line-right,
	.line-separate::before { border: none; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #d2d2d2), color-stop(100%, #d2d2d2)); background-image: -webkit-linear-gradient(left, transparent 50%, #d2d2d2 50%, #d2d2d2 100%); background-image: linear-gradient(to right, transparent 50%, #d2d2d2 50%, #d2d2d2 100%); background-size: 1px 100%; background-repeat: no-repeat; background-position: right; }
}
.line-left { border-left: 1px solid #d2d2d2; }
@media (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2) {
	.line-left { border: none; background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d2d2d2), color-stop(50%, #d2d2d2), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(left, #d2d2d2 0%, #d2d2d2 50%, transparent 50%); background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 50%, transparent 50%); background-size: 1px 100%; background-repeat: no-repeat; background-position: left; }
}
.line-top { border-top: 1px solid #d2d2d2; }
@media (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2) {
	.line-top { border: none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(50%, #d2d2d2), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(top, #d2d2d2 0%, #d2d2d2 50%, transparent 50%); background-image: linear-gradient(to bottom, #d2d2d2 0%, #d2d2d2 50%, transparent 50%); -webkit-background-size: 100% 1px; background-size: 100% 1px; background-repeat: no-repeat; background-position: top; }
}
.line-bottom,
.line-separate::after { border-bottom: 1px solid #d2d2d2; }
@media (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2) {
	.line-bottom,
	.line-separate::after { border: none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(100%, #d2d2d2)); background-image: -webkit-linear-gradient(top, transparent 50%, #d2d2d2 50%, #d2d2d2 100%); background-image: inear-gradient(to bottom, transparent 50%, #d2d2d2 50%, #d2d2d2 100%); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom; }
}
.line-separate::before { position: absolute; right: -1px; top: 10%; content: ' '; width: 1px; height: 80%; }
.line-separate::after { position: absolute; left: 10%; bottom: -1px; content: ' '; width: 80%; height: 1px; }
@media (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2) {
	.line-separate::before { right: 0; }
	.line-separate::after { bottom: 0; }
}
/* 计数模块 */
.mod-count .box-col { position: relative; height: 26px; padding: 17px 0; text-align: center; background-color: #fff; border-right: 1px solid #eeeeee; }
.mod-count .box-col:last-child { border-right: 0; }
.mod-count .txt-top{font-size: 16px;line-height: 1em;color: #666666;}
.mod-count .txt-top:nth-child(2){color: #58d3e2;}
.mod-count .txt-bottom { margin: 2px 0 0 0; font-size: 9px;color: #a0a0a0;}
.mod-count .line-separate:before { height: 28px; top: 7px; }

/* 头部cover区 */
.module_cover { background-color: #eeeeee; top:11px;position:relative;}
.module_cover_date { top:22px;position:relative;}
.module_cover .mod-media { margin: 0; }
.module_cover .item-main{position: relative;}
.module_cover .item-minor { margin-top: 4px;color: #5c5c5c; }
.module_cover .bg_cover { display: block; height:153px;background-image:url(img/profile_cover.jpg);background-repeat: repeat-y;background-size:100%}
.module_cover .set_outer { position: absolute; width: 140px; height: 200px; overflow: hidden; top: -90px; right: -44px; -webkit-transform: rotate(-45deg);-webkit-backface-visibility:hidden }
.module_cover .set_outer .set_cover { position: absolute; width: 43px; height: 27px; padding: 15px 7px; background-color: rgba(0, 0, 0, 0.5); left: 8px; top: 88px; -webkit-transform: rotate(45deg); font-size: 10px; color: #fff; text-align: center; line-height: 1.25em; }
.module_cover .set_outer .set_cover::before { content: " "; position: absolute; width: 6px; height: 6px; background-color: #58d3e2; left: 0; bottom: 0; }
.module_cover .cover-box { position: relative;}
.module_cover .cover-box .shadow_b { position: absolute; width: 100%; height: 20px; background-color: rgba(0, 0, 0, 0.6); bottom: 0; left: 0; }
.module_cover .anthor-info{ position: relative;padding:12px 0 0 12px;margin-top:-40px }
.module_cover .anthor-info .mod-media .media-main {padding: 2px;}
.module_cover .app-name { color: #0ec2a7; font-size: 20pt; }
.module_cover .name { color: #000000; font-size: 17pt; }
.module_cover .inf{position: absolute;right: 0;top: 1px;text-align: right;}
.module_cover .inf .tim{display: inline-block;width: 54px;height: 16px;margin-right: 15px;background-color: #58d3e2;border-radius: 2px;vertical-align: top;color: #fff;font-size: 9px;text-align: center;font-family: "serif";}
.module_cover .inf .ico{vertical-align: text-bottom;margin-right: 6px;}
.module_cover .inf .elecode{display: inline-block;width: 16px;height: 16px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjk1QjJDQ0VGRDQ4MTFFM0I2QkJDODgxM0I5QjY1RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjk1QjJDQ0ZGRDQ4MTFFM0I2QkJDODgxM0I5QjY1RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NUVFQTBGRkZEMjkxMUUzQjZCQkM4ODEzQjlCNjVFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NUVFQTEwMEZEMjkxMUUzQjZCQkM4ODEzQjlCNjVFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PquT4GoAAAAGUExURVjT4v////cnmX0AAABkSURBVHjavJONCgAQDITP+7+0mtoPw4aslJuv2yxQNoEAAAoSkH1TUaCtG0CScsRYANCGbwFucgv45lmA5RFg5Di0JGAv6ZSYAraMZGIA0Jny8P4DujW3yQTgPJglcPm7qwADAMpEAkHneAeIAAAAAElFTkSuQmCC);background-size: 16px 16px;}
/*书摘*/
.book-show{padding: 0 0 0 10px;}
.book-show .title{height: 22px;line-height: 22px;}
.book-show .item-main{font-size: 13px;line-height: 16px;}
.book-show .item-minor{padding: 2px 0 0;line-height: 14px;font-size: 12px;color: #5c5c5c;}
.book-show .item-other{padding: 3px 0 0;}
.book-show .btn-link{font-size: 9px;}
.book-show .btn-link.cur{border: 1px solid #58d3e2;padding: 2px 4px;border-radius: 2px;}
.book-show .process{padding: 2px 0 0;font-size: 9px;}
.book-show .process .num{color: #333;}
.book-show .process > span{padding-right: 5px;}
/*时间轴*/
.time-line .mod-media{width: 44px;margin: 0;border-right: 1px solid #eeeeee;}
.time-line .item{position: relative;padding: 10px 10px 10px 0;margin: 0 0 0 13px;}
.time-line .item::before{content: " ";position: absolute;width: 6px;height: 6px;background-color: #58d3e2;border-radius: 50%;left: -17px;top: 17px;}
.time-line .time{position: absolute;left: -50px;color: #979797;font-style: italic;top: 12px;}
.time-line .item .item-main{margin-bottom: 5px;font-size: 15px;}
.time-line .item .item-minor{font-size: 13px;line-height: 18px;color: #5c5c5c;}
.time-line .item .item-other{width: 144px;padding: 10px 0 0;color: #b3b3b3;font-size: 10px;}
.time-line .item .item-other .ico{vertical-align: middle;margin:0 2px 0 0;}
.time-line .item .item-other em{vertical-align: middle;}
.time-line .item:last-child{background-image: none;border-bottom: 0;}
.time-line .opt-more{display: block;height: 70px;background-color: #eeeeee;color: #89dce7;}
.time-line .opt-more .txt-default,
.time-line .opt-more .txt-loading{display: block;text-align: center;line-height: 70px;font-size: 18px;}
.time-line .opt-more .ico{vertical-align: text-bottom;margin-right: 10px;}
/*操作区*/
.opt-box {position: absolute;height: 142px;top: 0;left: 0;right: 0;z-index: 99;opacity: 0;-webkit-transform:translateY(-142px);transform:translateY(-142px);}
.opt-box .opt-left,
.opt-box .opt-right{position: absolute;width: 69px;padding: 4px 4px 4px 0;top: 0;font-size: 0;background-color: #fff;}
.opt-box .opt-left{left: 0;top: 22px;}
.opt-box .opt-right{right: 0;padding: 4px 0 4px 4px;}
.opt-box .opt-right .ico{padding: 0;margin: 7px 0 0;}
.opt-box .btn-opt{display: inline-block;width: 65px;height: 44px;margin-bottom: 1px;background-color: #58d3e2;text-align: center;color: #fff;font-size: 12px;}
.opt-box .btn-opt em{display: block;height: 1em;line-height: 1.1em;font-size: 10px;}
.opt-box .btn-opt:last-child{margin-bottom: 0;}
.opt-box .opt-left .btn-opt em{line-height: 44px;font-size: 12px;}
.opt-box .opt-left .btn-opt i{font-family: Tahoma; }
/* css3动画 */
.trans{-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

/*正文页*/
.ico_v{display: inline-block;width: 10px;height: 8px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAA90lEQVR42qXUsUuCQRjH8UNEDAwcXJRslob+gNwEEd3eLdolcHF0aWgMmgpdBYf2/gjB0aXtpUUkh6AhQSPQx6/wC0SMU9/hMxwP9+W4g3NB/62KD1gUalRd9Jgo6jYWFZzASQolvGxtauICTpIo/80VBPCOLBxuPKdpIIMQtjMozwomPNdxhQ7MF5wio2jrn9gQZ/jxBuVOwTSmO+bXaMP2DX5uPNDj1izEOeZ7B+UWTpt/YVLHE+zQYIiYoj0YRshjdnBQAgUvsUQDD7BjgwM46SKH76ODUlQwjntY1OCrgqf48gf9n8MCBbRgHpN1sIYJLKIxaitnr2wKU6AkcwAAAABJRU5ErkJggg==);background-size: 10px 8px;vertical-align: middle;margin-left: 5px;}

/*图书介绍*/
.book-rec{margin: 10px;}
.book-rec .mod-media .media-main {padding: 2px;}
.book-rec .item-main{line-height: 14px;}
.book-rec .item-minor{padding: 0;}

.article-chapter{margin: 8px 0 0;}
.article-chapter .tag{font-size: 0;}
.article-chapter .other-info{width: 100px;text-align: right;padding-right: 10px; }
.article-chapter .other-info .author-info{padding-top: 1px;}
.article-chapter .other-info .time .hour{padding-left: 3px;}
.article-chapter .other-info .author-info .name{padding-left: 3px;}
.article-intro{display: block;margin: 10px 10px 10px 0;padding: 10px;font-style: italic;background-color: #eeeeee;box-shadow: none;}
.book-full{padding: 5px 10px 10px;line-height: 20px;}
.book-full p{margin-bottom: 10px;color: #313131;font-size:12pt; }

/*方形头像变圆角*/
.image{ 
width:60px; 
height:60px; 
border-radius:60px; 
} 
/*页眉APP图标*/
.app-logo-box {
	float: left;
	padding-bottom: 32px;
	padding-top: 9px;
}

.app-logo {
	float: left;
	background: url("../img/v_app-logo.png");
	z-index: 2;
	position: relative;
}
@media screen and (max-width: 984px) {
	.headtotal {
		width: auto;
	}
}

@media screen and (min-width: 985px) {
	.headtotal {
		width: 984px;
	}
}
@media screen and (max-width: 984px) {
	.headtotal {
		width: auto;
	}
}

@media screen and (min-width: 985px) {
	.headtotal {
		width: 984px;
	}
}
/*页眉底层背景*/
.pagehead-bg {
	background: url("../img/v_bg_navigation_bar.png") repeat-x;
	width: 100%;
	z-index: 1;
	position: relative;
}
@media screen and (max-width: 768px) {
	.pagehead-bgX {
		background: url("../img/v_bg_navigation_bar.png") repeat-x;
		width: 100%;
		z-index: 1;
		position: relative;
	}
}

@media screen and (min-width: 769px) and (max-width: 984px) {
	.pagehead-bgX {
		background: url("../img/v_bg_navigation_bar.png") repeat-x;
		min-width: 984px;
		z-index: 1;
		position: relative;
	}
}

@media screen and (min-width: 985px) {
	.pagehead-bgX {
		background: url("../img/v_bg_navigation_bar.png") repeat-x;
		width: 100%;
		z-index: 1;
		position: relative;
	}
}

@media screen and (max-width: 984px) {
	.pagehead-bgY {
		background: url("../img/v_bg_navigation_bar.png") repeat-x;
		min-width: 984px;
		z-index: 1;
		position: relative;
	}
}

@media screen and (min-width: 985px) {
	.pagehead-bgY {
		background: url("../img/v_bg_navigation_bar.png") repeat-x;
		width: 100%;
		z-index: 1;
		position: relative;
	}
}
/*居中工具类*/
.vertical-center2 {
	margin: 0 auto;
	text-align: center;
}