@charset "utf-8";*{box-sizing:border-box}body,html{margin:0;padding:0}a,abbr,acronym,address,blockquote,button,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,img,label,legend,li,ol,p,pre,q,s,samp,small,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;font-weight:400;font-style:normal;font-size:100%;line-height:1}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}blockquote:after,blockquote:before,q:after,q:before{content:""}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{background:transparent}a:active,a:focus,a:hover{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button,select{text-transform:none}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top;resize:none}*,:after,:before{box-sizing:border-box}body{font-family:Roboto,STHeiti Light,Hiragino Sans GB,lucida grande,丽黑Pro,Helvetica Neue,Microsoft JhengHei,微軟正黑體,Helvetica,arial,tahoma,verdana,宋体,simsun;unicode-bidi:embed}input,label{vertical-align:baseline}input::-moz-focus-inner{border:0 none}ol,ul{list-style:none outside none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}:focus{outline:0 none}ins{text-decoration:none}del{text-decoration:line-through}a{text-decoration:none;color:#4a4a4a}.clearfix{display:inline-block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}html .clearfix{height:1%}.clearfix{display:block;*zoom:1}body,html{font-size:10px}#app,#app>div,body,html{height:100%}.mainLayout{height:100%;overflow:hidden;background:#000}.mainLayout p{font-size:15px;color:#fff;line-height:1.6em}input[type=text]{width:auto;background:#fff;border:none;border-bottom:1px solid #e0e0e0;padding:10px;font-size:1.4rem}input[type=text]:focus{border-color:#9a9a9a}input[type=password]{width:auto;background:#fff;border:none;border-bottom:1px solid #e0e0e0;padding:10px;font-size:1.4rem}input[type=password]:focus{border-color:#9a9a9a}.button_red{background:#b50c0c;color:#fff;border-radius:8px;font-size:1.4rem}.btn_w,.button_red{text-decoration:none;text-align:center;padding:10px 30px;display:block}.btn_w{background:#fff;color:#b50c0c;border-radius:50px;font-size:17px;width:100%;max-width:90%;line-height:1.6em;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.3)}.icon_back{width:12px;background-image:url(../img/icon_back.01426547.svg)}.icon_back,.icon_map{height:20px;display:block;background-position:50%;background-repeat:no-repeat;margin-right:10px}.icon_map{width:20px;background-image:url(../img/icon_map.87219362.svg)}.cookieWrap{z-index:10;position:fixed;top:0;left:0;right:0;width:100%;background:hsla(0,0%,100%,.9)}.cookieBox{position:relative;padding:10px}.cookieBox .cookieTitle{font-size:15px;color:#666}.cookieBox p{font-size:13px;color:#666}.cookieBox .close{position:absolute;top:10px;right:10px}.main{display:flex;height:100%;background:#b50c0c;width:100%;flex-flow:column;text-align:left}.main.ex{background:#000;overflow:hidden}.mainBox{position:relative;display:flex;width:100%;max-width:960px;margin:0 auto;height:100%;justify-content:flex-start;align-items:center;flex-flow:column;background-image:url(../img/img_bg.be76b648.svg);background-position:100% 100%}.logo,.mainBox{background-repeat:no-repeat}.logo{width:58px;height:65px;background-image:url(../img/img_logo.f76bbed5.svg);background-position:50%;margin-top:70px;margin-bottom:60px}p.welcome{font-size:30px;color:#fff;font-weight:200}.main .btn_w{bottom:calc(84px + 5vh)}.main .btn_w,.mainBox .subText{position:fixed;left:5%;right:5%}.mainBox .subText{bottom:3vh;font-size:1.3rem}.web_mainBox{position:relative;display:flex;width:100%;margin:0 auto;height:100%;justify-content:flex-start;align-items:center;flex-flow:column;background-image:url(../img/img_bg.be76b648.svg);background-position:100% 100%;background-repeat:no-repeat}.web_mainBox .btn_w{left:30%;right:30%;width:40%}.clientBox{position:relative}.clientBox h1.logo{position:absolute;top:15px;left:15px;margin:0;width:50px;height:50px;background-size:contain}.clientLogo{margin-bottom:20px;margin-top:90px}.clientLogo img{width:100%}.slogan{font-size:2rem;text-align:center;line-height:1.3em;margin-top:-20px;margin-bottom:8px;letter-spacing:4px}.sloganSub{margin-bottom:20px;font-size:1.2rem;letter-spacing:2px}.sloganList{max-width:450px;margin:0 auto;width:80%}.sloganList li{list-style:disc;color:#fff;font-size:1.3rem;line-height:1.6em;margin-bottom:12px}.sloganList li h3{font-size:1.5rem;margin-bottom:4px}.hightLight{margin:20px 0;font-size:1.8rem}.mail a{color:#fff}.sloganfooter{color:#fff;text-align:center;margin-top:20px;font-size:1.2rem}.lead{padding:20px;margin-bottom:50px}.btn_w.backMain{bottom:20px}.page{height:calc(100vh - 52px);width:100%;margin-top:52px;padding:16px}.main .header{background:#b50c0c}.main.ex .header{background:#000}.header{position:fixed;top:0;left:0;right:0;width:100%;padding:16px 20px;margin:0 auto;max-width:960px;display:flex;justify-content:space-between;align-items:center;z-index:10}.header a.backBtn,.header a.toggleModeBtn{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.header a.backBtn,.header a.headerBtn,.header a.toggleModeBtn{color:#fff;font-size:15px;text-decoration:none;font-weight:700}.header a.headerBtn{flex-flow:column-reverse}.header a.navRightBtn{color:#fff;font-size:15px;text-decoration:none;font-weight:700;display:flex;justify-content:flex-start;align-items:center}.title{font-size:30px;font-weight:700;color:#fff;margin-bottom:40px}h2.reg{font-size:20px}h2.reg,p{color:#fff;line-height:1.6em}p{font-size:15px}.selectItem{display:flex;flex-flow:column;justify-content:center;align-items:center}.selectItem a{color:#fff;line-height:1.6em;margin-bottom:20px;font-size:20px;padding:10px 30px}input.name{border-width:0 0 1px 0;background:none;width:100%;color:#fff;font-size:17px}input.name,input.name:focus{border-color:#fff}.hi{font-size:30px;font-weight:200;line-height:1.6em;color:#fff}.userName{font-size:40px;font-weight:300;margin-bottom:40px;color:#fff}.footerMenu{position:fixed;z-index:50;bottom:0;left:0;right:0;background:#1d1d1d;width:100%;justify-content:space-around}.footerMenu,.footerMenu a{display:flex;align-items:center}.footerMenu a{color:#fff;justify-content:center;flex-direction:column;width:33.333%;padding:16px 0}.icon_scan,.icon_setting,.icon_user{width:30px;height:30px}.menuItem{text-align:center;font-size:14px;margin-top:8px}.exBox{position:relative;display:flex;width:100%;max-width:960px;margin:60px auto 0;height:100%;justify-content:flex-start;flex-flow:column;overflow:auto}.exBox .exTitle{font-size:28px}.exBox .exCom,.exBox .exTitle{text-align:left;padding:0 16px;color:#fff;line-height:1.6em}.exBox .exCom{font-size:18px;margin-bottom:10px}.ex .exView img{width:100%}.exInfo{padding:16px 16px 90px;color:#fff}.ex .btn_w{position:fixed;bottom:40px}.followWrap{overflow:hidden;height:100%;width:100%}.followBox{position:relative;display:flex;width:100%;max-width:960px;margin:52px auto 0;justify-content:flex-start;flex-flow:column;overflow:auto;background:#000}.subText{padding:8px 24px;font-size:14px;line-height:1.6em;color:#fff}.inputArea{padding:10px 38px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.exNum{padding:0 50px;text-align:center;font-size:11vh;font-weight:100;color:#fff;height:13vh}.inputLine{display:flex;justify-content:center;align-items:center}.inputLine .inputBtn{width:8vh;height:8vh;border-radius:200px;text-align:center;background:#2d2d2d;color:#fff;font-size:5vh;line-height:8vh;margin:6px 12px}.inputLine .inputBtn:active{background:#424242}.inputLine .inputBtn.confirm{background:#b80000;font-size:2vh}.playBoxBottom{position:fixed;bottom:0;right:0;left:0;z-index:10;width:100%;height:64px;background:#f8f8f8;display:block}.playBoxBottom a{display:flex;justify-content:flex-start;align-items:center;padding:0 20px;height:64px}.playBoxBottom a .playcover{width:48px;height:48px;border-radius:6px;box-shadow:0 3px 5px rgba(0,0,0,.3);margin-right:20px;overflow:hidden;display:flex;justify-content:center;align-items:center}.playBoxBottom a .playcover img{width:auto;height:100%}.playBoxBottom a .playtitle{width:calc(100vw - 148px);color:#000;font-size:17px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playBoxBottom a .playstatus{width:20px;height:20px;margin-left:20px}.followPlayWrap{position:fixed;top:100vh;left:0;right:0;height:calc(100vh - 7%);display:flex;background:#fff;border-top-left-radius:8px;border-top-right-radius:8px;z-index:99;flex-direction:column}.followPlayWrap.active{top:7%;-webkit-animation:move .5s;animation:move .5s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.followPlayWrap.inactive{-webkit-animation:remove .5s;animation:remove .5s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.scanBox{width:100%;height:100vh;position:relative;background:#fff}.scanTopBox{top:0;height:20vh}.scanBottomBox,.scanTopBox{position:absolute;width:100%;background:rgba(0,0,0,.5);z-index:1}.scanBottomBox{bottom:0;height:45vh}.scanTitie{position:absolute;top:12vh;width:100%;text-align:center;color:#fff;font-size:18px;z-index:1}.scanLineBox{height:100%;z-index:5}.scanLineBoxBorder{position:absolute;top:18vh;width:40vh;height:40vh;left:calc(50vw - 20vh);background:url(../img/scan_area.2c57507a.svg) 50% no-repeat;background-size:cover;z-index:10}.qrscanner{width:100vw;height:100vh;overflow:hidden}.contentList ul li{margin:10px 0}.contentList ul li a{padding:0 20px;display:block}.contentList .listBox{display:flex;justify-content:center;align-items:flex-start}.contentList .listBox .picBox{width:120px}.contentList .listBox .picBox .pic{width:100%;height:100px;overflow:hidden;display:flex;justify-content:center;align-items:center}.contentList .listBox .picBox .pic img{height:100%}.contentList .listBox .textBox{width:100%;padding-left:20px}.contentList .listBox .textBox .titie{font-size:18px;color:#fff;max-height:3.9em;line-height:1.3em;overflow:hidden;word-break:break-all}.contentList .listBox .textBox .subtitle{max-height:2.6em;line-height:1.3em;font-size:10px;overflow:hidden}@-webkit-keyframes remove{0%{top:7%}to{top:100vh}}@keyframes remove{0%{top:7%}to{top:100vh}}@-webkit-keyframes move{0%{top:100vh}to{top:7%}}@keyframes move{0%{top:100vh}to{top:7%}}.followPlayWrap .close{display:flex;justify-content:center;align-items:center;height:32px;width:100%}.downarrow,.followPlayWrap .close{background:url(../img/icon_down_arrow.e99da36a.svg) 50% no-repeat}.downarrow{width:36px;height:17px}.contentBox{width:100%;height:calc(100vh - 92px);overflow-y:auto}.contentBoxInner{padding:10px 30px 100px;text-align:center}.contentBox .contentCover{display:flex;justify-content:center;align-items:center;max-width:375px;margin:0 auto 20px}.contentBox .contentCover img{width:100%}.contentTimeLine{margin-bottom:20px}.contentBox .contentExTitle{font-size:20px;font-weight:500;text-align:center;line-height:1.3em}.contentBox .contentExName{font-size:24px;font-weight:300;text-align:center;line-height:1.3em;color:#f52f5a;margin-bottom:20px}.contentBox .contentTextBox{font-size:16px;font-weight:300;line-height:1.6em;text-align:left}.contentPlayBox{margin-bottom:20px;display:flex;justify-content:center;align-items:center;text-align:center;width:100%}.btn_pause{background:url(../img/pause.73e02052.svg) 50% no-repeat}.btn_pause,.btn_play{width:36px;height:36px;display:inline-block}.btn_play{background:url(../img/play.a2c838c6.svg) 50% no-repeat}.tracingBox{position:relative;display:flex;width:100%;max-width:960px;margin:60px auto 0;height:100%;justify-content:flex-start;flex-flow:column;overflow:auto}.tracingBox .title{padding:8px 24px;font-size:18px;line-height:1.6em;color:#fff}.userMain{background:#000}.userInfoBox{margin:10px auto 0}.userInfoBox,.userInfoWrap{position:relative;display:flex;width:100%;max-width:960px;justify-content:flex-start;flex-flow:column}.userInfoWrap{margin:60px auto 0;height:100%;overflow:auto}.userInfoBox .user_title{padding:4px 24px;font-size:16px;line-height:1.6em;color:#666}.userInfoBox .user_con{padding:4px 24px;font-size:18px;line-height:1.6em;color:#d5d5d5}.exListBox{margin-bottom:8px;padding:24px 24px 4px}.exListBox img{width:100%}.exPic{margin-bottom:4px}.exName{font-size:18px;color:#fff;padding:10px 0}.settingBox{position:relative;display:flex;width:100%;max-width:960px;margin:60px auto 0;height:100%;justify-content:flex-start;flex-flow:column;overflow:auto}.settingBox .title{padding:8px 24px;font-size:18px;line-height:1.6em;color:#fff;margin-bottom:0}.settingBox .itemList{padding:12px 24px;border-bottom:1px solid #333;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;width:100%;color:#fff}.itemIcon{width:25px;height:25px;margin-right:12px}.itemText{color:#fff;font-size:16px}.selectTitile{font-size:20px;color:#fff;text-align:left;width:100%}.selectOption,.selectTitile{margin-bottom:8px}.form-control{display:block;width:100%;padding:8px 12px;font-size:18px;line-height:2em;color:#fff;vertical-align:middle;background-color:#b50c0c;background-image:none;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:4px}.overlay{background-color:rgba(0,0,0,.5);z-index:60}.alertBox,.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0}.alertBox{display:flex;justify-content:center;align-items:center;z-index:65}.alertPop{background:#fff;border-radius:8px;padding:20px;font-size:16px;line-height:1.6em;text-align:center;width:90%}.termLayout .container{max-width:960px;width:100%;margin:0 auto 50px;padding:10px 20px}.termsTitle{font-size:17px;margin-bottom:20px}.termsBox{border-bottom:1px solid #000;margin-bottom:20px}.termsBox p{font-size:13px;line-height:1.5em;margin-bottom:1em;color:#000}.termsBox ul{margin:0 0 0 15px}.termsBox ul li{font-size:13px;line-height:1.5em;list-style:decimal}.termsTitleSub{font-size:14px;margin-bottom:20px}.termLayout footer{text-align:center;font-size:16px;padding:20px 0}.modal{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.modal .form-box{display:flex;flex-direction:column}.modal .close{color:#aaa;font-size:28px;font-weight:700;position:absolute;right:5px;top:-3px}.modal .close:focus,.modal .close:hover{color:#000;text-decoration:none;cursor:pointer}.modal input{padding:8px;margin-top:5px;display:block;border:1px solid #ccc;border-bottom:1px solid #ccc;width:100%}.modal label{color:#757575}.modal .button{background-color:#5faf63;border:none;border-radius:5px;color:#fff;padding:3px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:15px}.register .active{border-radius:5px;background:#f8f8f8;color:#333}.twoBtn{display:flex;justify-content:space-between;align-items:center}.noData{color:#f5f5f5;text-align:center;padding:12px;font-size:16px;line-height:20px}.pa-2{padding:8px}.tremBack{right:0;position:absolute;padding:10px 20px;cursor:pointer}.lang-select{color:#fff;background:#000;border:0;font-size:16px}.swal2-popup{font-size:1.6rem}