﻿#top-gap{
	padding-top:50px;
}
.day .bg-ct{
	background:url(../images/bg_day.jpg) repeat center top;
}
.night .bg-ct{
	background:url(../images/bg_night.jpg) repeat center top;
}
.f_remind{
	height:60px;
	background:#ff6d68;
}
.f_remind_m{
	width:705px;
	margin:0 auto;
}
.f_remind_word{
	float:left;
	width:362px;
	padding-left:223px;
	height:60px;
	line-height:60px;
	font-size:18px;
	background:url(../images/f_remind.png);
}
.f_remind_btn{
	float:left;
	margin-left:8px;
	width:112px;
	height:60px;
	background:url(../images/f_remind.png) -593px 0;
}
.f_remind_close{
	float:right;
	width:22px;
	height:22px;
	margin:5px;
	background:url(../images/f_remind.png) -705px 0;
}
.day .bg-ct1{
	background:url(../images/bg_day_ct1.png) repeat-x center top;
}
.day .bg-ct2{
	background:url(../images/bg_day_ct.png) repeat center top;
}
.night .bg-ct2{
	background:url(../images/bg_night_ct.png) repeat center top;
}
.day .bg-icon{
	background:url(../images/bg_day_icon.png) repeat-x center bottom;
}
.night .bg-icon{
	background:url(../images/bg_night_icon.png) repeat-x center bottom;
}
.day .bg-top{
	margin:142px 0 0 -700px;
	width:176px;
	height:167px;
	background:url(../images/sun.png);
}
.night .bg-top{
	margin-left:541px;
	width:138px;
	height:264px;
	background:url(../images/moon.png);
}
.bg-top{
	position:absolute;
	top:0;
	left:50%;
}
.bg-bt{
	background:url(../images/bg_bt.jpg);
}
#wrap{
	margin:0 auto;
	width:950px;
}
#wrap .center{
	text-align:center;
	background:#fff9d7;
	line-height:24px;
	font-weight:bold;
	color:#33343a;
}
.center a{
	color:#064d9f;
}
/*header start*/
#header{
	position:relative;
	height:40px;
}
#logo{
	position:absolute;
	top:3px;
	left:34px;
	z-index:2;
}
#nav{
	float:right;
}
#nav li{
	margin-right:20px;
	line-height:40px;
	height:40px;
	font-size:14px;
	float:left;
	background-repeat:no-repeat;
	background-position:left center;
}
#nav .n1{
	padding-left:35px;
	background-image:url(../images/icon/icon01.png);
}
#nav .n2{
	padding-left:25px;
	background-image:url(../images/icon/icon02.png);
}
#nav .n3{
	padding-left:44px;
	background-image:url(../images/icon/icon03.png);
}
#nav .n4{
	padding-left:30px;
	background-image:url(../images/icon/icon04.png);
}
.day #nav a{
	color:#fff;
}
.phone_link{
	float:right;
	width:68px;
	height:17px;
	line-height:17px;
	background:url(../images/icon/phone_icon.png) left center no-repeat;
	text-indent:19px;
	margin:11px;
	font-size:16px;
	color:#52b6df;
}
#search{
	margin-top:5px;
	width:172px;
	height:30px;
	float:right;
}
#search .s-input{
	margin:5px 0 0 6px;
	padding:0 3px;
	height:20px;
	width:130px;
	line-height:20px;
	font-size:12px;
	float:left;
	border:0;
}
#search .s-btn{
	width:30px;
	height:30px;
	float:right;
	cursor:pointer;
	border:0;
	background:url(../images/search_bg.png) center center no-repeat;
}
/*header end*/
#main{
	width:950px;
	background-color:#fbfdd6;
	border-radius:10px;
}
/*left start*/
#left{
	margin:29px 0 0 20px;
	float:left;
	width:197px;
}
.l-login{
	margin-bottom:10px;
	padding:10px;
	background-color:#ffdc1b;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.l-login .l-item{
	margin-bottom:5px;
	line-height:20px;
}
.l-login .l-item label{
	margin-right:5px;
	float:left;
}
.l-login .l-item input{
	padding:0 3px;
	width:138px;
	height:20px;
	line-height:20px;
	font-size:12px;
	border:0;
}
.l-login .l-sign{
	margin-top:10px;
	line-height:22px;
	height:22px;
}
.l-login .l-out{
	margin-top:3px;
	line-height:22px;
	height:22px;
}
.l-login .l-sign input{
	width:44px;
	height:22px;
	color:#fff;
	font-size:14px;
	cursor:pointer;
	float:right;
	border:0;
	background:url(../images/btn/btn_login.png) no-repeat;
}
.l-login .l-sign input:hover{
	background-position:-44px 0;
}
.l-login .l-sign a{
	font-size:12px;
}
.l-login .l-sign a:hover{
	color:#f00;
	text-decoration:none;
}
.l-login .person dt{
	margin-right:5px;
	float:left;
	border:2px solid #ff4800;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
}
.l-login .person dd{
	padding-top:5px;
	line-height:18px;
}
.l-login .l-out a{
	height:22px;
	color:#fff;
	text-align:center;
	display:block;
	background:url(../images/btn/btn_login.png) no-repeat;
}
.l-login .l-out a:hover{
	text-decoration:none;
}
.l-login .l-out .ac{
	width:115px;
	float:left;
	background-position:0 -27px;
}
.l-login .l-out .ac:hover{
	background-position:-115px -27px;
}
.l-login .l-out .out{
	width:44px;
	float:right;
}
.l-login .l-out .out:hover{
	background-position:-44px 0;
}
#wb_connect_btn{ 
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/weibo.png);
}

