@charset "utf-8";
/* CSS Document */
html{font-size:61%; font-family:Arial,sans-serif; vertical-align: top;}
body{font-size: 17px; }
a{ color: #333;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5{font-weight:normal; line-height:1.2;}
i{font-style: inherit;}
img{vertical-align: top;}
.clear:after{content: ''; display: block; width: 0; height: 0; visibility: hidden; clear: both;}
/*滚动条*/
::-webkit-scrollbar{width: 6px; height: 10px;}
::-webkit-scrollbar-track{border-radius: 10px; background-color: #e3e6eb;}
::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #a3a9b4;}
.read_bg{
	background: url(../images/read_bg.jpg) repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
    position: fixed;
}
.read{
	width: 700px;
	height: 100%;
	margin:0 auto;
	background: #e9e1d4;
	padding: 40px 100px 10px;
	box-shadow: 0 -4px 10px 5px rgba(0,0,0,.1);
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.read_con{
	position: relative;
	margin: 0 auto;
	width: 700px;
	margin: 0 auto;
	letter-spacing: 0.5px;
	line-height: 33px;
}
.read_con .content{
	position: relative;
	top: 60px;
}
.read_con .content h1{
	color: #933;
	font-size: 26px;
	padding: 20px 0;
}
.read_con .content p{
	margin-bottom: 18px;
	text-indent: 2em;
}
.read_con .read_top{
	height: 48px;
	line-height: 48px;
	padding-top: 15px;
	font-size: 14px;
	border-bottom: 1px solid #d9d0c2;
	position: fixed;
	width: 700px;
	background: #E9E1D4;
	z-index: 2;
}
.read_con .read_top span{
	display: inline-block;
	width: 69%;
}
.read_con .read_top a{
	margin: 0 5px;
	padding: 0 5px;
	display: inline-block;
	text-align: center;
}
.read_con .read_top a i{
	display: block;
	width: 18px;
	height: 17px;
	position: relative;
	top: 8px;
}
.read_con .read_top .list i{
	background: url(../images/list.png) no-repeat;
	background-size: 18px 17px;
}
.read_con .read_top .yuan i{
	background: url(../images/yuan.png) no-repeat;
	background-size: 18px 17px;
}
.read_con .read_top .prev i{
	background: url(../images/prev.png) no-repeat;
	background-size: 18px 17px;
}
.read_con .read_top .next i{
	background: url(../images/next.png) no-repeat;
	background-size: 18px 17px;
}
.read_con .read_top .return i{
	background: url(../images/shouye.png) no-repeat;
	background-size: 18px 17px;
}
.read_con .read_top .ziti i{
	background: url(../images/font.png) no-repeat;
	background-size: 18px 17px;
}
.read_con .read_top .beijing i{
	background: url(../images/color.png) no-repeat;
	background-size: 18px 17px;
}
.fix_left{
	width: 130px;
	height: 100%;
	padding: 20px 15px;
	background: #e9e1d4;
	position: fixed;
	top: 0;
	text-align: center;
}
.fix_left .book_item .book{
	width: 110px;
	margin: 10px auto;
}
.fix_left .book_item .book_name{
	font-size: 14px;
}
.fix_left .book_item .add_book{
	font-size: 15px;
    background: #b689fc;
    color: #fff;
    display: block;
    width: 110px;
    margin: 15px auto;
    padding: 5px 0;
}
.fix_left .qr_code{
	background: rgba(255,255,255,.5);
}
.fix_left .qr_code p{
	font-size: 14px;
	padding: 2px 0;
}
.fix_left .qr_code img{
	width: 94px;
}
.fix_left .line{
	display: block;
	border-top: 1px dashed #b1aa9e;
	margin: 30px 0;
}

/*目录列表*/
#catalog .close,#source .close{
	position: absolute;
	right: 12px;
	top: 3px;
}
#catalog,#source{
    background: #f7f7f7;
    position: fixed;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 700px;
    height: 84%;
    overflow-x: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    display: none;
}
#catalog h2,#source h2{
	font-size: 24px;
	color: #464646;
	text-align: center;
	margin: 30px 0 20px;
}
#catalog .state,#source .state{
	margin:0 50px;
	padding: 8px 20px;
	border-bottom: 1px solid #aaa;
	font-size: 15px;
}
#catalog ul,#source ul{
	padding: 0 70px;
}
#catalog ul li,#source ul li a{
	border-bottom: 1px dashed #aaa;
	line-height: 38px;
	font-size: 15px;
	display: block;
}
#catalog ul li:last-child,#source ul li:last-child{
	margin-bottom: 40px;
}
#catalog ul li:hover,#source ul li:hover{
	background: #efefef;
}
#catalog ul li.active a,#source ul li.active a{
	color: #b689fc;
	background: #f1f1f1;
	display: block;
}
/*源列表样式*/
#source ul li a,#source ul li.active a{
	padding: 8px 0 0;
}
#source ul li p{
	height: auto;
	line-height: initial;
	height: 16px;
}
#source ul li p.update_time_c{
	display: inline-block;
}
#source ul li p.update_time_c:last-child{
	margin-left: 30px;
}
#source ul li p.update_time_c span{
	margin-left: 6px;
}


