@charset "UTF-8";
* { box-sizing: border-box; }

html, body { width: 100vw; height: 100vh; overflow: hidden; }

#wrap { width: 100%; height: 100%; overflow: hidden; background: url(https://staticdn.huitengsoft.com/se/cfdf/2022/CFDF/img/index/bg.jpg) center center no-repeat; background-size: cover; position: relative; }

.logo { width: 21.33333vh; position: absolute; top: 4vh; left: 4vh; }

.box-index { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.solgan { width: 42.66667vh; position: relative; z-index: 2; }

.btn-go { width: 28vh; margin-top: 2.66667vh; margin-bottom: 2.66667vh; position: relative; z-index: 2; margin-left: -2.66667vh; }

.btn-tips { text-decoration: underline; font-size: 1.73333vh; color: #fff; margin-left: -2.66667vh; }

.btn-tips:link { color: #fff; }

.btn-tips:visited { color: #fff; }

.btn-tips:hover { color: #fff; }

.btn-tips:active { color: #fff; }

.icon1 { width: 10.66667vh; position: absolute; top: 6.66667vh; right: 13.33333vh; opacity: 0.5; -webkit-animation-delay: 1s; z-index: 2; }

.icon2 { width: 14.66667vh; position: absolute; bottom: 6.66667vh; right: 13.33333vh; -webkit-animation-delay: 1s; z-index: 2; }

.icon3 { width: 17.33333vh; position: absolute; bottom: 6.66667vh; left: 13.33333vh; -webkit-animation-delay: 1s; z-index: 2; }

.box-tips { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; background: rgba(0, 0, 0, 0.5); display: none; }

.box-tips > div { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.box-tips > div > div { width: 60.53333vh; height: 41.33333vh; background: url(https://staticdn.huitengsoft.com/se/cfdf/2022/CFDF/img/index/tips-bg.svg) top center no-repeat; background-size: 100% 100%; padding: 6vh 2.66667vh 1.33333vh; display: block; position: absolute; }

.tips-view { width: 100%; height: 100%; padding: 0.66667vh 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }

/* 整个滚动条 */
.tips-view::-webkit-scrollbar { /* 对应纵向滚动条的宽度 */ width: 0.66667vh; /* 对应横向滚动条的宽度 */ height: 1.33333vh; }

/* 滚动条上的滚动滑块 */
.tips-view::-webkit-scrollbar-thumb { background-color: #b6b4b4; border-radius: 32px; }

/* 滚动条轨道 */
.tips-view::-webkit-scrollbar-track { border-radius: 6.66667vh; }

.btn-code { width: 20vh; margin-top: 2.66667vh; display: none; }

.tips-text { color: #1F4555; font-size: 1.86667vh; }

table { color: #1F4555; border: solid 1px rgba(31, 69, 85, 0.5); border-radius: 5px; margin-top: 5px; margin-bottom: 5px; }

thead td { font-weight: bold; }

@media (min-width: 751px) { table td { padding: 0 2px 0 2px !important; } }

table td { border-right: solid 1px rgba(31, 69, 85, 0.5); border-bottom: solid 1px rgba(31, 69, 85, 0.5); font-size: 1.73333vh; padding: 0 5px; }

table tr td:last-of-type { border-right: none; }

table tbody tr:last-of-type td { border-bottom: none; }

table tbody tr:last-of-type td:first-of-type { text-align: center; }

.btn-close { width: 9.33333vh; height: 5.33333vh; background: url(https://staticdn.huitengsoft.com/se/cfdf/2022/CFDF/img/common/icon_next.svg) center center no-repeat; background-size: contain; position: absolute; bottom: -3.33333vh; right: -4.66667vh; z-index: 3; }

.box-welcome { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; background: url(https://staticdn.huitengsoft.com/se/cfdf/2022/CFDF/img/index/bg2.jpg) center center no-repeat; background-size: cover; display: none; }

.box-welcome > div { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.welcome-item { width: 78.4vh; height: 40.8vh; background: url(https://staticdn.huitengsoft.com/se/cfdf/2022/CFDF/img/index/welcome-bg.svg) top left no-repeat; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; padding-bottom: 1.33333vh; }

.welcome-text { width: 33.33333vh; color: #1F4555; font-size: 1.86667vh; }

.welcome-text span { font-size: 1.73333vh; }

.btn-weclome { width: 20vh; margin-top: -1.33333vh; }

#CMP { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; display: none; }

#CMP > div { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; }

#CMP .CMP-box { width: 72.53333vh; height: 40vh; background: url(https://staticdn.huitengsoft.com/se/cfdf/2022/CFDF/img/feedback/CMP-bg.svg) top center no-repeat; background-size: 100% 100%; padding: 14vh 12vh 7.33333vh 10.66667vh; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }

#CMP .CMP-text { height: 12vh; font-size: 2.13333vh; font-weight: bold; color: #333; display: flex; justify-content: center; align-items: center; padding-bottom: 10px; -webkit-overflow-scrolling: touch; overflow-y: auto; text-align: center; }

#CMP .btn-register { width: 17.33333vh; }

#CMP .CMP-close { position: absolute; top: 3.33333vh; right: 9.33333vh; width: 5.33333vh; }