html {
 
  background-repeat: repeat-x !important;
  background-size: 100% 11.375rem;
  height: 1000px;
}
body {
  /* max-width: 640px; */
  margin: auto !important;
}
/* top-nav start */
.top-nav {
  /* max-width: 640px; */
  width: 100%;
  height: 0.98125rem;
  background-color: #4b8ddd;
  position: fixed;
  top: 0;

}



.top-nav ul {
  display: flex;
  line-height: 0.98125rem;
}
.top-nav ul li {
  flex: 1;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.4125rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-right: 1px solid #fff;
  margin-top: 0.109375rem;
  color: #fff;
}
.top-nav li:last-child {
  border-right: none;
}
/* top-nav end */
/* banner start */
.banner {
  text-align: center;
  background: url(../images/3.jpg);
  background-repeat: repeat-x !important;
  background-size: auto 100%; /* 调整图片高度以完全填充容器高度 */
}

.banner h1 {
  font-size: 0.75rem;
  color: #fefefe;
  padding-top: 1.40625rem;
  font-family: "微软雅黑";
  font-weight:600;
  margin-bottom: 15px;
}
.banner-line {
  width: 5.9375rem;
  margin: auto;
  margin-top: 0.390625rem;
  margin-bottom: 0.2rem;
  border-top: solid #005fa7 1px;
  border-bottom: solid 1px #4b86d4;
}
.banner p {
  margin-top: 5px; /* 调整顶部外边距为10px */
  margin-bottom: 5px; /* 调整底部外边距为10px */
}

.banner p:nth-child(2),
.banner p:nth-child(3) {
  font-size: 0.375rem;
  color: #f4cdcf;
  margin-bottom: 0.078125rem;
}
.banner p:nth-child(4),
.banner p:nth-child(5) {
  font-size: 0.375rem;
  font-family: "宋体";
  font-weight: 400;
  color: #fff;
}
.banner p:nth-child(6) {
  font-size: 0.375rem;
  color: #fff;
  margin-top: 0.15625rem;
}
.banner-time {
  margin-top: 0.390625rem;
}
.banner-time span {
  display: inline-block;
  font-size: 0.703125rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: white;
  text-align: center;
  border-radius: 8px;
  border: solid 1px #000;
  line-height: 1.5625rem;
  margin-left: 5px;
  margin-right: 3px;
}
.banner-triangle span {
  margin: 0.46875rem auto 0.3125rem;
  display: block;
  width: 0;
  height: 0;
  border-left: 0.15625rem solid transparent;
  border-right: 0.15625rem solid transparent;
  border-top: 0.3125rem solid #cccccc;
}
.banner-btn button {
  width: 7rem;
  height: 0.859375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
  font-weight: normal;
  font-family: "微软雅黑";
}

.fffc40{
  color: #fffc40;
}

/* banner end */
/* question start */
.question {
  max-width: 640px;
  margin: 0 auto;
  /* margin-bottom: 1.175rem; */
}

.question-content {
  padding: 0.625rem;
}

.question h2 {
  font-size: 0.5625rem;
  text-align: center;
  color: #4289e1;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.325rem;
}

.question p {
  margin-bottom: 0.625rem;
  font-size: 0.375rem;
  color: #4289e1;
  text-align: center;
}

.question ul {
  margin: 0;
  padding: 0;
}

.question ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 1.875rem;
  border: 1px solid #B3BCCB;
  margin-bottom: 0.3rem;
  border-radius: 10px;
  padding: 0 0.3rem;
}

.question ul li div {
  flex: 1;
}

.question ul li p {
  color: #3792e7;
  font-size: 0.4rem;
  font-family: "微软雅黑";
  font-weight: 600;
  margin: 0;
  text-align: left;
}

.question ul li .difficulty {
  font-size: 0.3rem;
  font-weight: 400;
}

.question ul li .star {
  color: #FFC90D;
  margin-left: 0.1rem;
  font-size: 0.35rem;
}

.question ul li .description {
  color: #666;
  font-size: 0.31375rem;
  margin-top: 0.15625rem;
  font-weight: 400;
}

.question ul li button {
  font-size: 0.275rem;
  color: #b20d10;
  background-color: #cbcbcb;
  border: none;
  padding: 0.1rem 0.2rem;
  white-space: nowrap;
  border-radius: 3px;
}

