.mainpart {
    margin: auto;
    width: 1200px;
    *width: 1200px;
    position: relative;
}

.commonbox1 .box {
    padding: 10px 0px;
    height: 164px;
    width: 710px;
}

#preview_tips {
    visibility: visible;
    overflow: hidden;
    width: 700px;
    height: 580px;
    z-index: 10000;
    position: absolute;
    left: 40%;
    margin-left: -250px;
    top: 5px;
    background: #fff;
    padding: 5px;
}

.preview_tips2 {
    visibility: visible;
    overflow: hidden;
    background-color: #F9F9F9;
    border: 2px solid #dadbdf;
    width: 450px;
    height: 280px;
    z-index: 10000;
    position: absolute;
    left: 110px;
    margin-left: -150px;
    margin-left: 0px;
    top: 75px;
    background: #fff;
    padding: 5px;
}

#preview_tips .pre_title {
    height: 30px;
    line-height: 30px;
    text-indent: 11px;
    font-size: 15px;
    font-weight: 700;
    width: 440px;
    text-align: left;
    color: #333;
    border-bottom: 1px solid #dadbdf;
}

#preview_tips ul {
    font-family: 宋体;
    color: #555;
    font-size: 14px;
    padding: 12px;
}

#preview_tips ul li {
    text-align: left;
    line-height: 20px;
    margin: 8px 0px;
}

#preview_tips ul li a {
text-decoration: underline;
color: #f60;
}

#preview_tips ul li a:hover {
    color: #e00;
}

#preview_tips .pre_jubao {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 90px;
    font-size: 13px;
    text-align: center;
    color: blue;
    cursor: pointer;
}

#preview_tips .pre_button {
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 85px;
}

#preview_tips .pre_button a {
    cursor: pointer;
    position: absolute;
    left: 0px;
    bottom: 10px;
    display: block;
    width: 280px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #3288b9;
    background-color: #50ade2;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
}

#preview_tips .pre_button a:hover {
    background-position: 0 -32px;
}

.input-tit {
    color: #727272;
    font-size: 24px;
    font-weight: 700;
    padding-left: 80px;
}

h2 {
    font-size: 13px;
    font-weight: 500;
}

h3 {
    font-size: 12px;
    font-weight: 500;
}

.btn_sc2 {
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 0px;
    color: #fff;
    font: 14px/16px "微软雅黑";
    background-color: #FFB38C;
    cursor: pointer;
    border-radius: 3px;
    padding: 0px 1px 2px 2px;
    margin-top: 2px;
}

.btn_sc2:hover {
    background-color: #ff7800;
}

