﻿header {height:50px; background:#fff; line-height:50px; border-bottom:1px #09B396 solid;}
header img{float:left; width:142px; height:50px;}
header a{float:right; font-size:12px; color:#C5F1FF; line-height:80px;}
.Index_Header a{margin:0 6px;}
header .regis{background:url(../images/icon-regis.gif);}
header .login{background:url(../images/icon-login.gif);}
header .regis:hover{background:url(../images/icon-regis-press.gif);}
header .login:hover{background:url(../images/icon-login-press.gif);}
header .regis, header .login{width:25px; height:54px;}
header .regis, header .login, header .regis:hover, header .login:hover{background-repeat:no-repeat; background-position:50% 30%; background-size:18px 19px;}
header .username{float:right; text-align:right; line-height:54px; font-size:12px; color:#c5f1ff; height:54px; width:140px; overflow:hidden;}
header .username img{float:right; width:18px; height:19px; margin-top:17px; margin-right:5px;}
header .username b{float:right; font-weight:normal; max-width:115px; text-align:left; white-space: nowrap;} 
header .username a {margin:0; color:#c5f1ff; line-height:55px;}
.login_topbtn{padding:2px 5px;margin-left:5px;}
.c_index_login{ background-color:#fff;}
/*header*/
.header {background-color:#fff;font-size: 20px;color:#fff; height:50px;line-height:50px;text-align: center;overflow:hidden;display:block;}
.header h1 {font-size: 20px;display:inline-block;text-align:center;color:#fff;}
.header h1 a{color:#0C0;}
.logo a{height:50px;float:left;width:142px;background:url(../images/logo.png) no-repeat;text-indent:-9999px;}
.reg{float:right;padding-right:5px;font-size:16px;color:#fff;}
.reg a{color:#09B396;border:1px #09B396 solid;}
.smallNav{height:40px; background:#09B396; line-height:40px; text-align:center; border-bottom:1px #09B396 solid; font-size:14px; padding:0 10px; border-top:1px #09B396 solid;}
.smallNav a{color:#fff; float:left; width:17%;}
.smallNav .sel{color:#4aaccf;}
.subNav{height:162px; background:#68aac2; border-top:1px #03580a4 solid; border-bottom:1px #3580a4 solid; line-height:40px; text-align:center; position:relative; font-size:14px; display:none;}
.subNav a{float:left; width:16.6%; color:#b6d3df;}
.subNav .sel{color:#fff;}
.searchForm{text-align:center; margin:10px; position:relative; clear:both;}
.searchForm_input{border:1px #c0deea solid; font-size:14px; background:#f8fdff; padding:0 5px; width:100%; height:30px; line-height:30px; color:#cbcfd1;}
.searchForm_btn{position:absolute; right:0; top:0; padding:0; height:30px; width:60px; color:#C0DEEA; padding-left:25px; line-height:30px; border:none; background:url(../images/icon-search.gif) no-repeat 15% 50%; background-size:18px; border-left:1px #C0DEEA solid;}
.del{background:url(../images/icon-searchdel.gif) no-repeat 50% 50%; background-size:18px;}

.notearea{height:auto; overflow:hidden; margin-bottom:5px; padding:0 10px;}
.notearea img{margin-top:2px; float: left; padding:;  width: 50px; height:20px; margin-right:10px;}
.note{text-align:center; margin-bottom:10px; font-size:12px; height:25px; line-height:25px; overflow:hidden;}
.note a{color:#db7f7f; padding-left:18px; cursor:pointer; background:url(../images/icon-note.gif) no-repeat 3px 50%; background-size:10px; }
#marqueebox1{margin:0; /*float:left; width:70%;*/ text-align:center; }

.big-pic{width:100%; overflow:hidden;}
.big-pic-in, .pic-list, .pic-list img{position:relative; width:320px; height:150px; }
.big-pic-in{-webkit-transform:translateZ(0);}
.big-pic-in{overflow:hidden; margin:0 auto;}
.pic-list{-webkit-transform:translate3d(0, 0, 0);}
.big-pic a{float:left;}
.big-pic a p{width:320px;}
.big-pic a p:first-child {height: 120px;}
.big-pic3 .pic-list {width: 960px;}
.big-pic4 .pic-list {width: 1280px;}
.cap{height:30px; line-height:30px; padding:0 10px; color:#fff; display:block; background:#000; opacity:0.8; font-size:14px; overflow:hidden;}
.slide-dot{position:absolute; bottom:12px; right:5px;}
.slide-dot span{float:left; border-radius:5px; background:#69aac1; height:4px; width:10px; margin:0 3px;}
.slide-dot .slide-dot-cur{height:6px; width:12px; background:#fff; margin-top:-1px;}

.slide {width:100%; overflow:hidden;}
.slide-con {-webkit-transform:translate3d(0, 0, 0);}
.slide-item {float:left;}
.slide-con2 {width:200%;} .slide-con2 .slide-item {width:50%;}
.slide-con3 {width:300%;} .slide-con3 .slide-item {width:33.33%;}
.slide-con4 {width:400%;} .slide-con4 .slide-item {width:25%;}
.slide-con5 {width:400%;} .slide-con5 .slide-item {width:20%;}
.slide-con6 {width:500%;} .slide-con6 .slide-item {width:20%;}
.slide-con61{width:600%;} .slide-con61 .slide-item{width:16.66%;}
.slide-con7 {width:700%;} .slide-con7 .slide-item {width:14.286%;}
.slide-con8 {width:800%;} .slide-con8 .slide-item {width:12.5%;}
.transition {-webkit-transition:-webkit-transform 0.3s ease-out; -o-transition:-o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}

.tabArea{width:100%; overflow:hidden; margin:0 auto;}
.tab-navarea{background:#68aac2; width:100%;}
.tabArea .tab-nav{height:40px; overflow:hidden;}
.tabArea .tab-nav h2{font-size:16px; background:#09B396; float:left;padding-left:20px; width:100%; height:40px; line-height:40px; cursor:pointer;}
.tabArea .tab-nav h2 a{color:#d2e4eb; text-shadow:1px 1px #3c84a6;}
.tabArea .tab-nav h2 .tab-nav-cur{color:#fff; border-bottom:2px #fff solid; padding-bottom:5px;}
.tabArea2 .tab-nav h2{width:50%;}
.tabArea4 .tab-nav h2{width:25%;}
.tabArea5 .tab-nav h2{width:20%;}
.tabArea6 .tab-nav h2{width:16.66%;}
.tabArea7 .tab-nav h2{width:14.286%;}
.tabArea8 .tab-nav h2{width:12.5%; font-size:15px;}
.tabArea8 .tab-nav h2 .tab-nav-cur{font-size:16px;}
.bannerLink p{font-size:16px; padding:0 10px; height:40px; display:block; line-height:40px; overflow:hidden;}
.bannerLink .sort{margin-right:10px;}
.bannerLink .em{background:#f6fcff;}

.recommend{width:100%; clear:both;}
.recommend h2{font-size:16px; height:40px; line-height:40px; background:#68aac2; padding:0 10px;}
.recommend h2 a{color:#fff; text-shadow:1px 1px #2a779d;}
.recommend .more{float:right; margin-top:-40px;}
.hot_sale{clear:both; background:#fff; border-top:1px #edfaff solid; border-bottom:1px #edfaff solid; overflow:hidden;}
.hot_sale{position:relative; height:145px; padding:7px 10px 0 110px;}
.hot_sale img{position:absolute; left:10px; top:10px; border:1px #b4dae8 solid; width:87px; height:117px;}
.hot_sale .title{color:#375868; font-size:16px;}
.hot_sale .author, .hot_sale .review{font-size:14px; color:#7f9ba8; line-height:22px;}
.hot_sale .review{line-height:20px;}
.hot_sale:hover{background:#fff;}
.hot_saleEm{background:#fff; border-bottom:2px #fff solid; border-top:2px #fff solid;}
.girl .hot_sale:hover{background:#fef1f5; border-bottom:2px #ffdee9 solid; border-top:2px #ffdee9 solid;}
.partner .hot_sale:hover{background:#fbfff2; border-bottom:2px #dce59a solid; border-top:2px #dce59a solid;}
.hot_salehavDate .author{margin-bottom:2px;}
.hot_sale .date{color:#e76767; font-size:12px; margin-bottom:4px;}
.hot_link div{clear:both; padding:2px 10px 2px 50px; height:52px; position:relative; border-top:1px #fff solid; border-bottom:1px #fff solid;}
.hot_link .em{background:#f6fcff;}
.hot_link .sort{width:18px; padding-right:8px; position:absolute; left:10px; top:10px; border-right:2px #a9bfc8 solid; font-size:14px;}
.hot_link .title{font-size:14px; color:#375868; line-height:30px; height:30px; overflow:hidden;}
.hot_link .review{color:#7f9ba8; font-size:12px; line-height:10px;}
.hot_link div:hover{background:#f6fcff; border-top:1px #d1e5ec solid; border-bottom:1px #d1e5ec solid;}


.directorySel, .directorySel2{text-align:center;}
.directorySel{width:95%; display:block; margin:0 auto; margin-top:10px;}
.directorySel2{font-size:14px; margin:0 4px;}
.directoryArea p, .directoryLink, .directoryLink a{height:40px; line-height:40px; font-size:16px;}
.directoryArea p{height:auto;}
.directoryArea p{padding:0 10px;}
.directoryArea .em{background:#f6fcff;}
.directoryArea img{margin-left:8px;}
.directoryLink a{float:left; width:33.3%; text-align:center;}

.Readpage{font-size:14px; padding:0; background:#d4eaf2; height:40px; line-height:40px; text-align:center;}
.Readpage a{font-size:16px; padding:8px 12px; line-height:35px;}
.Readpage .Readpage_up{color: #2a779d; background:url(../images/bg-pageup.png) no-repeat 0 70%; padding-left:27px; background-size:90px;}
.Readpage .Readpage_down{text-shadow: 1px 1px #2a779d; color:#fff; background:url(../images/bg-pagedown.png) no-repeat 0px 50%; padding-right:27px; background-size:90px;}
.Readpage .page_txt{width:45px; padding:4px; border:1px #68aac2 solid; font-size:14px; margin-left:15px; background:#f2fcff;}
.Readpage .page_btn{font-size:14px; border:none; background:none; color:#4c6978; padding:4px 5px; margin-right:15px; background:#f2fcff; font-weight:bold;}

.cc{clear:both;}
.sktitle h2{margin:10px;font-weight:bold}
.skmenu{border-bottom:1px solid #9DCADA;line-height:30px;margin:5px 10px;}
.skmenu a{display:block;float:left;margin:0px 5px;}
.active{color:red}
.skcon{margin:10px;}
.skcon h3 a{color:#375868}
.shukulist{position:relative;height:90px;border-bottom:1px solid #ddd;margin-bottom:5px;}
.shukulist li{height:20px; line-height:20px; overflow:hidden;}
.skcon .img{position:absolute;top:0px;left:0px;}
.skcon .con{position:absolute;top:0px;left:65px;}
.skcon .intro{color:#999}
#skmore{display:block; text-align:center;height:30px; line-height:30px;background:#dcebcd;}
#skmore a{display:block;vertical-align:middle;}

/*搜索结果页*/
.searchInfo{text-align:center; padding:0 10px; margin-bottom:10px; font-size:16px; line-height:28px;}
.searchInfo em{color:#db7f7f;}
.searchrec h2{margin-bottom:5px;}
.searchrec p {padding:5px 10px;}
.searchrec p a{margin-right:13px; color:#68AAC2; font-size:16px;}
.searchInfo label{margin-right:10px; line-height:20px; font-size:14px;}
.mybook em{color:#d25151;}
.mybook .hot_sale p{line-height:20px;}
.mybook .date{margin:0;}
.mybook .hot_sale{padding:7px 8px 5px 40px; height:auto; overflow:hidden;}
.mybook .hot_sale div a{width:80px; height:30px; line-height:30px; text-align:center; font-size:12px; border-radius:5px; color:#fff; margin-left:3px;}
.mybook .hot_sale img{left:5px;}
.mybook .hot_sale .author{font-size:12px;}
.mybook .hot_sale div .dashang{background:#ff3e3e;}
.mybook .hot_sale div .tuijian{background:#68aac2;}
.mybook .hot_sale div .kuaiding{background:#b3b3b3;}
.mybook .num{position:absolute; left:5px; top:10px; text-align:center; letter-spacing:-1px; height:25px; width:30px; line-height:25px; background:#B3B3B3; color:#fff; border-radius:5px;}
.mybook .num1{background:#FF3E3E;}
.mybook .num2{background:#68aac2;}

.page{background:#68aac2; padding:0 10px; color:#c5d7df; height:40px; line-height:40px; text-align:center;}
.page a{color:#fff; margin:0 5px;}
.pageinput{float:right;}
.page .page_txt{padding:2px 5px; border:1px #c5d7df solid; background:#f6fcff; color:#4c6978; border-radius:5px; font-size:14px; width:80px; margin-right:5px; color:#333; text-align:center;}

.hot_sale .btn{margin-top:5px; height:auto; overflow:hidden; line-height:normal;}
.hot_sale .btn_inpt{font-size:14px; line-height:30px; background:#68aac2; color:#fff; border:0; font-family:"微软雅黑"; margin-right:8px; padding:8px 15px; padding-top:0;}
.hot_sale .btn_inptem{background:#d25151;}
.booklist .hot_sale{padding:5px 10px 8px 10px;}
.booklist h3{padding:10px; font-size:14px;}
.booklist h3 a{color:#d25151;}

/***************************************************************************************/
*{margin:0; padding:0;/* background-attachment:fixed;*/}

div,p{wrap-work: break-word; word-break: break-all; word-wrap:break-word; word-break:normal; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing:border-box;}

li{list-style:none;}
em{font-style:normal;}
body{color:#4c6978; font:14px 'microsoft yahei',Arial,Helvetica,sans-serif;}
input,textarea{font:12px '宋体',Arial,Helvetica,sans-serif; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -box-sizing:border-box;}
img{border:none;}
a{color:#4c6978; text-decoration:none; border:none; cursor:pointer;}
a:hover{text-decoration:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
*html .clearfix {height: 1%;}
.clearfix {display: block;}
h1,h2,h3,h4,h5,h6{font-size:16px; font-weight:normal;}

footer{height:70px;padding:15px 10px; text-align:center; line-height:33px; background:#f9f9f9;border-top:1px solid #e6e6e6;position:relative; font-size:14px;}
footer .version a{margin:0 10px; color:#666;}
footer .version .sel{color:#fff; font-size:16px;}
footer .link a{margin:0 10px; color:#accad6; font-size:14px;}
footer img{position:absolute; right:25px; top:15px; cursor:pointer; width:31px;}

footer .channel a{margin:0 5px; color:#666;}

.bannerLink .ajax_html, .list .ajax_html{height:auto; overflow:hidden; line-height:normal;}
.ajax_html{text-align:center; width:320px; margin:0 auto;}
.tabArea4 .ajax_html{width:25%; margin:0;}
.ajax_html img{padding:20px 0;}
.ajax_html b{display:none;}
.goes{background:#feffe6 no-repeat scroll;border:1px dashed #e6d8b9;margin:5px auto;overflow:hidden;padding:5px 5px 5px 45px;line-height:24px;position:relative;color:#f30;font-size:13px;z-index:9999;}