.question-btn {
  text-align: center;
  margin-top: 0.625rem;
}

.question-btn button {
  width: 6.46875rem;
  height: 0.859375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  font-family: "微软雅黑";
  font-weight: bold;
  border: none;
}

.question-date {
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.375rem;
  color: #999;
}

.question-date span {
  color: #4587d8;
}
/* question end */
/* form start */
.form {
  max-width:   640px;
  margin: 0 auto ;
}
.form .form-title {
  text-align: center;
}
.form .form-title h2 {
  margin-top: 50px;
  font-size: 0.4375rem;
  color: #4587d8;
  font-weight: 600;
}
.form ul {
  width: 80%;
  margin: 0.3125rem auto 0;
  overflow: hidden;
}
.form ul li {
  width: 31%;
  height: 2.859375rem;
  border: 1px solid #ccc;
  border-radius: 0.15625rem;
  text-align: center;
  float: left;
  margin-top: 0.3125rem;
}
.form ul li p {
  font-size: 0.4375rem;
  color: #4587d8;
  margin-top: 0.46875rem;
  font-family: "微软雅黑";
  font-weight: bold;
}
.form ul li button {
  width: 90%;
  height: 0.625rem;
  border-radius: 0.078125rem;
  color: #fff;
  font-size: 0.3125rem;
  margin: 0.38rem auto 0;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  background-color: #4587d8;
  font-family: "微软雅黑";
  font-weight: bold;
}
.form ul li:nth-child(2),
.form ul li:nth-child(5) {
  margin: 0.3125rem 0.09375rem 0;
}
.form .form-btn {
  text-align: center;
  margin-top: 0.578125rem;
}
.form .form-btn button {


  display: inline-flex;
  align-items: center;
  justify-content: center;


  width: 5.46875rem;
  height: 1rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
  font-family: "微软雅黑";
  font-weight: 600;
}


