*{margin:0;padding:0}
body{min-width:1200px;margin:0 auto;font-size:14px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;background:#fff url("../images/bodybg.png") repeat-x left top;color:#262626;text-align:justify}
h1,h2,h3{font-weight:500}
img{border:none}
a{cursor:pointer;color:#262626;text-decoration:none;outline:none}
a:hover{color:#f84b4b}
ul{list-style-type:none}
em{font-style:normal}
.lt{float:left}
.rt{float:right}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;outline:none}
table{border-collapse:collapse}
table td,table th{padding:0}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
div.clear{font:0px Arial;line-height:0;height:0;overflow:hidden;clear:both}
.line5{font-size:1px;height:5px;width:100%;clear:both}
.line10{font-size:1px;height:10px;width:100%;clear:both}
.line20{font-size:1px;height:20px;width:100%;clear:both}
.wrapin{width:1200px;margin-left:auto;margin-right:auto}
.header{height:70px;width:100%;background:#fff}
.header .logo{float:left;display:block;height:70px}
.header .logo img{display:block;height:70px}
.nav{float:left;line-height:70px}
.nav a{float:left;margin-left:46px;font-size:15px}
.nav a:hover,.nav a.hover{font-weight:bold;color:#f84b4b}
.head_search{float:right;width:200px;height:30px;border:1px solid #eee;border-radius:15px;margin-top:19px}
.head_search .text{height:30px;float:left;width:150px;padding-left:10px;border:0;background:none}
.head_search .sub{width:40px;height:30px;float:right;background:url("../images/head_sub.png") no-repeat center center;background-size:60%}
.hm_left{width:866px;float:left}
.banner{width:300px;height:392px;float:left;background: #ffeaea;margin-top:30px;position:relative;overflow:hidden;}
.banner .pics li{width:300px;height:392px;background:#ffeaea}
.banner .photo{width:240px;height:320px;position:relative;overflow:hidden}
.banner .photo img{display:block;width:240px;height:320px}
.banner .name{margin:10px 16px 0 16px;height:50px;line-height:25px;color:#777;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.banner .btns{position:absolute;right:8px;top:0;z-index:60}
.banner .btn{width:44px;height:60px;margin-bottom:5px;background:#000;cursor:pointer;position:relative}
.banner .btn img{display:block;width:44px;height:60px;opacity:0.8}
.banner .hover img{opacity:1}
.banner .hover i{display:block;width:40px;height:56px;position:absolute;z-index:20;left:0;top:0;border:2px solid #f84b4b}
.ba_rt{width:535px;float:right;padding-top:14px}
.ba_item{height:133px;padding-top:10px;border-bottom:1px solid #ecebeb}
.ba_item:last-child{border:0}
.ba_item .name{height:30px;line-height:30px;font-size:18px}
.ba_item:nth-child(1) .name{color:#f84b4b}
.ba_item:nth-child(2) .name{color:#4bc1d2}
.ba_item:nth-child(3) .name{color:#46bb00}
.ba_item .nm{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ba_item .tags{height:30px;line-height:24px;clear:both;font-size:13px}
.ba_item .wt{display:inline-block;padding-left:20px;color:#9b9b9b;background:url("../images/wt.png") no-repeat left center}
.ba_item .tags em{color:#ccc;margin:0 5px}
.ba_item .tags .zi{color:#f84b4b}
.ba_item .ti{line-height:28px;color:#777;height:56px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hm_right{float:right;width:300px}
.hm_head{height:50px;line-height:50px;border-bottom:1px solid #ecebeb;font-size:18px;color:#000;padding-left:38px;position:relative}
.hm_head img{display:block;height:24px;position:absolute;left:0;top:13px}
.hm_right .item1{height:32px;line-height:32px}
.hm_right .item1 a{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.ps{position:relative;overflow:hidden;transition:all 0.2s;-webkit-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s}
.ps img{transition:all 0.2s;-webkit-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s}
.ps:hover img{transition:all 0.2s;-webkit-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.hm_right .item2{display:block;height:90px}
.hm_right .item2 .photo{float:left;display:block;width:60px;height:80px;float:left;box-shadow:0 0 3px #ccc;border-radius:4px}
.hm_right .item2 .ps{display:block;width:60px;height:80px;border-radius:4px;position:relative;overflow:hidden}
.hm_right .item2 img{display:block;width:60px;height:80px}
.hm_right .item2 dl{float:right;font-size:14px;width:230px}
.hm_right .item2 dt{color:#777;line-height:20px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}
.hm_right .item2 dd{height:24px;line-height:24px;color:#f84b4b}
.hm_ad{display:block;width:100%}
.hm_ad img{display:block;width:100%;height:auto}
.hl_wp{position:relative;overflow:hidden}
.hl_wp .s_list{width:900px}
.tj_item{display:block;width:423px;float:left;margin:20px 20px 20px 0;height:160px}
.tj_item .photo{width:120px;height:150px;float:left;position:relative;border-radius:3px;box-shadow:0 0 3px #ccc}
.tj_item .ps{width:120px;height:150px;border-radius:5px;position:relative;overflow:hidden}
.tj_item .ps img{display:block;width:120px;height:150px}
.tj_item .inf{width:285px;float:right}
.tj_item .name{height:28px;line-height:28px;font-size:14px}
.tj_item .nm{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tj_item .tip{line-height:24px;height:72px;font-size:14px;color:#777;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;margin-bottom:8px}
.tj_item .tags{height:30px;line-height:24px;clear:both;font-size:14px}
.tj_item .wt{display:inline-block;padding-left:20px;color:#9b9b9b;background:url("../images/wt.png") no-repeat left center}
.tj_item .tags em{color:#ccc;margin:0 5px}
.tj_item .tags .zi{color:#f84b4b}
.hm_right .item3{display:block;position:relative;padding:0 0 5px 26px}
.hm_right .item3 .bf{height:28px;color:#262626;line-height:28px;font-size:14px}
.hm_right .item3_hover .bf{display:none}
.hm_right .item3_hover .af{display:block}
.hm_right .item3 .num{display:inline-block;width:16px;height:16px;text-align:center;line-height:16px;border-radius:1005;position:absolute;left:0;top:7px;background:#cdced3;border-radius:100%;font-size:12px;color:#fff}
.hm_right .item3:nth-child(1) .num{background:#f84b4b}
.hm_right .item3:nth-child(2) .num{background:#ff9c34}
.hm_right .item3:nth-child(3) .num{background:#ffd11c}
.hm_right .af{display:none}
.hm_right .item3_hover .af{display:block}
.hm_right .af .photo{display:block;width:72px;height:96px;border-radius:3px;box-shadow:0 0 4px #ccc;float:left}
.hm_right .af .ps{border-radius:3px;overflow:hidden;width:72px;height:96px}
.hm_right .af img{display:block;width:72px;height:96px}
.hm_right .af dl{float:right;width:182px}
.hm_right .af dt{height:28px;line-height:28px;color:#262626;font-size:14px}
.hm_right .af .nm{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm_right .af dd{line-height:22px;height:44px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.ds_item{float:left;display:block;text-align:center;width:150px;margin:18px 60px 0 0}
.ds_item:last-child{margin-right:0}
.ds_item .photo{display:block;height:200px;width:150px;border-radius:4px;box-shadow:0 0 4px #ccc;margin-bottom:10px}
.ds_item .ps{display:block;height:200px;width:150px;border-radius:4px}
.ds_item .ps img{display:block;height:200px;width:150px}
.ds_item dt{height:24px;line-height:24px}
.ds_item dd{height:20px;line-height:20px;color:#9b9b9b}
.ds_item .nm{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.ds_item .na{padding-left:20px;display:inline-block;background:url("../images/wt.png") no-repeat left center}
.zp_tab{border-top:1px solid #dedede;width:100%;text-align:left}
.zp_tab th{height:30px;background:#f6f6f8;color:#9b9b9b;font-weight:normal;padding-left:20px}
.zp_tab .t1{width:95px}
.zp_tab .t2{width:235px}
.zp_tab .t3{width:255px}
.zp_tab .t4{width:155px}
.zp_tab .t5{width:155px}
.zp_tab td{height:46px;padding-left:20px;color:#777}
.zp_tab tr:nth-child(odd) td{background:#f6f6f8}
.zp_tab .name2{color:#777}
.zp_tab .name2:hover{color:#f84b4b}
.footer{background:#ffeaea;margin-top:40px;padding:26px 0 30px 0}
.ft_top{padding:0 0 20px 84px;position:relative;border-bottom:1px solid #ffeaea;line-height:30px}
.ft_top .tit{position:absolute;left:0;top:0;color:#666}
.ft_top a{color:#999;float:left;margin-right:30px}
.ft_nav{text-align:center;height:30px;line-height:30px;padding-top:10px}
.ft_nav em{color:#f5e3e6}
.ft_nav a{color:#626060;margin:0 10px}
.ft_nav a:hover{color:#f84b4b}
.ft_copy{text-align:center;line-height:30px;color:#999}
.det_left{float:left;width:870px}
.det_banner{background:#ffeaea;padding:40px 0 40px 20px}
.det_banner .photo{width:180px;height:240px;float:left;border-radius:4px;box-shadow:0 0 4px #ccc}
.det_banner .photo img{width:180px;height:240px;border-radius:4px}
.det_banner .inf{float:left;width:500px;padding-left:20px}
.det_banner dl{padding-bottom:15px}
.det_banner dt{height:52px;line-height:52px;font-size:22px}
.det_banner dd{height:30px;line-height:30px;color:#999}
.det_banner .btn{display:block;width:144px;height:40px;line-height:40px;text-align:center;border-radius:5px;color:#fff;background:#f84b4b;float: left;}
.det_handle{height:50px;line-height:50px;clear:both;font-size:16px;border-bottom:1px solid #eee}
.det_handle .btn{float:left;height:48px;margin-right:50px;cursor:pointer}
.det_handle .hover{color:#f84b4b;border-bottom:2px solid #f84b4b}
.det_con{display:none}
.show{display:block}
.det_con1 .inf{color:#666;padding:15px 0;line-height:28px;font-size:14px;text-indent:2em}
.det_con1 .inf p{line-height:28px;font-size:14px;text-indent:2em}
.det_con1 .head1{height:42px;line-height:42px;border-left:3px solid #f84b4b;background:#ffeaea;padding-left:6px;font-weight:bold;font-size:16px}
.det_con1 .head2{height:42px;line-height:42px;border-bottom:2px solid #d7d7d7;padding-left:6px;font-weight:bold;position:relative}
.det_con1 .head2 .tit{width:92px;position:absolute;left:0;top:0;text-align:center;font-size:18px;border-bottom:2px solid #f84b4b}
.gu_item{width:290px;height:120px;float:left;margin:20px 0 0 0}
.gu_item .photo{float:left;display:block;width: 100px;height:120px;}
.gu_item .photo img{display:block;width: 100px;/* height:120px */}
.gu_item dl{padding-left:10px;float:left;width:160px}
.gu_item dt{height:34px;line-height:34px;color:#f84b4b;font-size:16px}
.gu_item dd{line-height:26px;color:#999}
.det_con2 .title{border-bottom:1px solid #eee;height:50px;line-height:50px;font-size:16px}
.det_con2 li{width:33%;float:left;height:45px;line-height:45px}
.det_con2 li a{color:#666;display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.det_con2 li a:hover{color:#f84b4b}
.det_right{float:right;width:300px;margin-top:50px}
.det_floor{border-radius:4px;margin-bottom:20px;background:#ffeaea;padding:0 20px 40px 20px}
.det_floor .title{height:45px;line-height:45px;border-bottom:1px solid #f2f2f2;font-size:16px;margin-bottom:-10px}
.det_floor dt{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df_item{margin-top:20px;height:80px;display:block}
.df_item .photo{float:left;display:block;width:60px;height:80px;border-radius:4px;box-shadow:0 0 4px #ccc}
.df_item .ps{width:60px;height:80px;position:relative;overflow:hidden}
.df_item .ps img{width:60px;height:80px;display:block}
.df_item dl{float:right;width:190px}
.df_item dt{height:24px;line-height:24px;font-size:14px}
.df_item dd{height:24px;line-height:24px;color:#999}
.list_sort{border:1px solid #f84b4b;margin-top:30px;padding:10px 0 20px 0}
.so_cla{padding:0 0 0 68px;position:relative;min-height:24px;line-height:24px}
.so_cla .tit{position:absolute;left:20px;top:10px}
.so_cla .sel{float:left;display:inline-block;height:24px;line-height:24px;padding:0 10px;border-radius:3px;margin:10px 20px 0 0;color:#777}
.so_cla .hover{color:#fff;background:#f84b4b}
.so_cla h1{font-size:14px}
.so_cla h2{font-size:14px}
.lis_item{display:block;width:600px;float:left;margin:20px 0 0 0}
.lis_item .photo{width:105px;height:140px;float:left;border-radius:4px;box-shadow:0 0 4px #ccc}
.lis_item .ps{border-radius:4px;position:relative;overflow:hidden;width:105px;height:140px}
.lis_item .ps img{display:block;width:105px;height:140px}
.lis_item .inf{width:420px;float:left;padding-left:15px}
#bookinfo h1{font-size:16px;margin-bottom:15px}
.lis_item .name{height:26px;line-height:26px;font-size:16px}
.lis_item .nm{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.det_guess .nm{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lis_item .tags{height:30px;line-height:30px;color:#9b9b9b}
.lis_item .tags em{color:#ccc;padding:0 3px}
.lis_item .wt{padding-left:20px;background:url("../images/wt.png") no-repeat left center}
.lis_item .tips{line-height:24px;height:48px;color:#777;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.lis_item .zi{height:30px;line-height:30px;color:#f84b4b}
.page{width:1200px;display:flex;justify-content:center;margin:20px auto}
.page-box{margin:50px 0 20px 0}
.page-box a{display:inline-block;height:36px;line-height:36px;color:#333;padding:0 15px;border:1px solid #a6a6a6;border-radius:4px}
.page-box a.noclick{color:#ddd;border:1px solid #ddd}
.page-box a.active{background-color:#f84b4b;color:#fff;border:1px solid #f84b4b}
.page-box a.yxclick:hover{background-color:#f84b4b;color:#fff;border:1px solid #f84b4b}
.now_pos{height:50px;line-height:50px;color:#999}
.now_pos a{color:#999}
.now_pos a:hover{color:#333}
.now_pos h2{display:inline;font-size:14px}
.art_fm{min-height:800px;padding:0 50px 50px 50px;background:#ffeaea}
.art_fm .title{font-weight:bold;font-size:24px;line-height:1.6;text-align:center;padding:30px 0 0 0}
.art_fm .title h1{font-size:22px}
.art_fm .from{text-align:right;line-height:2;color:#777}
.art_cnt{font-size:18px;line-height:36px;text-indent:2em}
.art_cnt p{font-size:18px;line-height:36px;text-indent:2em}
.art_cnt img{display:block;margin:20px auto;max-width:100%}
.art_ctrl{text-align:center;padding-top:30px;height:40px}
.art_ctrl a{display:inline-block;height:38px;line-height:38px;border:1px solid #aeafb1;padding:0 24px;border-radius:3px;margin:0 10px;color:#81817d}
.hm_zixun{position:relative;margin-top:16px}
.hm_zixun .zixun_left{width:1200px;background:#fff;box-sizing:border-box;padding:0 36px 50px 36px;min-height:800px}
.hm_zixun .zixun_list{margin:20px 0 0 20px;position:relative}
.zixun_left .hm_head{padding-top:26px;margin-left:20px;height:20px;position:relative}
.zixun_left .hm_head img{display:block;position:absolute;left:0;top:26px}
.zixun_left .tit{font-size:20px;float:left;margin-left:14px;margin-top:-7px}
.hm_zixun .hmzx_item{height:170px;margin:0 20px 26px 0;border-bottom:1px dashed #f2f2f2}
.hm_zixun .hmzx_item .photo{display:block;float:left;width:149px;height:149px}
.hm_zixun .info{float:left;width:688px;padding:10px 0 0 8px}
.hmzx_item .name{color:#333;display:inline-block;width:246px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.hmzx_item .date{font-size:12px;color:#999;margin-top:7px}
.hmzx_item .desc{margin-top:24px;line-height:20px;font-size:12px;color:#999;height:60px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}
.list_right{float:right;width:294px}
.list_right .lr_item{width:294px;background:#fff;overflow:hidden;margin-bottom:20px}
.lr_item .hm_head{margin:25px 0 0 20px;height:20px;position:relative}
.lr_item .data_list{margin:20px 0 0 20px;display:block}
.lr_item .info{float:left;margin-left:10px;width:156px}
.lr_item .info .name{color:#333;display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin-top:4px}
.lr_item .info .desc{line-height:20px;font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr_item .datai_list{margin:20px}
.lr_item .datai_list li{margin-bottom:20px;border:1px solid #f2f2f2;border-radius:5px}
.lr_item .datai_list img{width:100%;height:196px}
.lr_item .datai_list .photo{display:block;width:100%;height:196px;position:relative;overflow:hidden;border-radius:5px 5px 0 0;margin-bottom:12px}
.lr_item .datai_list .name{color:#333;display:inline-block;width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin-top:4px;padding-bottom:20px;margin:0 20px 0 20px}
.lr_item .datais_list li{width:254px;height:44px;line-height:44px;margin:auto}
.lr_item .datais_list .name{color:#333;display:inline-block;width:156px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.lr_item .datais_list .date{float:right;color:#999;font-size:12px}
.sd_head{text-align:center}
.sd_head .t1{line-height:40px;font-weight:bold;font-size:22px}
.sd_head .date{height:36px;line-height:36px;color:#999}
.nd_article{font-size:18px;line-height:36px;margin-top:20px;/* text-indent:2em */}
.nd_article p{font-size:18px;line-height:36px;/* text-indent:2em */}
.art_ctrl a.noclick{color:#ddd;border:1px solid #ddd}
.more-ml{width:120px;height:28px;line-height:28px;font-size:14px;text-align:center;display:block;margin:10px auto;border-radius:10px;background-color:#f84b4b;color:#fff}
.more-ml:hover{text-decoration:underline;color:#fff}
#chapterlsit{margin-top:15px}
.art_fm .from{text-align:center}
.art_ctrl a{border:1px solid #444;color:#555}
.sd_head .t1{line-height:40px;font-weight:bold;font-size:22px}
.zp_tab .t2 a{max-width:235px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new-recommend{overflow:auto;margin-bottom:30px;overflow:hidden}
.new-recommend>section{margin-bottom:20px;background:#fff;border-radius:4px}
.new-recommend .half-border-bottom{margin-bottom:20px;font-size:18px;color:#262626;line-height:20px;background:hsla(0,0%,85%,0);padding-bottom:15px;border-bottom:1px solid #ecebeb}
.new-recommend .half-border-bottom>img{width:24px;height:24px;vertical-align:sub;margin-right:10px}
.new-recommend .carousel-wrap{float:left;padding:0 20px;margin-top:20px;text-align:center}
.react-3d-carousel{position:relative;margin-left:50px;min-height:200px}
.react-3d-carousel .slider-container{position:absolute;left:50%;top:0;width:90%;margin:0 auto 0 -45%}
.react-3d-carousel .slider-container .slider-content{position:relative;left:50%;top:0;width:70%;height:80%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.react-3d-carousel .slider-container .slider-content .slider-single{position:absolute;z-index:0;left:0;top:0;width:150px;-webkit-transition:z-index 0ms .25s;-o-transition:z-index 0ms .25s;transition:z-index 0ms .25s}
.react-3d-carousel .slider-container .slider-content .slider-single img{width:150px;height:200px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2)}
.react-3d-carousel .slider-container .slider-content .slider-single .slider-single-content{position:relative;left:0;top:0;width:100%;height:200px;-webkit-transition:.5s ease-out;-o-transition:.5s ease-out;transition:.5s ease-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.react-3d-carousel .slider-container .slider-content .slider-single .slider-single-content img{max-width:100%}
.react-3d-carousel .slider-container .slider-content .slider-single.preactivede .slider-single-content{-webkit-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0)}
.react-3d-carousel .slider-container .slider-content .slider-single.preactive{z-index:1}
.react-3d-carousel .slider-container .slider-content .slider-single.preactive .slider-single-content{-webkit-transform:translateX(-41%) scale(.8);-ms-transform:translateX(-41%) scale(.8);transform:translateX(-41%) scale(.8)}
.react-3d-carousel .slider-container .slider-content .slider-single.proactive{z-index:1}
.react-3d-carousel .slider-container .slider-content .slider-single.proactive .slider-single-content{-webkit-transform:translateX(41%) scale(.8);-ms-transform:translateX(41%) scale(.8);transform:translateX(41%) scale(.8)}
.react-3d-carousel .slider-container .slider-content .slider-single.proactivede .slider-single-content{-webkit-transform:translateX(50%) scale(0);-ms-transform:translateX(50%) scale(0);transform:translateX(50%) scale(0)}
.react-3d-carousel .slider-container .slider-content .slider-single.active{z-index:2}
.react-3d-carousel .slider-container .slider-content .slider-single.active .slider-left,.react-3d-carousel .slider-container .slider-content .slider-single.active .slider-right{display:block}
.react-3d-carousel .slider-container .slider-content .slider-single.active .slider-single-content{opacity:1;-webkit-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
.react-3d-carousel .slider-container .slider-left{position:absolute;display:none;z-index:3;right:101%;margin-right:5px;padding:24px;height:100%;cursor:pointer}
.react-3d-carousel .slider-container .slider-right{display:none;position:absolute;z-index:3;left:101%;padding:24px;height:101%;cursor:pointer;margin-left:-2px}
.new-recommend .carousel-wrap .title{display:block;margin-top:40px;margin-bottom:15px;font-size:20px;color:#262626}
.new-recommend .carousel-wrap .desc{width:300px;margin-bottom:18px;height:46px;font-size:14px;color:#777;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.new-recommend .carousel-wrap .read{display:inline-block;padding:6px 20px;background:#f84b4b;border-radius:4px;color:#fff;font-size:14px}
.new-recommend ul.novel-list{width:436px;margin-left:290px;float:left}
.novel-list{overflow:auto}
.new-recommend ul.novel-list li.novel-item{width:100%;margin-bottom:20px}
.novel-list .novel-item{float:left;width:50%;margin-bottom:60px}
.new-recommend ul.novel-list li.novel-item .img-link{width:90px;height:120px;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2)}
.novel-list .novel-item .img-link{width:120px;height:160px;margin-right:15px;float:left;overflow:hidden;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2)}
.new-recommend ul.novel-list li.novel-item img{width:90px;height:120px;border-radius:4px}
.novel-list .novel-item img{width:120px;height:160px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;border-radius:4px}
.new-recommend ul.novel-list li.novel-item .title{display:block;margin-bottom:10px;font-size:16px;color:#262626}
.new-recommend ul.novel-list li.novel-item .desc{font-size:14px;color:#777;line-height:24px;margin-bottom:16px;height:43px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.novel-list .novel-item:nth-child(odd) .desc{padding-right:47px}
.novel-list .novel-item .desc{margin-bottom:16px;line-height:20px;font-size:14px;color:#777;letter-spacing:0;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:67px}
.novel-list .novel-item .author{line-height:18px;margin-bottom:5px}
.novel-list .novel-item .author i{font-size:15px;color:#dedede;padding-right:5px}
.icon-zuozhe:before{content:"\e63f"}
.novel-list .novel-item .name{position:relative;font-size:13px;color:#9b9b9b;padding-right:10px}
.novel-list .novel-item .name:after{position:absolute;content:"|";right:0;height:4px;top:2px;font-size:10px;font-weight:100;color:#ecebeb}
.novel-list .novel-item .cate{position:relative;font-size:13px;color:#9b9b9b;padding-left:10px;line-height:15px}
.jsBlocck{width:300px;position:absolute;left:-69px;background-color:#fff}



.artbox {
   
    background: #fff;
    padding: 0 36px 0 36px;
    margin-bottom: 20px;
    font-size: 14px;
}
.artbox p{
    font-size: 16px;
}
.nd_article {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 32px;
}
.nd_article h3{margin: 20px 0;font-weight: 700;border-left: 3px solid #f0715c;padding-left: 10px;}

.sd_head{text-align:center;/* margin-top:30px; */border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px;padding-top: 20px;}
.sd_head .t1{line-height:40px;font-weight:700;font-size:24px}
.sd_head .date{height:36px;line-height:36px;color:#999}

.book-cover{
	height: 130px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.book-cover .pic{
	width: 100px;
	height: 130px;
	float: left;
	overflow: hidden;
	text-indent: 0;
}

.book-cover .pic img{
	width: 100px;
	height: 130px;
}

.book-cover .info{
	width: 564px;
	float: left;
	margin-left: 20px;
	text-indent: 0;
}

.book-cover .title{
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	color: #333;
	text-indent: 0;
}

.book-cover .intro{
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	margin: 10px 0;
	color: #999;
	text-indent: 0;
}

.book-cover .inf span{
	margin-right: 20px;
	color: #999;
}

.book-cover .btn{
	position: absolute;
	right: 0px;
	top: 48px;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #f0715c;
	color: #fff;
	text-indent: 0;
	margin-left: 10px;
}


.backnext{
    margin: 20px 0;
}


.nt_lis_item{
    width: 100%;
}


.nt_lis_item .inf{
    width: 720px;
}
.nt_lis_item .tips{
    margin: 20px 0;
}



.ntrl .head2{
    height: 42px;
    line-height: 42px;
    border-bottom: 2px solid #d7d7d7;
    padding-left: 6px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
}
.ntrl .head2 .tit{
    width: 92px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 18px;
    border-bottom: 2px solid #f84b4b;
   
}
.ntrl .lis{
    overflow: hidden;
}
.ntrl .lis li{
    width: 358.5px;
    float: left;
    margin: 6px 20px;
}
.ntrl .lis li a{
    display: inline-block;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ntrl .lis li span{
    float: right;
    color: #888;
}