article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,iframe,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea{font-size:12px;line-height:1.5;font-family:system,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Microsoft YaHei,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}fieldset,img{border:0}img{max-width:100%;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{outline:0;padding:0;margin:0;border:none;background:transparent;-webkit-appearance:none}textarea{resize:none;overflow:auto}a{color:inherit}a:active,a:hover,a:link,a:visited{text-decoration:none}em,i{font-style:normal}ol,ul{list-style:none}.clearfix:after{content:"";display:block;clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.text-center{text-align:center}.text-right{text-align:right}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-5{margin-top:5px}.mr-5{margin-right:5px}.mb-5{margin-bottom:5px}.ml-5{margin-left:5px}.pt-5{padding-top:5px}.pr-5{padding-right:5px}.pb-5{padding-bottom:5px}.pl-5{padding-left:5px}.mt-10{margin-top:10px}.mr-10{margin-right:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.pt-10{padding-top:10px}.pr-10{padding-right:10px}.pb-10{padding-bottom:10px}.pl-10{padding-left:10px}.mt-15{margin-top:15px}.mr-15{margin-right:15px}.mb-15{margin-bottom:15px}.ml-15{margin-left:15px}.pt-15{padding-top:15px}.pr-15{padding-right:15px}.pb-15{padding-bottom:15px}.pl-15{padding-left:15px}.mt-20{margin-top:20px}.mr-20{margin-right:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.pt-20{padding-top:20px}.pr-20{padding-right:20px}.pb-20{padding-bottom:20px}.pl-20{padding-left:20px}@media screen and (min-width:750px){html{font-size:100px}}.janatube-ios-pc-ios-wrapper{width:100%;height:1080px;background:url(/public/img/bg-header.95fe8d01.png) no-repeat;background-size:cover;position:relative}.janatube-ios-pc-ios-wrapper .header{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 242px 0 168px}.janatube-ios-pc-ios-wrapper .header .header-left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;color:#fff;width:601px;margin-right:166px;animation:myLeftMove 1.5s forwards;-webkit-animation:myLeftMove 1.5s forwards}.janatube-ios-pc-ios-wrapper .header .header-left .title{font-size:68px;color:#1d1e24;line-height:85px;padding-top:326px;width:100%}.janatube-ios-pc-ios-wrapper .header .header-left .msg{padding:38px 0 52px;font-size:28px;color:#6d6d6f;line-height:44px;width:100%}.janatube-ios-pc-ios-wrapper .header .header-left .btn-box{width:436px;height:98px;cursor:pointer;border-radius:100px;background:#05d7ca;font-size:32px;font-weight:500;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.janatube-ios-pc-ios-wrapper .header .header-right{width:691px;height:856px;margin-top:69px;animation:mymove 1.5s forwards;-webkit-animation:mymove 1.5s forwards}.janatube-ios-pc-ios-wrapper .bottom-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:100%;position:absolute;bottom:10px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:22px;font-weight:400;color:#7c7c7c;line-height:25px;padding-bottom:12px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row .info{text-decoration:underline;padding:0 17px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row .info-text .link{color:#285ece}@media screen and (max-width:1600px){.janatube-ios-pc-ios-wrapper{height:100vh}.janatube-ios-pc-ios-wrapper .header{padding:0 105px}.janatube-ios-pc-ios-wrapper .header .header-left{width:608px}.janatube-ios-pc-ios-wrapper .header .header-left .title{width:608px;font-size:57px;font-weight:700;line-height:72px;padding-top:302px}.janatube-ios-pc-ios-wrapper .header .header-left .msg{padding:32px 0 43px;font-size:23px;line-height:37px}.janatube-ios-pc-ios-wrapper .header .header-left .btn-box{width:363px;height:82px;font-size:27px;font-weight:500;line-height:27px}.janatube-ios-pc-ios-wrapper .header .header-right{width:576px;height:721px;margin-top:57px}.janatube-ios-pc-ios-wrapper .bottom-box{bottom:28px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row{font-size:20px;font-weight:400;line-height:23px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row .info{text-decoration:underline;padding:0 21px}}@media screen and (max-width:1440px){.janatube-ios-pc-ios-wrapper{height:100vh}.janatube-ios-pc-ios-wrapper .header{padding:0 95px}.janatube-ios-pc-ios-wrapper .header .header-left{width:548px;margin-right:90px}.janatube-ios-pc-ios-wrapper .header .header-left .title{width:548px;font-size:51px;line-height:65px;padding-top:272px}.janatube-ios-pc-ios-wrapper .header .header-left .msg{padding:29px 0 39px;width:489px;font-size:21px;line-height:33px}.janatube-ios-pc-ios-wrapper .header .header-left .btn-box{width:327px;height:74px;font-size:24px;font-weight:500;line-height:24px}.janatube-ios-pc-ios-wrapper .header .header-right{width:518px;height:649px;margin-top:52px}.janatube-ios-pc-ios-wrapper .bottom-box{bottom:25px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row{font-size:18px;font-weight:400;line-height:21px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row .info{text-decoration:underline;padding:0 18px}}@media screen and (max-width:1366px){.janatube-ios-pc-ios-wrapper{height:100vh;min-height:768px}.janatube-ios-pc-ios-wrapper .header{padding:0 90px}.janatube-ios-pc-ios-wrapper .header .header-left{width:519px;margin-right:30px}.janatube-ios-pc-ios-wrapper .header .header-left .title{font-size:48px;line-height:61px;padding-top:258px}.janatube-ios-pc-ios-wrapper .header .header-left .msg{padding:27px 0 37px;font-size:20px;line-height:31px}.janatube-ios-pc-ios-wrapper .header .header-left .btn-box{width:310px;height:70px;font-size:23px;font-weight:500;line-height:23px}.janatube-ios-pc-ios-wrapper .header .header-right{width:492px;height:615px;margin-top:49px}.janatube-ios-pc-ios-wrapper .bottom-box{bottom:23px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row{font-size:17px;font-weight:400;line-height:20px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row .info{text-decoration:underline;padding:0 16px}}@media screen and (max-width:1024px){.janatube-ios-pc-ios-wrapper{min-height:576px;height:100vh}.janatube-ios-pc-ios-wrapper .header{padding:0 67px}.janatube-ios-pc-ios-wrapper .header .header-left{width:389px;margin-right:22px}.janatube-ios-pc-ios-wrapper .header .header-left .title{font-size:36px;line-height:46px;padding-top:193px}.janatube-ios-pc-ios-wrapper .header .header-left .msg{padding:20px 0 28px;font-size:15px;line-height:23px}.janatube-ios-pc-ios-wrapper .header .header-left .btn-box{width:233px;height:52px;font-size:17px;line-height:17px}.janatube-ios-pc-ios-wrapper .header .header-right{width:369px;height:461px;margin-top:37px}.janatube-ios-pc-ios-wrapper .bottom-box{bottom:18px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row{font-size:13px;font-weight:400;line-height:15px}.janatube-ios-pc-ios-wrapper .bottom-box .bottom-row .info{text-decoration:underline;padding:0 14px}}@-webkit-keyframes mymove{0%{-webkit-transform:translateX(260px);transform:translateX(260px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes mymove{0%{-webkit-transform:translateX(260px);transform:translateX(260px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes myLeftMove{0%{-webkit-transform:translateX(-260px);transform:translateX(-260px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes myLeftMove{0%{-webkit-transform:translateX(-260px);transform:translateX(-260px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}