html,body{height:100%;overflow:hidden}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;background-color:#e5e5e5}#app{height:100%;position:relative;overflow:hidden;background-color:#fff}p,h1,h2{margin:0}.hide{display:none!important}@font-face{font-family:manyao;src:url(./manyao-B5l6Ra8e.TTF) format("truetype"),url(./manyao-DNjTNCNc.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:chuangsong;src:url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMo1u2xQAAACsAAAAYGNtYXBokxEgAAABDAAAAVJnbHlmdXu7KgAAAmAAAAUYaGVhZPPYv1EAAAd4AAAANmhoZWEHMwMdAAAHsAAAACRobXR4G1gBHgAAB9QAAAAwbG9jYQgABn4AAAgEAAAAGm1heHAAEAA+AAAIIAAAACBuYW1lM97UMAAACEAAAAK+cG9zdKcgPT4AAAsAAAAAQgAEAkcB9AAFAAACvAKKAAAAjwK8AooAAAHFADIBAwAAAAAAAAAAAAAAAAAAAoMQAAAAAAAAFgAAAABfdHlmAAAAMF50A1P/PgAAA1MAwkACAAHA1gAAAc0CpAAAACAAAAAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAA5XnT/////AAAAMF50///////RoZcAAQABAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAgMEBQYHCAkKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAxAAAC6QMaAAMABwAANxEhEScRIRExArgx/aoAAxr85jECuP1IAAIAGP/zAdwCsAARACAAACU1NCYjIgcGHQEUFjMyNz4CJTQ3NjMyFxYVFAcGIyImAT4gJTQLBB8mGA4JCwn+2ktBV1hASTxAZmGB3uVxYGonQOVtYhQNLVOcrmJUWGSojmJpwwABAEEAAAG6ArAAFwAAJRUhNTI3NjURNCcmIyIHBgc1NzMRFBcWAbr+iVAXEAQJGgsWDCX8ERAVGBgYGhI4AYEgDBkHBA4abf3GNxEWAAAAAAEAEQAAAd4CsAAjAAAlByE1Njc2NzY1NCcmIyIHBgcjNjc2MzIXFhUUBwYPATMyNjcB3i3+YGMuRh8lFCBDHhkrGBwbJUBcQTJGDhpKopdPKhbT0xdqNlI5QzkoIjYNFjdML1EkMmUpJEJHmhk1AAABABD/8gHUArAALwAAEyc2NzYzMhYVFAcGBx4BFRQGIyInJjU0NjMyFjMyNzY1NCcmJzU2NzY1NCYjIgcGOhUbM0FRTFwZECo7P6qDQCkuJRksaBwqGiBnH0M5Gi80Ni0jEQILDDspNUNEMyAUGhZfO2ubFhktFyFiGR8/aDkRFxESEyM7LzghEAAAAAIAEwAAAdsCsAAPABIAACUzFSMVIzUjNTY3Njc2NzMDEQMBnD8/kfgqOjQ6MzRQj9H/b5CQcUNRSE1DQ/5PASb+2gAAAQAW//gB1gKkACEAABMHMhYXFhcWFRQHBiMiJjU0NjMyFjMyNzY1NC4CIxMhB5UWSGMxKRwjSk+FPVIfHyR8HSIcJj9abzphAUIrAiVRFRwXKjVEZ0NHLioYJFcVHTYrSCgTAVl/AAACABz/8wHbArAAFwApAAABFQYHBgc+ATMyFxYVFAcGIyInJjU0NzYTNCcmIyIGBwYHBhUUFjMyNzYB1l48Uh4dHSBFL0EpPHVYPFFseUIQEzIPFQgBAQcfLikMCAKwGhMwQn0MBSg3c0U/XDpOoZVufP4BdS84BQgMBzcQl2wpGwAAAAABABEAAAHdAqQACgAAAQMjEyMiBwYHIzcB3etfyM8gEiIOGSwCpP1cAhsKEzjeAAADABz/8wHYArAADgAtADsAABMUFxYXNjc2NTQnJiMiBjcyFxYVFAcGBxYXFhUUBiMiJyY1NDc2NyYnJjU0NzYDFBYzMjc2NTQnJicOAagmIjoWBwwQFzIjL2JmMycvIThFJiuAa1c6QDIkQEAiKTU8AzEuORULKRhEIxACQi8qJh0dERwpMh4qMU4zJzc4JhsSKTI5Ql1uKi5QSC0gFCQpMjtMMDb97TpQMBorNywaLTQ5AAACABr/8wHZArAAFwAmAAAXNTY3NjcOASMiJyY1NDc2MzIXFhUUBwYDFBYzMj4CNTQmIyIHBh9dO1EjFykcRS9BKTx1WDxRbHlCIzIPHAIIHy4pDAgNGhMvQoAMByg3c0U/XDpOoZVufAH/dWcHDj8Tl2wpGwAAAAACABj/gwPeAzoANQA5AAAlIRMGBwYjIiYnEyEHJzMRFzM1IwYHBgcGBzI3Njc2NxYXFhcPASE3FxUhBxUzNxcVIRczNxclIxUzA97+gAYOCR4YEh0OBv5oEh66cqLMEBApMERFAyk1JzgYFQ1QNipCAapUcv7OEmBUZv7mBrRgbP4Iopym/vIHAwsJDAEODCQBJiq6GBc4MUUrQVRTd28DAxIkGFpaZgwSqFRgDORaZvDkAAABAAAAAQAA27dd/V8PPPUAAAPoAAAAAKxxRkgAAAAA5GU1ZwAQ/4MD3gM6AAAACAACAAAAAAAAAAEAAANT/x4AAAPoAAAACgPeAAEAAAAAAAAAAAAAAAAAAAAMA+gAAAH0ABgB9ABBAfQAEQH0ABAB9AATAfQAFgH0ABwB9AARAfQAHAH0ABoD6AAYAAAAFABGAG4ApgDsAQ4BQgGEAZwB9gIyAowAAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAEADGAAEAAAAAAAAAMgAAAAEAAAAAAAEADQAyAAEAAAAAAAIABwA/AAEAAAAAAAMAJQBGAAEAAAAAAAQADQBrAAEAAAAAAAUACwB4AAEAAAAAAAYADACDAAEAAAAAAAcAHQCPAAMAAQQJAAAAZACsAAMAAQQJAAEAFAEQAAMAAQQJAAIADgEkAAMAAQQJAAMASgEyAAMAAQQJAAQAFAF8AAMAAQQJAAUAFgGQAAMAAQQJAAYAGAGmAAMAAQQJAAcAOgG+Q3JlYXRlayBMdGQsIENyZWF0ZWQgYnkgVGlhbll1YW4gKEMpQ29weXJpZ2h0IDE5OTVSG8KCenvCgGgHW8KLUmVndWxhcnR5Rk9OVFMsIGdlbmVyYXRlZCBieSB0dG0gdmVyc2lvbiAxLjRSG8KCenvCgGgHW8KLdmVyc2lvbiAzLjBDVEJpYW9Tb25nU0p0eUZPTlRTLCBieSBLLlQuTEFJLCBDLlkuUEVORwBDAHIAZQBhAHQAZQBrACAATAB0AGQALAAgAEMAcgBlAGEAdABlAGQAIABiAHkAIABUAGkAYQBuAFkAdQBhAG4AIAAoAEMAKQBDAG8AcAB5AHIAaQBnAGgAdAAgADEAOQA5ADUAUgAbAIIAegB7AIAAaAAHAFsAiwBSAGUAZwB1AGwAYQByAHQAeQBGAE8ATgBUAFMALAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAdAB0AG0AIAB2AGUAcgBzAGkAbwBuACAAMQAuADQAUgAbAIIAegB7AIAAaAAHAFsAiwB2AGUAcgBzAGkAbwBuACAAMwAuADAAQwBUAEIAaQBhAG8AUwBvAG4AZwBTAEoAdAB5AEYATwBOAFQAUwAsACAAYgB5ACAASwAuAFQALgBMAEEASQAsACAAQwAuAFkALgBQAEUATgBHAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAMAAAAEwAUABUAFgAXABgAGQAaABsAHAECB3VuaTVFNzQAAA==) format("truetype"),url(data:font/woff;base64,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) format("woff");font-weight:400;font-style:normal}@font-face{font-family:laosong;src:url(./laosong--FB5rFSg.TTF) format("truetype"),url(./laosong-JPXCE4Xu.woff) format("woff");font-weight:400;font-style:normal}.turnbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:90;background-color:#000}.turnbox.active{display:block}.turnbox .inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.turnbox .inner p{margin-top:10px;font-size:14px;color:#fff}.turnbox .inner .icon{display:inline-block;width:60px;height:110px;background:transparent url(../img/icon-lock2.png) no-repeat left top;background-size:100% auto}.turnbox .inner .icon img{width:100%;vertical-align:top}.turnbox.active .inner .icon img{-webkit-animation:loophide 3s infinite;animation:loophide 3s infinite}@keyframes loophide{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes loophide{0%{opacity:0}50%{opacity:1}to{opacity:0}}.bgmwrap{position:fixed;right:20px;top:20px;width:30px;height:30px;z-index:51;visibility:hidden}.bgmwrap.active{visibility:visible}.bgmwrap .icon{display:inline-block;width:100%;height:100%;overflow:hidden;background:#00000080 url(../img/icon-play.png) right 0 no-repeat;background-size:auto 100%;vertical-align:top;cursor:pointer;border-radius:50%;border:1px solid #fff}.bgmwrap .icon-mute{background-position:0 0}.loading{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading .inner{transform:rotate(90deg);display:flex;flex-direction:column;justify-content:center;align-items:center}.loading .icon{background:transparent url(../img/icon-loading2.png) no-repeat left top;background-size:100% auto;text-align:center;width:70px;height:132px;position:relative}.loading .icon span{background:transparent url(../img/icon-loading.png) no-repeat left bottom;background-size:100% auto;position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:1}.loading .btnbar{opacity:0;margin-top:0}.loading .btnbar.active{opacity:1;transition:opacity 1s}.loading .btnbar .btn{padding:10px 40px}.cover{position:fixed;width:100%;height:100vh;left:0;top:0;z-index:50;overflow:hidden;background:transparent url(../img/bgc.jpg) no-repeat center center;background-size:cover}.cover.fadeouter{opacity:0;display:none;transition:opacity .5s}.bgc0{width:100%;height:100%;object-fit:cover}.cover.active .bgc0{opacity:0;transition:opacity 2s .6s}.yinyan{position:absolute;width:100%;height:100%;left:0;top:0;z-index:9;background-color:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:translate(-100%);overflow:hidden}.yinyan.active{opacity:1;transform:translate(0);transition:opacity 1s}.yinyan .inner{width:90vh;transform:rotate(90deg)}.yinyan .texts{min-height:3em;text-align:center;box-sizing:border-box;font-size:26px;color:#fff;font-family:manyao,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif}.btnbar{margin-top:20px;text-align:center}.btn{display:inline-block;cursor:pointer;font-size:14px;box-sizing:border-box;line-height:1em;color:#fff;background-color:#0000004d;padding:6px 10px;border:1px solid #fff;text-align:center}.btn img{width:30px;vertical-align:top}.btn-placehold{visibility:hidden}.btn-back{background-color:transparent;padding:0;box-sizing:border-box}.yinyan .btnbar{opacity:0}.yinyan .btnbar.active{opacity:1;transition:opacity 1s}.yinyan .btn{padding:10px 40px}.bottombar{position:absolute;right:4%;left:4%;width:92%;bottom:40px;z-index:10;display:flex;justify-content:space-between;align-items:flex-end}.bottombar .btn{transform:rotate(90deg);width:30px;height:30px;border-radius:30px;border:1px solid #fff}.bottombar .btn-back{background:#00000080 url(../img/btn-back.png) no-repeat 0 0;background-size:100%}.bottombar .btn-next{background:#00000080 url(../img/btn-back.png) no-repeat 0 0;background-size:100%;transform:rotate(-90deg)}.cover .bottombar{z-index:4}.cover .ct{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.cover .ct span{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;opacity:0;transform:translate(-20px)}.cover.active .ct span{opacity:1;transform:translate(0);transition:transform 1s,opacity 1s}.cover .ct span:nth-child(1){background:transparent url(../img/ct1.png) no-repeat center center;background-size:cover}.cover .ct span:nth-child(2){background:transparent url(../img/ct2.png) no-repeat center center;background-size:cover}.cover.active .ct span:nth-child(2){transition-delay:.6s}.cover .logo{position:absolute;width:40px;right:15px;bottom:15px}.videobox{background-color:#000;position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.videobox video{height:100%}.btn-skip{position:absolute;right:10px;bottom:30px;opacity:.6;z-index:8;line-height:1em;text-align:center;background-color:#0006;color:#fff;font-size:12px;padding:8px 16px;border:1px solid #fff;cursor:pointer;transform:rotate(90deg)}.page{background:transparent url(../img/bg.jpg) no-repeat left top;background-size:cover;position:absolute;z-index:1;box-sizing:border-box;color:#000;height:100vh;width:100%;flex-direction:column;display:flex;opacity:0;transform:translate(-100%);overflow:hidden}.page.active{opacity:1;transform:translate(0);transition:opacity 1s}.page>h2{position:absolute;right:15px;top:50px}.page>h2 span{display:inline-block;transform:rotate(90deg)}.tlcanvas{height:100%}.tlcanvas canvas{width:100%;height:100%;object-fit:cover}.coverpage{background-color:#eee}.coverpage .inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.coverpage .ct{font-size:48px;font-weight:700;transform:rotate(90deg) translateY(10px);opacity:0}.coverpage.active .ct{opacity:1;transform:rotate(90deg) translateY(0);transition:transform 1s,opacity 1s}.coverpage .ct img{width:88%;vertical-align:top}.cpwrap{position:relative;width:100%;height:100vh;background-color:transparent;background-repeat:no-repeat;background-position:left top;background-size:cover;box-sizing:border-box}.cpwrap .beforeimg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:left top;background-size:cover;box-sizing:border-box;clip:rect(0,0,100vh,0)}.cpwrap>.infob,.cpwrap .infoa{position:absolute;z-index:1;transform:translate(-50%);font-size:32px;text-align:center;color:#fff;font-family:manyao,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif}.cpwrap>.infob{bottom:0;left:calc(50% - 60px)}.cpwrap .infoa{top:0;left:calc(50% + 60px)}.cpwrap>.infob em,.cpwrap .infoa em{display:inline-block;padding:5px 10px 0;font-style:normal;transform:rotate(90deg)}.cpwrap>.infob em{transform-origin:right bottom;background-color:#2b7e8e}.cpwrap .infoa em{transform-origin:left top;background-color:#ab5234}.active .cpwrap .beforeimg{transition:clip 1s}.cpwrap input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;left:100%;top:0;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:left top;background:transparent;z-index:5;cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.cpwrap input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:transparent none;height:100px;width:100px;box-shadow:none}.cpwrap .icon-handle{position:absolute;width:0px;height:0px;left:50%;top:0;z-index:5}.cpwrap .icon-handle:before{display:inline-block;content:" ";width:60px;height:40px;margin-left:-30px;margin-top:-20px;background:transparent url(../img/icon-handle.png) no-repeat 0 center;background-size:100% auto}.active .cpwrap .icon-handle{transition:top 1s}.compare1 .bottombar{z-index:10}.btn-resetc1{background-color:#0009;color:#fff;border-radius:20px;position:absolute;left:-12px;bottom:130px;z-index:6;transform:rotate(90deg);box-sizing:border-box;border:1px solid #fff;padding:5px 10px;word-wrap:normal;word-break:keep-all;font-size:14px;opacity:1;pointer-events:auto}.btn-resetc1.ani-hide{pointer-events:none;opacity:0;transition:opacity .3s}.compare2{background-color:#eee}.compare2 .inner{position:relative;width:100%;height:100%}.compare2 .inner>img{width:100%;height:100%;object-fit:cover}.compare2 .inner>img.active{display:block}.compare2 .imginfo{position:absolute;width:80px;height:100vh;left:0;top:0;z-index:1}.compare2 .imginfo div{height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.compare2 .imginfo div p{color:#fff;width:50vh;min-height:80px;transform:rotate(90deg)}.compare2 .imginfo div p img{width:100%;vertical-align:top}.compare2 .imginfo div:nth-child(1){background-color:#ab5234;border-top:4px solid #fff;border-bottom:2px solid #fff}.compare2 .imginfo div:nth-child(2){background-color:#2b7e8e;border-top:2px solid #fff;border-bottom:4px solid #fff}.scrollwrap{overflow-y:auto;position:relative}.tips-scroll{background:transparent url(../img/tips-swipe.png) no-repeat left top;background-size:100% auto;position:fixed;width:50px;height:50px;left:48%;top:48%;animation:loopMoveX 1s infinite linear}@-webkit-keyframes loopMoveX{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-10px)}to{-webkit-transform:translateY(0)}}@keyframes loopMoveX{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.compare3 .scrollwrap .inner{height:162vh;text-align:center;padding-bottom:30px;box-sizing:border-box}.compare3 .scrollwrap .inner .cimg{margin-left:2%;padding-top:30px;box-sizing:border-box;width:96%;height:33%;position:relative;font-size:14px;opacity:0;transform:translateY(20px)}.compare3 .scrollwrap .cimg:nth-child(1){transform:rotate(-1deg) translateY(20px)}.compare3 .scrollwrap .cimg:nth-child(3){transform:rotate(1deg) translateY(20px)}.compare3.active .scrollwrap .inner .cimg{opacity:1;transition:transform 1s,opacity 1s}.compare3.active .scrollwrap .cimg:nth-child(1){transform:rotate(-1deg) translateY(0)}.compare3.active .scrollwrap .cimg:nth-child(2){transition-delay:.3s;transform:translateY(0)}.compare3.active .scrollwrap .cimg:nth-child(3){transition-delay:.6s;transform:rotate(1deg) translateY(0)}.compare3 .scrollwrap .cimg img{width:90%;vertical-align:top}.compare3 .scrollwrap .cimg p{position:absolute;width:100%;height:10vh;left:-70%;top:20%;z-index:1;transform:rotate(90deg);text-align:left}.renpage .ritem{position:absolute;width:100%;opacity:0;transform:scale(1);transition:transform 1s,top 1s,opacity 1s}.renpage.active .ritem{opacity:1}.renpage.active .ritem:nth-child(2){transition-delay:.3s}.renpage.active .ritem:nth-child(3){transition-delay:.6s}.renpage .ritem.active{z-index:21!important;transform-origin:10% center}.renpage .ritem:nth-child(1){left:0;top:10vh;height:30vh;background:transparent url(../img/r1.png) no-repeat left top;background-size:75% auto;z-index:1}.renpage .ritem:nth-child(2){left:0;top:30vh;height:40vh;background:transparent url(../img/r2.png) no-repeat left top;background-size:86% auto;z-index:2}.renpage .ritem:nth-child(3){left:0;top:60vh;height:36vh;background:transparent url(../img/r3.png) no-repeat left top;background-size:70% auto;z-index:1}.renpage .ritem.active:nth-child(1){transform:scale(1.3) translateY(-5%)}.renpage .ritem.active:nth-child(2){top:8vh;transform:scale(1.1)}.renpage .ritem.active:nth-child(3){top:4vh;transform:scale(1.4)}.renpage .ritem:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;opacity:0;transform:translate(-10%)}.renpage.active .ritem:before{opacity:1;transform:translate(0);transition:transform 1s .6s,opacity 1s .6s}.renpage.active .ritem.active:before{transform:scale(.9) translate(10%);transition:transform .3s}.renpage.active .ritem:nth-child(2):before{transition-delay:.9s}.renpage.active .ritem:nth-child(3):before{transition-delay:1.2s}.renpage .ritem:nth-child(1):before{background:transparent url(../img/r1b.png) no-repeat 20% top;background-size:30% auto}.renpage .ritem:nth-child(2):before{background:transparent url(../img/r2b.png) no-repeat 20% 60%;background-size:30% auto}.renpage .ritem:nth-child(3):before{background:transparent url(../img/r3b.png) no-repeat 20% 70%;background-size:30% auto}.renpage .renwords{position:absolute;width:100%;height:100vh;left:0;top:0;background-color:#0009;display:flex;justify-content:center;align-items:flex-end;z-index:1;transform:translate(-100%)}.renpage .renwords.active{z-index:20;transform:translate(0)}.renpage .renwords .textwrap{box-sizing:border-box;padding:15px;border:4px solid #fff;background-color:#ffffffe6;transform:rotate(90deg);transform-origin:60% 36%;margin-bottom:10%;opacity:0}.renpage .renwords.active .textwrap{opacity:1;transition:opacity 1s 1s}.renpage .renwords .textwrap:before{top:6%;content:" ";display:block;height:0px;left:-24px;position:absolute;border-color:transparent #fff transparent transparent;border-style:solid;border-width:10px}.renpage .renwords p{text-align:justify}.renpage .renwords .audiotext{width:90vw;height:30vh;overflow-y:auto;font-family:laosong,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-size:15px}.renpage .renwords .time{text-align:right;font-size:12px;padding-top:6px}.textwrap .btn-close{position:absolute;width:30px;min-height:30px;left:50%;margin-left:-15px;bottom:-15px;z-index:20;background:#000000b3 url(../img/btn-close.png) no-repeat left top;background-size:100% auto;border-radius:15px}.v2page{background-color:#000;background-image:none}.v2page .inner{width:100%;height:100%}.v2page .inner video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:100vh;height:100vw;object-fit:contain}.bgbc{background:transparent url(../img/bg.jpg) no-repeat left top;background-size:cover;box-sizing:border-box;padding:20px;display:flex;justify-content:center;align-items:center}.bgbc .btn-back img{width:30px}.maker{width:64%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.maker img{vertical-align:top}.maker .signlogo{width:60px;margin-left:20px}.maker .signtext{width:100%;margin-bottom:20px}.maker .tips{margin-top:6px;font-size:12px}.popup{position:fixed;width:100%;height:100%;left:0;top:0;z-index:100;background:transparent url(../img/bg.jpg) no-repeat left top;background-size:cover;opacity:0;transform:translate(-100%);transition:opacity .6s;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;padding:20px}.popup.active{opacity:1;transform:translate(0)}.popup .inner{height:100%;overflow-x:hidden;overflow-y:auto}.popup .ititle{width:100%;margin-bottom:20px}.popup .ititle h2 img{width:100%;vertical-align:top}.tlwrap{border-width:0 2px;border-style:solid;box-sizing:border-box;padding:0 5%}.popup .icover{height:28vh;margin-bottom:40px;padding-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.popup .icover .wrap{width:28vh;height:calc(90vw - 40px);transform:rotate(90deg)}.popup .icover h3{font-size:68px;margin:0;font-family:chuangsong,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight:400}.popup .icover h3 span{font-size:20px}.popup .icover p{font-size:14px;text-align:justify;font-weight:700}.tlc0 .icover h3{color:#ad2e1c}.tlc1 .icover h3{color:#005b49}.tlc2 .icover h3{color:#8b498c}.tlc3 .icover h3{color:#104775}.tlc4 .icover h3{color:#2b7e8e}.popup .short{height:22vh}.popup .short .wrap{width:22vh}.popup .item{position:relative;margin-bottom:40px;opacity:1}.popup .item:last-child{margin-bottom:0}.popup .item img{width:100%;vertical-align:top}.citem{opacity:1}