@charset "utf-8";
/* CSS Document */
*{margin: 0px; padding: 0px; box-sizing: border-box;}
p,body,ul,a{margin:0px; padding:0px; list-style-type:none; text-decoration:none;}
body{ background-color:#09C; font-size:14px; font-family:微软雅黑; margin:0px; line-height:28px;}

a{ height:25px; line-height:25px; color:#666; padding-left:0px; font-size:14px;}
a:visited{ height:25px; line-height:25px; color:#666; padding-left:0px;}
a:link{ height:25px; line-height:25px; color:#666; padding-left:0px;}
a:hover{ height:25px; line-height:25px; color:red; padding-left:0px;}

#bigdiv{ width:1000px; border:0px solid red; margin:0px auto; background:#fff; position:relative;
	
}

#grayline{ height:22px; line-height:20px; background:url(../images/grayline.fw.png) no-repeat;}
#grayline p{ width:920px; position:relative; margin:0px auto; font-size:13px;}
#grayline span{ display:block; height:20px; line-height:20px; float:right; text-align:center;}
#grayline #sleft{ display:block; height:20px; line-height:20px; float:left; text-align:center; color:#999; font-size:12px;}
#grayline a{ color:#666; font-size:12px; padding-left: 10px;}
#header{ height:105px; position:relative; top:0px; left:0px;}
#logo{ position:relative; top:10px; left:22px; width:425px; height:84px; display:block; background:url(../images/htlogo.fw.jpg) no-repeat;}
#banner img{ width:100%; height: auto; }
/* 搜索框 */
	#header .search {padding : l0px 0 ; position: absolute;  top:30px; right: 40px;}
	#header form {	position : relative;width: 360px;}
	#header input,#header button {	border: none;	outline: none;	}
	#header .search input {	width:100%;height:40px;padding-left:13px;border:1px solid #d6d6d6;border-radius:10px;}
	
	#header .search button {height: 38px ;width: 58px;cursor: pointer;background : #d3d3d3 ;border-radius: 0 10px 10px 0;right: 0; position: absolute; top: 0px; right: 0px;}
	#header .search button:hover{background-color: #c7585c; color: #fff;}
	#header .search button:before {	content: "搜索";font-size: l3px;}
		
	#header .search select{ display: block; width: 100px; height: 38px ;cursor: pointer;right: 0; position: absolute; top: 1px; right:58px; border-left: 1px solid #d3d3d3; border-top: 0px; border-bottom:0px; background-color: #fff;}

#menu{ height:40px; line-height:40px; font-size:18px; background-color:#1C77AC;}
#menu ul li{ float:left; color:#FFF;}
#menu ul li.menutext{ width:130px; text-align:center; color:#FFF;}
#menu ul li.ycol{ width:5px; height:40px; display:block; background-color:#F3C309; float:left;}
#banner{ height:276px; background-color:#999;}
#menu ul li a{ width:130px; text-align:center; color:#FFF; font-size:18px}
#menu ul li a:link{ width:130px; text-align:center; color:#FFF; font-size:18px}
#menu ul li a:visited{ width:130px; text-align:center; color:#FFF; font-size:18px}
#menu ul li a:hover{ width:130px; text-align:center; color:#FF0; font-size:18px}


#daoxiang{ height:30px; background:url(../images/menubg.jpg) repeat-x; line-height:30px;}
#daoxiang span{ display:block; height:30px; padding-left:20px; font-size:14px; line-height:30px; color:#666;}
#main{ min-height:600px; width:960px; margin:5px auto;}
#main_left{ width:400px; height:400px; float:left;}
#main_left .pic{ display:block; width:397px; height:87px; background:url(../images/quanminyuedu.jpg) no-repeat;}
.lanmutitbg{ height:32px; margin:10px 0px; background-color:#CCC;}
.lanmutit{ height:32px; line-height:32px; width:100px; float:left; background-color:#1F79AE; text-align:center; color:#FFF; font-size:15px;}
.lanmutit_en{ line-height:32px; font-size:15px; color:#996;}
.content{ width:96%; margin:10px auto; font-size:15px; line-height:1.8em; color:#333; max-height:320px; overflow:auto;}
 

#main_con{ width:530px; min-height:600px; float:right;}
#main_con .shumu{ height:200px; border:0px solid #F00;}
#main_con .shumu li{ border-bottom:1px dashed #CCCCCC; height:25px; line-height:25px;}
#main_con .shumu li span{ float:right; font-size:13px; color:#666;}

#main_con .bookpic li{ display:block; width:84px; height:126px; float:left; margin:5px 9px; border:1px solid #999; padding:1px}



#sum_left{ width:190px; min-height:500px; float:left;}
#sum_left .lanmutitbg{ height:32px; line-height:32px; text-align:center; margin:10px 0px; background-color:#C2C2C2;}
#sum_left .lanmutit{ height:32px; line-height:32px; float:left; text-align:center; color:#FFF; font-size:15px;}
#sum_left .bookclass{ display:block; margin:-10px 0px 0px 25px; width:162px; border-left:1px solid #999; min-height:300px; padding-top:20px;}
#sum_left .bookclass li{ display:block; line-height:25px; color:#666; padding-left:10px;}
#sum_left .bookclass li a{ height:25px; line-height:25px; color:#666; padding-left:10px; font-size:15px;}
#sum_left .bookclass li a:visited{ height:25px; line-height:25px; color:#666; padding-left:10px;}
#sum_left .bookclass li a:link{ height:25px; line-height:25px; color:#666; padding-left:10px;}
#sum_left .bookclass li a:hover{ height:25px; line-height:25px; color:red; padding-left:10px;}

.booklist{ display:block; width:100%;}
.booklist li{ height:32px; line-height:32px; background-color:#CCC; text-align:center; margin:8px 0px;}
.booklist li a{ height:25px; line-height:25px; color:#666; padding-left:0px; font-size:15px;}
.booklist li a:visited{ height:25px; line-height:25px; color:#666; padding-left:0px;}
.booklist li a:link{ height:25px; line-height:25px; color:#666; padding-left:0px;}
.booklist li a:hover{ height:25px; line-height:25px; color:red; padding-left:0px;}

#sum_con{ width:740px; min-height:500px; float:right;}
#sum_con .shumu{ height:200px; border:0px solid #F00;}
#sum_con .shumu li{ border-bottom:1px dashed #CCCCCC; height:35px; line-height:35px; padding-left:10px;}
#sum_con .shumu li span{ float:right; font-size:13px; color:#666; margin-right:10px;}

.indexbookpic{ width:520px; margin:10px 0px; border:0px solid #CCC; position:relative;}
.indexbookpic li{ width:116px; padding:1px; margin:10px 5px; border:1px solid #eeeeee; float:left; overflow: hidden;}
.indexbookpic li img{ width:116px; height:110px;}

.bookpic{ width:356px; height:170px; float:left; margin:10px 5px; border:0px solid #CCC; position:relative;}
.spic{ width:110px; height:110px; padding:1px; margin:20px 5px; border:0px solid #CCC; float:left; position:relative;}
.spic img{ width:110px; height:110px; border:0px;}
.sinfo{ width:190px; height:140px; padding:10px 0px; float:left; margin:0px 5px; position:relative;}
.sinfo span{ width:100%; display:block; line-height:22px; font-size:12px; position:relative;}
.sinfo .tjtu{ border:0px solid red;}

.scart{ margin: 10px 5px; position: absolute; left: 15px; bottom:-10px;}
.scart a{width:40px; border: 0px solid red; display: block; float: left; text-align: center; color:#fff}
.scart .tj{ border-radius: 3px 0px 0px 3px; background-color: #a59e6c;}
.scart .tj:hover{ background-color: #67c28a;}
.scart .sd{ border-radius: 0px 3px 3px 0px;border-left: 0px; background-color: #747256;}
.scart .sd:hover{background-color: #c9620f;}

.scart{ margin: 10px 5px; position: absolute; left: 15px; bottom:-10px;}
.scart a{width:40px; border: 0px solid red; display: block; float: left; text-align: center; color:#fff}
.scart .tj{ border-radius: 3px 0px 0px 3px; background-color: #a59e6c;}
.scart .tj:hover{ background-color: #67c28a;}
.scart .sd{ border-radius: 0px 3px 3px 0px;border-left: 0px; background-color: #747256;}
.scart .sd:hover{background-color: #c9620f;}

.sbookpic{ width:100%; min-height:280px; float:left; margin:20px 5px; border:0px solid #CCC; position:relative;}
.sspic{ width:160px; height:180px; padding:1px; margin:10px 5px; border:1px solid #CCC; float:left; position:relative; overflow: hidden; }
.sspic img{ width:160px; height:160px; border:0px;}


.ssinfo{ width:550px; height:240px; padding:10px 0px 10px 20px; float:left; margin:1px 5px; position:relative;}
.sbtitle{ width:100%; display:block; line-height:45px; font-size:20px; font-family: '微软雅黑'; position:relative; color:#3d3c3c;  border-bottom:1px dashed #999999; margin-bottom: 10px;}
.smbtitle{ display:block; line-height:28px; font-size:15px; color:#666;}
.ssmtitle{ line-height:25px; line-height:25px; font-size:13px; color:#999;}

.book_info{ width:98%; margin:30px 0px; font-size:13px; line-height:32px; color:rgb(124, 124, 124); border-top: 1px dotted #636262; padding: 20px 0px;}
.book_info li{ width:33%; float:left; border: 0px solid red;}


.book_con{ width:98%; margin:20px 0px; font-size:15px; line-height:28px; text-indent:2em; color:#666;}


.sscart{ margin: 10px 5px; position: absolute; }
.sscart a{width:52px; border: 0px solid red; display: block; float: left; text-align: center; color:#fff}
.sscart .tj{ border-radius: 3px 0px 0px 3px; background-color: #a59e6c;}
.sscart .tj:hover{background-color: #67c28a;}
.sscart .sd{ border-radius: 0px 3px 3px 0px;border-left: 0px; background-color: #bebebe;}


.pagelist {padding:10px 0; text-align:center;}
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #999;display:inline-block; padding:0px 12px;}
.pagelist a{ margin:0 3px;}
.pagelist span.current{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
.pagelist a:hover{background:#09F; color:#FFF; border-color:#09F; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}

#cart_tit{ height:48px; line-height:30px; color:#666; padding-left:20px; font-size:15px; font-weight:bold;}
#cart_con table{ border: 1px solid #e0e0e0; border-collapse: collapse;}
#cart_con th{ height:48px;}
#cart_con tr{ height:42px;}
#cart_con tr:hover{ background-color: #e7e7e7;}
#cart_con tr td{ border:1px dotted #8b8b8b;}
#cart_con tr td a{ padding: 2px; margin: 0px 3px;}
#cart_con .num{ text-align:center; font-size:15px; color:#F00;}


#marc_tit{ height:30px; line-height:30px; color:#666; font-size:15px; font-weight:bold; border-bottom:1px dotted #999;}

#user_login{ width:360px; min-height:330px; margin:20px auto; position:relative; border:1px solid #CCC; }
#login {
	font-size:14px;
	width: 100%;
	height: 200px;
	display:block;
	background-color: #FFF;
	margin:50px auto;
}
#login li{ 
	height:35px; 
	line-height:35px;
	padding:5px 10px;}
#login li span{
	padding:0px 10px 0px 30px;}
#login input{
	height:25px;
	line-height:25px;
	border:1px solid #CCC;
	font-size:13px;
	padding:0px;}
#login .tex{ width:140px;}
#login #captcha{width:60px;}
#login img{ padding:0px; margin:0px;}
#login #tj{ clear:both;margin-left:80px;width:80px; text-align:center;}


#user_reg{ width:600px; min-height:500px; margin:20px auto; position:relative;}
#reg{font-size:14px; width: 380px; background-color: #FFF; margin:50px auto;
}


.succes { width:90%; height:400px; text-align:center; font-size:25px; color:#666; margin:10px auto; }
.succes p{ margin-top:60px; text-align:center;}
.succes p span{ color:#F00; font-size:30px;}


.dingdan_moreline{ font-size:12px; color:#999; text-align:center;}

#footer{ height:120px; background-color: #f3f4f5;}
#footer_menu{ height:30px; line-height:30px; text-align:center; background-color:#999; color:#FFF; padding-left:140px;}
#footer_menu li{ float:left; display:block; width:100px; text-align:center;}
.copyright{ clear:both; padding-top:5px; color:#999; text-align:center;}
.clear{ clear:both;}