﻿/*Reset CSS*/
*{ margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: "微软雅黑"; box-sizing: border-box;}
html,body{ margin: 0; padding: 0; font-size: 12px; color: #333; font-family: "微软雅黑"; background: #f7f7f7; overflow-x: hidden;}
a { color: inherit;}
a:hover { color: #4492f3; text-decoration: underline;}
img { display: block; border: none;}
table{ border-collapse: collapse; border-spacing: 0; }
.clear{ font-size: 0; margin: 0; padding: 0; clear: both; height: 0; border: 0; line-height: 0;}
.w1240 { width: 1240px; height: auto; margin: 0 auto; overflow: hidden;}

/*标题*/
.title { width: 100%; height: 45px; line-height: 35px; font-size: 12px; border-bottom: 1px #f7f7f7 solid;}
.title .line { width: 100px; height: 45px; font-size: 16px; text-align: center; border-bottom: 2px #4492f3 solid; float: left;}
.title ul { width: 300px; height: auto; font-size: 12px; border-radius: 2px; padding-top: 6px; float: right; overflow: hidden;}
.title ul li { width: 90px; height: 27px; line-height: 25px; text-align: center; border: 1px #f7f7f7 solid; margin-right: 10px; float: left; cursor: pointer;}
.title dl { width: 200px; height: auto; font-size: 0; text-align: right; border-radius: 2px; padding-top: 6px; float: right; overflow: hidden;}
.title dl dt { width: 30px; height: 27px; line-height: 25px; font-size: 12px; text-align: center; border: 1px #f7f7f7 solid; display: inline-block; cursor: pointer;}
.title dl dd { width: 70px; height: 27px; line-height: 27px; font-size: 12px; color: #999; text-align: center; display: inline-block;}
.title .active { background: #4492f3; color: #fff;}
/*数字*/
.num { width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; border-radius: 11px; background: #d2d2d2; float: left;}
.num_1 { background: #ff5043;}
.num_2 { background: #ff992b;}
.num_3 { background: #ffd200;}
/*排行*/
.ranking { width: 100%; height: auto; overflow: hidden;}
.ranking li { width: 100%; height: 50px; line-height: 22px; padding: 14px 15px; overflow: hidden;}
.ranking .text { width: 150px; height: auto; margin-left: 15px; float: left;}
.ranking .class { width: 70px; height: auto; color: #999; text-align: right; float: right;}
.ranking .img { width: 85px; height: auto; margin-left: 15px; margin-right: 15px; float: left;}
.ranking .name { width: 170px; height: auto; line-height: 25px; font-size: 16px; float: left;}
.ranking .writer { width: 170px; height: auto; line-height: 25px; font-size: 12px; float: left;}
.ranking .textt { width: 170px; height: auto; line-height: 20px; font-size: 12px; color: #999; float: left;}
/*分页*/
.pagination { width: 100%; height: 100px; text-align: center; padding-top: 35px;}
.pagination dt,.pagination dd { height: 32px; line-height: 30px; border: 1px #eee solid; padding: 0 12px; display: inline-block; cursor: pointer;}
.pagination .active { color: #fff; border: 1px #4492f3 solid; background: #4492f3;}




.header_t { width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #fff; background: #4492f3;}
.header_t .left { width: 300px; height: auto; padding-left: 20px; float: left;}
.header_t .right { width: 500px; height: auto; text-align: right; float: right;}
.header_t .right dt { padding: 0 5px; display: inline-block;}
.header_t .right dd { height:15px; line-height:15px; border-left: 1px #eee solid; padding: 0 15px; display: inline-block;}
.header_t .right a:hover {color: #ffd200;}

.header_b { width: 100%; height: auto; background: #fff;}
.header_b .logo { width: 300px; height: 90px; float: left;}
.header_b .addd { width: 900px; height: 70px; background: #999; margin-top: 10px; float: right;}

.nav { width: 100%; height: 48px; line-height: 48px; background: #f7f7f7;}
.nav ul { width: 830px; height: auto; margin-left: 30px; float: left;}
.nav ul li { width: 110px; height: auto; text-align: center; color: #fff; float: left;}
.nav ul li a { font-size:14px; display: block;}
.nav ul li a:hover { color: #fff; background: #0c69dd;}
.nav .search { width: 306px; height: auto; margin-top: 7px; float: right;}
.nav .search .input_text { width: 250px; height: 34px; border: none; padding: 0 10px; float: left;}
.nav .search .input_btn { width: 56px; height: 34px; border: none; background: url("../images/search_icon.jpg"); float: left;}

.subnav { width: 100%; height: 38px; line-height: 20px; background: #f7f7f7; padding-left: 100px;}
.subnav li { width: 120px; height: 20px; text-align: center; border-right: 1px #eee solid; margin-top: 9px; float: left;}

.content1 { height: auto; border-radius: 6px; background: #fff; padding: 20px;}
.content1 .left { width: 300px; height: auto; float: left;}
.content1 .center { width: 560px; height: auto; margin-left: 20px; float: left;}
.content1 .center .tab { width: 100%; height: auto; margin-top: 20px;}
.content1 .center .tab .tab_t { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px #f7f7f7 solid;}
.content1 .center .tab .tab_t dt { width: 120px; height: 40px; text-align: center; cursor: pointer; float: left;}
.content1 .center .tab .tab_t .active { color: #4492f3; border-left: 1px #f7f7f7 solid; border-right: 1px #f7f7f7 solid; border-top: 2px #4492f3 solid; border-bottom: 1px #fff solid;}
.content1 .center .tab .tab_t dd { width: 100px; height: 40px; color: #999; text-align: right; padding-right: 20px; float: right;}
.content1 .center .tab .tab_p { width: 100%; height: auto;}
.content1 .center .tab .tab_p li { width: 100%; height: 45px; line-height: 45px; padding: 0 20px;}
.content1 .center .tab .tab_p li span { color: #999; float: right;}
.content1 .right { width: 300px; height: auto; margin-left: 20px; float: left;}

.add { height: auto; margin: 20px auto;}

.content2 { height: auto; border-radius: 6px; background: #fff; padding: 20px;}
.content2 .recommend { width: 100%; height: auto; overflow: hidden;}
.content2 .recommend li { width: 300px; height: auto; padding: 30px 20px; float: left;}
.content2 .recommend li .img { width: 120px; height: auto; margin-right: 15px; float: left;}
.content2 .recommend li .name { width: 125px; height: auto; line-height: 35px; font-size: 16px; float: left;}
.content2 .recommend li .writer { width: 125px; height: auto; line-height: 25px; font-size: 12px; float: left;}
.content2 .recommend li .text { width: 125px; height: auto; line-height: 20px; font-size: 12px; color: #999; float: left;}

.content3 { height: auto; border-radius: 6px; background: #fff; padding: 20px; margin-top: 20px;}
.content3 .left { width: 870px; height: auto; float: left;}
.content3 .left li { width: 270px; height: auto; margin: 10px; float: left;}
.content3 .left li .smalltitle { width: 100%; height: auto; line-height: 40px; font-size: 16px; border-bottom: 1px #f7f7f7 solid; float: left;}
.content3 .left li .img { width: 120px; height: auto; margin-top: 20px; margin-right: 15px; float: left;}
.content3 .left li .name { width: 135px; height: auto; line-height: 35px; font-size: 16px; margin-top: 30px; float: left;}
.content3 .left li .writer { width: 135px; height: auto; line-height: 25px; font-size: 12px; color: #999; float: left;}
.content3 .left li .class { width: 135px; height: auto; line-height: 25px; font-size: 12px; color: #999; float: left;}
.content3 .left li .other { width: 135px; height: auto; line-height: 35px; font-size: 12px; float: left;}
.content3 .right { width: 300px; height: auto; float: right;}

.content4 { height: auto; border-radius: 6px; background: #fff; padding: 20px; margin-top: 20px;}
.content4 .left { width: 870px; height: auto; float: left;}
.content4 .left table { margin-top: 20px;}
.content4 .left th { height: 40px; background: #f7f7f7;}
.content4 .left td { height: 40px; color: #999; text-align: center;}
.content4 .left td span { color: #333;}
.content4 .right { width: 300px; height: auto; float: right;}

.friendlink { height: auto; border-radius: 6px; background: #fff; padding: 20px; margin-top: 20px;}
.friendlink ul li { color: #999; border-right: 1px #999 solid; padding: 0 10px; margin: 10px 0; display: inline-block;}

.footer { width: 100%; height: auto; color: #999; background: #2b2b2b; margin-top: 20px;}
.footer .text { width: 780px; height: auto; padding: 20px; float: left;}
.footer .text p { height: auto; line-height: 22px; font-size: 12px; padding: 15px 0;}
.footer .code { width: 432px; height: auto; float: right;}
.footer .code li { width: 120px; height: auto; line-height: 40px; text-align: center; margin: 30px 12px 0 12px; float: left;}
.footer .bottom { text-align: center; border-top: 1px #333 solid;}
.footer .bottom li { display: inline-block; margin: 20px;}



/*排行榜页面*/
.paihangbang { height: auto; border-radius: 6px; background: #fff; padding: 20px; overflow: hidden;}
.paihangbang .phb_list { width: 400px; height: auto; padding: 0 25px; border-right: 1px #f7f7f7 solid; margin: 20px 0; float: left; overflow: hidden;}
.paihangbang .phb_list .more { width: 90px; height: 50px; line-height: 50px; color: #999; text-align: center; background: #fff; margin: -25px auto 0 auto;}
.paihangbang .phb_list .linee { width: 200px; height: 1px; background: #f7f7f7; margin: 20px auto 0 auto;}

/*登录注册页面*/
.zhuce { height: auto; border-radius: 6px; background: #fff; padding: 20px; overflow: hidden;}
.zhuce .zhuce_title { width: 100%; height: 70px; line-height: 70px; font-size: 18px; border-bottom: 1px #f7f7f7 solid; padding-left: 35px;}
.zhuce .zhuce_page { width: 100%; height: auto; overflow: hidden;}
.zhuce .zhuce_page .left { width: 600px; height: auto; border-right: 1px #f7f7f7 solid; margin: 30px 0 10px 0; float: left;}
.zhuce .zhuce_page .left td { height: 65px; line-height: 65px;}
.zhuce .zhuce_page .left .table_l { width: 100px; text-align: right; padding-right: 20px;}
.zhuce .zhuce_page .left .table_c { width: 360px; padding-right: 20px;}
.zhuce .zhuce_page .left .table_c .input { width: 340px; height: 45px; border: 1px #eee solid; border-radius: 5px; padding: 0 10px;}
.zhuce .zhuce_page .left .table_c .btn { width: 340px; height: 45px; color: #fff; border: none; border-radius: 5px; background: #4492f3;}
.zhuce .zhuce_page .left .table_r { width: 100px; color: #d00000;}
.zhuce .zhuce_page .right { width: 600px; height: auto; padding: 50px 40px 0 40px; float: right;}
.zhuce .zhuce_page .right .text { width: 100%; height: auto; text-align: center; float: right;}
.zhuce .zhuce_page .right .text a { color: #4492f3;}
.zhuce .zhuce_page .right .txt { width: 140px; height: 50px; line-height: 50px; color: #999; text-align: center; background: #fff; margin: -25px auto 0 auto;}
.zhuce .zhuce_page .right .linee { width: 320px; height: 1px; background: #f7f7f7; margin: 100px auto 0 auto;}
.zhuce .zhuce_page .right ul { width: 100%; height: auto; text-align: center;}
.zhuce .zhuce_page .right ul li { margin: 15px; display: inline-block;}

/*书库页面*/
.shuku { height: auto; overflow: hidden;}
.shuku .sk_top { height: auto; border-radius: 6px; background: #fff; padding: 20px;}
.shuku .sk_top .sk_title { width: 100%; height: 65px; line-height: 65px; font-size: 18px; color: #4492f3; border-bottom: 1px #eee solid; background: url("../images/sk_title_bg.jpg") no-repeat 35px center; padding-left: 90px;}
.shuku .sk_top dl { width: 100%; height: 65px; border-bottom: 1px #eee solid; padding-left: 20px; position: relative;}
.shuku .sk_top dl dt { width: 80px; height: 65px; line-height: 65px; display: inline-block;}
.shuku .sk_top dl dd { height: 27px; line-height: 27px; padding: 0 13px; display: inline-block;}
.shuku .sk_top dl .active { border-radius: 5px; background: #4492f3;}
.shuku .sk_top dl .active a { color: #fff;}

.shuku .sk_bottom { height: auto; margin-top: 20px; overflow: hidden;}
.shuku .sk_bottom .left { width: 880px; height: auto; min-height: 500px; border-radius: 6px; background: #fff; padding: 20px; float: left;}
.shuku .sk_bottom .left th { height: 60px; border-bottom: 1px #eee solid;}
.shuku .sk_bottom .left td { height: 65px; line-height: 65px; text-align: center; border-bottom: 1px #eee solid;}
.shuku .sk_bottom .left td span { color: #999;}
.shuku .sk_bottom .right { width: 340px; height: auto; border-radius: 6px; background: #fff; padding: 20px; float: right;}

/*搜索页面*/
.sousuo { height: auto; overflow: hidden;}
.sousuo .ss_top { height: auto; border-radius: 6px; background: #fff; padding: 20px;}
.sousuo .ss_top .ss_title { width: 100%; height: 65px; line-height: 65px; font-size: 18px; color: #4492f3; border-bottom: 1px #eee solid; background: url("../images/sk_title_bg.jpg") no-repeat 35px center; padding-left: 90px;}
.sousuo .ss_top dl { width: 100%; height: 65px; border-bottom: 1px #eee solid; padding-left: 20px; position: relative;}
.sousuo .ss_top dl dt { width: 80px; height: 65px; line-height: 65px; display: inline-block;}
.sousuo .ss_top dl dd { height: 27px; line-height: 27px; padding: 0 13px; display: inline-block;}
.sousuo .ss_top dl .active { border-radius: 5px; background: #4492f3;}
.sousuo .ss_top dl .active a { color: #fff;}

.sousuo .ss_bottom { height: auto; margin-top: 20px; overflow: hidden;}
.sousuo .ss_bottom .left { width: 880px; height: auto; min-height: 500px; border-radius: 6px; background: #fff; padding: 20px; float: left;}
.sousuo .ss_bottom .left ul { width: 100%; height: auto;}
.sousuo .ss_bottom .left ul li { width: 100%; height: 220px; border-bottom: 1px #eee solid; position: relative;}
.sousuo .ss_bottom .left ul li .img { width: 120px; height: 160px; position: absolute; top: 30px; left: 10px;}
.sousuo .ss_bottom .left ul li .name { width: 400px; height: 30px; line-height: 30px; font-size: 18px; color: #ff5043; position: absolute; top: 40px; left: 150px;}
.sousuo .ss_bottom .left ul li .name span { color: #666;}
.sousuo .ss_bottom .left ul li .text { width: 400px; height: 30px; position: absolute; top: 80px; left: 150px;}
.sousuo .ss_bottom .left ul li .other { width: 600px; height: auto; line-height: 30px; color: #999; position: absolute; top: 105px; left: 150px;}
.sousuo .ss_bottom .left ul li .btn1 { width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; background: #4492f3; position: absolute; top: 90px; left: 570px;}
.sousuo .ss_bottom .left ul li .btn2 { width: 120px; height: 40px; line-height: 40px; text-align: center; color: #4492f3; border-radius: 5px; border: 1px #4492f3 solid; position: absolute; top: 90px; left: 695px;}
.sousuo .ss_bottom .right { width: 340px; height: auto; border-radius: 6px; background: #fff; padding: 20px; float: right;}

/*文章列表页面*/
.wenzhangliebiao { height: auto; overflow: hidden;}
.wenzhangliebiao .wzlb_top { height: auto; border-radius: 6px; background: #fff; padding: 20px;}
.wenzhangliebiao .wzlb_top .path { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #999;}
.wenzhangliebiao .wzlb_top .path .btn { width: 115px; height: 40px; line-height: 38px; text-align: center; border: 1px #eee solid; border-radius: 5px; margin-left: 10px; float: right;}
.wenzhangliebiao .wzlb_top .wzlb_title { width: 100%; height: 100px; line-height: 80px; font-size: 24px; text-align: center; padding-top: 20px;}
.wenzhangliebiao .wzlb_top .wzlb_text { width: 100%; height: auto; font-size: 14px; color: #999; text-align: center;}
.wenzhangliebiao .wzlb_top .wzlb_text a { color: #4492f3;}
.wenzhangliebiao .wzlb_top .wzlb_page { width: 100%; height: auto; margin-top: 50px;}
.wenzhangliebiao .wzlb_top .wzlb_page ul { width: 100%; height: auto; padding: 20px; overflow: hidden;}
.wenzhangliebiao .wzlb_top .wzlb_page ul li { width: 380px; height: 50px; line-height: 50px; float: left;}
.wenzhangliebiao .wzlb_top .wzlb_page ul li span { color: #ffa72b;}
.wenzhangliebiao .wzlb_top { height: auto; border-radius: 6px; background: #fff; padding: 20px;}

/*内容页面*/
.neirong { height: auto; border-radius: 6px; background: #fff; padding: 20px; overflow: hidden;}
.neirong .path { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #999;}
.neirong .path .btn { width: 115px; height: 40px; line-height: 38px; text-align: center; border: 1px #eee solid; border-radius: 5px; margin-left: 10px; float: right;}
.neirong .nr_title { width: 100%; height: 100px; line-height: 80px; font-size: 24px; text-align: center; padding-top: 20px;}
.neirong .nr_text { width: 100%; height: auto; font-size: 14px; color: #999; text-align: center;}
.neirong .nr_text a { color: #4492f3;}
.neirong .nr_page { width: 100%; height: auto; line-height: 30px; border-top: 1px #eee solid; padding: 20px; margin-top: 30px;}

/*充值页面*/
.chongzhi { height: auto; border-radius: 6px; background: #fff; padding: 20px; overflow: hidden;}
.chongzhi .left { width: 300px; height: auto; min-height: 550px; border-right: 1px #eee solid; float: left;}
.chongzhi .left .info { width: 100%; height: auto; padding: 20px; overflow: hidden;}
.chongzhi .left .info .icon { width: 110px; height: 110px; border-radius: 50%; background: #999; float: left; overflow: hidden;}
.chongzhi .left .info .about { width: 140px; height: auto; line-height: 30px; padding: 15px; float: right;}
.chongzhi .left .info .about a { color: #4492f3;}
.chongzhi .left .balance { width: 100%; height: auto;}
.chongzhi .left .balance table { margin: 20px 0 0 10px;}
.chongzhi .left .balance td { height: 35px;}
.chongzhi .right { width: 870px; height: auto; float: right;}
.chongzhi .right p { width: 100%; height: 65px; line-height: 65px; padding: 0 20px;}
.chongzhi .right dl { width: 100%; height: auto; border-bottom: 1px #eee solid; padding: 0 20px 20px 20px; overflow: hidden;}
.chongzhi .right dl dt { width: 250px; height: 50px; line-height: 48px; border: 1px #eee solid; border-radius: 5px; padding: 0 40px; margin: 0 25px 20px 0; float: left; cursor: pointer;}
.chongzhi .right dl dt span { color: #f86868; float: right;}
.chongzhi .right dl dd { width: 250px; height: 50px; border: 1px #eee solid; border-radius: 5px; padding: 0 40px; margin: 0 25px 20px 0; float: left;}
.chongzhi .right dl dd input { width: 100%; height: 47px; border: none; padding: 0 40px;}
.chongzhi .right dl .active { color: #f86868; border: 1px #f86868 solid;}
.chongzhi .right ul { width: 100%; height: auto; border-bottom: 1px #eee solid; padding: 30px 20px; overflow: hidden;}
.chongzhi .right ul li { width: 260px; height: auto; margin-right: 25px; float: left;}
.chongzhi .right ul li input { margin-top: 20px; float: left;}
.chongzhi .right ul li img { margin-left: 40px; float: left;}
.chongzhi .right .btn { width: 250px; height: 50px; line-height: 50px; color: #fff; text-align: center; border-radius: 5px; background: #f86868; margin: 30px 0 0 20px;}

/*粉丝排行榜*/
.fensipaihang { height: auto; overflow: hidden;}
.fensipaihang .fsph_top { height: auto; border-radius: 6px; background: #fff; padding: 20px; overflow: hidden;}
.fensipaihang .fsph_top .left { width: 260px; height: auto; min-height: 480px; border-right: 1px #eee solid; float: left;}
.fensipaihang .fsph_top .left .img { width: 210px; height: auto; margin: 20px auto;}
.fensipaihang .fsph_top .left .text { width: 100%; height: auto; color: #999; text-align: center;}
.fensipaihang .fsph_top .left .btn1 { width: 115px; height: 40px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; border-radius: 5px; background: #4492f3; margin: 20px auto 0 auto;}
.fensipaihang .fsph_top .left .btn2 { width: 115px; height: 40px; line-height: 38px; font-size: 14px; color: #333; text-align: center; border-radius: 5px; border: 1px #eee solid; margin: 20px auto 0 auto;}
.fensipaihang .fsph_top .right { width: 900px; height: auto; float: right;}
.fensipaihang .fsph_top .right h1 { width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: normal;}
.fensipaihang .fsph_top .right h2 { width: 100%; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal;}
.fensipaihang .fsph_top .right h3 { width: 100%; height: 40px; line-height: 40px; font-size: 12px; color: #999; font-weight: normal;}
.fensipaihang .fsph_top .right ul { width: 100%; height: auto;}
.fensipaihang .fsph_top .right ul li { width: 180px; height: 110px; text-align: center; padding: 30px 0; float: left;}
.fensipaihang .fsph_top .right ul li img { margin-top: 20px; display: inline-block;}
.fensipaihang .fsph_bottom { height: auto; border-radius: 6px; background: #fff; padding: 20px; margin-top: 20px;}
.fensipaihang .fsph_bottom ul { width: 100%; height: auto; padding: 20px 0; overflow: hidden;}
.fensipaihang .fsph_bottom ul li { width: 300px; height: 75px; padding-right: 50px; float: left;}
.fensipaihang .fsph_bottom ul li .text { width: 120px;}

/*内页*/
.neiye { height: auto; overflow: hidden;}
.neiye .ny_top { height: auto; border-radius: 6px; background: #fff; padding: 20px;}
.neiye .ny_top .left { width: 870px; height: auto; min-height: 300px; border-right: 1px #eee solid; padding: 20px; float: left;}
.neiye .ny_top .left .img { width: 210px; height: auto; margin-right: 35px; float: left;}
.neiye .ny_top .left .name { width: 570px; height: 65px; line-height: 65px; font-size: 26px; font-weight: bold; float: left;}
.neiye .ny_top .left .tag { width: 570px; height: 40px; float: left;}
.neiye .ny_top .left .tag dt { height: 27px; line-height: 27px; font-size: 14px; color: #fff; border-radius: 5px; padding: 0 15px; margin-right: 5px; display: inline-block;}
.neiye .ny_top .left .tag .tag1 { background: #abe6ff;}
.neiye .ny_top .left .tag .tag2 { background: #ababff;}
.neiye .ny_top .left .tag .tag3 { background: #ffc5ab;}
.neiye .ny_top .left .text { width: 570px; height: auto; line-height: 25px; color: #999; float: left;}
.neiye .ny_top .left .about { width: 570px; height: auto; line-height: 25px; color: #999; margin-top: 10px; float: left;}
.neiye .ny_top .left .about span { color: #4492f3;}
.neiye .ny_top .left .btnlist { width: 570px; height: auto; float: left;}
.neiye .ny_top .left .btnlist li { width: 115px; height: 40px; line-height: 40px; font-size: 14px; border: 1px #4492f3 solid; border-radius: 5px; text-align: center; margin: 10px 10px 0 0; float: left;}
.neiye .ny_top .left .btnlist .btn1 { color: #fff; background: #4492f3;}
.neiye .ny_top .left .btnlist .btn2 { color: #4492f3;}
.neiye .ny_top .left .btnlist .btn3 { color: #f3449f; border-color: #f3449f;}
.neiye .ny_top .right { width: 330px; height: auto; padding: 0 20px; float: right;}
.neiye .ny_top .right .icon { width: 110px; height: 110px; border-radius: 50%; background: #999; margin: 20px auto; overflow: hidden;}
.neiye .ny_top .right .text { width: 100%; height: auto; text-align: center; color: #999;}
.neiye .ny_top .right .about { width: 100%; height: auto; line-height: 25px; color: #999; margin-top: 10px;}
.neiye .ny_bottom { height: auto; margin-top: 20px; overflow: hidden;}
.neiye .ny_bottom .left { width: 880px; height: auto; float: left;}
.neiye .ny_bottom .left .zxzj { width: 100%; height: auto; border-radius: 6px; background: #fff; padding: 20px;}
.neiye .ny_bottom .left .zxzj_t li { width: 100px; height: 45px; font-size: 16px; text-align: center; float: left; cursor: pointer;}
.neiye .ny_bottom .left .zxzj_p { width: 100%; height: auto; min-height: 265px; overflow: hidden;}
.neiye .ny_bottom .left .zxzj_p_t { width: 100%; height: 65px; line-height: 65px; font-size: 16px; font-weight: bold; color: #4492f3; float: left;}
.neiye .ny_bottom .left .zxzj_p_t span { font-weight: normal; color: #999; float: right;}
.neiye .ny_bottom .left .zxzj_p_p { width: 100%; height: auto; min-height: 150px; line-height: 25px; color: #999; float: left;}
.neiye .ny_bottom .left .zxzj_p_btn { width: 110px; height: 40px; line-height: 40px; border: 1px #eee solid; border-radius: 5px; text-align: center; float: right; cursor: pointer;}
.neiye .ny_bottom .left .zxzj_p table { width: 660px; height: auto; margin: 20px auto;}
.neiye .ny_bottom .left .zxzj_p table td { height: 45px; border: 1px #eee solid; padding: 0 15px;}
.neiye .ny_bottom .left .fshd { width: 100%; height: auto; border-radius: 6px; background: #fff; padding: 20px; margin-top: 20px; overflow: hidden;}
.neiye .ny_bottom .left .fshd .hd { width: 220px; height: auto; margin: 40px 15px; float: left;}
.neiye .ny_bottom .left .fshd .hd1 { width: 100%; height: auto; line-height: 35px; color: #999; text-align: center;}
.neiye .ny_bottom .left .fshd .hd2 { width: 100%; height: auto; line-height: 35px; font-size: 28px; color: #4e4e4e; text-align: center;}
.neiye .ny_bottom .left .fshd .hd3 { width: 100%; height: auto; line-height: 35px; color: #4e4e4e; text-align: center;}
.neiye .ny_bottom .left .fshd .hd3 span { color: #ffa903;}
.neiye .ny_bottom .left .fshd .hd4 { width: 100%; height: auto; text-align: center; margin-top: 10px;}
.neiye .ny_bottom .left .fshd .hd4 img { display: inline-block;}
.neiye .ny_bottom .left .fshd .hd5 { width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #fff; text-align: center; border-radius: 5px; background: #ffa903; cursor: pointer; margin-top: 15px;}
.neiye .ny_bottom .left .fshd #demo { width: 300px; height: auto; margin: 40px 0 0 20px; float: left;}
.neiye .ny_bottom .left .fshd ul li { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px #eee solid; padding: 0 15px;}
.neiye .ny_bottom .left .fshd ul li span { float: right;}
.neiye .ny_bottom .left .fshd ul li span .i1 { color: #ffa903; font-style: normal;}
.neiye .ny_bottom .left .fshd ul li span .i2 { color: #f86868; font-style: normal;}
.neiye .ny_bottom .left .zzpl { width: 100%; height: auto; border-radius: 6px; background: #fff; padding: 20px; margin-top: 20px; overflow: hidden;}
.neiye .ny_bottom .left .zzpl_p { width: 100%; height: auto; padding-top: 35px;}
.neiye .ny_bottom .left .zzpl_input { width: 100%; height: auto; overflow: hidden;}
.neiye .ny_bottom .left .zzpl_input_l { width: 110px; height: auto; float: left;}
.neiye .ny_bottom .left .zzpl_input_l .icon { width: 60px; height: 60px; border: 1px #eee solid; border-radius: 50%; background: url("../images/ny_pl_icon.jpg"); margin: 0 auto; overflow: hidden;}
.neiye .ny_bottom .left .zzpl_input_r { width: 730px; height: auto; float: right;}
.neiye .ny_bottom .left .zzpl_input_r .input { width: 730px; height: 135px; border: 1px #eee solid; padding: 10px;}
.neiye .ny_bottom .left .zzpl_input_r .text { width: 100%; height: 45px; line-height: 45px; color: #999;}
.neiye .ny_bottom .left .zzpl_input_r .text a { color: #4492f3;}
.neiye .ny_bottom .left .zzpl_input_r .text span { float: right;}
.neiye .ny_bottom .left .zzpl_input_r .text span input { width: 92px; height: 35px; color: #fff; border: none; border-radius: 5px; background: #4492f3;}
.neiye .ny_bottom .left .zzpl_list { width: 100%; height: auto; margin-top: 20px; overflow: hidden;}
.neiye .ny_bottom .left .zzpl_list_t { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px #eee solid; padding: 0 20px; overflow: hidden;}
.neiye .ny_bottom .left .zzpl_list_t span { font-size: 14px; cursor: pointer;}
.neiye .ny_bottom .left .zzpl_list_t .active { color: #4492f3;}
.neiye .ny_bottom .left .zzpl_list_t i { color: #999; font-style: normal; float: right;}
.neiye .ny_bottom .left .zzpl_list_p { width: 100%; height: auto; overflow: hidden;}
.neiye .ny_bottom .left .zzpl_list_p li { width: 100%; height: auto; border-bottom: 1px #eee solid; padding: 25px 20px; overflow: hidden;}
.neiye .ny_bottom .left .zzpl_list_p li .zzpl_list_p_l { width: 80px; height: auto; float: left;}
.neiye .ny_bottom .left .zzpl_list_p li .zzpl_list_p_l .icon { width: 60px; height: 60px; border: 1px #eee solid; border-radius: 50%; background: url("../images/ny_pl_icon.jpg"); overflow: hidden;}
.neiye .ny_bottom .left .zzpl_list_p li .zzpl_list_p_r { width: 720px; height: auto; float: left;}
.neiye .ny_bottom .left .zzpl_list_p li .zzpl_list_p_r .name { width: 630px; height: 35px; line-height: 35px; color: #999;}
.neiye .ny_bottom .left .zzpl_list_p li .zzpl_list_p_r .text { width: 630px; height: auto; line-height: 25px;}
.neiye .ny_bottom .left .zzpl_list_p li .zzpl_list_p_r .btn { width: 90px; height: auto; line-height: 30px; margin-top: 15px; float: right; cursor: pointer;}
.neiye .ny_bottom .left .zzpl_list_p li .zzpl_list_p_r .btn img { vertical-align: middle; display: inline-block;}
.neiye .ny_bottom .left .zzpl_list_p li .input { width: 100%; height: auto; border-radius: 5px; background: #f7f7f7; padding: 15px; margin-top: 20px; float: left;}
.neiye .ny_bottom .left .zzpl_list_p li .input_l { width: 650px; height: 50px; border-radius: 5px 0 0 5px; background: #fff; padding: 0 10px; float: left;}
.neiye .ny_bottom .left .zzpl_list_p li .input_l input { width: 560px; height: 50px; border: none; float: left;}
.neiye .ny_bottom .left .zzpl_list_p li .input_l span { height: 50px; line-height: 50px; color: #999; float: right;}
.neiye .ny_bottom .left .zzpl_list_p li .input_r { width: 120px; height: 50px; line-height: 50px; color: #fff; text-align: center; border-radius: 0 5px 5px 0; background: #4492f3; float: right; cursor: pointer;}
.neiye .ny_bottom .right { width: 340px; height: auto; float: right;}
.neiye .ny_bottom .right1 { height: auto; border-radius: 6px; background: #fff; padding: 20px;}
.neiye .ny_bottom .right2 { height: auto; border-radius: 6px; background: #fff; padding: 20px; margin-top: 20px;}

/*阅读页*/
.yuedu { border-radius: 6px; background: #f6f4ec; padding: 20px; margin-top: 30px; position: relative;}
.yuedu .path { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333;}
.yuedu .yd_title { width: 100%; height: 70px; line-height: 70px; font-size: 32px; padding: 0 20px 0 50px; margin-top: 20px;}
.yuedu .yd_about { width: 100%; height: 45px; line-height: 45px; font-size: 14px; padding: 0 0 0 50px;}
.yuedu .yd_about span { margin-right: 35px; float: left;}
.yuedu .yd_about dl { width: 400px; height: auto; text-align: right; padding-right: 20px; float: right;}
.yuedu .yd_about dl dt { width: 35px; height: 35px; border-radius: 50%; margin-right: 10px; overflow: hidden; display: inline-block;}
.yuedu .yd_about dl dd { color: #999; display: inline-block; margin-top: -5px; float: right;}
.yuedu .yd_about dl dd i { color: #4492f3; font-style: normal;}
.yuedu .yd_page { width: 100%; height: auto; line-height: 34px; font-size: 18px; padding: 30px; border-top: 1px #d9d4bf solid;}
.menu_left { width: 60px; height: auto; border-radius: 5px 0 0 5px; border-right: 1px #d9d4bf solid; background: #f6f4ec; position: fixed; top: 220px;}
.menu_left li { width: 57px; height: 78px; font-size: 14px; color: #999; text-align: center; border-bottom: 1px #d9d4bf solid; padding-top: 15px; margin: 0 auto; cursor: pointer;}
.menu_left li img { display: inline-block;}
.menu_right { width: 60px; height: auto; border-radius: 0 5px 5px 0; border-left: 1px #d9d4bf solid; background: #f6f4ec; position: fixed; margin-left: 1300px; top: 300px;}
.menu_right li { width: 57px; height: 78px; font-size: 14px; color: #999; text-align: center; border-bottom: 1px #d9d4bf solid; padding-top: 15px; margin: 0 auto; cursor: pointer;}
.menu_right li img { display: inline-block;}

/*作者福利页*/
.zuozhefuli { width: 100%; height: auto; overflow: hidden;}
.zuozhefuli .banner { width: 100%; height: 556px; background: url("../images/zzfl_bg.jpg") center;}
.zuozhefuli .zzfl_t { height: auto; overflow: hidden;}
.zuozhefuli .zzfl_t li { width: 90px; height: 55px; line-height: 55px; font-size: 16px; text-align: center; margin: 0 17px; float: left; cursor: pointer;}
.zuozhefuli .zzfl_t .active { color: #eb3d36; border-bottom: 2px #eb3d36 solid;}
.zuozhefuli .zzfl_p { height: auto; border-radius: 6px; background: #fff; padding: 20px; margin-top: 25px; overflow: hidden;}
.zuozhefuli .zzfl_p .zzfl_p_t { width: 100%; height: 120px; line-height: 100px; font-size: 24px; text-align: center;}
.zuozhefuli .zzfl_p .zzfl_p_p { width: 100%; height: auto; line-height: 25px; min-height: 530px; background: url("../images/login_logo.jpg") no-repeat 1000px bottom; padding: 0 90px 80px 90px;}
















/*登录弹出框*/
.login_bg { width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 99999; display: none;}
.login_box { width: 740px; height: 460px; border-radius: 10px; background: #fff; margin: 100px auto 0 auto;}
.login_box .login_box_t { width: 100%; height: auto; border-bottom: 1px #eee solid; padding: 0 35px; overflow: hidden;}
.login_box .login_box_t .close { margin-top: 33px; float: right; cursor: pointer;}
.login_box .login_box_p { width: 100%; height: auto; padding: 35px;}
.login_box .login_box_p .left { width: 330px; height: auto; border-right: 1px #f7f7f7 solid; float: left;}
.login_box .login_box_p .left td { height: 55px; line-height: 55px;}
.login_box .login_box_p .left .table_c { width: 330px; padding-right: 20px;}
.login_box .login_box_p .left .table_c .input { width: 310px; height: 45px; border: 1px #eee solid; border-radius: 5px; padding: 0 10px;}
.login_box .login_box_p .left .table_c .btn1 { width: 310px; height: 45px; color: #fff; border: none; border-radius: 5px; background: #4492f3; cursor: pointer;}
.login_box .login_box_p .left .table_c .btn2 { width: 310px; height: 45px; color: #999; border: none; border-radius: 5px; background: #eee; cursor: pointer;}
.login_box .login_box_p .right { width: 340px; height: auto; padding: 0 40px 0 40px; float: right;}
.login_box .login_box_p .right .text { width: 100%; height: auto; text-align: center; float: right;}
.login_box .login_box_p .right .text a { color: #4492f3;}
.login_box .login_box_p .right .txt { width: 140px; height: 50px; line-height: 50px; color: #999; text-align: center; background: #fff; margin: -25px auto 0 auto;}
.login_box .login_box_p .right .linee { width: 320px; height: 1px; background: #f7f7f7; margin: 100px auto 0 auto;}
.login_box .login_box_p .right ul { width: 100%; height: auto; text-align: center;}
.login_box .login_box_p .right ul li { margin: 15px; display: inline-block;}