.qq_login{ display:inline-block; width:15px; height:16px; background:url(../images/btn/quick_login.png) no-repeat; margin-right:3px;}
.weixin_login{display:inline-block; width:16px; height:16px; background:url(../images/btn/quick_login.png) -15px 0 no-repeat;}
#wb_connect_btn div img{vertical-align: bottom;}
.m-t-5{margin-top:5px;}
.menu{
	margin-bottom:10px;
}
.menu li{
	margin-bottom:5px;
}
.menu li a{
	width:197px;
	height:43px;
	display:block;
	text-indent:-9999em;
	background-image:url(../images/menu_li.png);
	background-repeat:no-repeat;
}
.mu2 a{
	background-position:0 -48px;
}
.mu3 a{
	background-position:0 -96px;
}
.mu4 a{
	background-position:0 -144px;
}
.mu5 a{
	background-position:0 -192px;
}
.mu6 a{
	background-position:0 -240px;
}
.mu7 a{
	background-position:0 -288px;
}
.mu1 a:hover, .mu1 .current{
	background-position:-202px 0;
}
.mu2 a:hover, .mu2 .current{
	background-position:-202px -48px;
}
.mu3 a:hover, .mu3 .current{
	background-position:-202px -96px;
}
.mu4 a:hover, .mu4 .current{
	background-position:-202px -144px;
}
.mu5 a:hover, .mu5 .current{
	background-position:-202px -192px;
}
.mu6 a:hover, .mu6 .current{
	background-position:-202px -240px;
}
.mu7 a:hover, .mu7 .current{
	background-position:-202px -288px;
}
.submenu{
	margin-bottom:2px;
}
.submenu li{
	float:left;
}
.submenu li a{
	width:197px;
	height:49px;
	display:block;
	text-indent:-9999em;
	background-image:url(../images/submenu_li.png);
	background-repeat:no-repeat;
}
/*.sm1, .sm3{
	margin-right:5px;
}*/
.sm1, .sm2{
	margin-bottom:5px;
}
.sm2 a{
	background-position:0 -49px;
}
.sm3 a{
	background-position:-192px 0;
}
.sm4 a{
	background-position:-288px 0;
}
.sm1 a:hover{
	background-position:-197px 0;
}
.sm2 a:hover{
	background-position:-197px -49px;
}
.sm3 a:hover{
	background-position:-192px -60px;
}
.sm4 a:hover{
	background-position:-288px -60px;
}
.sm-link1,.sm-link2{
	float:left;
	width:95px;
	height:58px;
	background-image:url(../images/submenu_li.png);
}
.sm-link1{
	background-position:0 -98px;
	margin:0 7px 5px 0;
}
.sm-link2{
	background-position:-190px -98px;
	margin-bottom:5px;
}
.sm-link1:hover{
	background-position:-95px -98px;
}
.sm-link2:hover{
	background-position:-285px -98px;
}
.btn_8intell{
	display:block; 
	width:198px; 
	height:50px; 
	background:url(../images/assess_images/btn_8intell.png);
	margin-bottom:10px;
}
/*left end*/
/*right start*/
#right{
	margin-right:20px;
	float:right;
	width:693px;
}
#user_info{
	margin:0 auto;
	width:693px;
}
#video{
	margin-bottom:10px;
	width:472px;
	height:594px;
	float:left;
	background:url(../images/home_video_bg.png) left bottom no-repeat;
}
#video .news-mq{
	margin:0 10px;
	padding-left:43px;
	line-height:22px;
	background:url(../images/icon/icon05.png) no-repeat;
}
#video .video-box{
	padding:0px 6px;
}
.sel_tab{position:relative; width:195px; height:30px; margin:0 auto; margin-bottom:5px;}
.sel_tab_word_free,.sel_tab_word_bk{width:185px; height:26px; margin-left:5px;}
.sel_tab_word_free{ background:url(../images/sel_tab_word.png) no-repeat;}
.sel_tab_word_bk{ background:url(../images/sel_tab_word.png) 0 -26px no-repeat;}
.sel_tab span{ float:left; width:85px; height:26px; cursor:pointer;}
.sel_tab span.free_box{ margin-left:15px;}
.y_slider_bg{ position:relative; width:195px; height:4px;}
.y_slider_bg span{ position:absolute; width:95px; height:4px; top:0; left:100px;background:url(../images/slider_bg.png) no-repeat;}
.bk_icon{position:absolute; top:-5px; left:5px; width:79px; height:0px; background:url(../images/bk_head.png) no-repeat;}
.free_icon{position:absolute; top:-5px; left:125px; width:48px; height:0px; background:url(../images/free_box.png) no-repeat;}
#free_readbook{position: absolute;}
#bk_video{position: absolute; width:450px; margin:12px 0 0 5px; padding-top:55px; background:url(../images/bk_introduce.png) no-repeat top center; z-index: -999;}
#bk_video video{border-radius: 10px;}
#screen{
	position:relative;
	width:459px;
	height:277px;
	background:url(../images/welcome_screen.png) no-repeat center center;
}
#screen #part1{
	left:3.5%;
}
#screen #part2{
	right:3%;
	width:46%;
}
#screen #part1 .flex-prev,#screen #part1  .flex-next {
	width: 25%;
	height: 16%;
	position: absolute;
}
#screen #part1 .flex-prev{
	left: -6%;
	top: -18%;
}
#screen #part1 .flex-next{
	left: 201%;
	top: -18%;
}
#screen .shade{
	top:0;
	height:100%;
}
#screen #part2 .pinyin,#screen #part2 div{
	font-size:14px;
}
#index_sound{
	position:absolute;
	right:15px;
	bottom:11px;
	width:25px;
	height:22px;
}
#index_sound img{
	width:100%;
}
/******首页轮播*******/
.playlist{ width:459px; margin-top:5px; height:122px; background: #fff;
border-radius: 8px; position:relative;}
#pl-img{margin:0 5px; float:left; position:relative; top:-16px; width:383px; height:122px; overflow:hidden; padding-top:16px;}
.playlist ul{ position:absolute; top:0; left:0; padding-top: 16px; height:122px; width:1000em;}
.playlist li{ float:left; _display:inline; width: 89px;height: 122px; margin-top:-16px; padding-top: 16px;text-align: center;}
.playlist li.cur{background:url(../images/playing_bg.png) no-repeat left bottom;}
.playlist li img{ cursor: pointer;width: 71px;height: 110px;margin-top: 6px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.playlist .prev{float:left; width:33px; height:122px; background:url(../images/btn/btn_l.png) no-repeat;} 
.playlist .next{ float:left; width:33px; height:122px; background:url(../images/btn/btn_r.png) no-repeat; }
/******首页轮播*******/
#sidebar{
	width:200px;
	float:right;
	margin-top:29px;
}
.banner{
	margin-bottom:10px;
	border:1px solid #ddd;
	overflow:hidden;
	height:163px;
}
.banner img{
	width:195px;
	height:163px;
}
#sidebar .fb-box{
	margin-bottom:10px;
}
#sidebar .fb-box .fb-title{
	padding:30px 0 0 40px;
	height:20px;
	line-height:20px;
	background:url(../images/icon/icon_fb.png) no-repeat left bottom;
}
#sidebar .fb-box .fb-port{
	width:198px;
	height:200px;
	border:1px solid #ddd;
	background-color:#fff;
	position:relative;
	overflow:hidden;
}
#sidebar .fb-box .fb-port .fb-li{
	height:10000em;
	position:absolute;
}
#sidebar .fb-box .fb-port li{
	padding:5px 10px;	
}
#sidebar .fb-box .fb-port li img{
	margin-right:5px;
	float:left;
}
#sidebar .fb-box .fb-port li div{
	height:40px;
	font-size:10px;
	overflow:hidden;
}
#sidebar .fb-box .actions a{
	margin-left:5px;
	font-size:12px;
	cursor:pointer;
	float:right;
}
#sidebar a.img_link1,#sidebar a.img_link2,#sidebar a.img_link3,#sidebar a.img_link4,#sidebar a.img_link5,#sidebar a.img_link6{
	display:block;
	width:196px;
	height:49px;
	margin-top:7px;
	background-image:url(../images/submenu_li.png)
}
#sidebar a.img_link1{
	background-position:0 -156px;
}
#sidebar a.img_link2{
	background-position:0 -205px;
}                        
#sidebar a.img_link3{    
	background-position:0 -254px;
}                        
#sidebar a.img_link4{    
	background-position:0 -303px;
}
#sidebar a.img_link1:hover{
	background-position:-196px -156px;
}
#sidebar a.img_link2:hover{
	background-position:-196px -205px;
}
#sidebar a.img_link3:hover{
	background-position:-196px -254px;
}
#sidebar a.img_link4:hover{
	background-position:-196px -303px;
}
.qr_codes{
	position:relative;
}
.qr_codes_show{
	display:none;
	position:absolute;
	top:-204px;
	left:0;
	width:204px;
	height:204px;
	background:url(../images/qr_codes.png) no-repeat;
}
#scroll-box{
	margin-bottom:10px;
	padding-left:95px;
	height:130px;
	background:url(../images/icon/icon_rec.png) no-repeat;
}
.scrollable{
	width:558px;
	height:130px;
	position:relative;
	overflow:hidden;
	float:left;
}
.scrollable .items{
	width:20000em;
	position:absolute;
}
.scrollable .items ul{
	float:left;
}
.scrollable .items li{
	margin:0 5px;
	width:83px;
	float:left;
	overflow:hidden;
}
.scrollable .items li a{
	font-size:12px;
	line-height:18px;
	display:block;
	text-align:center;
	white-space:nowrap;
}
#scroll-box .browse{
	margin-top:48px;
	width:11px;
	height:16px;
	float:left;
	background:url(../images/btn/btn_scroll.png) no-repeat;
}
#scroll-box .prev{
	margin-right:5px;
}
#scroll-box .prev:hover{
	background-position:-24px 0;
}
#scroll-box .next{
	margin-left:5px;
	background-position:-12px 0;
}
#scroll-box .next:hover{
	background-position:-36px 0;
}
/*right end*/
/*footer start*/
#footer{
	width:910px;
	margin:0 auto;
	padding:0 20px 5px;
	height:203px;
}
.foot_l{
	float:left;
	width:156px;
	background:url(../images/foot_line.png) right center no-repeat;
}
.foot_logo{
	margin:20px 0 7px;
}
.foot_l a{
	float:left;
	margin:0 20px 0 0;
}
.foot_m{
	float:left;
	width:215px;
	margin:30px 0 0 24px;
}
.foot_m a{
	float:left;
	margin:0 23px 7px 0;
}
.foot_r{
	float:right;
	width:512px;
	margin-top:30px;
}
.foot_r a{
	float:left;
	width:122px;
	height:35px;
	background-image:url(../images/foot_links.png);
	margin:4px 0 0 4px;
}
.foot_r a.footer_link1{
	background-position:0 0;
}
.foot_r a.footer_link2{
	background-position:-122px 0;
}
.foot_r a.footer_link3{
	background-position:-244px 0;
}
.foot_r a.footer_link4{
	background-position:-366px 0;
}
.foot_r a.footer_link5{
	background-position:-488px 0;
}
.foot_r a.footer_link6{
	background-position:-610px 0;
}
.foot_r a.footer_link7{
	background-position:-732px 0;
}
.foot_r a.footer_link8{
	background-position:-854px 0;
}
.footer_cr{text-align:center; color:#66730a; font-size:12px; margin-top:38px;}
.footer_cr a{color:#66730a;}
.foot_codes_show{display:none;position:absolute;top:-204px;right:-10px;width:204px;height:204px;background:url(../images/qr_codes.png) no-repeat;}
/*footer end*/

/*图片切换*/
.ibox{ width:200px; height:282px; position:relative; overflow:hidden}
.ibox .showbox{position:absolute;left:0;width:6376px; height:282px;}
.ibox .showbox ul li{float:left;}
.ibox .showbox ul li img{ width:200px; height:282px;}
.ibox span.num ol li,.ibox span.num ol li.numcur{display:inline-block; margin-right:5px; width:12px; height:12px; cursor:pointer; background-image:url(../images/banner_icon.png);}
.ibox span.pre, .ibox span.next{ display:none;}
.ibox span.num{position:absolute; left:35px; bottom:10px; display:inline-block; width:140px; height:12px;}
.ibox span.num ol li{ float:left; height:12px;}
.ibox span.num ol li.numcur{ background-position:-12px 0;}

/*大师精选*/
.masters_area{width:950px;background-color:#fbfdd6;border-radius:10px; margin-top:20px; padding-bottom:10px;}
.master_title{float:left;width:151px; height:59px; background-image:url(../images/master_title.png); margin:-8px 0 0 22px;}
.master_img{float:left; margin:23px 0 6px 68px; width:667px; height:86px; background:url(../images/author_line.png) center center no-repeat;}
.master_img a{ float:left; height:86px; background-image:url(../images/masters_img.png); background-repeat:no-repeat;}
.master_img1{width:81px; background-position:0 0;}
.master_img2{width:84px; background-position:-81px 0;}
.master_img3{width:87px; background-position:-165px 0;}
.master_img4{width:86px; background-position:-252px 0;}
.master_img5{width:84px; background-position:-338px 0;}
.master_img6{width:84px; background-position:-422px 0;}
.master_img7{width:84px; background-position:-506px 0;}
.master_img8{width:77px; background-position:-590px 0;}
.master_img1:hover{width:81px; background-position:0 -86px;}
.master_img2:hover{width:84px; background-position:-81px -86px;}
.master_img3:hover{width:87px; background-position:-165px -86px;}
.master_img4:hover{width:86px; background-position:-252px -86px;}
.master_img5:hover{width:84px; background-position:-338px -86px;}
.master_img6:hover{width:84px; background-position:-422px -86px;}
.master_img7:hover{width:84px; background-position:-506px -86px;}
.master_img8:hover{width:77px; background-position:-590px -86px;}
.master_word{float:left; margin:0 8px 0 30px; width:430px;}
.masters_area h1{ padding-left:30px;}
.master_word p{ text-indent:24px;}
.master_book{float:left;}
.master_book_w{float: left;width:86px;margin: 0 8px 0px 0;}
.master_book_w a {display: block;text-align: center;}
.master_book_w a img {width:86px;margin-top: 10px;}
.master_book p span.author_icon2{width:18px;height:20px;background-position:-21px 0;margin:0 6px 0 2px;background-image:url(../images/author_icon.png);display:block;float:left;}
#master_info2,#master_info3,#master_info4,#master_info5,#master_info6,#master_info7,#master_info8{display:none;}

/*每周热书推荐*/
.weekhot_title{width:212px; height:59px; background:url(../images/master_title.png) 0 -59px; margin:-8px 0 0 22px;}
.weekhot_books{margin-left: 38px;}
.weekhot_books li{float:left;width:135px;height:230px;text-align: center;margin: 10px 20px;}
.weekhot_read{display:block;width:105px;height:36px; margin:5px auto 0;background:url(../images/weekhot_read.png);}
.weekhot_read:hover{background:url(../images/weekhot_read.png) 0 -36px;}