/*用户自定义*/
#choice_ziti,#con_bg{
	background: #f6f6f6;
	padding: 0 14px;
	position: absolute;
	left: 70%;
	top: 65px;
	display: none;
}
#choice_ziti p,#con_bg p{
    position: relative;
    top: 0;
    display: inline-block;
    width: auto;
    line-height: initial;
    margin: 0 1px;
}
#choice_ziti input,#con_bg input{
	cursor: pointer;
	width: 22px;
	height: 22px;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #aaa;
	outline: none;
	font-size: 14px;
	opacity: 0;
}
#choice_ziti p b,#con_bg b{
    background-image: url(../images/size.png);
    background-repeat: no-repeat;
   width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 0;
    left: 1px;
}
#choice_ziti .size_14+b{
	background-position: 0 0;

}
#choice_ziti .size_16+b{
	background-position: -27px 0;
}
#choice_ziti .size_18+b{
	background-position: -54px 0;
}
#choice_ziti .size_20+b{
	background-position: -80px 0;
}
#choice_ziti .size_22+b{
	background-position: -107px 0;
}
#choice_ziti .size_24+b{
	background-position: -134px 0;
}
#choice_ziti .arrow,#con_bg .arrow{
    border-color: transparent transparent #f6f6f6;
    border-style: solid;
    border-width: 10px;
    left: 45%;
    width: 0;
    position: absolute;
    top: -20px;
}
/*背景*/
#con_bg .arrow{
    left: 65%;
}
#con_bg .bg1+b{
	background: #f5e0db;
}
#con_bg .bg2+b{
	background: #dfebdb;
}
#con_bg .bg3+b{
	background: #e7e6de;
}
#con_bg .bg4+b{
	background: #f1e3d4;
}
#con_bg .bg5+b{
	background: #1f293a;
}
#con_bg .bg6+b{
	background: #E9E1D4;
}

/*广告*/
.ad_img{
	position: fixed;
	bottom: 190px;
	right: 6%;
	width: 180px;
}
.ad_img img{
	width: 100%;
}

.ad_img2{
	width: 900px;
	position: fixed;
	bottom: -59px;
	left: 50%;
	z-index: 10;
	transform: translate(-50%,-50%);
}
.ad_img2 img{
	width: 60;
}
.ad_img2 .guanbi{
    background: url(../images/close.png) no-repeat center,rgba(255,255,255,.5);
    background-size: 25px 25px;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 30px;
    float: right;
    border-radius: 50%;
}
.ad_img2 .guanbi+a{
    display: inline-block;
    width: 900px;
    margin: 0 auto;
}