.grouprel li {
    width: 48%;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.content {margin-top:-25px;}
.box {background:#fff; }
dd.viewdesc { width:810px; }
.detail-article {font-size:14px; line-height:20px;}
.detail-article a{color: #0000ff;}
.detail-article a:hover{color: red;text-decoration: underline;}
.detail-article h3{display: block;
    font-size: 1.05em;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;}
.readmore{padding-top:40px;margin-bottom:40px;-webkit-box-shadow:0 -10px 40px #fff; box-shadow:0 -10px 40px #fff;position:relative}
.readmore .btn-readmore{display:block;margin:0 auto;width:208px;height:44px;text-align:center; line-height:44px;border:1px solid #dedede;-webkit-border-radius:4px; border-radius:4px;font-size:16px;color:#555;cursor:pointer}
.readmore .btn-readmore em{color:#ff3d3d}
.readmore .btn-readmore i{display:inline-block;width:16px;height:8px;margin-left:4px;background:url(/images/arrow_01.png) 50% no-repeat}

.P_shuru{width:848px; height:77px; border:1px solid #e5e5e5; padding:8px}
.P_shuru_sub{width:780px; height:47px; border:1px solid #e5e5e5; padding:8px; background-color:#fefefe}
.bannerbox{height:85px;} 
.bannerbox .searchbox{top:20px} 
.author-works-list em{font-style:normal;color:red} 
.doctopic h1{line-height:28px;position: relative; font-size:24px;}
.addiv{
  border:solid 1px #ccc; padding:0px 0px; background-color:#fff; display:block; 
   padding-left:0px; margin:-5px 0 5px 0;
	box-shadow:none; }
.viewdesc img{ max-width:100%;} 
.box { margin: 0px 0px 10px; border-radius:5px 5px; overflow:hidden; border:solid 1px #ddd; width:288px; } 
div.inner_page {padding:0px 0px; border:0;box-shadow:none; margin:0;  }
div.inner_page img {  max-width:1195px;top:0px; border:0;   height:100%;position:relative;}
div.outer_page ,  .page_view .outer_page,.outer_page_more{ padding:0;  overflow:hidden; margin-left:0px; margin-right: 0px; }

.detail-aside .hot-keywords .boxHd{padding:12px 0px 6px;line-height: 18px; height:30px; overflow:hidden; border:0;}

.boxHd span {font-size: 15px;  font-weight:normal;  text-indent:5px;
          padding:5px 0px 0px;  color:#000; padding-left:5px;  font-weight:500;
          
}
.boxHd em {font-size: 13px;border-left:solid 5px #FFB38C; margin-left:10px;}
.boxHd a {display:block; position:absolute;right:15px; top:12px; color:#888;font-size:13px;
}

.author-works-list{padding:10px 10px; }  
.author-works-list li{ text-align:left; line-height:22px;  margin-bottom:7px; max-height:36px; overflow:hidden;
                       padding-left:0px;word-wrap:break-word;word-break:break-all;} 
.author-works-list li img{ margin-top:1px; margin-right:3px;  }  
.author-works-list li a{ word-wrap:break-word;word-break:break-all; font-size:14px; color:#555;} 
.author-works-list li a:hover{ color:#FF1100;} 

.related-pic-list{padding:10px 13px 20px;overflow:hidden; margin-left:5px;}
.related-pic-list ul{margin:0px;padding:0px;}
.related-pic-list li{margin-right:8px;width:113px;height:190px;overflow:hidden;text-align:center;padding:2px; 
                     margin-bottom:5px;margin-top:0px;float:left; line-height:18px;}
.related-pic-list li img{width:112px; height:135px; border:1px solid #ddd;margin:0px;display:block;}
.related-pic-list li:hover img{border:1px solid #ff0000;}
.works-comment-hd{height:45px;padding:0px 25px;line-height:45px;border-bottom:1px solid #dadbdf;
                  background-color:#f8f8f8;color:#555;font-size:15px;font-weight:bold}
html,.main_bg{background:#f1f4f8;}
#boxleft {width:900px;}
    #boxleft .bookdesc {background:#fff;border:1px solid #dcdcdc;  margin-bottom:10px;
    }
#boxleft .title{padding:20px 0px 10px 0px;border-bottom:1px solid #dcdcdc;line-height:26px; }
#boxleft .bt{padding:0 20px;word-break: break-all;font-size: 22px;font-weight: 400;}
#boxleft .bt h1{ word-break: break-all;font-size: 22px;font-weight: 400; color:#000;}
#boxleft .bt span {font-size: 18px;color: #2878FF;}
#boxleft .uhit{clear:both;padding:10px 0 0 20px;color:#888; height:30px;}
#boxleft .uhit li{float:left;padding:2px 10px 0 2px;}
.barfixed {position:fixed;height:50px;width:100%;left:0; z-index:99999; bottom:0;background:#F8F8F8;
           box-shadow: 0 -3px 10px 0 #bbb;
	background:url(/css/view/reading-top-bg2.png) #f5f5f5 repeat-x;}
.bar{width:1200px; margin:0px auto; font-size:16px;padding:0px 0px;}
.bar .barleft {width:550px; display:table-cell;padding-top:5px; vertical-align:top;
}
.bar .barright {width:650px;  display:table-cell; position:relative; padding-top:8px;vertical-align:top; text-align:right;}
.bar .icon-iOSfanhui { margin-left:30px;} 
.bar .barright form { display:block; position:absolute; left:10px; top:8px;}
.bar .btss { border:1px solid #ccc;border-radius: 3px;height:22px; padding:3px 10px;}
.bar .btss:hover { border:solid 1px #FF1100;}
.bar i{font-size:18px;color:#aaa;padding:0 3px 0 0;}
.bar .icon-iOSfanhui,.bar .icon-youjiantou{font-size:18px;color:#444;  }

.mark{font-size:14px;color:#aaa;}  
.mark:hover,.mark1{color:#FF1100;font-size:14px;}  
.mark:hover i,.mark1 i{color:#FF1100;}  

.bar span.spage input{ margin-top:-4px; width:36px;height:22px;border:1px solid #ccc;border-radius: 3px;
                       background-color: #fff;text-align: center;color: #000;}
.bar span.counts {line-height:40px;color:#444;}
.bar span.fr{}
.bar span{margin-right:10px;}
.bar span.dz{padding-left:10px;color:#aaa;font-size:14px;}
.bar span.fx{color:#aaa;font-size:14px;}
.bar span.sc{color:#aaa;font-size:14px;} 
.barc i:hover,.barc span:hover{color:#FF1100;} 
.barc {box-shadow:none;border-top:none;height:35px;}
.barc .icon-fenxiang ,.barc .icon-jubao,.barc .icon-shoucang4,.barc .icon-shoujiyuedu {  vertical-align: -1px;}
.barc .bigsearch{
    margin-top:0px; border:solid 1px #555; border-radius:5px 5px;
    height: 32px;
    line-height: 32px;
    padding-top:1px; 
}
.barc .bigsearch:hover{border:solid 1px #FF1100;
}
.downloadfix { 
	display: inline-block;
    width: 128px;
    height: 35px;
    line-height: 35px;
    background-color: #FF1100;
    border: none;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    color: #fff;}
.downloadfix:hover{color:#fff;}
.btn_sc2 {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
}

#book_layer{padding: 0 0px 15px 30px;
    width: 790px;
    border: solid 0px red;
}
#book_layer a{
	display: block;
	text-decoration: none;
	color: #000;
}
#book_layer .tips{
	padding: 0px 0 25px 0;
	font-size: 12px;
	color: #666;
	text-align: center;
}
#book_layer ul.list,
#book_layer ul.example{
	list-style: none;
	overflow: hidden;
}
#book_layer ul.list{
    margin: 0 0 0 -12px;
}
#book_layer ul.list li{
	float: left;
	padding: 0 22px;
	height: 30px;
	line-height: 30px;
    text-align:left;
}
#book_layer ul.list li i.circle{
	display: inline-block;
	position: relative;
	top: -1px;
	margin: 0 5px 0 0;
	width: 4px;
	height: 4px;
	background-color: #000;
}
#book_layer ul.list li span{
	display: inline-block;
	width: 230px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}
#book_layer ul.list li small{
	display: inline-block;
	font-size: 12px;
    color: #999;
    vertical-align: bottom;
}
#book_layer ul.example{
	margin-bottom: 24px;
}
#book_layer ul.example li{
	float: left;
	padding: 0 10px;
	width: 235px;
	overflow: hidden;
    text-align:left;
}
#book_layer ul.list li a:hover > span,
#book_layer ul.example li a:hover > strong{
	color: #2878ff;
    text-decoration: underline;
}
#book_layer ul.example li img{
	display: block;
	float: left;
	width: 76px;
	height: 106px;
	margin-right: 12px;
	border: 1px solid #ddd;
}
#book_layer ul.example li strong{
	float: left;
	width: 137px;
	height: 60px;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	display: -webkit-box;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
 
#book_layer ul.example li span{
	float: left;
	padding: 12px 0 0 0;
	width: 137px;
	font-size: 12px;
	color: #999;
}
#book_layer ul.example li span small{
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	line-height: 18px;
}
#book_layer .more a{
	display: block;
	text-align: center;
	line-height: 36px;
	color: #2878ff;
} 
.sd-qrcode {
    background: #fff;
    text-align: center;
    padding: 25px 0;
    font-size: 14px;
    line-height: 22px;
}
.sd-qrcode p {
    padding-top: 15px;
}
.sd-book {
    overflow: hidden; padding:5px 10px 10px 10px; margin-bottom:10px; background:#fff;border:solid 1px #ddd;
    height:90px;
}
.sd-user {
    background: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 15px;
    line-height: 30px;
}
.sd-user a{color:#F00}
.sd-user-p {
    text-align: center;
	font-size: 12px;
}
.sd-user-p a{color:#00f}
.Hidden0 { height:0;overflow:hidden;}

.share_shang {
position: absolute;
    top: -14px;
    right: -11px;
    width: 22px;
    height: 17px;
    border-radius: 8px;
    background-color: #FB5660;
    border-bottom-left-radius: 0;
    color: #fff;
    line-height: 17px;
    font-size: 9px;
    text-align: center;}

@media print { body { display:none; } }