<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
        <meta name="applicable-device" content="pc">
        <title>网易漫画</title>
        <meta name="keywords" content="网易漫画">
        <meta name="description" content="网易文学是网易集团文漫事业部的两大业务之一，深耕原生IP，用心讲好故事，致力于原创文学的品质阅读和全版权孵化运营。旗下拥有国风中文网、采薇书院两大原创文学网站，网易云阅读、网易蜗牛读书两大移动端产品。">
        <meta name="baidu-site-verification" content="6NjRjkfBUp" />
        <link type="text/css" rel="stylesheet" href="http://easyreadfs.nosdn.127.net/web/trunk/1560235138920/wenxue.css"/>
        <!--[if lt IE 9]>
          <script src="//yuedust.yuedu.126.net/assets/js/html5shiv.js?20190221"></script>
          <script src="//yuedust.yuedu.126.net/assets/js/es5/es5-shim-4.1.9.min.js?20190221"></script>
          <script src="//yuedust.yuedu.126.net/assets/js/es5/es5-sham-4.1.9.min.js?20190221"></script>
        <![endif]-->
        <style>
            .video-content{
			    width: 100%;
		    }
		    .video-content .title{
		    	font-size: 30px;
		    	text-align: center;
		    	margin-bottom: 40px;
		    }
		    .video-content .item{
		    	width: 80%;
		    	margin: 0 auto;
		    	display: flex;
		    	align-items: center;
		    	justify-content: space-around;
		    }
		    .video-content .name{
		    	text-align: center;
		    	margin-bottom: 20px;
		    }
          	.wx-logo .logo{
                width: 40px;
                height: 40px;
                position: absolute;
                left: 0;
                position: absolute;
                top: 16px;
                left: -48px;
                border-radius: 4px;
            }
            
    .pop_main{
      background: rgba(0,0,0,.5);
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      display: none;
    }
    .pop_main .pop_content{
      position: fixed;
      top: 45%;
      left: 50%;
      transform: translate(-50%,-45%);
      background-color: #fff;
      width: 600px;
      margin: 30px;
      margin-bottom: 8px;
      padding: 10px;
      height: 90%;
      box-sizing: border-box;
    }
    .pop_main .pop_content .list{
      height: 92%;
      overflow-y: scroll;
      display: flex;
      flex-direction: column;
    }
    .pop_main .pop_content img{
      width: 100%;
     }
    .pop_main .pop_content .title{
      font-size: 32px;
      font-weight: 600;
     }
    .pop_main .pop_content .close{
      position: absolute;
      right: 10px;
      top: 14px;
      width: 26px;
      height: 26px;
      border-radius: 100%;
      font-size: 24px;
      border: 2px solid #000;
      text-align: center;
      line-height: 26px;
      cursor: pointer;
     }
     .register-pop{
        background: rgba(0,0,0,.5);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: none;
     }
    .register-pop .content{
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 600px;
      height: 320px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      border-radius: 20px;
    }
    .register-pop .content .text-div{ 
      display: flex;
      justify-content: center;
      font-size: 18px;
      height: 40px;
      margin-top: 20px;
      line-height: 40px;
    }
    .register-pop .content .text-div input{
      width: 300px;
      font-size: 18px;
      text-indent: 4px;
      border:1px solid #cf1e2c;
      border-radius: 6px;
    }
    .register-pop .content .btns{
      width: 400px;
      display: flex;
      justify-content: space-around;
      margin-top: 40px;
      margin-left: 70px;
    }
    .register-pop .content .btns .btn{
      background-color: #cf1e2c;
      color: white;
      font-size: 20px;
      padding: 5px 30px;
      border-radius: 10px;
      cursor: pointer;
    }
    .register-pop .content .btns .cancel{
      border:1px solid #cf1e2c;
      font-size: 20px;
      padding: 5px 30px;
      border-radius: 10px;
      cursor: pointer;
    }
          .m-header .wx-logo h1 {
            background-image:none !important;
            text-indent: 0;
    		font-size: 32px;
    		width: 135px;
    		top: 12px;
    }
        </style>
    </head>
    <body>
        <div class="m-header">
            <div class="inner">
                <a href="/" class="wx-logo">
                    <!-- <img class="logo" src="http://easyreadfs.nosdn.127.net/qwb.94147a696204439baa516b72a942259c.jpeg" alt=""> -->
                    <h1>网易漫画</h1>
                </a>
                <ul class="m-nav" id="J_nav">
                    <li><a href="#copyright">漫画作品</a></li>
                    <li><a href="#writer">独家签约作者</a></li>
                    <!--<li><a href="#app">移动端产品</a></li>
                    <li><a href="#site">旗下网站</a></li> -->
                    <li><a href="#news">新闻中心</a></li>
                    <span class="crt-line"></span>
                </ul>
                <a class="btn" href="//open.yuedu.163.com/" target="_blank">欢迎投稿</a>
                <div class="btn" style="right: -100px;cursor: pointer;" id="register">注册</div>
      			<div class="btn" style="right: -200px;cursor: pointer;" id="login">登录</div>
      			<div class="btn" style="right: -100px; border: none;display: none;" id="username"></div>
      			<div class="btn" style="right: -200px; cursor: pointer; border: none; display: none;" id="logout">退出</div>
            </div>
        </div>
        <!--<div class="m-banner">
          <div class="m-bannerslider" id="J_bannerSlider">
                <div class="wrap">
                    <ul class="m-slider j-slider clear-float">
                        <li class="sliderItem sliderItem-1">
                            <div class="banner-desc">
                                <span class="banner-from">网易文学</span>
                                <b class="banner-split"></b>
                                <h2 class="banner-title">深耕原生<span class="en">IP</span>用心讲好故事</h2>
                                <p class="banner-detail">致力于原创文学的品质阅读和全版权孵化运营</p>
                                <a href="" target="_blank" class="banner-btn" title="了解更多">了解更多</a>
                            </div>
                        </li>
                        <li class="sliderItem sliderItem-2">
                            <div class="banner-desc">
                                <span class="banner-from">网易云阅读</span>
                                <b class="banner-split"></b>
                                <h2 class="banner-title">全方位数字精品化阅读产品<span class="en"></span></h2>
                                <p class="banner-detail">优质原创文学、海量畅销图书一站阅读</p>
                                <a href="//yuedu.163.com/client " target="_blank" class="banner-btn" title="了解更多">了解更多</a>
                            </div>
                        </li>
                        <li class="sliderItem sliderItem-3">
                            <div class="banner-desc">
                                <span class="banner-from">网易蜗牛读书</span>
                                <b class="banner-split"></b>
                                <h2 class="banner-title">每天免费读书一小时<span class="en"></span></h2>
                                <p class="banner-detail">聚焦精品图书，提供价值阅读</p>
                                <a href="//du.163.com" target="_blank" class="banner-btn" title="了解更多">了解更多</a>
                            </div>
                        </li>
                        <li class="sliderItem sliderItem-4">
                            <div class="banner-desc">
                                <span class="banner-from">作者中心</span>
                                <b class="banner-split"></b>
                                <h2 class="banner-title">给你最自由的创作空间<span class="en"></span></h2>
                                <p class="banner-detail">任你天马行空创作精彩故事，成就笔尖的文学梦想</p>
                                <a href="//open.yuedu.163.com/" target="_blank" class="banner-btn" title="了解更多">了解更多</a>
                            </div>
                        </li>
                    </ul>
                </div> 
                <a class="btn left-btn j-cl" href="#"></a>
                <a class="btn right-btn j-cr" href="#"></a>
                <div class="control">
                    <ol class="j-control">
                        <li class="j-crt"><span>1</span><em>?</em></li>
                        <li class=""><span>2</span><em>?</em></li>
                        <li class=""><span>3</span><em>?</em></li>
                        <li class=""><span>4</span><em>?</em></li>
                    </ol>
                </div>
            </div>
        </div> -->
        <div class="m-data">
            <div class="inner clear-float">
                <div class="m-tag fl">
                    <ul class="row-1 clear-float">
                        <li class="fl">
                            <span class="icon icon-pen"></span>
                            <h3>海量独家签约作者</h3>
                            <b class="split-line"></b>
                            <p>集合众多独家签约明星作家，优厚作者福利，成就笔尖梦想，持续挖掘和孵化新生代创作力量。</p>
                        </li>
                        <li class="fr">
                            <span class="icon icon-book"></span>
                            <h3>60万册优质作品</h3>
                            <b class="split-line"></b>
                            <p>海量内容汇聚优质移动书城，优质IP孵化基地，原创IP作品占比达60%，独家全版权IP作品2万余册。</p>
                        <li>
                    </ul>
                    <ul class="row-2 clear-float">
                        <li class="fl">
                            <span class="icon icon-user"></span>
                            <h3>超1亿注册用户</h3>
                            <b class="split-line"></b>
                            <p>国内首个全方位数字阅读平台，包罗原创、出版等完整内容矩阵，一站式满足阅读需求，打造极致阅读体验。</p>
                        </li>
                        <li class="fr">
                            <span class="icon icon-ip"></span>
                            <h3>IP全版权生态</h3>
                            <b class="split-line"></b>
                            <p>背靠网易集团的优势资源，打造以文学IP为源头的影视、动漫、游戏等全版权生态战略。</p>
                        </li>
                    </ul>
                </div>
               <div class="m-intro fl">
                    <div class="detail detail-fold" id="J_foldIntro">
                       <!--  <p>网易文学是网易公司聚合国内原创文学内容的重要业务，隶属网易元气事业部。旗下拥有国风中文网、采薇书院两大原创文学网站，以及网易云阅读、网易蜗牛读书两大移动端产品，注册用户超1亿。网易文学致力于推动原创文学的创作与分享，用心讲好故事，深耕原生IP，不断提升原创文学的品质阅读和全版权孵化运营…</p>
                        <a class="btn btn-unfold" id="J_unfoldBtn" href="javascript:;" style="display: inline;"><em>展开</em><b></b></a> -->
                    </div>
                    <div class="detail detail-unfold" id="J_unfoldIntro">
                        <!-- <p>网易文学是网易公司聚合国内原创文学内容的重要业务，隶属网易文学漫画事业部。旗下拥有国风中文网、采薇书院两大原创文学网站，以及网易云阅读、网易蜗牛读书两大移动端产品，注册用户超1亿。网易文学致力于推动原创文学的创作与分享，用心讲好故事，深耕原生IP，不断提升原创文学的品质阅读和全版权孵化运营。网易文学现拥有20,000余部独家签约作品，集结超过8,000名知名网络文学作家，并与全国数百家出版、影视制作单位建立深度合作关系。酒徒、小桥老树、骁骑校、更俗、张君宝、冬雪晚晴等知名网络文学大神作者驻站网易文学。目前，网易文学已成功输出《巫蛊笔记》、《蓝桥几顾》、《少年拳圣》、《女君纪》、《沉鱼记》等大量优秀IP影视化案例，全力打造具有网易特色的涵盖文学、漫画、影视、游戏等在内的IP全版权生态。</p>
                        <a class="btn btn-fold" id="J_foldBtn" href="javascript:;" ><em>收起</em><b></b></a> -->
                    </div>
                </div> 
            </div>
        </div>
        <!-- <div class="m-copyright" id="copyright">
            <h2 class="m-title">漫画作品</h2>
            <div class="clear-float">
                
                
                  
                  <div class="m-book m-book-m">
                  
                    <a title="出马仙" onclick="showCartoon(1,'出马仙' )">
                      <img src="http://img1.cache.netease.com/book/2017/6/13/20170613190615e35fe.png" alt="出马仙">
                      <div class="name">
                          <h4>出马仙</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>出马仙</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
                  
                  <div class="m-book m-book-l">
                  
                    <a title="我当摸金校尉那些年" onclick="showCartoon(2,'我当摸金校尉那些年' )">
                      <img src="http://img3.cache.netease.com/book/2017/11/22/20171122101426058cf.jpg" alt="我当摸金校尉那些年">
                      <div class="name">
                          <h4>我当摸金校尉那些年</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>我当摸金校尉那些年</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
                  
                  <div class="m-book m-book-s">
                  
                    <a title="少年拳圣" onclick="showCartoon(3,'少年拳圣' )">
                      <img src="http://img2.cache.netease.com/book/2017/6/13/20170613191008422d1.png" alt="少年拳圣">
                      <div class="name">
                          <h4>少年拳圣</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>少年拳圣</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
                  
                  <div class="m-book m-book-m">
                  
                    <a title="巫蛊笔记" onclick="showCartoon(4,'巫蛊笔记' )">
                      <img src="http://img1.cache.netease.com/book/2017/6/13/2017061319053268cfd.png" alt="巫蛊笔记">
                      <div class="name">
                          <h4>巫蛊笔记</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>巫蛊笔记</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
                  
                  </div>
                  <div class="clear-float">
                  <div class="m-book m-book-m">
                  
                    <a title="交换吧，运气" onclick="showCartoon(5,'交换吧，运气' )">
                      <img src="http://img1.cache.netease.com/book/2017/6/15/2017061512241591edd.png" alt="交换吧，运气">
                      <div class="name">
                          <h4>交换吧，运气</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>交换吧，运气</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
                  
                  <div class="m-book m-book-xs">
                  
                    <a title="总裁大人不可以" onclick="showCartoon(6,'总裁大人不可以' )">
                      <img src="http://img4.cache.netease.com/book/2017/6/13/201706131910575bd17.png" alt="总裁大人不可以">
                      <div class="name">
                          <h4>总裁大人不可以</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>总裁大人不可以</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
                  
                  <div class="m-book m-book-xs">
                  
                    <a title="方外野史" onclick="showCartoon(7,'方外野史' )">
                      <img src="http://img6.cache.netease.com/book/2017/6/13/20170613191118375df.png" alt="方外野史">
                      <div class="name">
                          <h4>方外野史</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>方外野史</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
                  
                  <div class="m-book m-book-s">
                  
                    <a title="讨喜笨王妃" onclick="showCartoon(8,'讨喜笨王妃' )">
                      <img src="http://img4.cache.netease.com/book/2017/6/15/20170615112532ad3b8.png" alt="讨喜笨王妃">
                      <div class="name">
                          <h4>讨喜笨王妃</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>讨喜笨王妃</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
                  
                  <div class="m-book m-book-m">
                  
                    <a title="蓝桥几顾" onclick="showCartoon(9,'蓝桥几顾' )">
                      <img src="http://img3.cache.netease.com/book/2017/6/13/201706131903526dd98.png" alt="蓝桥几顾">
                      <div class="name">
                          <h4>蓝桥几顾</h4><p></p>
                      </div>
                      <div class="intro" id="J_introPanel">
                          <div class="layer">
                              <div class="intro-wrap">
                                  <h4>蓝桥几顾</h4><b class="split-line"></b><p></p><b class="arrow"></b>
                              </div>
                          </div>
                      </div>
                    </a>
                  </div>
                
            </div>
        </div>-->
        <div class="m-news" id="copyright">
            <div class="inner">
                <h2 class="m-title">漫画作品</h2>
                <ul
                  style="display: flex;align-items: center;justify-content: space-between;width: 80%;margin: 0 auto;padding-bottom: 70px;cursor: pointer;">
                  <li class="" onclick="showCartoon(1,'我当摸金校尉的那些年')">
                    <a class="link-more" title="我当摸金校尉的那些年">
                      <img style="height: 100%; width: 100%;" src="http://img3.cache.netease.com/book/2017/11/22/20171122101426058cf.jpg"
                        alt="我当摸金校尉的那些年">
                    </a>
                    <p style="text-align: center;font-size: 20px;margin-top: 10px;">我当摸金校尉的那些年</p>
                  </li>
                  <li class="" onclick="showCartoon(3,'巫蛊笔记')">
                    <a class="link-more" title="巫蛊笔记">
                      <img style="height: 100%; width: 100%;" src="http://img1.cache.netease.com/book/2017/6/13/2017061319053268cfd.png"
                        alt="巫蛊笔记">
                    </a>
                    <p style="text-align: center;font-size: 20px;margin-top: 10px;">巫蛊笔记</p>
                  </li>
                </ul>
            </div>
            <div class="video-content">
                <div class="title">逆袭狂妻</div>
                <div class="item">
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1670238558552.mp4" type="video/mp4">
                        </video>
                        <div class="name">第一集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667453929188file1.mp4" type="video/mp4">
                        </video>
                        <div class="name">第二集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667453929189file2.mp4" type="video/mp4">
                        </video>
                        <div class="name">第三集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667453929190file3.mp4" type="video/mp4">
                        </video>
                        <div class="name">第四集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667454669105file0.mp4" type="video/mp4">
                        </video>
                        <div class="name">第五集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667454669109file1.mp4" type="video/mp4">
                        </video>
                        <div class="name">第六集</div>
                    </div>
                </div> 
            </div>
            <div class="video-content">
                <div class="title">重生狂龙</div>
                <div class="item">
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1668771235602.mp4" type="video/mp4">
                        </video>
                        <div class="name">第一集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667198886800file1.mp4" type="video/mp4">
                        </video>
                        <div class="name">第二集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667198886801file2.mp4" type="video/mp4">
                        </video>
                        <div class="name">第三集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667198886803file3.mp4" type="video/mp4">
                        </video>
                        <div class="name">第四集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667199478733file0.mp4" type="video/mp4">
                        </video>
                        <div class="name">第五集</div>
                    </div>
                    <div>
                        <video width="160" height="265" controls>
                            <source src="http://easyreadfs.nosdn.127.net/1667199478737file1.mp4" type="video/mp4">
                        </video>
                        <div class="name">第六集</div>
                    </div>
                </div>
            </div>
        </div>            
        <div class="m-writer" id="writer">
            <h2 class="m-title">独家签约作者</h2>
            <div class="m-writerlist inner" id="J_writerSlider">
                <div class="wrap">
                    <div class="m-slider j-slider clear-float">
                        
                        
                            <div class="writer j-sliderItem">
                                <img src="http://img5.cache.netease.com/book/2017/11/22/20171122111529d1ff8.png"/>
                                <p>徐公子胜治</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497497356795/xqj_2x.png"/>
                                <p>骁骑校</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497497411317/jt_2x.png"/>
                                <p>酒徒</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497348325404/xq_2x.png"/>
                                <p>小桥老树</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497348257992/gs_2x.png"/>
                                <p>更俗</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497497447471/zhjb_2x.png"/>
                                <p>张君宝</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497444681330/manx2x.png"/>
                                <p>剑游太虚</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497348240931/dx_2x.png"/>
                                <p>冬雪晚晴</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497444705758/womanx2x.png"/>
                                <p>七星</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497348219347/dr_2x.png"/>
                                <p>钓人的鱼</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497348191818/chte_2x.png"/>
                                <p>柴特儿</p>
                            </div>
                        
                            <div class="writer j-sliderItem">
                                <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497497518289/nxe_2x.png"/>
                                <p>宁馨儿</p>
                            </div>
                        
                    </div>
                </div>
                <div class="swiper-prev j-cl" id="J_writerPrev"></div>
                <div class="swiper-next j-cr" id="J_writerNext"></div>
            </div>
        </div>
        <!-- <div class="m-app"  id="app">
            <div class="inner">
                <h2 class="m-title">移动端产品</h2>
                <div class="m-apptab" id="J_appTab">
                    <a class="apptab crt" href="javascript:;" data-id="appPanel1">网易云阅读</a>
                    <span class="dot"></span>
                    <a class="apptab" href="javascript:;" data-id="appPanel2">网易蜗牛读书</a>
                    <span class="crt-line"></span>
                </div>
                <div class="m-apppanel">
                    <div class="apppanel active" id="appPanel1">
                        <img class="app-img" src="http://easyreadfs.nosdn.127.net/web/trunk/1497348090345/app-yuedu_2x.png" alt="网易云阅读app">
                        <div class="app-desc">
                            <img class="app-logo" src="http://easyreadfs.nosdn.127.net/web/trunk/1497348116764/logo-yuedu_2x.png">
                            <h3 class="app-name">网易云阅读</h3>
                            <p class="app-detail">全方位数字阅读产品。精彩原创小说、海量畅销图书、辛辣新闻观点、个性化内容推荐，打造极致阅读体验，一键搜得心仪好书</p>
                            <a class="btn btn-more" href="//yuedu.163.com/client" target="_blank">了解更多</a>
                        </div>
                    </div>
                    <div class="apppanel" id="appPanel2">
                        <img class="app-img" src="http://easyreadfs.nosdn.127.net/web/trunk/1497841837415/app-woniu_2x.png" alt="网易蜗牛读书app">
                        <div class="app-desc">
                            <img class="app-logo" src="http://easyreadfs.nosdn.127.net/web/trunk/1497348135410/logo-woniu_2x.png">
                            <h3 class="app-name">网易蜗牛读书</h3>
                            <p class="app-detail">每天免费读书一小时，聚焦精品出版书籍，以购买阅读时长的全新模式打破书籍边界。邀请专业领读人入驻荐书，通过知识分享帮助书友读透每一本好书，构建价值阅读社区。</p>
                            <a class="btn btn-more" href="//du.163.com" target="_blank">了解更多</a>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- <div class="m-site" id="site">
            <div class="inner">
                <h2 class="m-title">旗下网站</h2>
                <div class="m-sitelist clear-float">
                    <div class="site-item site-item-gf">
                        <div class="site-logo">
                            <img class="logo-gf" src="http://easyreadfs.nosdn.127.net/web/trunk/1497348477206/logo-gf_2x.png" width="145" height="61">
                            <a class="link-more" href="//guofeng.yuedu.163.com" target="_blank">进入官网<b></b></a>
                        </div>
                        <div class="site-desc">
                            <h3 class="site-name">国风中文网<span class="en"></span></h3>
                            <span class="split-line"></span>
                            <p class="site-detail">弘扬中华文化，提供有品质的原创文学。国内最优质的原创文学版权运营商之一，引领行业的原创文学门户网站和写作平台，海量原创作品与签约作家、丰富的用户基础、数百家内容合作方。致力于弘扬中华传统文化，为用户提供顺应时代潮流的原创文学作品，为实现文化强国的理想而努力。</p>
                        </div>
                    </div>
                    <div class="site-item site-item-cw">
                        <div class="site-logo">
                            <img class="logo-cw" src="http://easyreadfs.nosdn.127.net/web/trunk/1497348500761/logo-cw_2x.png" width="163" height="44">
                            <a class="link-more" href="//caiwei.yuedu.163.com" target="_blank">进入官网<b></b></a>
                        </div>
                        <div class="site-desc">
                            <h3 class="site-name">采薇书院<span class="en"></span></h3>
                            <span class="split-line"></span>
                            <p class="site-detail">自由创作，成就文学梦想；以梦为马，让好故事插上翅膀。国内领先的女性原创网络文学创作基地与阅读平台，致力于对优质文学作品及作者的培养和挖掘，为用户提供优质海量的言情小说阅读体验。基于网易强大的资源平台和运营体系，成熟的市场与商业机制，为女性原创文学提供巨大的市场想象空间。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <div class="m-news" id="news">
            <div class="inner">
                <h2 class="m-title">新闻中心</h2>
                <!-- <a class="link-total" href="">全部<b></b></a> -->
                <ul class="m-topnews clear-float">
                        
                        
                        
                            <li class="topnews-item">
                        
                            <a class="link-more" href="http://news.163.com/17/1120/10/D3M72A3S000189DH.html" target="_blank" title="徐公子胜治携新作入驻网易文学">
                            <img src="http://img4.cache.netease.com/book/2017/11/22/2017112211360919525.jpg" alt="徐公子胜治携新作入驻网易文学">
                            <div class="content">
                                <h3 title="徐公子胜治携新作入驻网易文学">徐公子胜治携新作入驻网易文学</h3>
                                <p class="desc">徐公子胜治牵手网易文学，都市探险题材IP大作《方外：消失的八门》多平台同步首发！</p>
                                <p><span class="link-more">详情查看<b></b></span></p>
                            </div>
                            </a>
                        </li>
                    
                        
                            <li class="topnews-item">
                        
                            <a class="link-more" href="http://book.163.com/17/0621/18/CNFOVRGA00924JP7.html" target="_blank" title="“好书漂流”首个梦想图书馆落成">
                            <img src="http://easyreadfs.nosdn.127.net/web/trunk/1497356346284/news-img1.png" alt="“好书漂流”首个梦想图书馆落成">
                            <div class="content">
                                <h3 title="“好书漂流”首个梦想图书馆落成">“好书漂流”首个梦想图书馆落成</h3>
                                <p class="desc">网易易起读公益计划“好书漂流”活动走进河南省南阳市唐河县城郊乡王庄小学。</p>
                                <p><span class="link-more">详情查看<b></b></span></p>
                            </div>
                            </a>
                        </li>
                    
                        
                            <li class="topnews-item ll">
                        
                            <a class="link-more" href="http://ent.163.com/16/1220/17/C8OBV83100038793.html" target="_blank" title="网易云阅读“零计划”在京发布">
                            <img src="http://img6.cache.netease.com/book/2017/6/13/2017061319114930975.png" alt="网易云阅读“零计划”在京发布">
                            <div class="content">
                                <h3 title="网易云阅读“零计划”在京发布">网易云阅读“零计划”在京发布</h3>
                                <p class="desc">“零计划”首批20部作品成功输出，网易云阅读IP潜力大盘点…</p>
                                <p><span class="link-more">详情查看<b></b></span></p>
                            </div>
                            </a>
                        </li>
                    
                </ul>
                <ul class="m-wordnews clear-float">
                        
                        
                        
                            
                            <li class="wordnews-item">
                            
                        
                        <p><a href="http://book.163.com/17/0621/18/CNFNRCV800924JP7.html" target="_blank" title="【最新】网易文学首次亮相 现实题材IP成上影节热点">【最新】网易文学首次亮相 现实题材IP成上影节热点</a></p>
                        
                    
                        
                        <p><a href="http://book.163.com/17/0621/19/CNFPFTFB00924JP7.html" target="_blank" title="【最新】《大汉光武》《大地产商》入选作协重点作品">【最新】《大汉光武》《大地产商》入选作协重点作品</a></p>
                        
                        </li>
                        
                    
                        
                            
                            <li class="wordnews-item">
                            
                        
                        <p><a href="http://ent.163.com/17/0511/14/CK5OOJMQ00038FO9.html" target="_blank" title="【精选】易起读公益大使呼唤参加“好书漂流活动”">【精选】易起读公益大使呼唤参加“好书漂流活动”</a></p>
                        
                    
                        
                        <p><a href="http://book.163.com/17/0621/18/CNFP840300924JP7.html" target="_blank" title="【最新】《女君纪》海报曝光 李少红执导备受期待">【最新】《女君纪》海报曝光 李少红执导备受期待</a></p>
                        
                        </li>
                        
                    
                        
                            
                            <li class="wordnews-item ll">
                            
                        
                        <p><a href="http://dy.163.com/v2/article/T1473061253487.html#CLD5MJGV0517AHTJ" target="_blank" title="【精选】美女作家跨界执导，网易文学IP孵化新玩法">【精选】美女作家跨界执导，网易文学IP孵化新玩法</a></p>
                        
                    
                        
                        <p><a href="http://tech.163.com/16/0830/13/BVNIM7D500097U88.html" target="_blank" title="【精选】网易云阅读发布国民阅读口味报告">【精选】网易云阅读发布国民阅读口味报告</a></p>
                        
                        </li>
                        
                    
                </ul>
            </div>
        </div>
        <div class="m-footer">
            <div class="inner">
                <div class="m-contact clear-float">
                    <div class="contact-coop">
                        <h3>合作洽谈</h3>
                        <b class="split-line"></b>
                        <p>广告：0571-89853126</p>
                        <p>资讯：0571-89852347 </p>
                        <p>图书：0571-89852025</p>
                        <p>内容：reader@188.com</p>
                    </div>
                    <div class="contact-advice">
                        <h3>宝贵意见</h3>
                        <b class="split-line"></b>
                        <p>客服：0571-89853801</p>
                        <p>邮件：reader@188.com</p>
                        <p>QQ：2978661285</p>
                        <p>微信号：Reader163</p>
                    </div>
                    <div class="contact-friends">
                        <h3>友情链接</h3>
                        <b class="split-line"></b>
                        <p class="clear-float">
                            <a class="col-1" href="//yuedu.163.com/" target="_blank" title="网易云阅读">网易云阅读</a>
                            <a class="col-2" href="//du.163.com/" target="_blank" title="网易蜗牛读书">网易蜗牛读书</a>
                            <a class="col-3" href="//guofeng.yuedu.163.com/" target="_blank" title="国风中文网">国风中文网</a>
                            <a class="col-4" href="//caiwei.yuedu.163.com/" target="_blank" title="采薇书院">采薇书院</a>
                        </p>
                        <p class="clear-float">
                            <a class="col-1" href="http://game.163.com/" target="_blank">网易游戏</a>
                            <a class="col-2" href="http://music.163.com/" target="_blank">网易云音乐</a>
                            <a class="col-3" href="http://manhua.163.com/" target="_blank">网易漫画</a>
                            <a class="col-4" href="http://www.kaola.com/" target="_blank">网易考拉</a>
                        </p>
                        <p class="clear-float">
                            <a class="col-1" href="http://you.163.com/" target="_blank">网易严选</a>
                            <a class="col-2" href="http://news.163.com/" target="_blank">网易新闻</a>
                            <a class="col-3" href="http://study.163.com/" target="_blank">网易云课堂</a>
                            <a class="col-4" href="http://www.lofter.com/" target="_blank">网易LOFTER</a>
                        </p>
                        <p class="clear-float">
                            <a class="col-1" href="http://mail.163.com/" target="_blank">网易邮箱</a>
                            <a class="col-2" href="http://www.yixin.im/" target="_blank">易信</a>
                            <a class="col-3" href="http://qian.163.com/" target="_blank">网易有钱</a>
                        </p>
                    </div>
                </div>
                <div class="m-about">
                    <p class="link">
                        <a href="http://www.163.com" target="_blank">网易首页</a><span class="sep">|</span>
                        <a href="http://gb.corp.163.com/gb/about/overview.html" target="_blank">公司简介</a><span class="sep">|</span>
                        <a href="http://help.163.com/" target="_blank">客户服务</a><span class="sep">|</span>
                        <a href="http://corp.163.com/gb/legal/legal.html" target="_blank">相关法律</a><span class="sep">|</span>
                        <a href="http://sitemap.163.com/" target="_blank">网站导航</a><span class="sep">|</span>
                        <a href="http://fankui.163.com/ft/comment.fb?pid=11001" target="_blank">意见反馈</a><span class="sep">|</span>
                        <a id="J_Service" href="javascript:void(0);">客服电话</a><span class="sep">|</span>
                        <a href="//yuedu.163.com/help" target="_blank">帮助中心</a><span class="sep">|</span>
                        <a href="//open.yuedu.163.com/" target="_blank">作者中心</a>
                    </p>
                    <div class="m-right"><p>杭州网易文学科技有限公司 版权所有&#169;1997-<span id="j-year">2017</span></p></div>
                  	<div class="m-right"><p>证书编号 浙网文 [2025] 0417-156号</p></div>
                    <div class="m-right"><p><a style="color: #838383;" href="http://beian.miit.gov.cn/#/Integrated/index">浙ICP备2020030013号-2</a>  <a style="position: relative;margin-left: 8px;color: #838383;" href="http://beian.miit.gov.cn/#/Integrated/index" target="_blank">工信部备案系统网站</a></p></div>
                    <div class="m-right"><div style="width:300px;margin:4px auto;display: flex;justify-content: center;">
                        <img src="http://l.bst.126.net/rsc/img/icon-police.png" style="position: relative;width: 14px;height: 16px;"/> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010802012363" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;position: relative; width: 180px;"> <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">浙公网安备 33010802012363号</p ></a >
                       </div></div>
                </div>
            </div>
        </div>
        <div id="J_ServiceNum" class="m-layer m-layer-5" style="display:none;">
            <div>
                <div class="up"><a href="javascript:void(0);"></a></div>
                <div class="down">
                    <p>购买书籍后无法阅读等问题<br /></p>
                    <p>可拨打：0571-89853801</p>
                </div>
            </div>
        </div>
  <div class="pop_main">
     <div class="pop_content">
       <div class="close">X</div>
       <div class="title" id="popTitle">&nbsp;</div>
       <div class="list"></div>
     </div>
  </div>
  <div class="register-pop">
    <div class="content">
      <div class="text-div">
        用户名：<input type="text" name="username" id="formName"></input>
      </div>
      <div class="text-div">
        密&nbsp;&nbsp; 码：<input type="password" id="formPassword" name="formPassword"></input>
      </div>
      <div class="btns">
        <div class="btn" id="register-btn">注 册</div>
        <div class="btn" id="login-btn">登 录</div>
        <div class="cancel" id="cancel-btn">取 消</div>
      </div>
    </div>
  </div>
    </body>
    <script type="text/javascript">
        var shareConfig = {
             title : '网易文学-用心讲好故事',
             url : 'http://wenxue.yuedu.163.com/',
             activityId:'',
             summary: '深耕原生IP，致力于原创文学的品质阅读和全版权孵化运营',
             shareImg: 'http://easyreadfs.nosdn.127.net/web/trunk/1497926847576/shareimg.jpg'
        }
        var shareData = {
              "title"     : shareConfig.title,
              "desc"      : shareConfig.summary,
              "imgUrl"    : shareConfig.shareImg,
              "imgWidth"  : "200",
              "imgheight" : "200",
              "url"       : shareConfig.url,
              "link"      : shareConfig.url,
              "wdesc"     : shareConfig.summary,
              "tTitle"    : shareConfig.title,
              "tContent"  : shareConfig.summary,
              "fTitle"    : shareConfig.title,
              "fContent"  : shareConfig.summary,
              "wContent"  : shareConfig.summary
        }
    </script>
    <script type="text/javascript" src="//yuedust.yuedu.126.net/assets/js/jquery-1.9.1.min.js?20190221"></script>
    <script type="text/javascript" src="//yuedust.yuedu.126.net/assets/mobile/activity/common/js/weixinapi.js?20190221"></script>
    <script type="text/javascript" src="//yuedust.yuedu.126.net/assets/mobile/activity/common/js/yixinapi.js?20190221"></script>
    <script type="text/javascript" src="//yuedust.yuedu.126.net/assets/mobile/activity/common/js/simpleShare.js?20190221"></script>
    <script type="text/javascript" src="http://easyreadfs.nosdn.127.net/web/trunk/1497434292239/wenxue.bundle.js"></script>
  	<script type="text/javascript">
 			document.getElementById('j-year').innerText = new Date().getFullYear();
          let arr = [
      ["http://easyreadfs.nosdn.127.net/qwb.fcaa7e6a9e1c4597b907c1af4928ad20.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.eb0f80a3cd4b4c4b92b5a1843db1a20e.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.edc4e5e7cb7a4f49a7bd2e6613e1cc1c.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.810874a769654a9082ff6d9fdfb30977.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.bf929842196843769f6f33b0b641b3f6.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.b0f34543be4f481080ad5df47c3800cf.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.a65cdc91338e449c8345ba9e3aec20d6.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.84e537cb82bd4ba89bd641417680778a.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.2022eac24c224fe58e229d4cb1dc4b8d.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.2b4d75f960f74e95aadd61af1d735749.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.5bf49c9998534d378c130ab9f7651fd3.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.fc43f32d649e418aa41de8ec3053bcc8.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.50dae236f67c41e89c90f0e0ac2a10b0.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.f3f379bd9c09497788e180bae621a502.jpeg",

      ],
      ["http://easyreadfs.nosdn.127.net/qwb.ff9355821ed349d4ae79298a7270829c.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.399d628e648a47b481dce53dfaf628d7.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.cd73fe010faa47bf98ef0716fd60719f.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.8286a07d31364c5d9d7dfb58fcd6e68b.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.f52f95d9e2664de6ba190e38edab549d.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.d2ee9d3469bd40a6b137c77735e3aba3.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.9d43a10745ac4a8d87efdc61d33a5ce3.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.f34cb141060e456a83d0f04982160f0d.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.45a8e8b6b1344b1f9dde1fce969590a5.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.827bf07972d3455eb6f2cb25554596d4.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.3c81404a5dd7467b93272442d7dbb6a5.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.e5961e4880be412fb048ee09bdd72641.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.37b359e933a34989b5050a2306593fa4.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.f69629cd0bdd4ad2b25b096c2a0ef008.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.1aa06bf2a6bc4a2fa416ed551020f28b.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.23cbe71720d84e24a97ab9e0fa6c772a.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.c33ae2c4bba44d948d0a9504ed1f5c9d.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.7fd4625973df432e836d55bc63adf57d.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.c73ef751fe22423bbebc681772ae3a86.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.d93a5bbd5839457a8ec7a4dafb30bce7.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.029f0b1916fe4763a2be3ab2f83f5d51.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.8949e841296047118f2555652c4bbab7.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.ccfef40a36f54f738f293440574246d6.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.ba43a64da4a54974b51579d0769b1eaf.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.dadce8631f954f77a4a68e2f6a649895.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.3cf9bfb4cb7d4e15a257e6b35bb3fbc9.jpeg",
      "http://easyreadfs.nosdn.127.net/qwb.abeefcb774204b59a02a80162cbafdff.jpg",
    ],
      ["http://easyreadfs.nosdn.127.net/qwb.11c3d908b19242978129a5f444408557.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.cb43d45a319445a8826678b919f3443c.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.c8d2f9186fca41afbc602915e75f79d3.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.a960659efe4d4fdeb36e5e384d9d1386.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.cbe97a614c0349c6a59a2e4d0a119922.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.b737be02e4534634859fd8b4cb90eb8b.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.2ea49690d0b446ad88dc1aab98b8627e.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.ed20d6d9bf6b40e48f226c383c46123b.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.e774222bddeb41faa5b65f071ce4de84.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.e0f8c32f55a5406981eb7aed75ed64d0.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.2a5f1502f1a048568b64769c32ad619b.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.cab6d549c1494de88e4157856384f0fb.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.4261fd6fcc754829b7373a5ef02177ad.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.bc37aeeb9b3b43acaf3fc80f46c6e127.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.62a3dce9050e4b9bbef12e637e3b19f5.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.02d3cfc904b044d1ac2f999b1f527dc7.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.3d741bd6713c4b90986d8324f1a69e62.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.ff438ff444a74b9aa0f527426f05fa54.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.b61c2ee116274bf58e076fd28fec217d.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.47ce5bd390bf4f7eadf211d0ab1a7a16.jpeg",

      ],
    ["http://easyreadfs.nosdn.127.net/qwb.d61d9eb753b544da87b2a16fff36d31d.jpeg",
     "http://easyreadfs.nosdn.127.net/qwb.0bf3ec6a99fe4eb3b3d5973770f2dc26.jpeg",
     "http://easyreadfs.nosdn.127.net/qwb.ed8830c53d38413fa04236a1cd2757fc.jpeg",
     "http://easyreadfs.nosdn.127.net/qwb.f5f94d3d817f489daa904cbba093e8be.jpeg",
     "http://easyreadfs.nosdn.127.net/qwb.169a157f649f4edcb167116cc4d91ef7.jpeg",
     "http://easyreadfs.nosdn.127.net/qwb.c9913fb55cbb425683be07b39713fbe2.jpeg",
     "http://easyreadfs.nosdn.127.net/qwb.406c5994d36142f2b5ebc5aa7ae1d540.jpeg",
     "http://easyreadfs.nosdn.127.net/qwb.bcc579f71dd24b38974c64159d2a118d.jpeg",
    "http://easyreadfs.nosdn.127.net/qwb.e592cfe31857444aa26625239cf14c93.jpeg",
    "http://easyreadfs.nosdn.127.net/qwb.80598e56e8f84ba8ae7046489ef68791.jpeg",
    "http://easyreadfs.nosdn.127.net/qwb.69db6105899a49298ea99443aaebf63d.jpeg",
    "http://easyreadfs.nosdn.127.net/qwb.bd101ad766bf44b0b68ae59147430ea1.jpeg",
    "http://easyreadfs.nosdn.127.net/qwb.fc1b7d93439741b1a168400282fd86c4.jpeg"

    ],
    ["http://easyreadfs.nosdn.127.net/qwb.d993dc3ef0094a51966ae50e941356fd.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.a5b329266b484d92952f5fbf81a4c083.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.ee53125a0089436db46a2d44a714c0f7.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.f8cc7271d1124e02ac6d163bb8f656ca.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.c32b97c0db9b4ab6bd11f212527ede1f.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.01b27bea30074dcca8f04c7e7f7184f9.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.c14ef39544cb4735991553cb7fc2e620.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.ed3f1dadebdf4e1fa1e00b3950e0071f.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.e2851e07a8494c36a30119a0a9e51480.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.2c13eb824d3d4e3abbd62ba83d0b3589.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.e2837f0d7e30431cae3be8a2cf03faa8.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.1d765b3a9ff647d898c1f76f46382c4e.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.2fdcbcf716674517ab32fe9327778b53.jpeg"
      ],
     ["http://easyreadfs.nosdn.127.net/qwb.65d9a20d0aa74343a50ac5d75f0d5e9e.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.9b1a873ca6cc4293b018253a39de7097.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.f2091d374abe40da93f823f5a925c44f.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.320913040c5c4bf995e01c934fe78f57.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.040355001e374164be494cb474cdbe1a.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.7caf77fb31794aa0a4d8aa123e85f80a.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.4bb49f48e17349f7988012e7dbda6177.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.4d2dadcc41ac4e60bf4cdd863482abd6.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.a5c4d00e51f74e89bed1878557f90bee.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.7a05667056774c4aae8f856126213e71.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.8994cafdb24442b88ddd4807213e8b24.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.5ffe60e6414c4683b41e564057d73705.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.2d80690bad864f4eafa22fa307158b95.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.88e83325f4a041be93b43e6e70162862.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.979832213fb54bf2aadd3718d4ff1faa.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.aa7438df47a44ed0a6a48a734ba281b0.jpg",

      ],
     ["http://easyreadfs.nosdn.127.net/qwb.85e3af6ea88a452eb1b7ab2d0a3c0a94.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.324329a213254cdab48852acc0749f66.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.4ce2225789574b0ea0f7a46956de983d.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.61807feea89444b2a91946d290840c9e.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.77b8ed80b731444d8f7adca14ac935e5.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.fae42c29129d4dc695862c92b6200394.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.8518d47d1a334aca80b6bcc7342eb3b5.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.4ba3b74ebd9744b7bf07911cdd512778.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.9575f2f03abf4b2da11b60ff95cb8e9c.jpg",
       "http://easyreadfs.nosdn.127.net/qwb.f898ca3f80944c77b84f0d89dfe60089.jpg",

      ],
      ["http://easyreadfs.nosdn.127.net/qwb.eeac68fbf0cc4f679ce8465e619f1a4b.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.96484357e3d9411cbd6968a8e8ddea41.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.f0d57d8537d74ab4bed6bbaf2308a8aa.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.e8eca745bce9471fb1192ac676a1445b.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.1d4834a770dd4d92b2814a707565931c.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.c7d8b3681e4842d6ac32f013dd9eec51.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.422d8e3511f64e47a54addac33b485a9.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.d6aebaccb34e4405bd6fa02f027e4c38.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.ae753b7bdae744b78466de4056e6bb78.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.25b03d6e1bce4e51936e371b76e3c661.jpeg",
        "http://easyreadfs.nosdn.127.net/qwb.e3959e50d5ab40409e766196a547f7a2.jpeg",
     ],
     [
        "http://easyreadfs.nosdn.127.net/qwb.5371cfb185404ea8a3bb281d4480dd5e.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.27b0acd6a226469ea485072b94485265.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.73d7dbd40feb49209deb2e86b7970204.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.10e29c0413c24b8db2dc7274a331a905.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.996ebec1df3543a7894eae43bf288154.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.22220e8edd1a47f6880dd51a43703179.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.b931e4e839b4455f9ae3a1106fb19851.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.55dbe751cbb24c7dbfb6fdadad37b6f5.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.95160236fbda40cb8810d4bc6009a5df.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.634766ea5fad4ec7977513d03ce1bb64.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.7f1d5d81fe934e669d5abd14f3e37968.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.4ddaa8e686c94e7cba190001dc86ddff.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.c33bf5a4889c4fcc8018c51cef2e5f83.jpg",
        "http://easyreadfs.nosdn.127.net/qwb.99af67e89cd84a7ebb08156873adf25c.jpg"
      ],
    ]

    function showCartoon (index,name) {
      $('.pop_main').show()
      let _arr = arr[index]
      let _arrHtml = _arr.map(item => {
        return `<img src="${item}" alt="">`
      })
      $('.pop_main .list').html(_arrHtml.join(''))
      $('#popTitle').text(name)
    }

    $('.pop_main .close').click(function () {
      $('.pop_main .list').scrollTop(0)
      $('.pop_main').hide()
    })
    
    // 获取缓存
    let userData = JSON.parse(localStorage.getItem("userData")) || []
    let logName = localStorage.getItem("logName")
    $('#register').on('click', function () { 
      $('.register-pop').show()
      $('#login-btn').hide()
      $('#register-btn').show()
    })
    $('#login').on('click', function () {
      $('.register-pop').show()
      $('#register-btn').hide()
      $('#login-btn').show()
    })
    $('#cancel-btn').on('click', function () {
      $('.register-pop').hide()
    })
    if(logName){
      $('#register').hide()
      $('#login').hide()
      $('#username').show()
      $('#logout').show()
      $('#username').html(logName)
    }
    $('#register-btn').on('click', function () {
      var username = $('#formName').val()
      var password = $('#formPassword').val()
      if(username && password){
       let res =  userData.some((item)=>{
          if(item.username === username){
            item.password = password
            return true
          }
        })
        if(res){
          localStorage.setItem('userData', JSON.stringify(userData))
        }else{
          userData.push({
            username,
            password
          })
          localStorage.setItem('userData', JSON.stringify(userData))
        }
        localStorage.setItem('logName', username)
        alert('注册成功！')
        $('#register').hide()
        window.location.reload()
      }else{
        alert('请填写用户名和密码')
      }
    })
    $('#login-btn').on('click', function () {
        var username = $('#formName').val()
        var password = $('#formPassword').val()
        if (username && password) {
          let logData = {}
          userData.some((item) => {
            if (item.username === username) {
              logData = {username: item.username, password: item.password }
              return true
            }
          })
          if(logData.username == username && logData.password == password){
            alert('登录成功！')
            $('#login').hide()
            localStorage.setItem('logName', username)
            window.location.reload()
          }else{
            alert('用户名或密码错误')
          }
        } else {
          alert('请填写用户名和密码')
        }
      })
      $('#logout').on('click', function () {
        localStorage.removeItem('logName')
        window.location.reload()
      })
	</script>
</html>