@font-face{font-family:'FZCUJINLJW';src:url('../images/fonts/FZCUJINLJW.ttf') format('truetype');font-weight:normal;font-style:normal}*{margin:0 auto;padding:0;outline:none}html,body{min-width:320px;max-width:640px;height:100%;color:#333}body{font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue','Helvetica','Roboto','Heiti SC','STHeiTi','Arial','sans-serif';-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0;display:block}ul,li{list-style:none outside none}input{-webkit-appearance:none;font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue','Helvetica','Roboto','Heiti SC','STHeiTi','Arial','sans-serif'}a{text-decoration:none;color:#333}a:link{color:#333}a:visited{color:#333}a:active{color:#333}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}.cf:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.cf{*zoom:1}#app{position:relative;width:100%;height:100%}#app #navbar{position:fixed;left:0;right:0;bottom:0;max-width:640px;height:3.75rem;background-color:#fff;z-index:99999}#app #navbar li{position:relative;width:3.875rem;line-height:3.75rem;font-size:1rem;text-align:center;float:left;cursor:pointer}#app #navbar li.logo{width:auto;margin-top:-0.625rem}#app #navbar li.logo .icon{width:4.25rem;height:3.4375rem;background-image:url(../images/img03.png);background-size:100% auto;background-repeat:no-repeat}#app #navbar li.active{color:#0d6064}#app #navbar li.active span{display:inline-block;height:2.875rem;border-bottom:3px solid #0d6064}#app .section{position:relative;width:100%;height:100%;background-size:100% auto;background-position:center top;background-repeat:no-repeat;overflow:auto;z-index:1;display:none}#app .section .section-back-to-top{position:fixed;bottom:80px;right:10px;width:40px;height:40px;background-color:rgba(0,0,0,0.4);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100}#app .section .section-back-to-top.show{opacity:1;visibility:visible}#app .section .section-back-to-top:hover{background-color:rgba(0,0,0,0.9)}#app .section.guide{background-image:url(../images/back2.jpg)}#app .section.guide .content{width:15.54166667rem;line-height:1.5rem;font-family:'FZCUJINLJW','楷体';font-size:1rem;color:#0d6064;text-indent:2em;text-align:justify;padding-top:3.125rem}#app .section.guide .content p{margin-bottom:1.25rem}#app .section.background .content{width:100%}#app .section.background .content img{width:100%}#app .section.logo{background-image:url(../images/back1.jpg);display:block}#app .section.logo .content .title{position:absolute;top:3.75rem;left:50%;margin-left:-1.25rem;width:7rem;height:15.91666667rem;text-indent:-1000px;overflow:hidden;background-image:url('../images/img01.png');background-position:center top;background-size:contain;background-repeat:no-repeat;background-position:center;animation:fadeIn 1s both}#app .section.logo .content .subtitle{position:absolute;top:4.16666667rem;left:50%;margin-left:-3.75rem;width:1.875rem;height:20.58333333rem;text-indent:-1000px;overflow:hidden;background-image:url('../images/img02.png');background-position:center top;background-size:contain;background-repeat:no-repeat;background-position:center;animation:fadeIn 1s .2s both}#app .section.logo .content .blindlink{position:absolute;top:22.91666667rem;left:50%;margin-left:-4.58333333rem;text-indent:-1000px;overflow:hidden;width:8.75rem;height:10rem}#app .section.blindbox{background-color:#eff4f4}#app .section.blindbox .content{padding-bottom:5rem}#app .section.blindbox .content .title{width:9.72916667rem;height:1.3125rem;margin-top:1.5rem;margin-bottom:.625rem;text-indent:-1000px;overflow:hidden;background-image:url('../images/img05.png');background-position:center top;background-size:contain;background-repeat:no-repeat;background-position:center}#app .section.blindbox .content .subtitle{width:13.75rem;height:1.89583333rem;margin-bottom:1.25rem;text-indent:-1000px;overflow:hidden;background-image:url('../images/img06.png');background-position:center top;background-size:contain;background-repeat:no-repeat;background-position:center}#app .section.blindbox .content .blindlist{width:18.75rem}#app .section.blindbox .content .blindlist li{height:6.875rem;margin-bottom:.625rem;background-image:url(../images/img07.png);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat}#app .section.blindbox .content .blindlist li .blind{width:4.89583333rem;height:6.41666667rem;margin-left:.9375rem;background-image:url(../images/img08.png);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;float:left}#app .section.blindbox .content .blindlist li .openblindalert{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:none}#app .section.blindbox .content .blindlist li .openblindalert .alertbox{position:absolute;left:50%;margin-left:-8.32291667rem;width:16.64583333rem;height:30.64583333rem;top:50%;transform:translateY(-56%);transform-origin:50% 0%;background-image:url(../images/back3.jpg);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .close{position:absolute;top:.3125rem;right:.3125rem;width:1.0625rem;height:1.0625rem;background-image:url(../images/img19.png);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .gifbox{width:10.20833333rem;margin-bottom:.625rem}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .gifbox .gif{position:relative;width:10.20833333rem;height:10.20833333rem;margin-top:2.5rem;margin-bottom:.625rem;border:1px solid #488a9a;background-size:100% auto;background-position:center top;background-repeat:no-repeat}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .gifbox .gif .add100{position:absolute;top:.625rem;right:.625rem;font-size:.875rem;font-family:'FZCUJINLJW','楷体';color:#000;animation:fadeOutDown .9s .1s forwards}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .gifbox .btn{height:1.125rem;line-height:1.125rem;font-size:.75rem;text-align:center;font-family:'FZCUJINLJW','楷体';color:#fff;background-color:#7cacb6;padding:0 .9375rem;border-radius:.625rem}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .gifbox .btn.on{background-color:#2f90a3}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .gifbox .btn.btn01{float:left}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .gifbox .btn.btn02{float:right}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .giftext{width:12.5rem;height:10rem;line-height:1.25rem;font-family:'FZCUJINLJW','楷体';font-size:.875rem;color:#000;text-indent:2em;text-align:justify;margin-bottom:1.25rem;overflow:auto}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .openurl{width:7.5rem;height:1.875rem;line-height:1.875rem;font-size:1rem;text-align:center;color:#fff;margin-bottom:.3125rem;background-color:#32aaab;background:linear-gradient(to right, #33abac, #2e84a5);padding:0 .9375rem;border-radius:.9375rem}#app .section.blindbox .content .blindlist li .openblindalert .alertbox .openurltip{width:11.875rem;line-height:1.25rem;font-family:'FZCUJINLJW','楷体';font-size:.75rem;font-weight:bold;color:#000;text-align:center;margin-bottom:1.25rem}@keyframes manghe14step{0%{background-position:0 0}100%{background-position:0 -142.91666667rem}}@keyframes manghe14step2{0%{background-position:0 0}100%{background-position:0 -142.91666667rem}}@keyframes manghe14stepreverse{0%{background-position:0 -142.91666667rem}100%{background-position:0 0}}@keyframes manghe15step{0%{background-position:0 0}100%{background-position:0 -153.125rem}}@keyframes manghe15step2{0%{background-position:0 0}100%{background-position:0 -153.125rem}}@keyframes manghe15stepreverse{0%{background-position:0 -153.125rem}100%{background-position:0 0}}#app .section.blindbox .content .blindlist li:nth-child(1) .blind.on{background-image:url(../images/img09.png)}#app .section.blindbox .content .blindlist li:nth-child(1) .openblindalert .alertbox .gifbox .gif{background-image:url(../images/sp/manghe02.jpg);background-size:10.20833333rem 153.125rem}#app .section.blindbox .content .blindlist li:nth-child(1) .openblindalert .alertbox .gifbox .gif.open{background-image:url(../images/sp/manghe01.jpg);background-size:10.20833333rem 153.125rem;animation:manghe14step 1.5s steps(14) forwards}#app .section.blindbox .content .blindlist li:nth-child(1) .openblindalert .alertbox .gifbox .gif.prototype{animation:manghe14step2 1.5s steps(14) forwards}#app .section.blindbox .content .blindlist li:nth-child(1) .openblindalert .alertbox .gifbox .gif.reverse{animation:manghe14stepreverse 1.5s steps(14) forwards}#app .section.blindbox .content .blindlist li:nth-child(2) .blind.on{background-image:url(../images/img10.png)}#app .section.blindbox .content .blindlist li:nth-child(2) .openblindalert .alertbox .gifbox .gif{background-image:url(../images/sp/manghe04.jpg);background-size:10.20833333rem 163.33333333rem}#app .section.blindbox .content .blindlist li:nth-child(2) .openblindalert .alertbox .gifbox .gif.open{background-image:url(../images/sp/manghe03.jpg);background-size:10.20833333rem 163.33333333rem;animation:manghe15step 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(2) .openblindalert .alertbox .gifbox .gif.prototype{animation:manghe15step2 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(2) .openblindalert .alertbox .gifbox .gif.reverse{animation:manghe15stepreverse 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(3) .blind.on{background-image:url(../images/img11.png)}#app .section.blindbox .content .blindlist li:nth-child(3) .openblindalert .alertbox .gifbox .gif{background-image:url(../images/sp/manghe06.jpg);background-size:10.20833333rem 163.33333333rem}#app .section.blindbox .content .blindlist li:nth-child(3) .openblindalert .alertbox .gifbox .gif.open{background-image:url(../images/sp/manghe05.jpg);background-size:10.20833333rem 163.33333333rem;animation:manghe15step 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(3) .openblindalert .alertbox .gifbox .gif.prototype{animation:manghe15step2 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(3) .openblindalert .alertbox .gifbox .gif.reverse{animation:manghe15stepreverse 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(4) .blind.on{background-image:url(../images/img12.png)}#app .section.blindbox .content .blindlist li:nth-child(4) .openblindalert .alertbox .gifbox .gif{background-image:url(../images/sp/manghe08.jpg);background-size:10.20833333rem 163.33333333rem}#app .section.blindbox .content .blindlist li:nth-child(4) .openblindalert .alertbox .gifbox .gif.open{background-image:url(../images/sp/manghe07.jpg);background-size:10.20833333rem 153.125rem;animation:manghe14step 1.5s steps(14) forwards}#app .section.blindbox .content .blindlist li:nth-child(4) .openblindalert .alertbox .gifbox .gif.prototype{animation:manghe15step2 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(4) .openblindalert .alertbox .gifbox .gif.reverse{animation:manghe15stepreverse 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(5) .blind.on{background-image:url(../images/img13.png)}#app .section.blindbox .content .blindlist li:nth-child(5) .openblindalert .alertbox .gifbox .gif{background-image:url(../images/sp/manghe10.jpg);background-size:10.20833333rem 163.33333333rem}#app .section.blindbox .content .blindlist li:nth-child(5) .openblindalert .alertbox .gifbox .gif.open{background-image:url(../images/sp/manghe09.jpg);background-size:10.20833333rem 153.125rem;animation:manghe14step 1.5s steps(14) forwards}#app .section.blindbox .content .blindlist li:nth-child(5) .openblindalert .alertbox .gifbox .gif.prototype{animation:manghe15step2 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(5) .openblindalert .alertbox .gifbox .gif.reverse{animation:manghe15stepreverse 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(6) .blind.on{background-image:url(../images/img14.png)}#app .section.blindbox .content .blindlist li:nth-child(6) .openblindalert .alertbox .gifbox .gif{background-image:url(../images/sp/manghe12.jpg);background-size:10.20833333rem 163.33333333rem}#app .section.blindbox .content .blindlist li:nth-child(6) .openblindalert .alertbox .gifbox .gif.open{background-image:url(../images/sp/manghe11.jpg);background-size:10.20833333rem 153.125rem;animation:manghe14step 1.5s steps(14) forwards}#app .section.blindbox .content .blindlist li:nth-child(6) .openblindalert .alertbox .gifbox .gif.prototype{animation:manghe15step2 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(6) .openblindalert .alertbox .gifbox .gif.reverse{animation:manghe15stepreverse 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(7) .blind.on{background-image:url(../images/img15.png)}#app .section.blindbox .content .blindlist li:nth-child(7) .openblindalert .alertbox .gifbox .gif{background-image:url(../images/sp/manghe14.jpg);background-size:10.20833333rem 153.125rem}#app .section.blindbox .content .blindlist li:nth-child(7) .openblindalert .alertbox .gifbox .gif.open{background-image:url(../images/sp/manghe13.jpg);background-size:10.20833333rem 163.33333333rem;animation:manghe15step 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(7) .openblindalert .alertbox .gifbox .gif.prototype{animation:manghe14step2 1.5s steps(14) forwards}#app .section.blindbox .content .blindlist li:nth-child(7) .openblindalert .alertbox .gifbox .gif.reverse{animation:manghe14stepreverse 1.5s steps(14) forwards}#app .section.blindbox .content .blindlist li:nth-child(8) .blind.on{background-image:url(../images/img16.png)}#app .section.blindbox .content .blindlist li:nth-child(8) .openblindalert .alertbox .gifbox .gif{background-image:url(../images/sp/manghe16.jpg);background-size:10.20833333rem 163.33333333rem}#app .section.blindbox .content .blindlist li:nth-child(8) .openblindalert .alertbox .gifbox .gif.open{background-image:url(../images/sp/manghe15.jpg);background-size:10.20833333rem 163.33333333rem;animation:manghe15step 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(8) .openblindalert .alertbox .gifbox .gif.prototype{animation:manghe15step2 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li:nth-child(8) .openblindalert .alertbox .gifbox .gif.reverse{animation:manghe15stepreverse 1.5s steps(15) forwards}#app .section.blindbox .content .blindlist li .blindcontrol{width:7.5rem;margin-right:3.75rem;padding-top:1.875rem;float:right}#app .section.blindbox .content .blindlist li .blindcontrol .text{line-height:2.25rem;font-size:1rem;text-align:center}#app .section.blindbox .content .blindlist li .blindcontrol .openblind{width:7.5rem;height:1.75rem;line-height:1.75rem;font-size:1rem;color:#fff;text-align:center;border-radius:.875rem;background-color:#4bbdc2;cursor:pointer}#app .section.more{background-color:#eff4f4}#app .section.more .content{padding:1.25rem .625rem 3.75rem}#app .section.more .content .items{margin-bottom:1.5625rem}#app .section.more .content .items .itemTitle{height:1.25rem;margin-bottom:.9375rem;background-size:100% auto;background-position:center top;background-repeat:no-repeat}#app .section.more .content .items .itemTitle.shua{background-image:url(../images/img28.png)}#app .section.more .content .items .itemTitle.wan{background-image:url(../images/img29.png)}#app .section.more .content .items .itemTitle.zhui{background-image:url(../images/img30.png)}#app .section.more .content .items .itemTitle.gou{background-image:url(../images/img31.png)}#app .section.more .content .items .itemTitle.chu{background-image:url(../images/img32.png)}#app .section.more .content .items .itemTitle.ting{background-image:url(../images/img33.png)}#app .section.more .content .items .itemTitle.shi{background-image:url(../images/img34.png)}#app .section.more .content .items .itemTitle.chuan{background-image:url(../images/img35.png)}#app .section.more .content .items .itemTitle.yan{background-image:url(../images/img36.png)}#app .section.more .content .items .itemlist li{margin-bottom:1.25rem}#app .section.more .content .items .itemlist li .img{width:6.25rem;height:3.75rem;border-radius:.3125rem;float:left;overflow:hidden}#app .section.more .content .items .itemlist li .img img{width:100% !important;height:100% !important}#app .section.more .content .items .itemlist li .info{width:11.25rem;float:right}#app .section.more .content .items .itemlist li .info h3{line-height:1.25rem;font-size:.875rem;margin-bottom:.3125rem;margin-top:-0.1875rem;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}#app .section.more .content .items .itemlist li .info .date{line-height:1.125rem;font-size:.75rem;color:#666}#app .section.more .content .items .itemlist li:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.iframebox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;background:rgba(0,0,0,0.5)}.iframebox .wrap{position:absolute;top:50%;left:50%;width:18.75rem;height:80%;transform:translate(-50%, -52%);background-color:#fff;border:1px solid #ddd;box-shadow:3px 3px 5px #000;border-radius:.3125rem;overflow:hidden}.iframebox .wrap .title{height:1.25rem;background-color:#fff;padding:.625rem}.iframebox .wrap .title .text{width:13.75rem;height:1.25rem;line-height:1.25rem;font-size:.875rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;float:left}.iframebox .wrap .title .close{width:2.5rem;line-height:1.125rem;font-size:.75rem;text-align:center;color:#333;border:1px solid #fff;font-family:'FZCUJINLJW','楷体';border-radius:.3125rem;background-color:rgba(255,255,255,0.5);box-shadow:3px 3px 3px #000;float:right}.iframebox .wrap iframe{width:100%;height:100%}