/* 大于768（电脑） */
 @media screen and (min-width:768px) {
     .card_list_wrap {
         padding: 40px;
         background-color: #e8e8e8;
     }

     /* 右上导航条 */
     .link_a {
         color: #999999;
         font-size: 12px;
         margin-bottom: 40px;
     }

     .link_a a {
         font-size: 12px;
     }

     /* 提交成功页 */
     .form_wrapper {
         /* border: solid red 1px; */
         height: 444px;
     }

     .form_wrapper img {
         display: block;
         width: 210px;
         padding-top: 30px;
         margin: 0 auto;
     }

     .form_wrapper h1 {
         margin-top: 23px;
         font-size: 18px;
         color: #333;
         text-align: center;
         font-weight: 400;
     }

     .form_wrapper button {
        width: 123px;
        height: 45px;
        background-color: #18B580;
        border: none;
        color: #fff;
        border-radius: 8px;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
     }

     /* 选择器+活动列表容器 */
     .select_list {
         /* display: none; */
         /* border: solid blue 1px; */
     }

     .select_div {
         padding: 10px 0;
         background-color: #fff;
         padding-left: 810px;
     }

     .select_div a {
         font-size: 12px;
         background-color: #fff;
         color: #333333;
         padding: 7px 20px;
         margin-right: 20px;
         border: solid 1px #DCDFE6;
     }

     .select_div a img {
         vertical-align: middle;
         margin-left: 10px;
     }

     .training_list {
         /* border: solid blue 1px; */
         /* height: 1000px; */
         padding: 20px;
     }

     .training_list ul {
         /* border: solid red 1px; */
         /* height: 800px; */
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
     }

     .training_list ul li {
         margin-bottom: 20px;
         width: 343px;
         height: 454px;
         /* border: solid blue 1px; */
         border-radius: 16px;
         background-color: #fff;
     }

     .training_list ul li .title {
         height: 64px;
         background-color: #18B580;
         border-radius: 16px 16px 0px 0px;
         line-height: 64px;
         font-size: 16px;
         color: #fff;
         text-align: center;
         position: relative;
     }

     .training_list ul li .title img {
         /* border: solid red 1px; */
         position: absolute;
         left: -15px;
         top: -15px;
     }

     .training_list ul li .content {
         text-align: center;
         font-size: 14px;
     }

     .training_list ul li .content .item {
         padding-top: 20px;
     }

     .training_list ul li .content .item span {
         margin: 0 10px;
     }

     .training_list ul li .content button {
         margin: 20px 0;
         width: 96px;
         height: 30px;
         border-radius: 15px;
         font-size: 14px;
         color: #fff;
         background-color: #18B580;
     }

     .training_list ul li .content .joined,
     .training_list ul li .content .ended {
         background-color: #999;
     }
 }