*{
	margin:0; 
    padding:0;
    -webkit-tap-highlight-color:transparent;
    background-repeat: no-repeat;
    }
.clearfix:after{ height:0; display:block; content:'.'; visibility:hidden; clear:both;}
.clear{height:0; line-height:0; font-size:0; display:block; clear:both;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,ol,label,title,fieldset,section,article,aside,header,footer,audio,video,nav{display:block;}
ul{list-style:none;}
img{border:0;}
input{outline: none; border:0;}
a{text-decoration:none;}
.ellipsis{white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; }
a:link{text-decoration:none; outline:none;}
html{ background-color:white;}
body{font-family:"微软雅黑"; font-size:14px;}

.transition{
	transition:.35s;
	-webkit-transition:.35s;
	-moz-transition:.35s;
	-ms-transition:.35s;
	-o-transition:.35s;
}
.box{min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -164px;}
.box1{padding-bottom:164px;}
.w-1200{width:1200px; margin:0 auto;}
.bgwhite{background:white;}
.fl{float:left;}
.fr{float:right;}
em{font-style: normal;
    color: #de1e1e;}
i{ vertical-align: middle;}
i.icon{background-image:url(../img/img.png); background-repeat: no-repeat; margin-top:-3px;display:inline-block;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis2{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp:2;overflow: hidden;}
.icon1{width:13px; height:12px; background-position: left top; margin-right:5px;}
.icon2{width:14px; height:12px; background-position: -20px top; margin-right:5px;}
.icon3{width:14px; height:14px; background-position: -42px top;}
.icon4{width:20px; height:20px; background-position: -62px top; margin-right:8px;}
.icon5{width:12px; height:7px; background-position:-187px -10px;}
.icon6{width:14px; height:16px; background-position-x: -108px;}
.icon7{width:16px; height:16px; background-position-x: -130px;}
.icon8{width:16px; height:16px; background-position: -153px -22px;}
.icon9{width:19px; height:16px; background-position: -177px -22px;}
i.icon10{width:20px; height:20px; background-position: -106px -88px;}
.icon11{width:16px; height:16px; background-position: -117px -131px;}
.icon12{width:14px; height:15px; background-position: -59px -178px; margin-right:5px;}
.icon13{width:17px; height:15px; background-position: left -224px;}
.icon14{width:14px; height:15px; background-position: -21px -224px;}
.icon17{width:12px; height:12px; background-position: -37px -224px;}
.icon18{width:4px; height:4px; background-position: -61px -81px; margin-right:8px;}
.icon19{width:14px; height:14px; background-position: -37px -88px;}
.icon20{width:12px; height:14px; background-position: -59px -88px;}
.icon21{width:11px; height:6px; background-position: -65px -25px; margin-left:5px;}
.icon22{width:16px; height:16px; background-position: -59px -220px;}
.icon24{width:19px; height:18px; background-position: -154px -71px;}
.icon25{width:19px; height:18px; background-position: -154px -98px;}
.icon26{width:18px; height:18px; background-position: -154px -123px;}
.icon27{width:18px; height:18px; background-position: -154px -148px;}
.icon28{width:11px; height: 11px; background-position: -133px -130px; position: absolute; right:-11px; top:20px;}
.icon29{width:16px; height:18px; background-position: -39px -133px;}
.icon30{width:15px; height:19px; background-position: -101px -130px;}
.icon31{width:15px; height:19px; background-position: -60px -133px;}
.icon32{width:16px; height:16px; background-position: -79px -133px;}
i.icon33{width:7px; height:4px; background-position: -82px -112px; margin-left:6px;}
.icon34{width:12px; height: 8px; background-position: -106px -178px; margin-left:9px;}
.icon43{width:6px; height:10px; background-image:url(../img/img3.png); background-position: left -208px; margin-right:5px;}
.icon44{width:6px; height:6px; background-position: -80px -178px; margin-right:6px;}
.icon45{width:6px; height:6px; background-position: -92px -178px; margin-right:14px;}
.icon51{width:25px; height:23px; background-position: -79px -191px;}
.icon52{width:23px; height:23px; background-position: -111px -191px;}
.icon53{width:12px; height:7px; background-position: -124px -178px; margin-left:8px;}
.icon54{width:14px; height:8px; background-position: -146px -196px; vertical-align: top; margin-top:0 !important;}
.icon55{width:8px; height:34px; background-position: -192px -194px;}
.icon56{width:16px; height:16px; background-position:left -263px; margin-right:6px;}
.icon57{width:16px; height:15px; background-position: -29px -262px; margin-right:6px;}
.icon58{width:10px; height:6px; background-position: -104px -262px;}
.icon59{width:14px; height:18px; background-position:-142px -209px; margin-right:9px;}
.icon61{width:16px; height:16px; background-position:-159px -209px;}
.icon62{width:15px; height:16px; background-position:0 -288px; margin-right:11px;}
.icon63{width:16px; height:14px; background-position:-18px -288px; margin-right:10px;}
.icon64{width:16px; height:17px; background-position:-37px -288px; margin-right:8px;}
.icon65{width:18px; height:16px; background-position:-56px -288px; margin-right:7px;}
.icon66{width:14px; height:16px; background-position:-77px -288px; margin-right:9px;}
.icon67{width:16px; height:16px; background-position:-94px -288px; margin-right:7px;}
.icon68{width:16px; height:16px; background-position:-113px -288px; margin-right:8px;}
.icon69{width:33px; height:15px; background-position:-102px -242px;}
.icon70{width:18px; height:16px; background-position:-140px -246px;}
.icon71{width:16px; height:14px; background-position:-140px -267px;margin-right: 5px;}
.icon72{width:14px; height:14px; background-position:-184px -250px; margin-right:4px;}
.icon73{width:14px; height:14px; background-position: -139px -285px;}
.icon74{width:16px; height:14px; background-position:-156px -285px;}
.icon75{width:20px; height:19px; background-position:-66px -328px;}
.icon76{width:14px; height:20px; background-position:-91px -328px;}
.icon77{width:15px; height:19px; background-position:-108px -328px;}
.icon78{width:28px; height:28px; background-position:-126px -327px; margin-right:4px;}
.icon79{width:24px; height:23px; background-position:-161px -327px;}
.icon80{width:32px; height:32px; background-position:-29px -327px;}
.icon81{width:82px; height:23px; background-position:0 -377px;}
.icon82{width:82px; height:22px; background-position:0 -404px;}
.icon83{width:83px; height:23px; background-position:0 -429px;}
.icon84{width:83px; height:23px; background-position:0 -455px;}
.icon85{width:81px; height:23px; background-position:0 -482px;}
.icon86{width:82px; height:22px; background-position:0 -509px;}
.icon87{width:18px; height:18px; background-position:-180px -277px;}
.icon88{width:72px; height:72px; background-position:-96px -379px;}
.icon89{width:16px; height:10px; background-position:-162px -356px;}
.icon90{width:14px; height:16px; background-position:-100px -463px; margin-right: 8px;}
.icon91{width:28px; height:28px; background-position:-145px -457px; margin-right:4px;}
.icon92{width:13px; height:16px; background-position:-208px -224px; margin-right:8px;}
.icon93{width:16px; height:15px; background-position:-225px -224px; margin-right:7px;}
.icon94{width:18px; height:14px; background-position:-208px -262px; margin-right:4px;}
.icon95{width:18px; height:14px; background-position:-231px -262px; margin-right:7px;}
.icon96{width:34px; height:34px; background-position:-210px -287px; margin-right:11px;}
.icon97{width:34px; height:34px; background-position:-210px -327px; margin-right:11px;}
.icon98{width:12px; height:9px; background-position:-184px -361px;}
.icon99{width:32px; height:28px; background-position:-207px -36px;}
.icon100{width:27px; height:27px; background-position:-211px 0;}
.icon101{width:15px; height:15px; background-position:-215px -71px;}
.icon102{width:28px; height:28px; background-position:-180px -378px; margin-right:6px;}
.icon103{width:14px; height:14px; background-position:-222px -380px;}
.icon104{width:15px; height:17px; background-position:-250px -288px; margin-right: 8px;}
.icon105{width:11px; height:12px; background-position:-98px -493px; margin-right:4px;}
.icon106{width:12px; height:13px; background-position:-114px -493px; margin-right:5px;}
.icon107{width:14px; height:13px; background-position:-130px -493px; margin-right:5px;}

/*header*/
/*header*/
.header{padding-bottom:30px; background:url(../img/headerbg.png) no-repeat left top,#fefefe; background-size:630px 160px;}
.headerTop{border-bottom:1px solid #f5f5f5; height:30px; line-height:30px; font-size:12px; color:#e0e0e0;}
.headerTop a{color:#808080; vertical-align: middle; display: inline-block; margin-top:-2px; padding:0 14px;}
.headerTop a:hover{color:#ea0000;}
.headerTop a:hover .icon{background-position-y:-512px;}
.headerTop .fl{position: relative;}
.headerTop .fl span{position: absolute; border:1px solid #666; background:white; right:-5px;
    z-index:1; display: none; top:30px;}
.headerTop .fl span a{display: block;}
.headerTop .p2{color:#808080; margin-right:12px;}

.headerTop{border-bottom:1px solid #f5f5f5; height:30px; line-height:30px; font-size:12px; color:#e0e0e0;}
.headerTop a{color:#808080; vertical-align: middle; display: inline-block; margin-top:-2px; padding:0 14px;}
.headerTop a:hover{color:#ea0000;}
.headerTop a:hover .icon{background-position-y:-512px;}
.headerTop .fl{position: relative;}
.headerTop .fl span{position: absolute; border:1px solid #666; background:white; right:-5px;
    z-index:1; display: none; top:30px;}
.headerTop .fl span a{display: block;}
.headerTop .p2{color:#808080; margin-right:12px;}
.headerTop .care{
    position: relative;
}
.headerTop .care label{
    font-size: 12px;
    color: #D7932F;
    padding-right: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.headerTop .care label img{
    padding-right: 4px;
}
.headerTop .care ul{
    position: absolute;
    width: 310px;
    /* height: 122px;*/
    background: linear-gradient(45deg, #EFE4C8 0%, #F6C898 100%);
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    z-index: 99;
    padding: 15px 20px;
    box-sizing: border-box;
    color: #6D4419;
}
.headerTop .care ul li{
    font-size: 14px;
}

.headerMiddle .logo{width:297px; height:50px; margin-left:65px; margin-top:36px;}
.headerMiddle .logo img{display: block; width:100%; height:100%;}
.headerMiddle .headerSearch{margin-top:26px; font-family: "新宋体"; margin-right:38px;}
.headerMiddle .headerSearch p{height:14px; line-height: 14px; color:#4c4c4c; margin-bottom:12px; margin-left:15px;}
.headerMiddle .headerSearch p span{margin-right:26px; cursor: pointer;}
.headerMiddle .headerSearch p span:hover,.headerMiddle .headerSearch p span.active{color:#ea0000;}
.headerMiddle .headerSearch p span:hover .icon2,.headerMiddle .headerSearch p span.active .icon2{background-position: -20px -15px;}
.headerMiddle .headerSearch div{position: relative;}
.headerMiddle .headerSearch div .icon3{position: absolute; left:18px; top:50%; margin-top:-8px;}
.headerMiddle .headerSearch div input{padding-left:40px; padding-right:24px; width:234px; color:#333333;
    background:url(../img/img1.png) no-repeat left center; background-size:100%; height: 46px;
    display: block; float:left;}
.headerMiddle .headerSearch div input::-webkit-input-placeholder{color:#333;}
.headerMiddle .headerSearch div input::-moz-input-placeholder{color:#333;}
.headerMiddle .headerSearch div input::-ms-input-placeholder{color:#333;}
.headerMiddle .headerSearch div .sou{width:46px; height:46px; line-height:44px; text-align: center; font-size:17px;
    color:#eed9a7; font-family: '微软雅黑'; background:url(../img/img2.png) no-repeat center center; background-size:100%;
    margin-left:-23px; display: block; float: left; position: relative;}
/*.headerMiddle .headerSearch div .sou span{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}*/
.headerMiddle .headerSearch div .gjjs{line-height:normal;display: block; float:left; color:#7e6726; margin-top:16px; margin-left:14px;}
.headerMiddle .headerSearch div .gjjs:hover{text-decoration: underline;}
.login{width:118px; text-align: center; height:40px; line-height:40px; border:1px solid #e6e6e6;
    border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; margin-top:54px;
    font-family: "微软雅黑";}
.login a{color:#999999; /* height:14px; line-height: 14px; display: inline-block; vertical-align: middle; */}
.login a:hover{color:#7e6726;}
.login span{color:#cccccc; font-size:12px; padding:0 7px; display: inline-block; height:14px; line-height: 14px;}
.login p{font-size:14px; color:#999999; padding:0 9px; text-align: center;}

/*nav*/
.nav{height:32px; line-height:32px; background:url(../img/navbg.jpg) repeat-x left top; box-shadow: 1px 1px 7px 0px rgba(11,11,11,.16);}
.nav ul{overflow: hidden;}
.nav li{float:left; padding:0 25px; font-size:16px; color:#eed9a7; position: relative; text-align: center; margin-right:5px;}
.nav li a{color:white; display: block; font-size:16px; left:0; background:#817149; top:-34px; position: absolute;
    width:100%; text-align: center;}
.nav li span{display: block;}
.nav li:hover span,.nav li.active span{opacity: 0; filter:alpha(opacity=0); }
.nav li:hover a,.nav li.active a{top:0;}

.aside1{width:248px; margin-left:13px; margin-right:28px;}
.aside .asideTop{padding:19px 18px 0 18px;}
.aside1 .asideTop{background:url(../img/img3.png) no-repeat center top; 
background-size:100% 19px; margin-bottom:20px;}
.aside1 .asideTop .div1{padding:6px; background:#f5f1e7;}
.aside1 .asideTop .div1 .div2{border:1px solid #e5decc; padding:0 2px; padding-bottom:28px;}
.aside .asideTop .div1 .div2 h2{height:50px; line-height:50px; font-size:16px; color:#3d3d3d; font-weight: normal; 
text-align: center; border-bottom:1px solid #e5ddcb; margin-bottom:14px;}
.aside .asideTop .div1 .div2 h2 span{padding:0 12px;}
.aside1 .asideTop .div1 .div2 li a{border-bottom:1px solid #e5ddcb;}
.icon5{position: absolute; right:10px; top:50%; margin-top:-4px;}

.wxb .aside1 .asideTop .div1 .div2{padding-bottom:0px; min-height: 600px;}

.aside2{width:270px; margin-right:20px;}
.aside2 .asideTop{background:url(../img/img8.png) no-repeat center top,url(../img/img9.png) no-repeat center bottom; 
background-size:100% 24px; padding-left:12px; padding-right:12px; padding-bottom:20px;}
.aside2 .asideTop .div1 .div2{padding:0 11px;}
.aside2 .asideTop .div1{padding-bottom:142px; background:url(../img/img10.png) repeat-y center top,
url(../img/img11.png) no-repeat left bottom,white; background-size:100%; box-shadow: 0 0 8px 0 rgba(0,0,0,.21);}
.aside2 .asideTop li a{border-bottom:1px solid #f4efe2;}
.aside2 .menu-level1>li.active{background:#fdfbf4;}


/*检索词*/
.sectionmain_top{padding:13px 0; background:#fafafa; padding-left:20px; color:#999999; margin-bottom:14px; position: relative;}
.sectionmain_top .key{font-size:12px; font-family: "宋体"; color:#1a1a1a; line-height:20px;}
.sectionmain_top .key em{color:#de1e1e; font-style: normal;}
.sectionmain_top .key span{display: inline-block; padding:0 9px; color:#de1e1e;}
.sectionmain_top>div.fr{position: absolute; right:0; top:50%; margin-top:-23px;}

mark{background-color:transparent; color:#a33823;}

/*分页
.pages{text-align: center;}
.pages .fr input[type="text"]{border:0; background:#f7f7f7; width:30px; height:20px; line-height:20px; font-size:12px;}
.pages .fr a.tz{border:0; font-size:12px; color:#817149;}
.pages .fr{float:inherit; display: inline-block;}
.pages .pagination{float: inherit; vertical-align: middle;}
*/
.light-theme a, .light-theme span{padding:0; width:30px; height:30px; line-height:30px;
 border:0; background:none;}
.light-theme a:hover{background:none;}

/*
.simple-pagination li{border-radius:50%; overflow: hidden; width:30px;}
.simple-pagination li .prev{background:url(../img/prev.png) no-repeat left center; width:16px; height:28px;
 border-radius:0; line-height:28px;}
 .simple-pagination li .next{background:url(../img/next.png) no-repeat right center; width:24px; height:36px;
 border-radius:0; line-height:36px; margin-top:-2px; margin-right:0; margin-left:4px;}
 .light-theme .current{background:#817149;}
 */
 
 /*中文两端对齐*/
.justify {
   width:70px;
   float:left;
}

 

.slide{cursor:pointer;color: #de1e1e !important;}

#TOP{width:32px; height:32px; background:url(../img/top.png) no-repeat center center;
position: fixed; right:10px; bottom:10%; cursor:pointer; display:none;}

/*权限*/
.quanxian{text-align: center; font-family: "微软雅黑"; padding-top:55px; height:134px; position: relative;}
.quanxian .p1{width:156px; height: 44px; line-height:44px; text-align: center;
border:1px solid #938966; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
color:#938966; margin:0 auto; margin-bottom:20px;}
.quanxian .p2 a{display:inline-block; color:#b5a204; margin:0 16px 0 0px;}
.quanxian .p2{color:#808080; line-height:12px;}
.icon60{width:12px; height:14px; background-position: left -166px; margin-right:8px;}

/*read2*/
.header3 .headerSearch2{margin-top:13px;}
.header3 .headerSearch2 input{width:63%;}
.header3 .headerSearch2 .searchResult{margin-top:12px;}
.header3 .gjjs{color:white; margin-left:16px; margin-top:24px;}
.header3 .gjjs:hover{color:#b5a204; text-decoration: underline;}
.read2{background:#fdfbf9;}
.read2 .container{background:none; padding:0;}


/*footer*/
.footer{text-align: center; font-size:12px; color:#666666; line-height:26px; padding:58px 0;
background:#f7f7f7;}

.tip{position: fixed; left:50%; top:50%; margin-left:-60px; margin-top:-20px; background:#000000; 
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; color:white;
width:120px; height:40px; text-align: center; line-height: 40px; z-index:999;}

@media only screen and (min-width:1077px) {
	.list1 li:nth-of-type(5n){margin-right:0px;}
}
@media screen and (min-width:1198px){
	.jsproduceCon{ width:340px;}
}
@media only screen and (min-width:1000px) {
	body{overflow-x: hidden;}
}
@media screen and (max-width:1250px) and (min-width:1199px){
	.w-1200{width:1138px;}
	.jsproduceCon{width:310px;padding-right: 94px;}
	.list1 li{margin-right:48px; margin-bottom:38px;}
	.section{width:848px;}
	.list4 li{width:167px;}
	.headerSearch2{margin-right:40px;}
	.bookDetail .section{width: 776px;}
	.read1 .section{width:826px;}
	.info_tool{margin-top:-128px;}
	.divLeft{width:730px;}
	.divRight{width:345px;}
}
@media screen and (max-width:1198px) and (min-width:1077px){
	.w-1200{width:1024px;}
	.headerMiddle .logo{margin-left:38px;}
	.list1 li{margin-right:25px; margin-bottom:38px;}
	.lunbo,.jsproduceCon{float:inherit;}
	.lunbo{width:722px; margin:0 auto;}
	.jsproduce{padding-bottom:110px;}
	.section{width:734px;}
	.list4 li{width:180px;}
	.list2 li .book_cover{width: 130px; height: 192px;}
	.sectionmain_top .key{width:228px;}
	.list2 li .book_cover{width: 120px; height: 182px;}
	.container1 .jsNav li{padding-right:50px;}
	.headerSearch2{margin-right:40px; width:550px;}
	.bookDetail .section{width:662px;}
	.read1 .section{width:735px;}
	.info_tool{margin-top:-128px;}
	.divLeft{width:670px;}
	.divRight{width:300px;}
	.panel1>p{margin-left:30px;}
}
@media screen and (max-width:1076px) {
	.w-1200{width:940px;}
	.headerMiddle .logo{margin-left:38px;}
	.headerMiddle .headerSearch{margin-right:26px;}
	.list1 li{width:150px; margin-right:25px; margin-bottom:30px;}
	.recentlyShelves .yun2{left:-338px;}
	.lunbo,.jsproduceCon{float:inherit;}
	.lunbo{width:722px; margin:0 auto;}
	.jsproduce{padding-bottom:90px;}
	.aside1{width:230px;}
	.section{width:668px;}
	.list4 li{width:164px;}
	.list2 li .book_cover{width: 120px; height: 182px;}
	.container .aside1 .asideBottom{width:190px;}
	.sectionmain_top p.searchkuang input{width:160px;}
	.sectionmain_top .key{width:228px;}
	.container1 .jsNav li{padding-right:37px;}
	.aside2{width:252px;}
	.headerSearch2{margin-right:20px; width:486px;}
	.headerSearch2 input{width:70%;}
	.bookLeft{width:300px;}
	.bookLeft .bookCover{width:274px; height:414px;}
	.bookLeft .bookCover img.shadow{max-width:100%; left:0;}
	.bookDetail .section{margin-left:316px;}
	.bookDetail .section{width:624px;}
	.read1 .section{width:650px;}
	.info_tool{margin-top:-128px;}
	.divLeft{width:580px;}
	.divRight{width:300px;}
	.panel1>p{margin-left:30px;}
}
@media screen and (max-width:1310px){
	.headbox .right .headerSearch2{width:350px;}
}
@media screen and (max-width:1262px){
	.headbox .right .headerSearch2{width:330px;}
	.header3 .headerSearch2 input{width:58%;}
	.aside4{margin-right:6px;}
}