*{
	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:#f5f5f5;}
body{font-family:"微软雅黑","黑体",Adobe,Std; font-size:14px; min-width:1000px; max-width:1920px; margin:0 auto;}

.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:14px; height:13px; background-position: left top; margin-right: 5px;}
.icon2{width:10px; height:7px; background-position: -44px -11px;}
.icon3{width:17px; height:18px; background-position: -19px 0; margin-left:6px;}
.icon4{width:14px; height:14px; background-position: -59px 0; margin-right:6px;}
.icon5{width:30px; height:15px; background-position: left -45px; margin-left:9px;}
.icon6{width:12px; height: 14px; background-position: -78px 0;}
.icon7{width:14px; height:14px; background-position: -53px -25px; cursor: pointer;}
.icon8{width:10px; height:12px; background-position: left -80px; margin-right:5px;}
.icon9{width:14px; height:14px; background-position: -77px -25px; margin-right:5px;}
.icon10{width:19px; height:17px; background-position: -46px -48px; margin-left:4px;}
.icon11{width:19px; height:19px; background-position: -40px -79px; margin-left:11px; margin-right:3px;}
.icon12{width:28px; height:20px; background-position: -72px -47px; margin-left:7px;}

.header{margin:0 auto; background:white; height:66px; line-height:66px; position: relative;}
.header .home{margin-right:20px;}
.header .home a{color:#999;}
.header .login{margin-left:30px;}
.header .login .p1{margin-right:30px; margin-left:15px;}
.header .login .p1 a{color:#d4233a;}
.header .login .language a{width:50px; height:18px; line-height:18px; text-align: center; border:1px solid #bfbfbf;
display: inline-block; font-size:12px; color:#999999; border-radius:18px; -webkit-border-radius:18px;
-moz-border-radius:18px; -ms-border-radius:18px; margin-right:12px;}
.header .login .language .active,
.header .login .language a:hover{color:white; background:#d4233a; border:1px solid #d4233a;}
.header .login .p2{width:80px; text-align: center; margin-right:9px;}
.header .login .p2 a{color:#808080;}
.header .login .p3{color:#cccccc; margin-right:7px;}
.header .login .p3 a{color:#808080; padding:0 3px;}
.header .login .p3 a:hover,.header .login .p2 a:hover{color:#d4233a;}
.header>.logo{text-align: center; height:66px; position: absolute; top:0px; left:50%; margin-left:-93px;}
.header>.logo a{display: block; line-height:66px; height:66px;}
.header>.logo a img{vertical-align: middle;}
.header .ebookBtn{margin-right:22px; height:32px; line-height:32px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-ms-border-radius:3px; background:#f6eddf; font-size:12px; color:#394673; padding:0 16px; max-width:266px; margin-top:18px;}
.userTop{margin:0 auto; background:white; line-height:30px; padding-left:20px; max-width:1920px;
text-align: left; border-bottom:1px solid #EDEDED; color:#808080;}
.userTop .tuichu{margin-right:15px; color:#333;}
.userTop font{margin-left:10px;}
.userTop .tuichu:hover{color:#d4233a;}
.userTop .username{color:#808080;}
.userTop .username:hover{color:#333;}

.banner{width:100%; margin:0 auto; height:566px; background:url(http://image.thatsbooks.com/45e824efbcffb60f9e3c289d1b74d680) no-repeat left top;
margin-bottom:0px;}
.banner .bannerCon{width:1630px; margin:0 auto;}
.banner .bannerCon>ul{height:530px; overflow-y: auto; background:rgba(0, 0, 0, 0.57); width:162px; padding:19px 38px 17px 0;
margin-left:113px;}
.banner .bannerCon>ul li{padding-left:20px;}
.banner .bannerCon>ul li p{line-height:30px; color:#0f0f0f;}
.banner .bannerCon>ul li a{line-height:20px; padding:3px 0 4px 0; font-size:12px; color:#dcdcdc; display: inline-block;}
.banner .bannerCon>ul li a:hover{color:#d4233a;}

.searchBox{padding:38px 37px 19px 38px; background:rgba(0,0,0,.85); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
-ms-border-radius:10px; min-height:111px; margin-top:215px;width:923px;}
.searchBox .searchTop{margin-bottom:19px;}
.searchBox .searchTop .msgType{width:116px; border-left:1px solid #dcdcdc; position: relative;}
.searchBox .searchTop .msgType p{height:38px; line-height:38px; padding-left:13px; width:75px; padding-right:28px;
position: relative; background:#ededed; border-radius:0px 2px 2px 0px; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px;
-ms-border-radius:0px 2px 2px 0px; cursor: pointer;}
.searchBox .searchTop .msgType p .icon{position: absolute; left:18px; top:19px;}
.searchBox .searchTop .msgType ul{background:#ededed; width:116px;padding-bottom: 4px;padding-top: 8px; position: absolute;
left:0; top:38px; display: none; z-index:1;}
.searchBox .searchTop .msgType ul li{padding-right: 16px;line-height: 26px;  margin-bottom: 6px;}
.searchBox .searchTop .msgType ul li a{color:#999; display: block;}
.searchBox .searchTop .msgType ul li:hover a{color:#d4233a;}
.searchBox .searchTop p{position: relative; margin-left:27px;}
.searchBox .searchTop p .icon7{position: absolute; left:5px; top:15px;}
.searchBox .searchTop input{width:605px; padding:0 10px; padding-right:24px; line-height:38px; height: 38px; background:#ececec;
 border-radius:2px 0px 0px 2px; -webkit-border-radius:2px 0px 0px 2px; -moz-border-radius:2px 0px 0px 2px;
-ms-border-radius:2px 0px 0px 2px;}
.searchBox .searchTop>a{width:140px; height:38px; line-height:38px; text-align: center; background:#d4233a; color:white;
border-radius:38px; -webkit-border-radius:38px; -moz-border-radius:38px; -ms-border-radius:38px; display: block;}
.searchBox .searchBottom{line-height:26px; font-size:12px; color:#999999;}
.searchBox .searchBottom p{display: inline-block; margin-right:20px; position: relative;}
.searchBox .searchBottom p input{position: absolute; right:0; top:8px; opacity: 0;}
.searchBox .searchBottom p span,.searchBox .searchBottom p label{display: inline-block; vertical-align: middle;}
.searchBox .searchBottom p span{width:10px; height:10px; display: inline-block; border:1px solid #888888; }
.searchBox .searchBottom p input:checked+span{border:1px solid #d4233a; background:url(../img/img.png) no-repeat -43px 1px,#d4233a;;}
.searchBox .searchBottom p input:checked ~ label{color:#d4233a;}

.bookList{width:100%; margin:0 auto; padding-bottom:40px; padding-top:40px;}
.bookList>h3{line-height:38px; font-size:24px; color:#333333; text-align: center; margin-bottom:35px;}
.bookList ul{width:1604px; margin:0 auto;}
.bookList ul li{float:right; width:250px; height:207px; padding:22px 20px 17px 20px; background:white;
margin-bottom:32px; margin-left:38px; position: relative;}
.bookList ul li .p1{line-height:26px; color:#3d3d3d; font-size:18px; margin-bottom:11px;}
.bookList ul li .p2{line-height:22px; color:#999999; margin-bottom:26px;}
.bookList ul li div img{display: block; float: right; width:30%; height:96px; margin-left:10px;}
.bookList ul li div img:last-of-type{margin-left:0;}
.bookList p.more{text-align: center; line-height:24px;}
.bookList p.more a{color:#999999;}
.bookList ul li:hover{box-shadow: 0 0 12px 0 rgba(0,0,0,.3);}
.bookList ul li .tuijian{width:39px; height:35px; background:url(../img/tui.png) no-repeat left top;
position: absolute; left:0; top:0;}
.bookList ul li.hide{display: none;}
.bookList2 ul li img{width:100%; height: 100%;position: absolute; left:0; top:0;}
.bookList2 ul li p{position: absolute; bottom:0; left:0; right:0; z-index:2; padding-top:30px; line-height:36px;
background:url(../img/shadow.png) no-repeat left bottom; color:white; padding-right:14px; font-size:14px;}
.bookList2 ul li.hide{display: none;}
.bookList2 ul li{height:171px;}
.bookList3{background:white;}
.bookList3.sectionList ul{margin-bottom:0; overflow: initial;}
.bookList3.sectionList ul li{width:194px; margin-left:7px; padding-right:0; padding-bottom:0; padding-left:0;}
.bookList3.sectionList ul li:nth-of-type(8n){margin-left:0px;}

.footer{width:100%; margin:0 auto; background:url(http://image.thatsbooks.com/a27d5abfcbfd92b3660eccb345fe2b60) no-repeat left top;
height:558px; padding-top:146px;}
.footer .record{width:1150px; margin:0 auto 122px auto; background:rgba(0,0,0,.24);}
.footer .record li{padding-top:44px; padding-bottom:36px; text-align: center; float: left; width:33.3333%;}
.footer .record li h3{line-height:36px; font-size:48px; color:#ffba00; margin-bottom:30px;}
.footer .record li h3 span{position: relative;}
.footer .record li h3 span:after{content:"+"; color:#ffba00; position: absolute; right:-37px; top:-10px;}
.footer .record li h3 #productNumber_1:after,
.footer .record li h3 #productNumber_3:after{display: none;}
.footer .record li p{line-height:16px; font-size:16px; color:white;}
.footer .contact{width:1150px; margin:0 auto; position: relative;}
.footer .contact p{line-height:30px; font-size:12px; color:white;}
.footer .contact .p3{position: absolute; left:0; top:22px;}
.footer .contact .p3 a{margin-left:14px;}

.lookBook{height:100px; width:100%; line-height:100px; background:rgba(0,0,0,.5); position: fixed; left:0; bottom:0; text-align: center;
z-index:5;}
.lookBook a{font-size:24px; color:#ffba00; letter-spacing: 3px; font-family: "黑体";}
.lookBook .icon6{position: absolute; left:20px; top:47px; cursor: pointer;}


.banner2{height:258px; background:url(http://image.thatsbooks.com/45e824efbcffb60f9e3c289d1b74d680) no-repeat left bottom; margin-bottom:32px; background-size:100%;}
.banner2 .searchBox{margin:0 auto; width:704px; background:none;}
.banner2 .bannerCon{width:inherit; padding-top:54px; height:204px; background:rgba(0,0,0,.62);}
.searchResult{margin:0 20px;}
.searchResult .asideNav{width:220px;}
.searchResult .asideNav>div{background:white; padding-bottom:20px; margin-bottom:20px;}
.searchResult .asideNav>div h2{width:84px; height:34px; line-height:34px; text-align: center; background:url(../img/bg3.png) no-repeat left top;
color:white; font-weight: normal; font-size:14px; padding-left:12px; margin-bottom:18px;}
.searchResult .asideNav>div ul li{ position: relative;z-index: 10;}
.searchResult .asideNav>div ul li a{display: block; line-height:28px; color:#4c4c4c; padding-right:22px;margin-bottom:6px; padding-left:10px;}
.searchResult .asideNav>div .submenu{width:218px; padding:10px 0; border:1px solid #d4233a; box-shadow: 0 0 16px 0 rgba(0,0,0,.18);
-webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.18); -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,.18); -ms-box-shadow: 0 0 16px 0 rgba(0,0,0,.18);
position: absolute; top:0; background:white; left:-220px; display: none;}
.searchResult .asideNav>div ul li:hover>a,.searchResult .asideNav>div ul li>a.active{background:#d4233a; color:white;}
.searchResult .asideNav>div ul li:hover>.submenu{display: block;}
.searchResult .asideNav .more{color:#999999; padding-right:22px; cursor: pointer;}
.searchResult .asideNav .more:hover{color:#d4233a;}
.searchResult .asideNav>div li p{padding-right:23px; color:#333; margin-bottom:6px;}
.searchResult .asideNav .fenlei li a{padding-right:32px;}
.searchResult .asideNav .fenlei .more{padding-right:32px;}
.searchResult .asideNav .cbs ul{max-height:390px; overflow-y: auto;}

.pages_right{padding-top:1px; margin-bottom:10px;}
.pages_right p{height:24px; line-height:24px; border:1px solid #e8e8e8; background:white;}
.pages_right p a{display:block; float:left; text-align:center;	font-size:12px;	color:#33618a; border-left:1px solid #e8e8e8;}
.pages_right p a.active,.pages_right p a.active:hover{background:#33618a; color:white;}
.pages_right p a:hover{background:#f0f0f0;}
.pages_right p a.prev{padding:0 15px;}
.pages_right p a.num{padding:0 5px;}
.pages_right p a.next,.pages_right p a.last{padding:0 10px;}

.section{margin-right:263px;}
.sectionTop{overflow: hidden; margin-bottom:19px;}
.sectionTop .jsrules{line-height:26px; margin-bottom:16px;}
.sectionTop .jsrules p{display: inline-block; margin-left:24px;}
.sectionTop .jsrules .p1{font-size:12px; color:#666666;}
.sectionTop .jsrules .p1 span{color:#d4233a; padding:0 4px;}
.sectionTop .jsrules .p2{font-size:12px; color:#666666;}
.sectionTop .jsrules .p2 span{display: inline-block; width:80px; text-align: center; line-height:22px; color:#4c4c4c;
margin-right:10px; cursor: pointer;}
.sectionTop .jsrules .p2 span.up .icon8{background-position-x: 0;}
.sectionTop .jsrules .p2 span.down .icon8{background-position-x:-19px;}
.sectionTop .jsrules .p2 span:hover .icon8,.sectionTop .jsrules .p2 span.active .icon8{background-position-y:-102px;}
.sectionTop .jsrules .p2 span:hover,.sectionTop .jsrules .p2 span.active{color:white; background:#d4233a;}
.sectionTop .jsrules .p3{color:#666666; font-size:12px; position: relative;}
.sectionTop .jsrules .p3 span,.sectionTop .jsrules .p3 label{display: inline-block; vertical-align: middle;}
.sectionTop .jsrules .p3 span{width:10px; height:10px; border:1px solid #999999; margin-left:6px;}
.sectionTop .jsrules .p3 input:checked + span{background:url(../img/img.png) no-repeat -34px -24px;}
.sectionTop .jsrules .p3 input:checked ~label{color:#d4233a;}
.sectionTop .jsrules .p3 input{position: absolute; right:0; top:9px; opacity: 0;}
.sectionTop .local{line-height:17px; font-size:12px; color:#999999;}
.sectionTop .local a{color:#999; margin-left:5px;}
.sectionTop .local span{color:#4c4c4c; margin-right:6px;}
.sectionTop .local a:hover{color:#4c4c4c;}

.sectionList ul{overflow: hidden; margin-bottom:70px;}
.sectionList ul li{width:196px; float:right; text-align: center; height:242px; padding-top:16px;}
.sectionList ul li .image{width:118px; height:172px; border:1px solid #e6e6e6; margin:0 auto; margin-bottom:5px; position: relative;}
.sectionList ul li .image .lock{position: absolute; left:5px; top:5px; width:30px; height:30px;
background:url(../img/lock.png) no-repeat 0 0; padding:0; margin:0;}
.sectionList ul li .image img{display: block; width:100%; height:100%;}
.sectionList ul li p{line-height:16px; font-size:12px; color:#5c5c5c; font-family: Verdana; margin-bottom:10px; padding:0 10px;}
.sectionList ul li span{font-size:11px; color:#999999; line-height:14px; text-decoration: underline; padding:0 10px; display: block;}
.sectionList ul li:hover{background:white; box-shadow: 0 0 12px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
 -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.2); -ms-box-shadow: 0 0 12px 0 rgba(0,0,0,.2);}

.sectionTop .jsrules .cleartj{cursor: pointer;}
.sectionTop .jsrules .cleartj:hover{color:#d4233a;}
.huanyingp{margin-left:5px;}
.bookshelf{margin-right:10px;}
.bookshelf,.tuichup,.userp{color:#808080; cursor: pointer;}
.bookshelf:hover,.tuichup:hover{color:#d4233a;}
.tuichup{margin-right:10px; margin-left:10px;}
.userp:hover{color:#333;}
.huanyingp,.userp,.tuichup,.bookshelf{float:right;}

.consultCon{position: absolute; left:0; right:0; top:66px; bottom:0; background:url(../img/bg4.png) no-repeat left top;
background-size:cover; z-index:-1;}
.consultCon .consultCard{height:353px; padding:13px 54px 0 66px; border-radius:2px; -webkit-border-radius:2px;
-moz-border-radius:2px; -ms-border-radius:2px; width:540px; position: absolute; left:50%; top:50%; margin-left:-330px;
margin-top:-183px; background:url(../img/img4.png) no-repeat 49px 227px,white;}
.consultCon .consultCard h2{line-height:58px; border-bottom:1px solid #e6e6e6; font-size:18px; color:#1a1a1a; font-family: Adobe,"黑体",Std; font-weight: normal;
margin-bottom:38px;}
.consultCon .consultCard .panel{margin-bottom:30px;}
.consultCon .consultCard .panel p{line-height:28px; font-size:16px; color:#666666;}
.consultCon .consultCard .panel p span{margin-right:16px; color:#1a1a1a;}
.consultCon .consultCard .panel p em{display: inline-block; width:8px;}

/* 音频书 */
.audioBooks{background:white;}
.audioBooks>div{padding:19px 0 24px 0; margin:0 97px; margin-bottom:25px; position: relative; height:256px; background:url(../img/bg5.png) no-repeat left top; background-size:cover; overflow: hidden;}
.audioBooks.bookList ul li{background:none;}
.audioBooks.bookList ul li:hover{box-shadow: none;}
.audioBooks.bookList ul li .image{position: relative;}
.audioBooks.bookList ul li p{ text-align: center; direction: rtl;}
.audioBooks.bookList ul li p{line-height:20px; font-size:14px; color:#ffffff; margin-bottom:4px;}
.audioBooks.bookList ul li span{line-height:16px; font-size:12px; color:#b2b2b2; text-align: center; text-decoration: none;}

@media screen and (min-width:1800px){
	.bookList ul li:nth-of-type(5n){margin-left:0;}
	.bookList3.sectionList ul li:nth-of-type(5n){margin-left:7px;}
}
@media screen and (max-width:1600px){
	.huanyingp,.huanyingSpan,.userp,.tuichup{display: none;}
}
@media screen and (min-width:1550px) and (max-width:1740px){
	.banner1 .bannerCon{width:1490px;}
}
@media screen and (min-width:1440px) and (max-width:1549px){
	.banner1 .bannerCon{width:1386px;}
}
@media screen and (min-width:1600px) and (max-width:1799px){
	.bookList ul{width:1280px;}
	.bookList ul li:nth-of-type(4n){margin-left:0;}
	.bookList3.sectionList ul li{width:206px;}
	.bookList3.sectionList ul li:nth-of-type(6n){margin-left:0px;}
	.bookList3.sectionList ul li:nth-of-type(4n){margin-left:7px;}
}
@media screen and (min-width:1440px) and (max-width:1600px){
	.bookList ul{width:1274px;}
	.bookList ul li:nth-of-type(4n){margin-left:0;}
	.bookList3.sectionList ul li{width:206px;}
    .bookList3.sectionList ul li:nth-of-type(4n){margin-left:7px;}
	.bookList3.sectionList ul li:nth-of-type(6n){margin-left:0px;}

}
@media screen and (min-width:1367px) and (max-width:1439px){
	.banner1 .bannerCon{width:1280px;}
	.banner1 .searchBox .searchTop input{width:560px;}
	.bookList ul{width:948px;}
	.bookList ul li:nth-of-type(3n){margin-left:0;}
	.bookList3.sectionList ul li{width:152px;}
	.bookList3.sectionList ul li:nth-of-type(3n){margin-left:7px;}
    .bookList3.sectionList ul li:nth-of-type(8n){margin-left:7px;}
    .bookList3.sectionList ul li:nth-of-type(6n){margin-left:0px;}
	.banner1 .searchBox{width:878px;}
}

@media screen and (min-width:1280px) and (max-width:1366px){
	.sectionList ul li{width:16%;}
	.bookList3.sectionList ul li{width:184px; margin-left:7px;}
	.bookList ul{width:948px;}
	.bookList ul li:nth-of-type(3n){margin-left:0;}
	.bookList3.sectionList ul li:nth-of-type(5n){margin-left:0px;}
	.bookList3.sectionList ul li:nth-of-type(3n){margin-left:7px;}
	.banner1 .bannerCon{width:1110px;}
	.searchBox .searchTop input{width:560px;}
	.banner2 .bannerCon{width: initial;}
	.banner .bannerCon>ul{margin-left: 60px;}
	.searchBox .searchTop input{width:386px;}
	.footer .record,.footer .contact{width:85%;}
	.banner1 .searchBox{width:704px;}
}
@media screen and (min-width:1080px) and (max-width:1280px){
	.sectionList ul li{width:20%;}
	.bookList3.sectionList ul li{width:184px; margin-left:7px;}
	.bookList3.sectionList ul li:nth-of-type(5n){margin-left:0px;}
	.bookList ul{width:948px;}
	.bookList ul li:nth-of-type(3n){margin-left:0;}
	.banner1 .bannerCon{width:985px;}
	.banner2 .bannerCon{width: initial;}
	.banner .bannerCon>ul{margin-left: 50px;}
	.searchBox .searchTop input{width:286px;}
	.banner1 .searchBox{width:604px;}
	.banner2 .searchBox{width:604px;}
	.footer .record,.footer .contact{width:85%;}
}
@media screen and (max-width:1080px){
	.sectionList ul li{width:25%;}
	.bookList3.sectionList ul li{width:184px; margin-left:7px;}
	.bookList3.sectionList ul li:nth-of-type(5n){margin-left:0px;}
	.bookList ul{width:948px;}
	.bookList ul li:nth-of-type(3n){margin-left:0;}
	.banner1 .bannerCon{width:920px;}
	.banner2 .bannerCon{width: initial;}
	.banner .bannerCon>ul{margin-left: 50px;}
	.searchBox .searchTop input{width:276px;}
	.banner1 .searchBox{width:594px;}
	.banner2 .searchBox{width:595px;}
	.footer .record,.footer .contact{width:85%;}
}
@media screen and (min-width:1366px){
	.banner2 .searchBox{width:925px;}
}
.bookList ul li .audioBook{overflow: inherit;}
.audioBook{display: block; position: relative; }
.audioBook:after{content:""; width:30px; height:30px; background:url(../img/audio.png) no-repeat left top;background-size:100% 100%; position: absolute; right:-6px; top:-6px;}