body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;border: 0 none; outline:none;}
body{font-size: 14px;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0 none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
strong{ font-weight:800;padding-bottom: 10px;}
ol, ul, li{list-style: none outside none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;color: #2ca6e0;}
a {color: #0080bd;text-decoration: none;font-size: 14px;}
a:hover {text-decoration: underline; cursor:pointer;color: #fd3f3f!important;}
/*header*/
.header{float: left;background: #F7F6F6;border-bottom: 1px solid #ebebeb;width: 100%;overflow: hidden;height: 29px;}
.head_box{width: 1058px;margin: 0 auto;}
.head_box ul {float: left;width: 100%;}
.head_box ul li{float: left;line-height: 29px;height: 29px;}
.head_box ul a {color: #666;font-size: 14px;vertical-align: middle;margin-right: 10px;display: block;}
.head_box ul a.now,.header a:hover{text-decoration: none;color: #929292;}

/*logo*/
.index_mid{width: 1058px;margin: 0 auto;}
.logo_box{width: 100%;float: left;margin: 5px 0 10px;}
.logo {float: left;}
.logo img{float: left;width: 200px;}
.logo span{float: left;font-size: 30px;color: #97cc51;font-weight: 700;margin-left: 10px;margin-top: 8px;}
.logo span:before{content:"";float: left;background: #97cc51;width: 6px;height: 6px;border-radius: 5px;margin-top: 19px;margin-right: 10px;}

/*栏目导航*/
.nav{width:100%;height: 45px;float: left;background: #2ca6e0;margin-bottom: 20px;}
.nav .on, .nav ul li:hover{background: #0987c3;}
.nav .on a,.nav ul li:hover a{color: #fff!important;}
.nav ul{width: 1058px;margin: 0 auto;}
.nav ul li{float: left;height: 45px;line-height: 45px;text-align: center;overflow:hidden;padding: 0 10px;margin-right: 15px;}
.nav ul li a{font-size: 16px;color: #fff;}

/*search*/
.search {float: left;width: 310px;margin-top: 12px;margin-left: 65px;border: 1px solid #dedede;background: #ffffff;}
.search input {line-height: 32px;float: left;color: #B9B9B9;}
.search input.searchbar {height: 35px;width: 79%;text-indent: 5px;font-size: 12px;}
.search input.search_results {float: left;width: 18%;height: 34px;background: url("https://www.ruiwen.com/static/img/search.png") right 7px no-repeat;color: #fff;font-size: 14px;font-weight: 700;line-height: 30px;border: 0;}
/*rougao*/
.rougao {float: right;width: 280px;margin-top: 14px;}
.rougao .jianyi {background: url(https://cpt.9136.com/img/ruiwen/jianyi.png) 26px 12px no-repeat;margin-left: 5px;background-color: #e6a01b;border-radius: 4px;}
.rougao a {height: 35px;line-height: 35px;background: url(https://cpt.9136.com/img/ruiwen/tougao.png) 26px 11px no-repeat;float: left;padding-left: 48px;color: #fff;font-size: 14px;background-color: #14a2d4;border-radius: 4px;padding-right: 8px;width: 80px;}
.rougao a:hover{background-color: #0797ca;color: #fff!important;}
.rougao .jianyi:hover{background-color: #de9306;color: #fff!important;}
/*indexwidth*/
.indexwidth{width: 1058px;margin:0 auto;}
.main{float:left;width:1058px; margin: 10px 0}
.new_box, .hot{ float: left; width: 100%}
.n_keben{width: 180px;float: left;background: #f8f8f8;padding: 5px 10px 10px;margin-right: 15px;}
.n_head{ font-size: 18px; color: #B48340; height: 30px;background:url(https://cpt.9136.com/img/ruiwen/jiaocai/jc_icon.png) 2px -503px no-repeat;}
.n_head h2 {padding-left: 36px;font-weight: bold;}
.n_head span {height: 30px;background:url(https://cpt.9136.com/img/ruiwen/jiaocai/jc_icon.png) 8px -554px no-repeat;padding: 0 8px;}

.n_keben a{line-height: 120px;text-align: center;font-size: 14px;height: 80px;width: 85px;float: left;font-weight: 400;display: block;color: #555;overflow: hidden;text-decoration:none;background: url(https://cpt.9136.com/img/ruiwen/jiaocai/jc_icon.png) -5px 0px no-repeat rgb(243,243,243);}
.n_keben a:hover{color: #fff !important;}
.n_keben .rj{ margin: 0 10px 8px 0 }
.n_keben .rj:hover{background-position:-5px -80px; }
.n_keben .sj {background-position: -107px 0;margin: 0 0 8px;}
.n_keben .sj:hover{background-position:-107px -80px; }
.n_keben .bsd{background-position: -3px -160px;margin: 0 10px 8px 0;}
.n_keben .bsd:hover{background-position: -3px -240px}
.n_keben .hj{background-position: -108px -160px;}
.n_keben .hj:hover{background-position: -108px -240px}
.n_keben .yw{background-position: -8px -320px;margin: 0 10px 0 0;}
.n_keben .yw:hover{background-position: -8px -400px;}
.n_keben .xs{background-position: -108px -320px;}
.n_keben .xs:hover{background-position: -108px -400px}

.banner{float: left;background: #efefef;width: 580px;height: 300px;}
.banner img {width: 580px;height: 300px;}
.n_right{width: 225px;border: 1px solid #f1f1f1;padding:5px 10px 0px;float: right;}
.n_right h2{height: 28px;padding:0 10px;position: relative;color: #2CA6E0;font-weight: bold;line-height: 28px;font-size: 16px;}
.n_right li {height: 37px;line-height: 37px;border-bottom: 1px solid #f2f2f2;padding: 0px 10px;overflow: hidden;}
.n_right li:last-child{border-bottom:0}
.n_right li a {color: #333;font-size: 16px;}
.n_right font {font-size: 16px;margin-right: 5px;color: #bbbbbb;font-weight: 700;}

.hot{ float: left; margin:12px 0; }
.book_box{margin-bottom: 20px;float: left;width: 100%;}
.h_left{float: left;width: 796px;margin-right: 10px;}
.h_left h3, .h_right h3{height: 28px;padding-bottom: 3px;line-height: 28px;font-size: 16px;display: inline-block;border-bottom: 3px solid #2CA6E0;font-weight: 700;color: #333;}
.h_nav{border:1px solid #f1f1f1;height: 430px;padding:10px 2px;}
.h_nav li{float: left;width: 150px;margin:0 4px;display: block;text-align: center;overflow: hidden;height: 218px;}
.h_nav li a{color: #333;}
.h_nav .preview {display: block;}
.h_nav .text {margin-bottom: 16px;display: block;}
.h_nav li img {width: 138px;height: 185px;}

.h_right{float: right;width: 246px;}
.h_right .book_info{padding: 10px;border: 1px solid #f1f1f1;height: 430px;}
.h_right .info{position: relative;float: left;width: 138px;margin-left: 10px;}
.h_right .scal { float: left;width: 70px;height: 90px;}
.h_right .book_info img {width: 70px;height: 90px;}
.h_right .book_name a {display: block;height: 24px;color: #3c3c3c!important;float: left;font-size: 16px;overflow: hidden;width: 100%;line-height: 20px;}
.h_right .detail {color: #acacac;text-overflow: ellipsis;float: left;font-size: 12px;height: 62px;overflow: hidden;line-height: 20px;}
.h_right .brown{ text-align: center; position: absolute; right: 0px; bottom: 4px; display: block; color: #fff; background: #b08751; width: 70px; height: 23px; line-height: 23px}
.h_right .brown:hover{ background: #b87f34;color:#fff!important;}


.subnav{float: left;width: 110px;text-align:center;font-size: 14px;background:#efefef;padding: 5px 0;height: 420px;}
.subnav li{ line-height: 28px; height: 28px; }
.subnav a{display: block;}
.subnav a:hover{ color: #ec7814!important;}
.pic_right{float:right;width: 940px;}
.pic_right li{float: left;width: 148px;height: 220px;margin:0 4px;display: block;text-align: center;overflow: hidden;}
.pic_right li a{color: #333;font-size: 14px;}
.pic_right .preview {display: block;}
.pic_right .text {display: block;padding-top: 5px;}
.pic_right li img {width: 138px;height: 180px;}

.flink{ clear:both; margin:0 auto;width:1058px;line-height:24px;}
.flink span{ float:left; font-size:14px; font-weight:bold; color:#666;}
.flink a,.flink li{ float:left; color:#999; margin-right:5px; white-space:nowrap; font-size:12px}

/*footer*/
.footer{width: 100%;padding:10px 0;background: #2b333e;float: left;margin-top: 15px;border-top: 1px solid #e2e2e2;}
.foot_box{width: 1000px;margin: auto;}
.footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 12px;height: 28px;line-height: 28px;}
.footer p a:hover{text-decoration:none;}
.footer p span{height:30px;font-size:12px;color:#555;margin:0 auto;}
.footer p a{color: #2ca6e0;font-weight: 700;font-size: 14px;}

/*频道样式*/
.channellist {width: 100%;background: #FFF;float: left;padding-bottom: 15px;}
.channellist .comtitle{float: left;width: 100%;margin-bottom:2px;}
.comtitle h2 {float: left;font-size: 14px;width: 100%;height: 34px;line-height: 34px;border-bottom: 3px solid #e2e2e2;margin-bottom: 10px;}
.comtitle h2 a{color: #333;float: left;height: 33px;line-height: 33px;font-size: 20px;font-weight: bold;border-bottom: 4px solid #0e9fd8;}
.comtitle .more{float: right;}
.comtitle .more a{color: #0080bd;background: none;font-size: 14px;font-weight: 400;border-bottom: 0;border: 1px solid #d4e1e6;padding: 0 12px;height: 24px;line-height: 24px;margin-left: 10px;}
.top_news{float: left;width: 100%;margin-top: 20px;}