body{overflow:hidden;}
body{background:#3d3e45 url(../image/beta.png) no-repeat 1% 99%;}
.g-doc{text-align:left;width: 100%;height: 100%;background:url(../image/reader-loading.png) no-repeat center;}
.f-cb:after{clear:both;content:'.';display:block;height:0;overflow:hidden;visibility:hidden;}
.f-cb{zoom:1;}
.u-icn-dirct,.u-icn-dirct-act,.u-icn-talk,.u-icn-pre b,.u-icn-next b,.u-icn-pre1 b,.u-icn-next1 b,.u-icn-person b,.u-icn-close,.m-reader .rd_buy .buy,.u-msg-book,.u-msg-right,.u-star li,.m-reader .gallery_prev,.m-reader .gallery_next,
.u-icn-arrdwn,.u-icn-arrup,.u-showbox .close b,.u-icn-zoomin,.u-icn-zoomout,.u-icn-toc,.u-icn-comment,.u-stargrade .icon,.icn-smile,.icn-talk2,.icn-layor,.icn-layor-vertical,.icn-gift,.icn-go,.icn-download,.icn-close2,.icn-note,
.icn-mark,.icn-mark-chk{background:url(404.png) no-repeat;}
.u-load p{background:url(../image/circle.gif) no-repeat;}
.icn-note-b,.icn-bookmark-b{background:url(../image/icon-big.png) no-repeat;}
.u-explorer li a{background:url(../image/icon-explorer.jpg) no-repeat;}
.m-reader .rd_buy .shadow{background:url(../image/shadow1.png) left repeat-y;}
a{color:#613f23;}
::-webkit-scrollbar{width: 0}



.m-reader .wrap{position:fixed;top:0;bottom: 0;left:50%;width:1334px;height:100%;margin-left:-667px;background:#fbfaf8;box-shadow:0 0 80px rgba(0,0,0,.45);}

.m-reader .rd_header{position:absolute;top:0;left:0;width:1174px;height:20px;padding:20px 80px;color:#bcb2a5;line-height:20px;z-index:30;}
.m-reader .rd_header .wide{float:left;display:block;max-width:330px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;font-weight:400;}
.m-reader .rd_header a{color:#bcb2a5;}
.m-reader .rd_header a:hover{color:#ed6c00;}
.m-reader .rd_header .u-btn-group{display:none;float:left;}
.m-reader .rd_header .act{float:right;width:300px;}
.m-reader .rd_header .page{float:right;margin-left:10px;}
.m-reader .rd_header h2{float:right;width:260px;font-size:14px;font-weight:400;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.m-reader .rd_footer{position:absolute;bottom:0;left:0;width:1174px;height:20px;padding:20px 80px;;color:#bcb2a5;line-height:20px;z-index:30;}
.m-reader .rd_footer .right{position:absolute;right:80px;;top:20px;}

.m-reader .rd_cntrl{position:fixed;top:50%;left:50%;width:40px;height:316px;margin:-158px 0 0 694px;z-index: 0;}
.m-reader .rd_cntrl ul{border:1px solid #505157;border-radius:4px;}
.m-reader .rd_cntrl li{position:relative;min-height:50px;margin-bottom:-1px;border-bottom:1px solid #505157;*vertical-align:top;cursor:pointer;}
.m-reader .rd_cntrl li:last-child{border-bottom:none;}
.m-reader .rd_cntrl .btn{margin-bottom:10px;cursor:pointer;}
.m-reader .rd_cntrl .btn b,.m-reader .rd_cntrl .page b{top:50%;left:50%;margin:-10px 0 0 -10px;}
.m-reader .rd_cntrl .btn span{display:block;min-height:50px;color:#616267;}
.m-reader .rd_cntrl .btn span:hover{color:#c4612c;}
.m-reader .rd_cntrl .btn .comment{border-bottom:none;}
.m-reader .rd_cntrl .btn .comment b{position:absolute;display:block;width:30px;height:37px;margin:-15px 0 0 -15px;font-weight:400;}
.m-reader .rd_cntrl .btn b i{font-style:normal;}
.m-reader .rd_cntrl .num{display:block;width:30px;text-align:center;}
.m-reader .rd_cntrl .u-icn-talk{position:static;margin:0 auto;}
.m-reader .rd_cntrl .page span{display:block;height:100px;}

.m-reader .rd_main{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;}
.m-reader .rd_cnt{position:absolute;overflow:hidden;left:50%;top:50%;margin:-444px 0 0 -667px;background:#fbfaf8;box-shadow:0 0 80px rgba(0,0,0,.45);z-index:5;}
.m-reader .rd_page_wrapper{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:11;}
.m-reader .rd_cnt .book_page_wrapper{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;background:#fbfaf8;z-index: 1;}
.m-reader .rd_cnt .fullscreen{z-index: 31;}
.m-reader .rd_cnt .book_page_wrapper .u-btn-retry{position: absolute;width: 24%;top:50%;left: 50%;margin-top: -12px;margin-left: -12%; }

.m-reader .rd_scroll{position:fixed;top:0;right:0;height:100%;width:25px;border-left:1px solid #313237;z-index:40;background:#3d3e45;}
.m-reader .rd_scroll .slider{position:absolute;right:0;width:100%;height:56px;}
.m-reader .rd_scroll .btn{position:absolute;left:-5px;width:9px;min-height:30px;border:1px solid #313237;background:#4b4b51;border-radius:5px;}
.m-reader .rd_scroll .tips{position:absolute;right:40px;padding:10px;background:#4b4b51;color:#c4c4c5;width:140px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;}
.m-reader .rd_scroll .tips table{width:100%;}
.m-reader .rd_scroll .tips table td{height:36px;overflow:hidden;text-align:center;}

.m-reader .rd_person{position:absolute;top:30px;right:60px;}
.m-reader .rd_person a{color:#9d9d9f;}

.m-reader .rd_buy{position:fixed;top:50%;left:50%;width:120px;margin-top:-420px;margin-left:667px;overflow:hidden;}
.m-reader .rd_buy .buy{display:block;height:36px;padding-left:15px;color:#fff;font-size:14px;line-height:36px;background-position:0 -198px;}
.m-reader .rd_buy .buy-quan{padding-left: 5px;font-size: 12px;}
.m-reader .rd_buy .buy-quan .icn-quan{padding: 2px 4px; margin: 0 2px;}
.m-reader .rd_buy .gift *{vertical-align:middle;}
.m-reader .rd_buy .gift{
  display:inline-block;height:20px;margin-top:15px;padding:10px;line-height:20px;background-color:#0e7bd7;color:#fff;border-radius:0 3px 3px 0;
  -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transform:translate(-82px,0);-moz-transform:translate(-82px,0);
  }
.m-reader .rd_buy .gift:hover{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);}
.m-reader .rd_buy .gift .txt{margin-right:10px;}
.m-reader .rd_buy .shadow{position:absolute;left:0;top:0;display:block;width:15px;height:100%;}

.m-reader .rd_other{position:fixed;top:50%;right:50%;width:120px;margin-top:-420px;margin-right:603px;overflow:hidden;}
.m-reader .rd_other .downapp,.m-reader .rd_other .gobook{display:block;width:56px;height:40px;border-radius:3px 0 0 3px;background:#2e8cc7;text-align:center;}
.m-reader .rd_other .gobook{margin-bottom:15px;background:#ed882e;}

.m-reader .rd_dirct .nav-list li{position:relative;border-bottom:1px dashed #e5e0d8;}
.m-reader .rd_dirct .nav-list li a{display:block;padding:18px 80px 18px 0;line-height:20px;font-size:14px;}
.m-reader .rd_dirct .nav-list li a.disable{color: #999;cursor: default;}
.m-reader .rd_dirct .nav-list li span{position:absolute;right:0;top:18px;font-size:12px;color:#bcb2a5;}
.m-reader .rd_dirct .nav-list li li{padding-left:2em;}
.m-reader .rd_dirct .nav-list .final{border-bottom:none;}
.m-reader .rd_dirct .nav-list .nav-list{border-top:1px dashed #e5e0d8;}
.m-reader .rd_dirct .nav-list .active a{color:#ed6c00;}
.m-reader .rd_dirct .nav-list .active li a{color:#000;}
.m-reader .rd_bookmark{padding-top:1px;}

.m-reader .rd_end{width:547px;margin:0 auto;padding:100px 0 0;text-align:center;}
.m-reader .rd_end .msg_txt{margin-bottom:10px;font-size:16px;}
.m-reader .rd_end .buy .msg_txt{margin:20px 0;font-size:18px;}
.m-reader .rd_end .u-btn1{width:140px;margin:0 auto;}
.m-reader .rd_end .act .u-btn1{float:right;margin-left:10px;}
.m-reader .rd_end .u-msg-right{margin:0 auto 10px;}
.m-reader .rd_end .buy{margin-top: 129px;}
.m-reader .rd_end .buy .act{text-align: center;}
.m-reader .rd_end .buy .icn-quan{padding:0px 3px 0px 4px;display: inline-block;}
.m-reader .rd_end .buy .msg_txt{margin:20px 0;font-size:18px;}
.m-reader .rd_end .buy .act .u-btn1{display: inline-block;margin: 0 7px;float: none;}
.m-reader .rd_end .buy .act .u-btn1:hover{color:#fff;text-decoration:none;}

.m-reader .gallery_prev,.m-reader .gallery_next{position:absolute;top:50%;height:60px;width:38px;margin-top:-30px;border:none;text-indent:-9999px;outline:none;}
.m-reader .gallery_image{position:absolute;}
.m-reader .gallery_prev{left:0;background-position:0 -453px;}
.m-reader .gallery_next{right:0;background-position:-50px -453px;}
.m-reader .gallery_dots{position:absolute;bottom:0;width:100%;text-align:center;font-size:0;}
.m-reader .gallery_dots .active{background:#785e49;color:#785e49;}
.m-reader .gallery_dot{display:inline-block;*display:inline;width:6px;height:6px;margin:0 5px;border-radius:3px;background:#d3cbc4;cursor:pointer;font-size:0;color:#d3cbc4;zoom:1;overflow:hidden;}

.m-reader .rd_mark{position:absolute;right:28px;top:60px;width:28px;height:46px;z-index:1;}

.rd_help{position:fixed;top:50%;left:50%;width:400px;padding:20px;margin:-35px 0 0 -220px;background:rgba(0,0,0,.85);box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:30;color:#fff;font-size:16px;line-height:30px;text-align:center;border-radius:2px;}

.m-comm-write{padding-top:10px;}
.m-comm-write textarea{width:100%;height:200px;padding-top:10px;background:#fdfdfc;border:0;line-height:20px;font-size:14px;}
.m-comm-write .star{position:relative;zoom:1;width:200px;height:45px;margin:0 auto 20px;color:#bcb2a5;font-size:14px;line-height:20px;text-align:center;}
.m-comm-write .star .msg{display:block;margin-left:5em;text-align:left;}
.m-comm-write .cnt{height:260px;margin-bottom:15px;padding:5px 20px 0;background:#fdfdfc;border:1px solid #e0dad5;}
.m-comm-write .act{position:relative;zoom:1;margin-top:10px;}
.m-comm-write .act .msg{top:9px;right:106px;text-align:right;line-height:32px;}
.m-comm-write .act .msg-error{color:#b23;}
.m-comm-write .act .u-btn{float:right;width:100px;height:30px;line-height:30px;margin-left:10px;}
.m-comm-write .u-txt{width:100%;border:0;border-bottom:1px solid #ece6e0;background:#fdfdfc;}
.m-comm-write .u-txt-1{width:672px;height:60px;padding:10px;overflow-y:hidden;border:1px solid #e0dad5;}
.m-comm .total{font-size:14px;color:#666;}
.m-comm .total em{margin:0 5px;color:#ed6c00;}
.m-comm .m-comm-write .star{margin:0;width:auto;text-align:left;}
.m-comm .m-comm-write .cnt{height:190px;}
.m-comm .m-comm-write .star .msg{margin-top: 0;}
.m-comm .m-comm-write textarea{height:130px;}
.m-comm .m-comm-write .u-txt{padding: 10px 0;}
.m-comm .w-tab .tab .itm{width:4em;}
.w-tips1{position:relative;zoom:1;line-height:22px;color:#666;background:#fffde0;border:1px solid #F0DBB0;padding:5px 20px;white-space: nowrap;z-index: 10000;}
.u-side-layer .container .m-comm .content{top:120px;}

.u-commlist{min-height:30px;_height:30px;padding:20px 0 0;}
.u-commlist li{padding:0 0 14px;margin-bottom:18px;border-bottom:1px solid #e0dad5;}
.u-commlist .ttl a{display:block;width:100%;overflow:hidden;font-size:14px;color:#333;white-space:nowrap;text-overflow:ellipsis;}
.u-commlist .ttl a:hover{color:#ed6c00;}
.u-commlist .user,.u-commlist .w-sep{color:#a6978a;}
.u-commlist .user{position:relative;zoom:1;margin-top:6px;padding-left:80px;}
.u-commlist .user .u-stargrade{position:absolute;left:0;}
.u-commlist .article{width:100%;margin-bottom:8px;line-height:24px;font-size:14px;overflow:hidden;color:#666;}
.u-commlist .article p{margin-bottom:6px;white-space:pre-wrap;*white-space:pre;*word-wrap:break-word;}
.u-commlist .u-comminfo{height:20px;color:#a6978a;}
.u-commlist .u-comminfo p{float:left;margin-right:15px;}
.u-commlist .no_comment{color:#999;padding:0 15px;}
.u-comm-reply{position:relative;zoom:1;margin-top:12px;padding:20px;background:#f4f2ef;}
.u-comm-reply .form .u-txt{padding:5px 10px;border-color:#ed6c00;}
.u-comm-reply .article{margin:5px 0 0;font-size:12px;line-height:18px;}
.u-comm-reply .formreply{position:relative;zoom:1;margin-top:10px;border-top:1px solid #e2dcd7;padding:15px 0;}
.u-comm-reply .icn-triangle,.u-comm-reply .icn-arrow{position:absolute;right:10px;top:-6px;}
.u-comm-reply .operate{position:relative;padding-top:20px;}
.u-comm-reply .operate .act{position:absolute;right:0;top:0;color:#a6978a;}
.u-comm-reply .form{position:relative;zoom:1;padding-right:120px;}
.u-comm-reply .form .u-msg{top:35px;right:2px;}
.u-comm-reply .form .u-txt{width:99%;}
.u-comm-reply .form .u-btn{position:absolute;top:0;right:0;width:88px;height:30px;line-height:30px;}
.u-comm-reply .form_disable{height:20px;padding:6px 0 6px 20px;line-height:20px;}
.u-comm-reply .form_disable em{margin-right:10px;font-size:14px;}
.u-comm-reply .form_disable .itm{color:#ed6c00;cursor: pointer;}
.u-comm-reply .form_disable .itm:hover{text-decoration:underline;}
.u-comm-reply .list{position:relative;zoom:1;margin-top:10px;padding-left:20px;}
.u-comm-reply .list .icn-quotes{position:absolute;top:8px;left:0;}
.u-comm-reply .list .total{margin-bottom:0;border-bottom:1px dashed #e2dcd7;font-size:12px;line-height:30px;}
.u-comm-reply .list .total .num{margin:0 5px;}
.u-comm-reply .list li{padding:10px 0;border-bottom:1px dashed #e2dcd7;}
.u-comm-reply .icn-arrow-top3 .arrow0{border-bottom-color:#f4f2ef;}
.u-comminfo{position:relative;}
.u-comminfo .act{position:absolute;top:0;right:0;}
.u-comminfo .act .itm,.u-comminfo .act .u-sep{float:left;}
.u-comminfo .act .itm{position:relative;display:block;padding-left:18px;color:#a6978a;cursor: pointer;}
.u-comminfo .act .itm span:hover{color:#ed6c00;text-decoration:none;}
.u-comminfo .act .icn-smile,.u-comminfo .act .icn-talk2{position:absolute;left:0;top:1px;}
.u-comminfo .act .icn-talk{top:2px;}

.m-register{font-size:12px;}
.m-register h4{font-size:18px;color:#ed6c00;line-height:34px;}
.m-register .link{color:#613f23;}
.m-register .link:hover{color:#ed6c00}
.m-updatexplorer{position:absolute;width:500px;padding:30px 50px;background:#fff;box-shadow:0 0 80px rgba(0,0,0,.45);text-align:left;font-size:14px;line-height:20px;z-index:10000;}
.m-updatexplorer h2{font-size:24px;line-height:40px;margin-bottom:10px;}
.m-updatexplorer ul{margin:10px 0 20px;}
.m-updatexplorer .u-explorer{padding:10px 0;margin:15px 0 0 20px;background:#fff;border-radius:3px;}
.m-updatexplorer .u-explorer .desc{margin-top:10px;font-size:12px;text-indent:2em;}
.m-updatexplorer .act{position:relative;height:40px;line-height:40px;text-align:right}
.m-updatexplorer .u-btn,.m-updatexplorer .u-btn1{display:inline-block;padding:0 10px;}

.u-txtbox{position:relative;zoom:1;}
.u-txtbox .txt{position:absolute;top:6px;color:#a4a4a4;font-size:14px;z-index:3;}
.u-txtbox input{color:#333;}
.u-txt{height:20px;padding:10px 0;border:1px solid #e8e4e0;font-size:14px;line-height:20px;}
.u-star li{float:left;width:19px;height:19px;padding-right:4px;background-position:-30px -398px;}
.u-star .red,.u-star .hover{background-position:0 -398px;}
.u-note{position:fixed;padding:12px 6px 12px 15px;color:#a04e00;font-size:14px;background:#fff0cc;border:1px solid #d0873f;line-height:20px;border-radius:3px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:50;}
.u-note .note-wrap{max-width:330px;min-height:20px;max-height:100px;padding-right:9px;overflow:hidden;overflow-y:auto;}
.u-note p{max-width:330px;word-break:break-word;overflow:hidden;}
.u-note .arr,.u-note .arr1{position:absolute;left:50%;margin-left:-8px;width:16px;height:8px;}
.u-note .arr{bottom:-8px;}
.u-note .arr .t0,.u-note .arr .t1,.u-note .arr1 .t0,.u-note .arr1 .t1{position:absolute;left:0;}
.u-note .arr .t0{border:7px solid transparent;border-top-color:#fff0cc;z-index:1;}
.u-note .arr .t1{left:-1px;border:8px solid transparent;border-top-color:#d0873f;}
.u-note .arr1{top:-16px;}
.u-note .arr1 .t0{bottom:-8px;border:7px solid transparent;border-bottom-color:#fff0cc;z-index:1;}
.u-note .arr1 .t1{bottom:-7px;left:-1px;border:8px solid transparent;border-bottom-color:#d0873f;}
.u-note-1{background:#ffffc4;border-color:#c48b40;}
.u-note-1 .arr .t0{border-top-color:#ffffc4;}
.u-note-1 .arr .t1{border-top-color:#c48b40;}
.u-note-1 .arr1 .t0{border-bottom-color:#ffffc4;}
.u-note-1 .arr1 .t1{border-bottom-color:#c48b40;}

.u-btn{
  display:block;height:40px;line-height:40px;border:1px solid #de4933;border-radius:3px;text-align:center;font-size:14px;background:#f8f7f4;cursor:pointer;
  border:1px solid #c2b3a7;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 2px 2px rgba(166,151,138,.2);
  background: -webkit-linear-gradient(top,#f8f7f4,#f7f5f2);
  background: -moz-linear-gradient(top,#f8f7f4,#f7f5f2);
  background: -ms-linear-gradient(top,#f8f7f4,#f7f5f2);
}
.u-btn:hover{color:#000;text-decoration:underline;}
.u-btn1{
  display:block;height:40px;line-height:40px;border:1px solid #de4933;border-radius:3px;text-align:center;color:#fff;font-size:14px;background:#e5693b;cursor:pointer;
  background:-webkit-linear-gradient(top,#E5693B,#DE4E2C);
  background:-moz-linear-gradient(top,#E5693B,#DE4E2C);
  background:-ms-linear-gradient(top,#E5693B,#DE4E2C);
  box-shadow:0 2px 2px rgba(228,90,63,.2);
  }
.u-btn1:hover{color:#fff;text-decoration:underline;}
.u-btn2{display:block;height:26px;padding:0 10px;line-height:26px;border:1px solid #505157;border-radius:4px;color:#737478}
.u-btn2:hover{color:#ed6c00;cursor:pointer;}
.u-btn3{height:28px;padding:0 20px;background:#fa7a20;border:1px solid #d84f25;border-radius:2px;color:#fff;line-height:20px;cursor:pointer;}
.u-btn-gray{
  display:block;height:40px;line-height:40px;border:1px solid #2b2c30;border-radius:3px;text-align:center;color:#fff;font-size:14px;background:#2b2c30;
  background:-webkit-linear-gradient(top,#35363c,#2b2c30);
  background:-moz-linear-gradient(top,#35363c,#2b2c30);
  background:-ms-linear-gradient(top,#35363c,#2b2c30);
  box-shadow:inset 1px 0 0 #4a4a50, 0 2px 2px rgba(43,44,48,0.2);
  }
.u-btn-group{height:24px;line-height:24px;border:1px solid #dcd5cd;border-radius:3px;}
.u-btn-group li{float:left;padding:0 12px;border-left:1px solid #dcd5cd;margin-left:-1px;}
.u-btn-group .u-icn-toc{margin-top:3px;}
.u-btn-group .comment a{position:relative;display:block;padding-left:20px;}
.u-btn-group .u-icn-comment{position:absolute;left:0;top: 4px;}

.u-msg-book,.u-msg-right{width:70px;height:70px;background-position:0 -326px;}
.u-msg-right{background-position:0 -256px;}
.u-msg{position:absolute;font-size:12px;color:#999;line-height:18px;}
.u-msg-error{color:#ed6c00;font-weight:700;}
.u-msg-ok{height:18px;color:#42BA00;line-height:18px;}
.u-btn2:hover .u-icn-arrup{background-position:-60px -433px;}
.u-aimg{width:259px;height:137px;margin:30px auto 20px;background:url(../image/duokan.png) no-repeat;}
.u-sep{color:#dbd4cd;padding:0 10px;font-size:11px!important;}
.u-stargrade *{vertical-align:middle;}
.u-stargrade .score{margin-right:5px;font-size:14px;}
.u-stargrade .num{font-size:12px;}
.u-stargrade .icon{display:inline-block;*display:inline;width:68px;height:18px;margin-right:5px;zoom:1;}
.u-stargrade .grade0{background-position:-0px -535px;}
.u-stargrade .grade1{background-position:-0px -555px;}
.u-stargrade .grade2{background-position:-0px -575px;}
.u-stargrade .grade3{background-position:-0px -595px;}
.u-stargrade .grade4{background-position:-0px -615px;}
.u-stargrade .grade5{background-position:-0px -635px;}
.u-stargrade .grade6{background-position:-0px -655px;}
.u-stargrade .grade7{background-position:-0px -675px;}
.u-stargrade .grade8{background-position:-0px -695px;}
.u-stargrade .grade9{background-position:-0px -715px;}
.u-stargrade .grade10{background-position:-0px -735px;}

.u-layer{
  position:absolute;text-align:left;border:1px solid #ed6c00;background:#fbfaf8;z-index:2010;
  -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 6px 10px ;
  -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 6px 10px;
  -ms-box-shadow:rgba(0, 0, 0, 0.2) 0 6px 10px;
  box-shadow:rgba(0, 0, 0, 0.2)  0 6px 10px;
}
.u-layer{width:300px;padding:15px 50px 20px;font-size:14px;text-align:center;}
.u-layer .content{margin:20px 0;line-height:20px;}
.u-layer .act table{width:100%;border-spacing:5px;border-collapse:separate;}
.u-layer .act table td{width:50%;}
.u-layer .u-icn-close{position:absolute;top:15px;right:15px;cursor: pointer;}

.u-side-layer{position:absolute;top:0;right:0;width:100%;height:100%;z-index:200;}
.u-side-layer .side-wrap{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;overflow:hidden;z-index:20;}
.u-side-layer .container{position:absolute;top:0;right:0;bottom:0;width:667px;padding:40px 0 10px;background:#fbfaf8;box-shadow:0 0 120px rgba(0,0,0,.45);z-index:200;}
.u-side-layer .container .content{width:567px;padding:0 50px;overflow:scroll;position:absolute;top:140px;bottom:10px;left: 0;overflow-x:hidden;}
.u-side-layer .container .track{position:absolute;top:140px;right:0;width:20px;bottom:10px;z-index: 10; background: #fbfaf8;}
.u-side-layer .container .scroll{position:absolute;top:0px;width:5px;height:48px;background:#e4ded4;border-radius:5px;right:3px;}
.u-side-layer .container .u-tab{padding:0 50px;}
.u-side-layer .u-icn-close{position:absolute;top:16px;right:16px;cursor: pointer;}
.u-side-layer .title{position:relative;height:60px;margin:0 50px;font-size:14px;}
.u-side-layer .title h1{width:100%;margin-bottom:16px;line-height:30px;font-size:28px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.u-side-layer .title .u-btn{position:absolute;bottom:0;right:0;width:100px;height:30px;line-height:30px;cursor: pointer;}
.u-side-layer .mask{width:100%;height:100%;filter:alpha(opacity=50);background:#000;opacity:.5}

.u-inputpanel{position:absolute;width:400px;padding:0 10px 10px;background:#f4f1ec;border:1px solid #cdc6bf;border-radius:4px;z-index:200;}
.u-inputpanel .icn-close2{position:absolute;top:10px;right:10px;}
.u-inputpanel h2{line-height:40px;color:#978b80;font-size:18px;font-weight:400;}
.u-inputpanel .txt{color:#333;font-size:14px;line-height:20px;}
.u-inputpanel form{margin:10px 0 0;}
.u-inputpanel textarea{width:388px;height:110px;margin-bottom:5px;padding:5px;border:1px solid #cdc6bf;box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.15);border-radius:3px;}
.u-inputpanel textarea.init{color:#978b80;}
.u-inputpanel .btn{text-align:right;right:10px;bottom:10px;}
.u-inputpanel label{display:block; padding:6px 0;}
.u-inputpanel .arr,.u-inputpanel .arr1{position:absolute;width:16px;height:8px;}
.u-inputpanel .arr{left:202px;bottom:-8px;}
.u-inputpanel .arr .t0,.u-inputpanel .arr .t1,.u-inputpanel .arr1 .t0,.u-inputpanel .arr1 .t1{position:absolute;left:0;border:8px solid transparent}
.u-inputpanel .arr .t0{bottom:-7px;border-top-color:#f4f1ec;z-index:1;}
.u-inputpanel .arr .t1{border-top-color:#cdc6bf;}
.u-inputpanel .arr1{left:202px;top:-8px;}
.u-inputpanel .arr1 .t0{top:-7px;border-bottom-color:#f4f1ec;z-index:1;}
.u-inputpanel .arr1 .t1{top:-8px;border-bottom-color:#cdc6bf;}


.u-nav-tab{position:relative;height:38px;line-height:38px;border-bottom:1px solid #dbd4cd;}
.u-nav-tab li{float:left;text-align:center;font-size:14px;}
.u-nav-tab li span{display:block;width:60px;cursor: pointer;}
.u-nav-tab li span:hover{color: #ed6c00;text-decoration: none;}
.u-nav-tab .crt span{font-weight:700;color:#333;cursor:default;}
.u-nav-tab .crt span:hover{color:#333;}
.u-nav-tab .icn-arrow-top3{position:absolute;bottom:-1px;font-size:0;}
.u-nav-tab em{color:#ed6c00;font-weight:400;}

.u-tab{}
.u-tab .tabnav{width:522px;height:36px;margin-bottom:10px;line-height:36px;border:1px solid #cecdcc;border-radius:5px;overflow:hidden;}
.u-tab .tabnav ul{width:526px;}
.u-tab .tabnav li{float:left;width:33%;border-right:1px solid #cecdcc;text-align:center;color:#a88466;font-size:16px;cursor:pointer;}
.u-tab .tabnav .active{background:#f2ebe5;}
.u-tab .tabnav .final{border:none;}

.u-textlist dl{cursor: pointer;}
.u-textlist dt{position:relative;height:2px;margin-top:28px;border:1px dashed #cfbbaa;border-width:1px 0;font-size:0;line-height:0;}
.u-textlist dd{position:relative;font-size:14px;margin-top:10px;}
.u-textlist .ttl{position:absolute;top:50%;width:100%;height:20px;margin-top:-10px;font-size:14px;color:#a88466;text-align:center;}
.u-textlist .ttl h3{display:inline-block;*display:inline;max-width:396px;background:#fbfaf8;padding:0 15px;line-height:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;}
.u-textlist .time,.u-textlist .page{color:#a88466;line-height:30px;}
.u-textlist .page{position:absolute;right:0;top:0;}
.u-textlist .desc{line-height:20px;}
.u-textlist .desc:hover{color:#ee760a;}
.u-textlist .remark{color:#a88466;line-height:20px;}
.u-textlist .remark span{position:absolute;left:0;top:0;font-size:18px;}
.u-textlist .remark p{border-left:1px solid #cfbbaa;padding-left:10px;margin:12px 0 0 28px;}
.u-nullarea{padding-top:100px;color:#a88466;line-height:20px;font-size:14px;text-align:center;}
.u-nullarea .img{width:160px;height:160px;margin:0 auto 20px;}
.u-nullarea h1{font-size:24px;line-height:36px;}

.icn-arrow,.u-inputpanel .arr,.u-note .arr,.u-inputpanel .t0,.u-inputpanel .t1,.u-note .t0,.u-note .t1{line-height:0!important;font-size:0!important;overflow:hidden;}
.icn-arrow{position:relative;}
.icn-arrow .arrow0,.icn-arrow .arrow1{position:absolute;top:0;border:5px solid transparent;}
.icn-arrow .arrow1{left:0;}
.icn-arrow .arrow0{right:0;z-index:1;}
.icn-arrow-top3{height:6px;width:12px;}
.icn-arrow-top3 .arrow0,.icn-arrow-top3 .arrow1{top:-6px;left:0;border-width:6px;border-bottom-color:#dbd3cb;}
.icn-arrow-top3 .arrow0{top:-5px;border-bottom-color:#fbfaf8;}
.icn-triangle{position:relative;height:4px;width:8px;overflow:hidden;}
.icn-triangle .t{position:absolute;border:4px solid transparent;}
.icn-triangle-bottom .t{top:0;border-top:4px solid #bcaea3;}
.icn-triangle-top1{height:9px;width:18px;}
.icn-triangle-top1 .t{top:-9px;border:9px solid transparent;border-bottom-color:#f4f2f0;}
.icn-smile{display:block;width:15px;height:14px;background-position:0 -760px;}
.icn-smile-selected{background-position:-15px -760px;}
.icn-talk2{display:block;width:14px;height:14px;background-position:-31px -760px;}
.icn-quotes{position:relative;height:15px;width:20px;font-family:simsun,sans-serif;font-size:41px;line-height:41px;color:#e2dcd7;}
.icn-quotes span{position:absolute;top:-3px;left:-20px;}
.icn-gift{display:inline-block;width:18px;height:18px;background-position:-58px -758px;}
.icn-go,.icn-download{display:inline-block;width:16px;height:16px;margin-top:11px;background-position:0 -844px;}
.icn-download{background-position:-31px -844px;}
.icn-close2{width:13px;height:13px;background-position:-77px -431px;}
.icn-note{position:absolute;width:20px;height:20px;background-position:-66px -844px;}
.icn-bookmark-b{background-position:0 10px;}
.icn-note-b{background-position:0 -175px;}
.icn-mark,.icn-mark-chk{display:block;width:20px;height:35px;background-position:-28px -871px;cursor: pointer;}
.icn-mark:hover{background-position:-56px -871px;}
.icn-mark-chk{background-position:0 -871px;}
.icn-quan{border: 2px solid #fff; padding: 2px 4px; margin: 0 2px; border-radius: 12px;}

.u-icn-dirct,.u-icn-dirct-act,.u-icn-talk,.u-icn-pre b,.u-icn-next b,.u-icn-pre1 b,.u-icn-next1 b,.u-icn-person b,.u-icn-close,.u-icn-zoomin,.u-icn-zoomout,.icn-layor,.icn-layor-vertical{position:absolute;display:block;width:20px;height:20px;}
.u-icn-dirct{background-position:0 3px;}
.u-icn-dirct-act,span:hover .u-icn-dirct{background-position:-20px 3px;}
.u-icn-talk{background-position:0 -35px;}
.u-icn-talk-act .u-icn-talk,.m-reader .rd_cntrl .btn .likea:hover .u-icn-talk{background-position:-20px -35px;}
.u-icn-talk-act b{color: #c4612c;}
.u-icn-pre b{background-position:0 -77px;}
.u-icn-pre:hover b{background-position:-20px -77px;}
.u-icn-next b{background-position:0 -117px;}
.u-icn-next:hover b{background-position:-20px -117px;}
.u-icn-pre1 b{background-position:5px -812px;}
.u-icn-pre1:hover b{background-position:-15px -812px;}
.u-icn-next1 b{background-position:-45px -812px;}
.u-icn-next1:hover b{background-position:-65px -812px;}
.u-icn-person{display:block;padding-left:23px;line-height:20px;}
.u-icn-person b{left:0;top:0;background-position:0 -159px;}
.u-icn-person:hover b{background-position:-20px -159px;}
.u-icn-zoomin{background-position:-48px 2px;}
a:hover .u-icn-zoomin{background-position:-68px 2px;}
.u-icn-zoomout{background-position:-48px -36px;}
a:hover .u-icn-zoomout{background-position:-68px -36px;}
.u-icn-close{display:block;width:15px;height:15px;background-position:-68px -398px;}
.u-icn-arrdwn,.u-icn-arrup{display:block;width:9px;height:8px;background-position:0 -433px;}
.u-btn2:hover .u-icn-arrdwn{background-position:-20px -433px;}
.u-icn-arrup{background-position:-40px -433px;}
.u-icn-toc,.u-icn-comment{display:block;width:18px;height:18px;background-position:-50px -118px;cursor:pointer;}
.u-icn-toc:hover{background-position:-70px -118px;}
.u-icn-comment{background-position:-50px -160px;}
span:hover .u-icn-comment{background-position:-70px -160px;}
#vertical_reader .icn-layor{background-position:0 -781px;}
#vertical_reader span:hover .icn-layor{background-position:-20px -781px;}
#horizontal_reader .icn-layor{background-position:-50px -782px;}
#horizontal_reader span:hover .icn-layor{background-position:-70px -782px;}

.u-mask-ctrl{position: fixed;top:0;bottom: 0;left: 0;right: 0;z-index: 1;}

.u-explorer li{float:left;_display:inline;width:25%;}
.u-explorer a{display:block;width:64px;padding-top:68px;margin:0 auto;text-align:center;}
.u-explorer a em{font-weight:400;}
.u-explorer .chrome{background-position: 0 0;}
.u-explorer .safari{background-position:-128px 0;}
.u-explorer .firefox{background-position:-64px 0;}
.u-explorer .ie{background-position:-192px 0;}
.u-showbox{position:absolute;z-index:200;top:0;bottom:0;left:0;right:0;}
.u-showbox .cnt{z-index:200;}
.u-showbox .image-clip{position:absolute;}
.u-showbox .txt{padding:30px 50px;filter:alpha(opacity=80);background:#000;opacity:.8;color:#fff;font-size:14px}
.u-showbox .mask{position:absolute;width:100%;height:100%;filter:alpha(opacity=70);background:#000;opacity:.7;}
.u-showbox .close{position:absolute;right:20px;top:20px;width:36px;height:36px;border:1px solid #292A2C;cursor:pointer;z-index:200;}
.u-showbox .close b{position:absolute;top:50%;left:50%;display:block;width:15px;height:15px;margin:-8px 0 0 -8px;background-position:-50px -78px;}
.u-showbox .close:hover b{background-position:-70px -78px;}
.u-panel{position:absolute;padding:10px 20px;background:#000;border-radius:3px;color:#fff;line-height:20px;z-index:200}
.u-panel .btn{cursor:pointer;padding:2px 5px;}
.u-panel .btn:hover{text-decoration:underline;}
.u-panel .sep{color:#333;margin:0 10px;}
.u-panel .arr,.u-panel .arr1{position:absolute;left:50%;margin-left:-7px;border:7px solid transparent;width:0;height:0;font-size:0;}
.u-panel .arr{bottom:-14px;border-top-color:#000;}
.u-panel .arr1{top:-14px;border-bottom-color:#000;}
.u-cover img{width:150px;margin-bottom:15px;height: 200px;border: 1px solid #ddd;}
.u-note{
  -webkit-animation: i-pop .12s ease-out;
  -moz-animation: i-pop .12s ease-out;
  -ms-animation: i-pop .12s ease-out;
  -o-animation: i-pop .12s ease-out;
  animation: i-pop .12s ease-out;
}
@-webkit-keyframes i-pop{
  0%{-webkit-transform:scale(0.8)}
  60%{-webkit-transform:scale(1.1)}
  100%{-webkit-transform:scale(1)}
}
@-moz-keyframes i-pop{
  0%{-moz-transform:scale(0.8)}
  60%{-moz-transform:scale(1.1)}
  100%{-moz-transform:scale(1)}
}
@-ms-keyframes i-pop{
  0%{-ms-transform:scale(0.8)}
  60%{-ms-transform:scale(1.1)}
  100%{-ms-transform:scale(1)}
}
@-o-keyframes i-pop{
  0%{-o-transform:scale(0.8)}
  60%{-o-transform:scale(1.1)}
  100%{-o-transform:scale(1)}
}
@keyframes i-pop{
  0%{transform:scale(0.8)}
  60%{transform:scale(1.1)}
  100%{transform:scale(1)}
}
.a-fadeinR{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}

.a-fadeinR,.u-side-layer .container{
  -webkit-animation: fadeinR .12s ease-out;
  -moz-animation: fadeinR .12s ease-out;
  -ms-animation: fadeinR .12s ease-out;
  -o-animation: fadeinR .12s ease-out;
  animation: fadeinR .12s ease-out;
}

.a-fadeoutR{
  -webkit-animation: fadeoutR .12s ease-out;
  -moz-animation: fadeoutR .12s ease-out;
  -ms-animation: fadeoutR .12s ease-out;
  -o-animation: fadeoutR .12s ease-out;
  animation: fadeoutR .12s ease-out;
  }

@-webkit-keyframes fadeinR{
  0%{-webkit-transform:translateX(100px);}
  100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
  0%{-webkit-transform:translateX(100px);}
  100%{-webkit-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
  0%{-webkit-transform:translateX(100px);}
  100%{-webkit-transform:translateX(0);}
}
@keyframes fadeinR{
  0%{-webkit-transform:translateX(100px);}
  100%{-webkit-transform:translateX(0);}
}

@-webkit-keyframes fadeoutR{
  0%{-webkit-transform:translateX(0);}
  100%{-webkit-transform:translateX(100px);}
}
@-moz-keyframes fadeoutR{
  0%{-webkit-transform:translateX(0);}
  100%{-webkit-transform:translateX(100px);}
}
@-ms-keyframes fadeoutR{
  0%{-webkit-transform:translateX(0);}
  100%{-webkit-transform:translateX(100px);}
}
@keyframes fadeoutR{
  0%{-webkit-transform:translateX(0);}
  100%{-webkit-transform:translateX(100px);}
}


#book_page_content,.book_page_wrapper{float:left;position:relative;}
.book_page_wrapper .book_page{z-index:5;}
.book_page_wrapper .book_page svg{display:block;top:0!important;left:0!important;}
.book_page_wrapper .loading{margin-top: -30px;margin-left: -50px;position:absolute;top:50%;left:50%;width:100px;height:20px;padding-top:40px;background:url(../image/loading2.gif) center no-repeat;text-align:center;color:#d3ccc2;z-index: 6;}
.book_page_wrapper.fullscreen {position:relative;border:0px;z-index:40;margin:0px;padding:0;}
.book_page_wrapper .nopadding {margin:0px;padding:0;}
.book_page_wrapper span{padding:5px 0;}
.book_page_wrapper .image_outer_border{overflow:hidden;border:1px solid #e7e6e4;cursor:pointer;}
.book_page_wrapper .image_border{overflow:hidden;border:3px solid #fff;cursor:pointer;}
.book_page span {line-height:1.5em;zoom:1}

.image-clip img{display:block;}

::-webkit-scrollbar{width: 0}


@media screen and (max-width:1520px){
  #horizontal_reader .m-reader .rd_cnt .book_page_wrapper{width:100%}
  #horizontal_reader .m-reader .rd_header, #horizontal_reader .m-reader .rd_footer{width:507px;}
  #horizontal_reader .m-reader .rd_header .wide{width:200px;}
  #horizontal_reader .m-reader .rd_footer .right{display:none;}
  #horizontal_reader .m-reader .rd_footer .left{text-align: right;}
  #horizontal_reader .m-reader .rd_cntrl{margin:-158px 0 0 354px;}
  #horizontal_reader .m-reader .rd_cnt{margin:-444px 0 0 -333px;}
  #horizontal_reader .m-reader .rd_buy{margin-left:334px;}
  #horizontal_reader .m-reader .rd_other{margin-right:269px;}
  #horizontal_reader .u-side-layer .container{width:620px;}
  #horizontal_reader .u-side-layer .container .content,#horizontal_reader .u-side-layer .container .u-tab .tabnav{width:520px;}
  #horizontal_reader .u-side-layer .container .u-tab .tabnav ul{width:530px;}
  }

@media screen and (max-height:888px){
  #horizontal_reader .m-reader .rd_cnt .book_page_wrapper {width:50%}
  #horizontal_reader .m-reader .rd_header h2, #horizontal_reader .m-reader .rd_header .wide{font-size:12px;}
  #horizontal_reader .m-reader .rd_header, #horizontal_reader .m-reader .rd_footer{width:786px;padding:14px 40px 10px;}
  #horizontal_reader .m-reader .rd_footer .right{right:40px;top:10px;display:block;}
  #horizontal_reader .m-reader .rd_footer .left{text-align: left;}
  #horizontal_reader .m-reader .rd_cntrl{margin:-170px 0 0 454px;}
  #horizontal_reader .m-reader .rd_cnt{margin:-288px 0 0 -433px;}
  #horizontal_reader .m-reader .rd_end{width:353px;padding-top:50px;}
  #horizontal_reader .m-reader .rd_buy{margin-left:433px;margin-top:-270px;}
  #horizontal_reader .m-reader .rd_other{margin-right:369px;margin-top:-270px;}
  #horizontal_reader .m-comm-write .cnt{height:220px;}
  #horizontal_reader .m-comm-write textarea{height:160px;}
  #horizontal_reader .u-side-layer .container{width:433px;}
  #horizontal_reader .u-side-layer .container .content,#horizontal_reader .u-side-layer .container .u-tab{width:380px;padding:0 20px;}
  #horizontal_reader .u-side-layer .container .u-tab .tabnav{width:380px;}
  #horizontal_reader .u-side-layer .container .u-tab .tabnav ul{width:385px;}
  #horizontal_reader .m-comm .total{margin-top:20px;}
  #horizontal_reader .u-side-layer .title{margin:0 30px;}
  #horizontal_reader .m-reader .rd_dirct .nav-list li a{padding:14px 80px 14px 0;}
  #horizontal_reader .m-reader .rd_dirct .nav-list li span{top:14px;}
  #horizontal_reader .m-reader .rd_mark{right:7px;top:45px;}
  }

@media screen and (max-width:1051px) and (max-height:888px){
  #horizontal_reader .m-reader .rd_cnt .book_page_wrapper {width: 100%}
  #horizontal_reader .m-reader .rd_header, #horizontal_reader .m-reader .rd_footer{width:353px;}
  #horizontal_reader .m-reader .rd_footer .left{text-align:right;}
  #horizontal_reader .m-reader .rd_footer .right{display:none;}
  #horizontal_reader .m-reader .rd_cntrl{margin:-170px 0 0 250px;}
  #horizontal_reader .m-reader .rd_cnt{margin:-288px 0 0 -216px;}
  #horizontal_reader .m-reader .rd_buy{margin-left:217px;}
  #horizontal_reader .m-reader .rd_other{margin-right:152px;}
  #horizontal_reader .m-reader .rd_header h2{width:200px;}
  #horizontal_reader .m-reader .rd_header .wide{max-width:100px;}
  #horizontal_reader .m-reader .rd_header .act{width:200px;white-space:nowrap;}
  #horizontal_reader .m-reader .rd_header .page{display:none;}
  #horizontal_reader .u-side-layer .container{width:376px;}
  #horizontal_reader .u-side-layer .container .content,#horizontal_reader .u-side-layer .container .u-tab{width:332px;}
  #horizontal_reader .u-side-layer .container .u-tab .tabnav{width:332px;}
  #horizontal_reader .u-side-layer .container .u-tab .tabnav ul{width:340px;}
  }


#vertical_reader .m-reader .rd_cnt .book_page_wrapper{width:100%}
#vertical_reader .m-reader .rd_header,#vertical_reader .m-reader .rd_footer{width:507px;}
#vertical_reader .m-reader .rd_header .wide{width:200px;}
#vertical_reader .m-reader .rd_footer .right{display:none;}
#vertical_reader .m-reader .rd_footer .left{text-align: right;}
#vertical_reader .m-reader .rd_cntrl{margin:-158px 0 0 354px;}
#vertical_reader .m-reader .rd_cnt{margin:-444px 0 0 -333px;}
#vertical_reader .m-reader .rd_buy{margin-left:334px;}
#vertical_reader .m-reader .rd_other{margin-right:269px;}
#vertical_reader .u-side-layer .container{width:620px;}
#vertical_reader .u-side-layer .container .content{width:520px;}

#vertical_reader{overflow : auto;}
#vertical_reader .g-doc, #vertical_reader .g-bd, #vertical_reader .m-reader{height: 100%;}
#vertical_reader .m-reader .rd_page_wrapper {overflow-y: scroll;}
#vertical_reader .m-reader .rd_cnt{margin: 0;left: 0;top: 0;min-height: 2700px;min-width:667px;}
#vertical_reader .m-reader .rd_cnt .book_page_wrapper{position: relative;background:#fbfaf8 url(../image/line-bg.png) bottom repeat-x;}
#vertical_reader .m-reader .rd_header{position:fixed;background: #fbfaf8;width:507px;}
#vertical_reader .m-reader .rd_header .act {margin-right: 68px;width:238px;}
#vertical_reader .m-reader .rd_footer{position:fixed;top:0;width:507px;}
#vertical_reader .rd_others {position: fixed;top: 0;left: 0;bottom: 0;overflow: hidden;z-index: 200;}
#vertical_reader #book_page_content, .book_page_wrapper{float: none;}

.u-load p{width:100px;margin:0 auto;padding-left:22px;line-height:22px;}

@media screen and (max-height:888px){
  .u-side-layer .title h1 {font-size: 22px;}
  .u-textlist .ttl h3{font-size: 14px;}
  .u-textlist dd {font-size: 12px;}
  .u-textlist .remark span{font-size: 16px;}
  #vertical_reader .m-reader .rd_buy{margin-top:-320px;}
  #vertical_reader .m-reader .rd_other{margin-top:-320px;}
}