
.application  ul {
   margin: 20px 0;
}
.application  ul li {
   list-style: disc;
   margin-left: 20px;
}


.application .box{
    padding: 36px;
    display: block;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 10px;
 
}

.application .box:nth-child(2n) .col-md-6:nth-child(1){
    order:2 !important;
 }
 
 .application .box img{
    width: 90%;
    /* height: 300px; */
    width: auto;
 }

 .application .box .info{
    font-size: 16px;
    margin: 20px;
 }

 .application .box .info .title{
    font-size: 32px;
    font-weight: bold;
    margin-top: 40px;
    display: block;
    position: relative;
 }

 .application .box .info .title::before{
    content: "";
    position: absolute;
    width: 65px;
    height: 3px;
    background-color: #3fc5c8;
    bottom: -10px;
 }
 

 .application .box .info p{
    margin-top: 40px;
    margin-bottom: 40px;
 }



/* 详情页 */
 .application .description{
    background-color: rgba(100, 100, 100, 0.1);
    padding: 25px;
    border-radius: 6px;
 } 
 .application h2{
    display: block;
    margin-bottom: 25px;
 }

 .application table {
   width: 100% !important;
}

.application table tr:first-child td{
   background-color: #229bbc !important;
} 
.application table tr td{
   padding: 5px !important;
   width: auto !important;
   text-align: center !important;
   border: solid 1px #333;
   white-space: nowrap;
} 
.application table tr td,.application table tr td span,.application table tr td p{
   font-size: 16px !important;
} 

.application table tr p{
   text-align: center !important;
   margin: auto !important;
   line-height: 1.5em !important;
   white-space: nowrap;
} 

.application table tr:nth-child(1n) td{
   /* background-color: #ffffff !important; */
} 
.application table tr:nth-child(2n) td{
   background-color: #f5d05f !important;
} 

.application .imgbox {
   margin: 15px auto;
   position: relative;
}
.application .imgbox::after {
   content: "";
   position: absolute;
   background: #dededc;
   display: block;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
}


@media (max-width: 820px) {
   .container .row{
      margin: 0;
      /* padding: 3vw; */
   }
   .application .box{
      padding: 2vw;
   }
   .application .box .info .title{
      font-size: 5vw !important;
   }
   .application table {
      overflow-x: scroll !important;
      display: block;
      width: 100%;
   }

   .application .box:nth-child(2n) .col-md-6:nth-child(1) {
      order: 1; /* 将上面的div在其兄弟元素中的顺序设置为2 */
   }
   .application .box:nth-child(2n) .col-md-6:nth-child(2){
      order: 2; /* 将下面的div在其兄弟元素中的顺序设置为1 */
   }
}