html, body { width: 100%; height: 100%; }

.inner { width: 1200px; margin: 0 auto; }

.container { position: relative; width: 100%; min-height: 100%; background-color: #f6f9ff; background-repeat: no-repeat; background-size: 100%; padding: 0 0 82px; }

.footer { width: 100%; height: 96px; background: #333333; }

.footer-title { padding-top: 12px; text-align: center; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #c4c4c4; line-height: 1; }

.footer-img { margin-top: 13px; text-align: center; }

.footer-img img { width: 114px; margin-right: 38px; }

.footer-img img:last-child { margin-right: 0; }

.medium-title { text-align: center; font-size: 44px; font-family: SourceHanSansCN; font-weight: 500; color: #326dfa; line-height: 1; margin: 50px 0; }

.message { padding-top: 10px; }

.message .message-box { position: relative; width: 1200px; height: 108px; background: #ffffff; -webkit-box-shadow: 0px 0px 21px 0px rgba(64, 64, 64, 0.16); box-shadow: 0px 0px 21px 0px rgba(64, 64, 64, 0.16); border-radius: 54px; }

.message .message-box .noice-icon { position: absolute; top: 35px; left: 56px; width: 16px; }

.message .message-box .swiper-container { width: 100%; height: 100%; }

.message .message-box .swiper-container .swiper-wrapper { width: 100%; height: 100%; }

.message .message-box .swiper-slide { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.message .message-box .swiper-slide a { display: inline-block; font-size: 16px; font-family: SourceHanSansCN; font-weight: 400; color: #333333; line-height: 1.5; }

.message .message-box .swiper-slide a span { color: #fe0101; }

.allNav .allNav-box { width: 1200px; padding: 40px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; border-radius: 20px; }

.allNav .allNav-table { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-top: 1px solid #caccce; border-left: 1px solid #caccce; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.allNav .allNav-table li { cursor: pointer; width: 136px; height: 48px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #377ed0; line-height: 48px; text-align: center; border-right: 1px solid #caccce; border-bottom: 1px solid #caccce; }

.allNav .allNav-table .active { color: #ffffff; background: #4b94fd; }

.allNav .summary { margin-top: 40px; border-top: 1px solid #caccce; border-left: 1px solid #caccce; }

.allNav .summary ul { width: 1096px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.allNav .summary ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 60px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; text-align: center; line-height: 60px; border-right: 1px solid #caccce; border-bottom: 1px solid #caccce; }

.allNav .summary ul li a:hover { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; text-decoration: underline; color: #326dfa; }

.allNav .summary ul .thead { font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #fefeff; background-color: #326dfa; }

.allNav .summary .ul-text li { background-color: #4b94fd; color: #ffffff; }

.allNav .summary .tbody ul:nth-child(2n) { background-color: #f7fafe; }

.question .question-box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.question .question-box ul li { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 39px 46px; width: 560px; height: 246px; background: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(147, 164, 199, 0.36); box-shadow: 0px 0px 10px 0px rgba(147, 164, 199, 0.36); border-radius: 20px; margin-bottom: 41px; }

.question .question-box ul li .q-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.question .question-box ul li .q-title img { width: 56px; height: 56px; border-radius: 50%; }

.question .question-box ul li .q-title p { display: inline-block; margin-left: 20px; font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; line-height: 24px; }

.question .question-box ul li .detail { margin-top: 22px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 24px; padding-bottom: 25px; border-bottom: 1px solid #e7e8f1; }

.information-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1200px; height: 94px; border-radius: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 50px; }

.information-select li { cursor: pointer; width: 48px; height: 26px; text-align: center; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; line-height: 26px; margin: 0 20px 15px 0; }

.information-select .active { background: #ffffff; border-radius: 2px; color: #326dfa; }

.information-list-box { margin-top: 42px; width: 1200px; min-height: 300px; background: #ffffff; -webkit-box-shadow: 0px 0px 18px 0px rgba(104, 104, 104, 0.25); box-shadow: 0px 0px 18px 0px rgba(104, 104, 104, 0.25); border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 46px 41px; }

.information-list-box .information-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.information-list-box .information-list li { width: 517px; height: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin: 0 0 15px; }

.information-list-box .information-list li a { display: inline-block; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.information-list-box .information-list li div { color: #333333; font-size: 16px; }

.information-list-box .information-list li p { font-family: Microsoft YaHei; font-size: 12px; color: #999999; }

.information-list-box .information-list:nth-child(2n) li { background-color: #fbf9f7; }

.resources .medium-title { margin: 82px 0 50px; }

.resources-box { height: 318px; background: #ffffff; -webkit-box-shadow: 0px 0px 18px 0px rgba(104, 104, 104, 0.25); box-shadow: 0px 0px 18px 0px rgba(104, 104, 104, 0.25); border-radius: 20px; padding: 51px 116px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.resources-box .btn { margin: 30px auto 0; width: 208px; height: 54px; background: linear-gradient(-30deg, #326dfa 0%, #4b94fd 100%); border-radius: 27px; text-align: center; line-height: 54px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #ffffff; }

.resources-box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.resources-box ul li { width: 278px; height: 46px; border: 1px dashed #3080fe; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin-bottom: 31px; }

.resources-box ul li img { width: 28px; margin-right: 19px; }

.qrcode .medium-title { margin: 82px 0 50px; }

.qrcode-box { height: 314px; background: #ffffff; -webkit-box-shadow: 0px 0px 18px 0px rgba(104, 104, 104, 0.25); box-shadow: 0px 0px 18px 0px rgba(104, 104, 104, 0.25); border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.qrcode-box .code-box { text-align: center; margin-bottom: 33px; }

.qrcode-box .code-box img { width: 180px; }

.qrcode-box .code-box p { margin-top: 20px; width: 202px; height: 32px; border: 1px solid #7d7d7d; text-align: center; line-height: 32px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; }


.allNav .zt-table_wrap {margin-top: 19px;}