.button-icon {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

.button-text {
  vertical-align: middle;
}
/* form end */
/* form2 start */
.form2 {
  max-width:   640px;
  margin: 0 auto ;
}

.form2 ul {
  width: 80%;
  margin: 0.3125rem auto 0;
  overflow: hidden;
}
.form2 ul li {
  width: 31%;
  height: 2.259375rem;
  border: 1px solid #ccc;
  border-radius: 0.15625rem;
  background-color: #4289e1;
  text-align: center;
  float: left;
  margin-top: 0.3125rem;
}
.form2 ul li p {
  font-size: 0.3375rem;
  color: #fff;
  margin-top: 0.26875rem;
  font-family: "微软雅黑";
  font-weight: normal;
}
.form2 ul li button {
  width: 90%;
  height: 0.625rem;
  border-radius: 1.5rem;
  color: #3783e0;
  font-size: 0.2125rem;
  margin: 0.08rem auto 0;
  /* background: linear-gradient(90deg, #DD4548, #e5393c); */
  background-color: #fff;
  font-family: "微软雅黑";
  font-weight: bold;
}
.form2 ul li:nth-child(2),
.form2 ul li:nth-child(5) {
  margin: 0.3125rem 0.09375rem 0;
}
/* .form2 .form-btn {
  text-align: center;
  margin-top: 0.578125rem;
} */
.form2 .form-btn {
  display: flex;  /* 应用Flexbox */
  justify-content: center; /* 水平居中所有子项 */
  align-items: center; /* 垂直居中所有子项 */
  text-align: center;
  margin-top: 0.578125rem;
  gap: 10px; /* 在按钮之间添加一些间隙 */
}
/* .form2 .form-btn button {
  width: 5.46875rem;
  height: 1rem;
  background: linear-gradient(90deg, #DD4548, #e5393c);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
  font-family: "微软雅黑";
  font-weight: 600;
} */

.form2 .form-btn button {
  width: 38%; /* 减小宽度以适应两个按钮并排显示 */
  height: 1rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.3rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
  font-family: "微软雅黑";
  font-weight: 500;
}
/* form2 end */



/* school start */
.school{
  max-width: 640px;
  margin: 0 auto;
}
.school .school-title h2 {
  font-size: 0.5625rem;
  text-align: center;
  color: #4289e1;
  font-weight: bold;
  margin-top: 1.328125rem;
  margin-bottom: 0.546875rem;
}
.school-1 h3 {
  font-size: 0.4375rem;
  color: #4289e1;
  padding-left: 1.171875rem;
}
.school-1 .school-img img {
  width: 73%;
  display: block;
  margin: 0.3125rem auto;
  padding: 0.15625rem;
  border: solid 1px #ccc;
  border-radius: 0.15625rem;
}
.school-1 p {
  padding-left: 1.171875rem;
  font-size: 0.35rem;
  color: #666;
}
.school-1 .school-btn {
  text-align: center;
  margin-top: 0.4rem;
  margin-bottom: 1.09375rem;
}
.school-1 .school-btn button {
  margin-top: 12px;
  width: 5.46875rem;
  height: 0.859375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
  font-family: "微软雅黑";
  font-weight: bold;
}
/* school end */

/* zhuxue start */
.zhuxue{
  max-width: 640px;
  margin: 0 auto;
}
.zhuxue .zhuxue-title h2 {
  font-size: 0.5625rem;
  text-align: center;
  color: #4289e1;
  font-weight: bold;
  margin-top: 1.328125rem;
  margin-bottom: 0.546875rem;
}
.zhuxue-1 h3 {
  font-size: 0.4375rem;
  color: #4289e1;
  padding-left: 1.171875rem;
}
.zhuxue-1 .zhuxue-img img {
  width: 73%;
  display: block;
  margin: 0.3125rem auto;
  padding: 0.15625rem;
  border: solid 1px #ccc;
  border-radius: 0.15625rem;
}
.zhuxue-1 p {
  padding-left: 1.171875rem;
  padding-right:  1.171875rem;
  font-size: 0.3rem;
  color: #666;
}
.zhuxue-1 .zhuxue-btn {
  text-align: center;
  margin-top: 0.4rem;
  margin-bottom: 1.09375rem;
}
.zhuxue-1 .zhuxue-btn button {
  margin-top: 12px;
  width: 5.46875rem;
  height: 0.859375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
  font-family: "微软雅黑";
  font-weight: bold;
}
/* zhuxue end */



/* sign-up start */
.sign-up .sign-up-title h2 {
  font-size: 0.5625rem;
  text-align: center;
  color: #4289e1;
  font-weight: bold;
  margin-top: 1.09375rem;
  margin-bottom: 0.625rem;
}
.sign-up ul {
  padding: 0 1.09375rem;
  box-sizing: border-box;
  overflow: hidden;
}
.sign-up ul li {
  width: 32%;
  float: left;
  height: 1.171875rem;
  border-radius: 0.15625rem;
  background-color: #4688d9;
  text-align: center;
  line-height: 1.171875rem;
  margin-top: 0.15625rem;
  color: #fff;
  font-size: 0.4375rem;
}
.sign-up ul li:nth-child(2),
.sign-up ul li:nth-child(5),
.sign-up ul li:nth-child(8) {
  margin: 0.15625rem 0.15625rem 0;
}
.sign-up .sign-up-btn {
  text-align: center;
  margin-top: 0.46875rem;
  margin-bottom: 1.09375rem;
}
.sign-up .sign-up-btn button {
  width: 5.46875rem;
  height: 0.859375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
}
/* sign-up end */
/* notice start */
.notice {
  width: 5.15625rem;
  height: 3.75rem;
  border: 1px solid #ccc;
  margin: auto;
  border-radius: 5px;
}
.notice .notice-title {
  width: 2.109375rem;
  height: 0.703125rem;
  border-radius: 5px;
  border: 1px solid #cec8a9;
  background-color: #faf8ef;
  line-height: 0.703125rem;
  text-align: center;
  margin: -0.390625rem auto 0.15625rem;
}
.notice .notice-title h3 {
  color: #938d6a;
  font-size: 0.375rem;
}
.notice p {
  font-family: "宋体";
  text-align: center;
  line-height: 0.5rem;
  font-size: 0.28125rem;
}
.notice-btn {
  text-align: center;
  margin-top: 0.46875rem;
}
.notice-btn button {
  width: 5.46875rem;
  height: 0.859375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
}
/* notice end */
/* why start */
.why .why-title h2 {
  font-size: 0.5625rem;
  text-align: center;
  color: #4289e1;
  font-weight: bold;
  margin-top: 1.09375rem;
  margin-bottom: 0.625rem;
}
.why .why-content {
  width: 56.25%;
  margin: auto;
}
.why .why-content button {
  width: 2.8125rem;
  height: 0.90625rem;
  display: block;
  margin: auto;
  border-radius: 5px;
  font-size: 0.375rem;
  background-color: #fbfbfb;
  border: 1px solid #ccc;
}
.why .why-content p {
  font-size: 0.35rem;
  color: #666;
  margin: 0.265625rem auto;
}
.why .why-btn {
  text-align: center;
  margin-top: 0.625rem;
  margin-bottom: 1.09375rem;
}
.why .why-btn button {
  width: 5.46875rem;
  height: 0.859375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
}
/* why end */
/* forecast start */
.forecast .forecast-title h2 {
  font-size: 0.5625rem;
  text-align: center;
  color: #4289e1;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.390625rem;
}
.forecast button {
  display: block;
  width: 2.8125rem;
  height: 0.9375rem;
  border-radius: 5px;
  background-color: #faf9c8;
  border: 1px solid #dbdbdb;
  margin: 0.390625rem auto;
  font-size: 0.375rem;
}
.forecast h3 {
  color: #4289e1;
  font-size: 0.46875rem;
  text-align: center;
}
.forecast p {
  text-align: center;
  color: #666;
  font-size: 0.375rem;
  margin: 0.3125rem auto;
}
.forecast .forecast-footer {
  font-weight: bold;
  font-size: 0.34375rem;
}
.forecast .forecast-btn button {
  width: 5.46875rem;
  height: 0.859375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.375rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
}
/* forecast end */
/* footer start */
.footer {
  margin-bottom: 50px;
}
.footer .footer-title h2 {
  font-size: 0.5625rem;
  text-align: center;
  color: #4289e1;
  font-weight: bold;
  margin-top: 1.09375rem;
  margin-bottom: 0.625rem;
}
.footer .footer-img {
  text-align: center;
  margin-bottom: 0.3125rem;
}
.footer .footer-img img {
  border: solid 1px #ccc;
  width: 50%;
  padding: 0.15625rem;
}
.footer .footer-content {
  width: 74%;
  margin: auto;
}
.footer .footer-content p {
  text-indent: 2em;
  font-size: 0.36rem;
  color: #666;
  line-height: 0.4375rem;
}
.footer .footer-btn {
  text-align: center;
  margin-top: 0.390625rem;
  margin-bottom: 0.3125rem;
}
.footer .footer-btn button {
  width: 2.26875rem;
  height: 0.659375rem;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 0.390625rem;
  font-size: 0.275rem;
  color: #fff;
  box-shadow: 0 0 5px #fff;
  font-family: "黑体";
  font-weight: bold;
}
.footer .footer-bottom {
  width: 100%;
  height: 1.8125rem;
}
.footer .footer-bottom img {
  width: 100%;
}
/* footer end */
/* win start */
.win {
  width: 100%;
  max-width: 640px;
  height: 50px;
  background-color: #ccc;
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
  padding: 0 0.78125rem;
  overflow: hidden;
}
.win .win-content {
  display: flex;
}
.win .win-content .win-left {
  flex: 0.75;
}
.win .win-content .win-left ul li {
  line-height: 50px;
  font-size: 0.4rem;
  color: #666;
}
.win .win-content .win-right {
  flex: 0.25;
  line-height: 50px;
}
.win .win-content .win-right button {
  height: 0.625rem;
  width: 2rem;
  border-radius: 20px;
  background-color: #4c8ede; 
  color: #fff;
  font-size: 0.3rem;
}
/* win end */
/* box start */
.box {
  font-size: 0.25rem;
  writing-mode: tb-rl;
  width: 0.46875rem;
  height: 2.125rem;
  background-color: #4c8ede;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -1.0625rem;
  text-align: center;
  color: #fff;
  border-radius: 5px 0 0 5px;
}
/* box end */

.foot{ width:100%; background: #505050; height:0.6rem; /*display:table;*/}
.foote{ margin:0 auto; padding-top:4%;  width:80%;margin-top: 0.5rem;}
/*.foote img{width:26%; float:left; display:table-cell; margin-right:0.3rem; margin-left:0.6rem;/*    margin-top: 0.5rem;*/
/*.foote p{ text-align:left; color:#cccccc; display:table-cell; width:70%; padding-left:0.6rem; padding-top:0.24rem}*/
.footer p{text-align: center;}
.right-bottom-wrap{width:344px;height:198px;background:url(http://dx.hnshcm.cn/bd-4-ZQ-S1-YD-DX-1/img/news.png) left top no-repeat;background-size:100% 100%;position:fixed;bottom:-198px;right:0;cursor:pointer}.right-bottom-wrap .right-close{width:24px;height:24px;line-height:24px;color:#fff;position:absolute;top:8px;right:10px;cursor:pointer;font-size:18px}.ntalk-window-containter{top:50%!important;right:0!important;left:0!important;bottom:0!important;margin:0 auto!important;margin-top:-260px!important}


.menu-box{
  max-width: 640px;
  margin: 0 auto;
    padding: 0.256rem 0.26rem 0.15rem;
   /* background:#f0f8fe;*/
}

.menu-box .title{
    color:#333;
    font-size: 0.5625rem;
    font-weight:bold;
    text-align: center;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.menu-box .title:nth-child(2){
    color:#e64a20;
	font-size: 0.421rem;
}

.menu-box .menu{
    overflow:hidden;
    margin-top:0.26rem;
}

.menu-box .menu li{
    width:25%;
    float:left;
    text-align: center;
    margin-bottom:0.26rem;
}

.menu-box .menu li .menu-icon{
    width:0.85rem;
    height:0.85rem;
    display:inline-block;
}

.menu-box .menu li .menu-icon.menu-icon-1{
    background:url("../images/zl_1.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-2{
    background:url("../images/zl_1.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-3{
    background:url("../images/zl_1.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-4{
    background:url("../images/zl_1.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-5{
    background:url("../images/zl_1.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-6{
    background:url("../images/zl_3.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-7{
    background:url("../images/zl_3.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-8{
    background:url("../images/zl_3.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-9{
    background:url("../images/zl_3.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-10{
    background:url("../images/zl_2.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-11{
    background:url("../images/zl_2.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.menu-box .menu li .menu-icon.menu-icon-12{
    background:url("../images/zl_2.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.menu-box .menu li .menu-icon.menu-icon-13{
    background:url("../images/zl_4.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.menu-box .menu li p{
    color:#555454;
   
}
.menu-box .menu-form .mf-btn{
    border: none;
}

.menu-box .menu-form .mf-tips{
    width: 17.6rem;
    height: 1.26rem;
    line-height: 1.26rem;
    font-size: 0.63rem;
    background: #cae1f3;
    border-radius: 6rem;
    color: #2187d7;
    margin: 0 auto;
    text-align: center;
}


.online-test-content .chose-items{
    margin-bottom: 0.4rem;
	margin-top: 0.2rem;
}
.online-test-content .chose-items .chose-title{
    font-size: 0.419rem;
    color: #333;
    padding-left: 0.945rem;
}
.online-test-content .chose-items .chose-li{
    padding-left: 5%;
}
.online-test-content .chose-items .chose-li li{
    font-size: 0.393rem;
    color: #333;
    width: calc(50% - 10%);
    height: 0.89rem;
    text-align: center;
    line-height: 0.89rem;
    display: inline-block;
    border: 1px solid #bbb;
    border-radius: 0.2rem;
    margin-top: 0.493rem;
    margin-left: 2.5%;
    margin-right: 2.5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.online-test-content .chose-items .chose-li li.active{
     background: linear-gradient(90deg, #4c8ede, #387bcd);
    color: #fff;
    
}
.online-test-content .get-result{
    /*border-top: 1px solid #ddd;*/
    width: 96%;
    margin: 0 auto;
    padding-top: 0.26rem;
}
.online-test-content .get-result .form-width{
    width: 6.853rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 0.2rem;
}
.online-test-content .get-result .inval{
    width: 6.453rem;
    height: 0.92rem;
    font-size: 0.402rem;
    border: 1px solid #bfbfbf;
    padding-left: 0.504rem;
    border-radius: 0.1rem;
    background: #f5f5f5;
    margin-bottom: 0.3rem;
}
.online-test-content .get-result .check-btn{
	width: 6.853rem;
    height: 0.92rem;
    font-size: 0.482rem;
    color: #fff;
    background: linear-gradient(90deg, #4c8ede, #387bcd);
    text-align: center;
    border: none;
}
.online-test-content .title{font-weight: 700;font-size: 0.55rem;color: red;}

/* FAQ section start */
.faq {
  max-width: 640px;
  margin: 0 auto;
  /* margin-top: 60px; */
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  width: 90%;
}

.faq-title h2 {
  font-size: 24px;
  color: #4289e1;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.faq-list {
  display: flex;
  flex-direction: column;
}

.faq-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.faq-question {
  font-size: 16px;
  color: #333;
  flex: 1;
  padding-right: 10px; /* 给按钮和文字间增加间距 */
}

.faq-button {
  font-size: 14px;
  color: #fff;
  background-color: #4c8ede;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
}

 .zhuxue-btn {
  text-align: center;
  margin-top: 0.4rem;
  margin-bottom: 1.09375rem;
}
.zhuxue-btn button {
  margin-top: 12px;
  width: 300px;
  height: 50px;
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  border-radius: 20px;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 0 5px #fff;
  /* font-family: "微软雅黑"; */
  font-weight: bold;
}
/* FAQ section end */






/* 调整整体结构和样式 */
.zhuanyy {
  max-width: 640px; /* 最大宽度 */
  margin: 0 auto;
  padding: 20px;
  margin-top:30px;
  background-color: #fff;
  border-radius: 10px;
  width: 90%;
}

.zhuanyy h2 {
  font-size: 25px;
  color: #4289e1;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.zhuanyy_main {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-bottom: 15px;
}

.zhuanyy_main_l {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
  margin-right: 5px;
}

.zhuanyy_main_l img {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
}

.zhuanyy_main_l p {
  font-size: 14px;
  color: #4c8ede;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 1;
  padding: 0 0;
}

.tanlan {
  width: calc(50% - 10px);
  font-size: 14px;
  color: #333;
  background-color: #f5f5f5;
  padding: 4px 2px;
  margin-bottom: 10px;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
}

.zhuanyy_main_r {
  margin-left: 10px;
}

.zhuanyy_main_r a {
  color: #4289e1;
  text-decoration: none;
  font-size: 14px;
}



/* aaaa */
/* 调整后的 formal 样式 */
.formal {
  /* background: url(../images/formal_bg.png) no-repeat center center;
  background-size: cover; */
  width: 100%;
  max-width: 640px; /* 最大宽度 */
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 30px;
  border-radius: 10px;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
}

.formal_tit {
  height: auto;
  width: 100%;
  max-width: 600px; /* 调整标题图片宽度 */
  margin: 0 auto;
  text-align: center;
}

.formal_p {
  font-size: 26px;
  color: #5f5f5f;
  text-align: center;
  margin-top: 15px;
  line-height: 1.6;
}

.formal_p strong {
  color: #0869ab;
  font-weight: normal;
}

.formal_pic {
  width: 100%;
  max-width: 380px; /* 调整图片宽度 */
  margin: 20px auto;
}

/*   background: url("../images/formal_con.png") no-repeat left center;    background-size: contain; /* 背景图片高度与容器一致 */
 /* 背景靠左显示 */ 



.formal_con {
  margin: 20px auto;
  padding: 20px;
  max-width: 600px;
  background-color: #f8f8f8;
  border-radius: 8px;
}

.formal_item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.item_number {
  background-color: #f47421;
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 8px;
  position: relative;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.item_number::after {
  content: '';
  position: absolute;
  right: -10px; /* 控制箭头的位置 */
  top: 40%;
  transform: translateY(-40%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #f47421; /* 与背景颜色一致 */
}

.item_content {
  flex: 1; /* 内容占据剩余空间 */
  margin-left: 5px;
}

.item_content p {
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}



.formal_p1{
  font-size: 16px;
  color: #565656;
  line-height: 1.6;
  margin-bottom: 10px;

}
.formal_p2{
  font-size: 16px;
  color: #565656;
  line-height: 1.6;
  margin-bottom: 10px;

}

.formal_p3 {
  font-size: 16px;
  color: #565656;
  line-height: 1.6;
}






.formal_p1 strong, .formal_p2 strong, .formal_p3 strong {
  color: #ff7803;
  font-weight: normal;
}

.formal_btn {
  background: linear-gradient(90deg, #4c8ede, #387bcd);
  width: 100%;
  max-width: 300px; /* 调整按钮宽度 */
  height: 50px;
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  margin: 20px auto;
  display: block;
  text-align: center;
  cursor: pointer;
}

.formal_btn:hover {
  background-color: #064f8a;
}


/* 
.number-badge {
  background-color: #f47421;
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 10px;
} */