@charset 'UTF-8';  
@charset 'utf-8';  html{font-family:Arial,'微软雅黑','Microsoft Yahei';font-size:14px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,p{margin:0}ul,li{list-style:none;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}h1{font-size:2em;margin:0.67em 0}a{background-color:transparent;text-decoration:none; -webkit-tap-highlight-color:transparent}a:active,a:hover{outline:0}img{border:0; }abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal; padding:0px}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}html,body{  width:100%;  font-size:14px;  color:#444;  background-repeat:repeat;  overflow-x:hidden;  background-repeat:no-repeat;  background-size:100% 100%;  background-attachment:fixed; }@media screen and (min-width:720px){ html{  width:720px;  margin-left:auto;  margin-right:auto; }}@-webkit-keyframes 40%{ -webkit-transform:scale(1.0) }} .page-container-parent{  position:relative; width:100%;  height:100%;  margin:0 auto; }.page-container{  width:100%;  z-index:1; }.page{ display:none; width:100%;  box-sizing:border-box;  overflow-x:hidden; }.page.dialog-page{ position:absolute!important;  }.img-thumb-wrap{  display:block;  text-align:center;  font-size:0;  height:100%; }.img-thumb-wrap:before,.img-thumb-wrap:after{  content:"";  display:inline-block;  width:0;  height:100%;  vertical-align:middle; }.img-thumb-wrap img{  height:100%;  width:100%;  vertical-align:middle; }.img-upload-input{ position:absolute;  left:0;  top :0;  width:100%;  height:100%;  opacity:0;  z-index:5; }.ui-slider{ height:100%; padding-top:0; } a{  color:inherit; }.element>a{  display:block;  width:100%;  height:100%; }.top-nav,.bottom-nav,.suspension{ position:fixed;  z-index:20; }.top-nav:before,.top-nav:after{  content:"";  display:inline-block;  width:0;  height:100%;  vertical-align:middle; }.app .ele-container{  position:relative;  width:100%;  max-width:100%;  clear:both; }.app .ele-container>.element{  position:relative; }.app .picture{  overflow:hidden;  line-height:0px!important; }.app .section-special .ui-selected.qfy-element{  overflow:initial; }.app .text img{  max-width:100%;  vertical-align:top; }.app .text br{  display:none; }.app .text p{  white-space:pre-line;  min-height:19px; }.page-bottom-dialog{  position:absolute;  bottom:0;  width:100%; }.page-bottom-content{  margin:0 auto;  background-color:#fff; }.page-dialog-close{  position:absolute;  right:3px;  top:0;  width:40px;  height:40px;  z-index:10;  font-size:30px;  line-height:40px;  text-align:center; }.dialog-block-item{  display:block;  padding:5px 0;  position:relative;  border-bottom:1px solid #eee; }.btn{  display:inline-block;  background-color:#fff;  border:1px solid #e5e5e5;  border-radius:3px;  padding:7px;  margin:0;  font-size:14px;  cursor:pointer;  line-height:18px;  -webkit-appearance:none;  text-align:center; }.btn.btn-yellow{  color:#fff;  border-color:#f5a623;  background-color:#f5a623; }.btn.btn-orange{  color:#fff;  border-color:#ff7100;  background-color:#ff7100; }.btn.btn-red{  color:#fff;  border-color:#d20e10;  background-color:#d20e10; }.btn.btn-green{  color:#fff;  border-color:#1aad19;  background-color:#1aad19; }.btn.btn-block{  display:block; }.page-top-nav{  position:fixed;  top:0;  left:0;  right:0;  height:42px;  line-height:42px;  padding:0 10px;  margin-bottom:10px;  text-align:center;  z-index:9;  box-shadow:0 1px 2px #eee;  background-color:#fff; }.page-top-nav .nav-back{  position:absolute;  left:0;  width:32px;  font-size:20px; }.top-nav-back{  position:absolute;  left:0;  height:100%;  width:40px;  font-size:20px;  line-height:40px; }.top-nav-right{  position:absolute;  top:0;  right:10px;  width:40px; }@-webkit-keyframes 60%{   opacity:1;   -webkit-transform:translateY(-10px);  } 100%{   opacity:0;   -webkit-transform:translateY(-15px);  }}@keyframes 60%{   opacity:1;   -webkit-transform:translateY(-10px);  } 100%{   opacity:0;   -webkit-transform:translateY(-15px);  }} .video-nd:-internal-media-controls-download-button{  display:none; }.video-nd::-webkit-media-controls-enclosure{   overflow:hidden; }.video-nd::-webkit-media-controls-panel{   width:calc(100% + 30px); }  .suspension-call{  display:flex;  width:100%;  height:100%;  align-items:center;  justify-content:center; } body.mini-mode .page-title-bar{width:100%;position:relative}body.mini-mode{min-width:1280px}.bottom-nav{   left:0;   width:100%;   bottom:0;   line-height:1.4;   text-align:center;   background-color:#ccc;   color:#fff; }.bit_main_content{  padding-top:42px; }.mini-mode .bit_main_content{  padding-top:0; } .page-title-bar{position:fixed;width:100%;height:42px;border-bottom:1px solid #d8d8d8;text-align:center;color:#fff;background-color:rgb(32,18,77);;cursor:pointer;z-index:999}.page-title{display:inline-block;line-height:42px;vertical-align:middle;width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.element{ box-sizing:border-box; }.bit_main_content{min-height:calc(100vh - 42px)}.mini-mode .bit_main_content{min-height:initial}#content.content{  padding-bottom:40px; }
html,body{  width:100%;  height:100%; }body{  font-family:Arial,"微软雅黑",'Microsoft Yahei'!important;  font-size:14px!important;  position:relative;  color:#59607B!important;  font-size:14px!important;  font-family:Arial,"微软雅黑",'Microsoft Yahei'!important;  overflow-x:hidden;  background-color:#fafafa!important; }body.mini-mode{  overflow-y:hidden; }.qfe_row:before,.qfe_row:after{  content:" ";  display:table; }.qfe_row::after{ clear:both; }select{  border:1px solid #ccc;  line-height:14px;  padding:2px 4px 2px 6px;  outline:0;  width:140px;  margin:0;  background:#f6f6f6;  height:28px; }select[disabled]{  opacity:.5; }textarea{  width:285px;  height:180px;  word-break:break-all;  background:#fff; }ul,li{  list-style:none;  margin:0;  padding:0; }a{  background-color:transparent;  text-decoration:none; }a:active,a:hover{  outline:0; }button[disabled],html input[disabled]{  cursor:default; }input[type="text"],textarea{  border:1px solid #d3d3d3;   } body,div,p,textarea,section,ul,iframe{  scrollbar-face-color:#F3F3F3;   scrollbar-arrow-color:#C0C0C0;   scrollbar-3dlight-color:#C0C0C0;   scrollbar-highlight-color:#FFFFFF;   scrollbar-shadow-color:#FFFFFF;   scrollbar-darkshadow-color:#C0C0C0;   scrollbar-track-color:#F5F5F5;  } body::-webkit-scrollbar,div::-webkit-scrollbar,p::-webkit-scrollbar,textarea::-webkit-scrollbar,section::-webkit-scrollbar,ul::-webkit-scrollbar,iframe::-webkit-scrollbar{  width:1px;  height:4px;  -webkit-border-radius:12px; }body::-webkit-scrollbar{ width:8px; }body::-webkit-scrollbar-track,div::-webkit-scrollbar-track,p::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track,section::-webkit-scrollbar-track,ul::-webkit-scrollbar-track{ background:transparent; }body::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb,p::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb,section::-webkit-scrollbar-thumb,ul::-webkit-scrollbar-thumb{  background:#6B747A;  -webkit-border-radius:12px; } .ui-slider{  box-sizing:content-box; } .edit-components-wrap{  height:100%;  margin:0 auto; }.mr-10{  margin-right:10px; }.margin-top-ele{  margin-top:15px; }.fl{  float:left; }.input{  display:inline-block;  border:1px solid #D7D9E4;  background:#F4F4FA;  height:18px;  font-size:14px;  line-height:18px;  padding:6px;  padding-left:8px;  outline:0;  -webkit-user-select:text;  box-sizing:content-box; }.input.small{  height:10px;  font-size:12px; }.href{  color:#08a1ef;  text-decoration:underline; }
@font-face{  font-family:'icomoon';  src:url('');  src:url('') format('embedded-opentype'), url('') format('truetype'), url('') format('woff'), url('') format('svg');  font-weight:normal;  font-style:normal; }[class^="icon-"],[class*=" icon-"]{ font-family:'icomoon'!important;  speak:none;  font-style:normal;  font-weight:normal;  font-variant:normal;  text-transform:none;  line-height:1; -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; }
   .circle{  border-radius:50%!important; }.clearfix:after{  content:".";  display:block;  visibility:hidden;  clear:both;  height:0;  font-size:0; }.center-ele{ margin-left:auto!important; margin-right:auto!important; }.background-ele{ background-repeat:no-repeat; background-size:100% 100%; }.centered{  display:-webkit-box;  display:-moz-box;  display:-ms-flexbox;  display:-webkit-flex;  display:flex;  -webkit-align-items:center;   align-items:center;  -webkit-justify-content:center;   justify-content:center;  text-align:center; } .app{ font-size:14px; }.app .element{ display:block; width:auto;  max-width:100%;  border-color:#222222;  border-width:0; }.app .text{  max-width:100%;  min-height:10px;  line-height:1.4em;  white-space:pre-wrap;  word-break:break-all; }.app .list-vessel-wrap .text,.app .dynamic-vessel .text,.app .form-vessel .text,.app .static-vessel .text{  white-space:normal; }.app .button{  width:100px;  height:30px;  line-height:30px;  margin-left:auto;  margin-right:auto;  color:rgb(255,255,255); font-size:14px;  font-weight:normal;  text-align:center;  box-sizing:content-box;  text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden;   }.top-nav{  top:0;  left:0;  width:100%;  height:42px;  text-align:center;  background-color:rgb(29,198,241);  color:#fff; }.top-nav .img-thumb-wrap:before,.top-nav .img-thumb-wrap:after{  content:none; }.top-nav .left-btn ,.top-nav .right-btn ,.top-nav .nav-btn-text{  box-sizing:border-box; }.top-nav .left-btn ,.top-nav .right-btn{  display:none;  position:absolute;  top:0;  height:100%;  width:56px;  color:inherit; }.top-nav .left-btn{  left:0;  text-align:left; }.top-nav .right-btn{  right:0;  text-align:right; }.top-nav .nav-btn-img{  display:none; }.top-nav .img-thumb-wrap .nav-btn-img{  display:inline-block; }.top-nav .nav-btn-text{  display:block;  height:100%;  line-height:1em;  white-space:pre-wrap; }.top-nav .img-thumb-wrap{  font-size:1em; }.top-nav .img-thumb-wrap .nav-btn-text{  position:absolute;  left:0;  top:0;  width:100%;  overflow:hidden;  font-size:1em; }.top-nav .inner-content:before,.top-nav .inner-content:after,.top-nav .nav-btn-text:before,.top-nav .nav-btn-text:after{  content:"";  display:inline-block;  width:0;  height:100%;  vertical-align:middle; }.top-nav .page-title{  display:inline-block;  vertical-align:middle;  text-decoration:inherit; }body.mini-mode #phone-screen>.extra-bottom-opt{   top:initial;   left:initial;   bottom:45px; }body.mini-mode .bottom-nav{   right:0;   width:320px;   bottom:45px;   line-height:1.4;   text-align:center;   background-color:#ccc;   color:#fff;   margin:0 auto;   margin-top:7%;   position:absolute!important;   z-index:20; }.bottom-nav .item{  position:relative;  display:inline-block;  vertical-align:middle;  text-align:center;  text-decoration:inherit;  overflow:hidden; }.bottom-nav .item .bottom-text{ text-align:center; display:block; width:100%; line-height:1.5em; font-size:12px; text-decoration:inherit; }.bottom-nav .img-after{  display:none; }.bottom-nav .img-thumb-wrap{  height:24px;  width:24px;  margin:2px auto; }.bottom-nav.bottom-nav-without-img .img-thumb-wrap{  display:none; }.bottom-nav.bottom-nav-without-img .bottom-text{  display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-box-pack:center;  height:100%; }.app .input-ele{ width:60%; height:30px; margin-left:auto;  margin-right:auto;   }.app .input-ele input{  width:100%;  height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:inherit; border:1px solid #d3d3d3;  text-indent:6px;  outline:none; }.app .textarea-ele{ width:80%; height:100px; line-height:30px; margin-left:auto;  margin-right:auto; }.app .textarea-ele textarea{  width:100%;  height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:inherit; border:1px solid #d3d3d3;  text-indent:6px;  outline:none;  resize:none; }.input-ele.must:after,.textarea-ele.must:after,.upload-img.must:after,.time-ele.must:after,.grade-ele.must .inner-content:after,.select-ele.must .title:after{  content:'*';  position:absolute;  margin-left:5px;  font-size:16px;  color:red; }.select-ele.must .title:after{  text-indent:-5px; }