.animated{animation-duration:.4s;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none}}@-o-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;-moz-transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;-moz-transform:none}}@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;-moz-transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;-moz-animation-name:fadeInDown}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Helvetica,Arial,Microsoft Yahei,sans-serif;font-size:14px}table{border-collapse:collapse;border-spacing:0}img{border:0}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;outline:0;resize:none}body{background-color:#fff}body.lock{height:100%;overflow:hidden}button,input,select,textarea{font-size:99%}table{font-size:inherit;font:100%}a,area{outline:0;text-decoration:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important}.input::-ms-clear{display:none}img{border:0;vertical-align:middle;display:block;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none}.clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both}.clearfix{zoom:1}.clear{clear:both}.container{position:relative;display:block;max-width:1920px;margin:0 auto;width:100%;overflow:hidden}.viewpage{position:relative;margin:0 auto}.inner{display:block;width:1200px;position:relative;margin:0 auto;z-index:4}.logo{position:absolute;display:block;width:248px;height:104px;left:12px;top:60px;z-index:1;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat 0 0}.logo a{position:absolute;display:block;width:94px;height:34px;bottom:4px;right:32px;opacity:.92;cursor:pointer;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -247px -127px}.logo a:hover{opacity:1}.offical{position:absolute;display:block;width:240px;height:102px;left:298px;top:54px;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat 0 -307px}.gift{position:absolute;display:block;width:156px;height:156px;right:366px;top:30px;cursor:pointer;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat 0 -128px}.gift:hover{background-position:-1px -1221px}.download{position:absolute;width:300px;height:120px;right:4px;z-index:1;top:56px}.download a{position:absolute;display:block;opacity:.92;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat}.download a:hover{opacity:1}.download a.ios{width:170px;height:54px;left:0;top:0;background-position:0 -447px}.download a.and{width:170px;height:56px;left:0;bottom:4px;background-position:-189px -447px}.download .wxcode{position:absolute;display:block;width:116px;height:114px;right:0;top:2px;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -378px -447px}.pop{display:none}.pop .mask{position:fixed;display:block;width:100%;height:100%;left:0;top:0;background:url(https://static.web.sdo.com/moon/media/cartoon/img/ie8-hack-bg.png) repeat;background:rgba(0,0,0,.65);z-index:19}.pop .content{position:fixed;display:block;left:50%;top:50%;z-index:39}.pop .content .close{position:absolute;display:block;cursor:pointer;width:65px;height:64px;right:-70px;top:-32px;opacity:.92;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -258px -197px}.pop .content .close:hover{opacity:1}#detailgiftPop .content,#giftPop .content,#listgiftPop .content{background:url(https://static.web.sdo.com/moon/media/cartoon/img/giftPop.png) no-repeat top center;width:667px;height:401px;margin-left:-333px;margin-top:-200px}#detailgiftPop .codevalue,#giftPop .codevalue,#listgiftPop .codevalue{font-size:40px;position:absolute;left:114px;top:167px;width:450px;height:50px;text-align:center;line-height:50px}#homeView{background:url(https://static.web.sdo.com/moon/media/cartoon/img/page-bg.jpg) no-repeat top center;height:1186px}.cate-wrap{padding-top:204px}#homeView .title-wrap{position:relative;display:block}.title-wrap .title{position:absolute;display:block;background:url(https://static.web.sdo.com/moon/media/cartoon/img/title.png) no-repeat}.title-wrap .title1{top:0;left:10px;width:525px;height:517px;background-position:0 0}.title-wrap .title2{top:0;left:550px;width:310px;height:522px;background-position:-546px 0}.title-wrap .title3{top:0;right:6px;width:315px;height:521px;background-position:-898px 0}.title-wrap .title4{top:542px;left:4px;width:1165px;height:197px;background-position:-1px -563px}.title-wrap .title .status{position:absolute;display:block;z-index:2;width:92px;height:88px;left:-4px;top:-4px;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat}.title-wrap .title .status1{background-position:-448px 0}.title-wrap .title .status2{background-position:-341px 0}.title .img-wrap{position:relative;overflow:hidden}.title1 .img-wrap{width:496px;height:496px;left:6px;top:6px}.title2 .img-wrap{width:282px;height:500px;left:6px;top:6px}.title3 .img-wrap{width:282px;height:500px;left:6px;top:6px}.title4 .img-wrap{width:1140px;height:178px;left:6px;top:6px}.title .hover-wrap{position:absolute;display:block;width:100%;height:225px;z-index:1;left:0;bottom:-120px;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);background:url(https://static.web.sdo.com/moon/media/cartoon/img/ie8-hack-bg.png) repeat;background:rgba(0,0,0,.5)}.title .hover{padding:24px 0 24px 36px}.title .hover h1{font-size:34px;color:#fff}.title .hover p{font-size:12px;padding-top:8px;padding-bottom:12px;color:rgba(255,255,255,.6)}.title .hover div{color:#fff;font-size:14px}.title .hover span{display:block;width:168px;height:50px;margin-top:20px;cursor:pointer;position:relative;left:-6px;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -1px -605px}.title .img-wrap img{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}.title-wrap .title:hover .img-wrap img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}.title-wrap .title:hover .hover-wrap{bottom:0}.title4 .hover{padding-top:8px}.title4 .hover-wrap{height:100%;bottom:-90px;background:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0))}.title4 .hover span{margin-top:10px}.title4 .ceil{position:absolute;display:block;z-index:5;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat}.title4 .ceil1{width:160px;height:282px;left:-174px;bottom:-94px;background-position:0 -720px}.title4 .ceil2{width:308px;height:274px;right:-238px;bottom:-96px;background-position:-239px -719px}.closeview{position:fixed;width:60px;height:60px;cursor:pointer;z-index:5;top:60px;right:60px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -541px -448px}.closeview:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}#alert{position:fixed;left:50%;top:50%;margin-left:-160px;margin-top:-20px;width:320px;height:40px;text-align:center;line-height:40px;font-size:16px;background:#4fb05b;text-align:center;z-index:9999;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}#detaiView,#listView{position:fixed;top:0;left:0;bottom:0;right:0;z-index:99;padding:100px 0;overflow:auto;background:url(https://static.web.sdo.com/moon/media/cartoon/img/ie8-hack-fixed-bg.png) repeat;background:rgba(211,211,211,.7);display:none}.viewpage .list-wrap{width:1100px;margin:0 auto;position:relative;background:#fff}.list-content{padding:50px 55px 36px 55px;position:relative}.list-content .top{padding-bottom:36px;border-bottom:1px dashed #c8c8c8}.list-content .top .img-wrap{float:left;width:320px}.list-content .top .img-wrap img{display:block;width:100%}.list-content .top .detail{width:630px;float:right}.list-content .detail h1{font-size:40px}.list-content .detail h1 span{display:inline-block;width:74px;height:28px;text-align:center;line-height:28px;border:1px solid #eb491d;color:#eb491d;font-size:16px;position:relative;margin-left:24px;top:-8px}.list-content .detail h1 span.ing{border:1px solid #4fb05b;color:#4fb05b}.relate{position:relative;padding:16px 0}.rank-wrap{float:left;margin-right:32px;width:200px;position:relative}.rank-wrap span,.read-counts span{position:relative;padding-left:20px;color:#858585}.rank-wrap span:before,.read-counts span:before{position:absolute;display:block;content:"";left:0;top:4px;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat}.rank-wrap span:before{width:14px;height:14px;background-position:-339px -416px}.read-counts span:before{width:18px;height:12px;background-position:-376px -416px}.rank-wrap .rank{position:absolute;display:block;width:132px;height:20px;right:10px;top:50%;margin-top:-10px;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -6px -1090px}.rank-wrap .rank i{position:absolute;display:block;width:100%;height:100%;left:0;top:0;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -6px -1051px}.read-counts{float:left}.author-wrap td{padding:6px 0}.author-wrap td.td{color:#858585}.author-wrap td.ztd{padding-left:20px}.role-desc{padding-top:24px}.role-desc h2{font-size:16px;color:#000;line-height:1.8;font-weight:700}.role-desc .desc{line-height:1.6;color:#858585}.role-desc .desc a{color:#95abcd;cursor:pointer}.role-desc .desc a:hover{color:#3574d6;text-decoration:underline}.action-wrap{padding:40px 0}.action-wrap .readbtn{float:left;width:262px;height:77px;cursor:pointer;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -317px -605px}.action-wrap .readbtn:hover{background-position:-338px -1064px}.action-wrap .praisebtn{float:left;width:188px;height:71px;cursor:pointer;margin-left:30px;font-size:24px;position:relative;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -378px -127px}.action-wrap .praisebtn span{color:#000;position:absolute;left:84px;top:20px;-webkit-transition:all .6s ease-out;-o-transition:all .6s ease-out;-moz-transition:all .6s ease-out;transition:all .6s ease-out}.action-wrap .praisebtn.done{background-position:-378px -211px}.fan-wrap span{float:left;padding:0 26px;height:32px;text-align:center;line-height:32px;font-size:16px;color:#858585;margin-right:8px;cursor:pointer;position:relative;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out;border:1px solid #858585}.fan-wrap .new{position:absolute;display:block;width:24px;height:24px;text-align:center;line-height:24px;font-size:16px;background:#d64343;color:#fff;z-index:2;font-style:normal;right:-4px;top:-4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fan-wrap span:hover{color:#4fb05b;color:#fff;background:#4fb05b;border:1px solid #4fb05b}.comment-wrap{padding-top:26px}.comment-wrap h1{font-size:26px;position:relative}.comment-wrap h1 .commentbtn{position:absolute;width:128px;height:34px;right:0;top:0;cursor:pointer;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -378px -306px}.comment-wrap .table-wrap{color:#95abcd;padding-top:12px}.comment-wrap .table-wrap table{width:100%}.comment-wrap .table-wrap td{padding:14px 0}.comment-wrap .table-wrap td.td1{min-width:80px;color:#d0d0d0;vertical-align:top}.comment-wrap .table-wrap td.blank{text-align:center}.comment-wrap .table-wrap p{width:760px;line-height:1.4}.comment-wrap .comment{position:relative}.comment-wrap span.time{position:absolute;right:0;top:0;color:#d0d0d0}.pager-wrap{padding:50px 0;text-align:center}.pager-wrap span{display:inline-block;cursor:pointer;color:#95abcd;padding:0 6px}.pager-wrap span.current{font-weight:700;color:#000}.pager-wrap span.prev{margin-right:6px}.pager-wrap span.next{margin-left:6px}.write-wrap{position:relative;padding-bottom:55px}.write-wrap textarea{display:block;width:986px;height:100px;padding:6px;color:#c8c8c8;color:#000;-webkit-transition:all .6s ease-out;-o-transition:all .6s ease-out;-moz-transition:all .6s ease-out;transition:all .6s ease-out}.write-wrap textarea.warning{border:1px solid red;color:red}.write-wrap .sendbtn{width:180px;height:50px;text-align:center;line-height:50px;font-size:24px;color:#fff;cursor:pointer;bottom:6px;right:-10px;position:absolute;z-index:2;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out;background:#95abcd}.write-wrap .sendbtn:hover{background:#3172d5}#detaiView .list-content{padding:30px;position:relative}#detaiView .return{position:absolute;display:block;width:88px;height:32px;cursor:pointer;text-align:center;line-height:32px;font-size:16px;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out;border:1px solid #95abcd}#detaiView .return i{display:inline-block;font-style:normal;margin-right:6px}#detaiView .return:hover{background:#4fb05b;color:#fff}.cart-title{font-size:22px;color:#000;text-align:center;padding-bottom:30px}.cartoon img{display:block;width:100%}#detaiView .cart-img,#detaiView .home-img,#detaiView .list-img{padding-bottom:10px}.fixedbar{position:fixed;right:-200px;width:150px;z-index:9999;top:50%;margin-top:-215px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}.fixedbar.show{right:60px}.fixedbar span{position:absolute;right:2px;top:-24px;z-index:1;cursor:pointer}.fixedbar .wxCode{width:147px;height:143px;margin:0 auto 4px auto;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -448px -1303px}.fixedbar a{display:block;margin:10px auto 0 auto;opacity:.92;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat}.fixedbar a:hover{opacity:1}.fixedbar a.ios{width:149px;height:48px;background-position:-448px -1184px}.fixedbar a.and{width:149px;height:51px;background-position:-448px -1240px}.fixedbar .giftbtn{display:block;margin:12px auto 0 auto;width:156px;height:156px;cursor:pointer;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat 0 -128px}.fixedbar .giftbtn:hover{background-position:-1px -1221px}.fixednav{position:fixed;display:block;right:60px;bottom:20px}.fixednav div{display:block;width:60px;height:60px;position:relative;margin-bottom:10px;background:#95abcd;cursor:pointer;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}.fixednav div:hover{background:#3172d5}.fixednav i{position:absolute;display:block;left:50%;top:50%;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat}.fixednav .totop i{width:33px;height:38px;margin-left:-16px;margin-top:-19px;background-position:-200px -1344px}.fixednav .golist i{width:28px;height:42px;margin-left:-14px;margin-top:-21px;background-position:-203px -1277px}.c-icon .icon{display:block;width:94px;height:86px;margin:0 auto;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat -258px -1277px}.c-icon .tips{padding:12px 0}#scene{position:relative;display:block;width:100%;z-index:1}.move{position:absolute!important;display:block;left:50%!important}.move1{background:url(https://static.web.sdo.com/moon/media/cartoon/img/move-role3.png) no-repeat top center;width:869px;height:1158px;top:-20px!important;z-index:1;margin-left:110px}.move2{background:url(https://static.web.sdo.com/moon/media/cartoon/img/move-role2.png) no-repeat top center;width:797px;height:816px;top:343px!important;z-index:1;margin-left:-980px}.move3{background:url(https://static.web.sdo.com/moon/media/cartoon/img/move-words.png) no-repeat top center;width:918px;height:335px;top:0!important;z-index:1;margin-left:-960px}.move4{background:url(https://static.web.sdo.com/moon/media/cartoon/img/move-role1.png) no-repeat top center;width:668px;height:832px;top:328px!important;z-index:2;margin-left:310px}.move5{background:url(https://static.web.sdo.com/moon/media/cartoon/img/move-bat.png) no-repeat top center;width:1037px;height:346px;top:-20px!important;z-index:1;margin-left:-945px}.move6{background:url(https://static.web.sdo.com/moon/media/cartoon/img/move-line.png) no-repeat top center;width:2283px;height:1233px;top:-62px!important;z-index:3;margin-left:-1096px}.fixedbottom{display:block;margin:0 auto;padding:20px 0 20px 0}.fixedbottom .btn-wrap{text-align:center;float:right;position:relative;top:5px}.fixedbottom .btn{cursor:pointer;width:156px;height:48px;display:none;text-align:center;line-height:48px;color:#a0a0a0;font-size:16px;margin-left:20px;-webkit-transition:all .6s ease-out;-o-transition:all .6s ease-out;-moz-transition:all .6s ease-out;transition:all .6s ease-out;border:1px solid #a0a0a0}.fixedbottom .btn:hover{color:#fff;border:1px solid #4fb05b;background:#4fb05b}.fixedbottom .link-wrap{text-align:center;padding:20px 0;float:left}.fixedbottom .sbtn{display:inline-block;margin:0 12px;position:relative;padding-left:36px;cursor:pointer;font-size:16px;color:#a0a0a0}.fixedbottom .sbtn i{position:absolute;width:24px;height:20px;left:0;top:2px;background:url(https://static.web.sdo.com/moon/media/cartoon/img/icon.png?v=123) no-repeat}.fixedbottom .combtn i{background-position:-88px -1458px}.fixedbottom .combtn:hover{color:#95abcd}.fixedbottom .combtn:hover i{background-position:-131px -1458px}.fixedbottom .praisebtn i{background-position:0 -1458px}.fixedbottom .praisebtn.done i{background-position:-44px -1458px}