@charset "UTF-8";
.content-bg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 0; overflow: hidden; background: url("../images/inner-bg.png") center top no-repeat; background-size: contain; }

.content-bg .layout-box .layout-content .main-content { width: 800px; margin-right: 16px; }

.content-bg .layout-box .layout-content aside { width: 384px; }

/*培训精神*/
.box28 { margin-bottom: 24px; }

.box28 .plate28 .plate-content { background-color: #fff; padding: 16px; }

.box28 .plate28 .plate-content .spirit-garden { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.box28 .plate28 .plate-content .spirit-garden:first-child ul li { width: auto; }

.box28 .plate28 .plate-content .spirit-garden:first-child .more-spirit { display: none; }

.box28 .plate28 .plate-content .spirit-garden ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; height: 48px; overflow: hidden; width: calc(100% - 60px); }

.box28 .plate28 .plate-content .spirit-garden ul.on { height: auto; }

.box28 .plate28 .plate-content .spirit-garden ul li { width: 12.5%; }

.box28 .plate28 .plate-content .spirit-garden ul li:hover a { color: #cc191b; }

.box28 .plate28 .plate-content .spirit-garden ul li.active a { background-color: #cc191b; color: #fff; }

.box28 .plate28 .plate-content .spirit-garden ul li a { display: inline-block; vertical-align: top; font-size: 16px; background-color: #fff; color: #333; line-height: 48px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 8px; }

.box28 .plate28 .plate-content .spirit-garden button { border: none; outline: none; background-color: transparent; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; height: 48px; margin-left: 12px; }

.box28 .plate28 .plate-content .spirit-garden button span { display: block; font-size: 14px; line-height: 24px; color: #cc191b; }

.box28 .plate28 .plate-content .spirit-garden button i { display: block; width: 18px; font-size: 14px; line-height: 24px; color: #cc191b; }

.box28 .plate28 .plate-content .spirit-garden button:focus { outline: none; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); }

/*培训精神-end*/
/*培训系统 & 培训专题*/
.box29 { margin-bottom: 24px; }

.box29 .plate29 .plate-content { background-color: #fff; padding: 16px; }

.box29 .plate29 .plate-content .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 144px; overflow: hidden; }

.box29 .plate29 .plate-content .wrapper.on { height: auto; }

.box29 .plate29 .plate-content .wrapper .system-garden { width: 25%; margin-right: 70px; position: relative; }

.box29 .plate29 .plate-content .wrapper .system-garden::after { content: ""; display: block; position: absolute; top: 0; right: -35px; bottom: 0; width: 1px; background-color: #f3f3f3; }

.box29 .plate29 .plate-content .wrapper .system-garden:last-child { margin-right: 0; }

.box29 .plate29 .plate-content .wrapper .system-garden ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; margin-bottom: 0; }

.box29 .plate29 .plate-content .wrapper .system-garden ul.on { height: auto; }

.box29 .plate29 .plate-content .wrapper .system-garden ul li { width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box29 .plate29 .plate-content .wrapper .system-garden ul li.active .bg { background-color: #cc191b; }

.box29 .plate29 .plate-content .wrapper .system-garden ul li.active a { color: #fff; }

.box29 .plate29 .plate-content .wrapper .system-garden ul li.new a { max-width: calc(100% - 32px); margin-right: 8px; }

.box29 .plate29 .plate-content .wrapper .system-garden ul li.new .bg::after { content: ""; display: block; background-image: url("../images/icon23.png"); }

.box29 .plate29 .plate-content .wrapper .system-garden ul li.hot a { max-width: calc(100% - 32px); margin-right: 8px; }

.box29 .plate29 .plate-content .wrapper .system-garden ul li.hot .bg::after { content: ""; display: block; background-image: url("../images/icon57.png"); }

.box29 .plate29 .plate-content .wrapper .system-garden ul li a { display: inline-block; vertical-align: top; font-size: 16px; line-height: 48px; color: #333; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.box29 .plate29 .plate-content .wrapper .system-garden ul li .bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4px; }

.box29 .plate29 .plate-content .wrapper .system-garden ul li .bg::after { content: ""; display: none; background-size: 100% 100%; background-repeat: no-repeat; width: 24px; height: 16px; -ms-flex-negative: 0; flex-shrink: 0; }

.box29 .plate29 .plate-content .wrapper .system-garden button { display: none; border: none; outline: none; background-color: transparent; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; height: 48px; }

.box29 .plate29 .plate-content .wrapper .system-garden button span { display: block; font-size: 14px; line-height: 24px; color: #cc191b; }

.box29 .plate29 .plate-content .wrapper .system-garden button i { display: block; width: 18px; font-size: 14px; line-height: 24px; color: #cc191b; }

.box29 .plate29 .plate-content .wrapper .system-garden button:focus { outline: none; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); }

.box29 .plate29 .plate-content > button { border: none; outline: none; background-color: transparent; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; margin: 0 auto; height: 24px; }

.box29 .plate29 .plate-content > button span { display: block; font-size: 14px; line-height: 24px; color: #cc191b; }

.box29 .plate29 .plate-content > button i { display: block; width: 18px; font-size: 14px; line-height: 24px; color: #cc191b; }

.box29 .plate29 .plate-content > button:focus { outline: none; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); }

/*培训系统 & 培训专题-end*/
/*培训精神 & 培训系统 & 培训专题*/
.box30 { margin-bottom: 24px; }

.box30 .plate30 .plate-content .details-body > div:last-of-type { margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .name { margin-bottom: 16px; text-align: center; font-size: 18px; line-height: 48px; background-color: #cc191b; color: #fff; font-weight: bold; }

.box30 .plate30 .plate-content .details-body .data-board-a { background-color: #cc191b; margin-bottom: 24px; }

.box30 .plate30 .plate-content .details-body .data-board-a .effect-show { display: -webkit-box; display: -ms-flexbox; display: flex; }

.box30 .plate30 .plate-content .details-body .data-board-a .effect-show .img-box { -ms-flex-negative: 0; flex-shrink: 0; width: 400px; height: auto; }

.box30 .plate30 .plate-content .details-body .data-board-a .effect-show .img-box img { display: block; width: 100%; min-height: 168px; height: 100%; }

.box30 .plate30 .plate-content .details-body .data-board-a .effect-show .infos-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 22px; }

.box30 .plate30 .plate-content .details-body .data-board-a .effect-show .infos-box p { margin-bottom: 0; color: #f8e0c7; font-size: 18px; line-height: 36px; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list { background-color: #e7e7e7; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item::after { content: ""; display: block; width: 1px; height: 14px; background-color: #b5b5b5; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item:last-child::after { display: none; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item:nth-child(1) .data-item-title img { width: 20px; height: 17px; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item:nth-child(2) .data-item-title img { width: 20px; height: 23px; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item:nth-child(3) .data-item-title img { width: 20px; height: 22px; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item .data-item-title { 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; margin-right: 24px; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item .data-item-title img { display: block; margin-right: 14px; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item .data-item-title i { display: block; font-size: 14px; color: #000; line-height: 48px; }

.box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item .data-item-value { display: block; font-size: 14px; color: #000; line-height: 48px; }

.box30 .plate30 .plate-content .details-body .data-board-b { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; }

.box30 .plate30 .plate-content .details-body .data-board-b .effect-show { -ms-flex-negative: 0; flex-shrink: 0; }

.box30 .plate30 .plate-content .details-body .data-board-b .effect-show .img-box { width: 548px; height: auto; }

.box30 .plate30 .plate-content .details-body .data-board-b .effect-show .img-box img { display: block; width: 100%; height: 230px; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: #ffedf1; padding: 0 38px; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item:last-child::after { display: none; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item:nth-child(1) .data-item-title img { width: 20px; height: 17px; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item:nth-child(2) .data-item-title img { width: 20px; height: 23px; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item:nth-child(3) .data-item-title img { width: 20px; height: 22px; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item .data-item-title { 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; margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item .data-item-title img { display: block; margin-right: 14px; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item .data-item-title i { display: block; font-size: 14px; color: #000; line-height: 48px; }

.box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item .data-item-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 14px; color: #000; line-height: 48px; }

.box30 .plate30 .plate-content .details-body .bgi { background-color: #f5f5f5; padding: 24px 16px; margin-bottom: 24px; }

.box30 .plate30 .plate-content .details-body .bgi h1 { margin-bottom: 0; font-size: 24px; line-height: 24px; color: #000; font-weight: bold; margin-bottom: 8px; }

.box30 .plate30 .plate-content .details-body .bgi .bgi-text { line-height: 24px; max-height: 216px; overflow: auto; }

.box30 .plate30 .plate-content .details-body .bgi .bgi-text p { font-size: 14px; line-height: 24px; margin-bottom: 0; color: #000; }

.box30 .plate30 .plate-content .details-body .advert-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 24px; }

.box30 .plate30 .plate-content .details-body .advert-box::after { content: ""; display: block; width: 255px; height: 0; }

.box30 .plate30 .plate-content .details-body .advert-box a { display: block; width: 255px; height: auto; overflow: hidden; }

.box30 .plate30 .plate-content .details-body .advert-box a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.box30 .plate30 .plate-content .details-body .advert-box a img { display: block; width: 100%; height: 125px; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; }

.box30 .plate30 .plate-content .details-body .hot-special { margin-bottom: 24px; padding: 24px 16px; background-color: #f5f5f5; }

.box30 .plate30 .plate-content .details-body .hot-special .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.box30 .plate30 .plate-content .details-body .hot-special .title h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .hot-special .title h1 span { display: block; font-size: 24px; line-height: 24px; color: #000; font-weight: bold; margin-right: 8px; }

.box30 .plate30 .plate-content .details-body .hot-special .title h1 i { display: block; font-size: 14px; line-height: 14px; color: #666; -ms-flex-item-align: end; align-self: flex-end; }

.box30 .plate30 .plate-content .details-body .hot-special .title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box30 .plate30 .plate-content .details-body .hot-special .title a span { display: block; font-size: 14px; line-height: 24px; color: #898989; margin-right: 6px; }

.box30 .plate30 .plate-content .details-body .hot-special .title a i { display: block; font-size: 16px; line-height: 24px; color: #cc191b; }

.box30 .plate30 .plate-content .details-body .hot-special ul { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -16px; }

.box30 .plate30 .plate-content .details-body .hot-special ul::after { content: ""; display: block; width: 245px; height: 0; }

.box30 .plate30 .plate-content .details-body .hot-special ul li { width: 245px; margin-bottom: 16px; }

.box30 .plate30 .plate-content .details-body .hot-special ul li.new a h1 img { display: block; }

.box30 .plate30 .plate-content .details-body .hot-special ul li:hover a { background-color: #cc191b; }

.box30 .plate30 .plate-content .details-body .hot-special ul li:hover a h1 span { color: #fff; }

.box30 .plate30 .plate-content .details-body .hot-special ul li:hover a .train-count { border: 1px solid #fff; }

.box30 .plate30 .plate-content .details-body .hot-special ul li:hover a .train-count span { display: block; font-size: 14px; line-height: 30px; color: #fff; }

.box30 .plate30 .plate-content .details-body .hot-special ul li:hover a .train-count i { display: block; font-family: arial; font-size: 14px; line-height: 30px; color: #eee; }

.box30 .plate30 .plate-content .details-body .hot-special ul li a { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 21px 16px; width: 100%; }

.box30 .plate30 .plate-content .details-body .hot-special ul li a h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; width: 100%; margin-bottom: 10px; }

.box30 .plate30 .plate-content .details-body .hot-special ul li a h1 span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; font-size: 18px; font-weight: bold; color: #000; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.box30 .plate30 .plate-content .details-body .hot-special ul li a h1 img { -ms-flex-negative: 0; flex-shrink: 0; display: none; width: 24px; height: 16px; }

.box30 .plate30 .plate-content .details-body .hot-special ul li a .train-count { border: 1px solid #d2d2d2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; }

.box30 .plate30 .plate-content .details-body .hot-special ul li a .train-count span { display: block; font-size: 14px; line-height: 30px; color: #000; }

.box30 .plate30 .plate-content .details-body .hot-special ul li a .train-count i { display: block; font-family: arial; font-size: 14px; line-height: 30px; color: #666; }

.box30 .plate30 .plate-content .details-body .available-plan { margin-bottom: 24px; padding: 24px 16px; background-color: #f5f5f5; }

.box30 .plate30 .plate-content .details-body .available-plan .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.box30 .plate30 .plate-content .details-body .available-plan .title h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .available-plan .title h1 span { display: block; font-size: 24px; line-height: 24px; color: #000; font-weight: bold; margin-right: 8px; }

.box30 .plate30 .plate-content .details-body .available-plan .title h1 i { display: block; font-size: 14px; line-height: 14px; color: #666; -ms-flex-item-align: end; align-self: flex-end; }

.box30 .plate30 .plate-content .details-body .available-plan .title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box30 .plate30 .plate-content .details-body .available-plan .title a span { display: block; font-size: 16px; line-height: 24px; color: #cc191b; margin-right: 6px; }

.box30 .plate30 .plate-content .details-body .available-plan .title a i { display: block; font-size: 16px; line-height: 24px; color: #cc191b; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table { /*表格内容不固定 只控制边框显示*/ }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table table { border: 1px solid #000; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table table tr { border: 1px solid #000; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table table tr td { border: 1px solid #000; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-header { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #cc191b; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-header span { display: block; background-color: #cc191b; color: #fff; text-align: center; padding: 15px 0; line-height: 18px; font-size: 18px; font-weight: bold; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-header span:nth-child(1) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-right: 1px solid #f5f5f5; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-header span:nth-child(1) i { display: block; font-size: 16px; line-height: 16px; font-weight: normal; -ms-flex-item-align: end; align-self: flex-end; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-header span:nth-child(2) { -ms-flex-negative: 0; flex-shrink: 0; width: 136px; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body { margin-bottom: 0; height: 480px; overflow: auto; display: flex; flex-wrap: wrap; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; background-color: #fff; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body li:nth-of-type(2n) { background-color: #eeeeee; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body li:nth-of-type(2n) span { color: #000; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body li span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; text-align: left; font-size: 14px; line-height: 40px; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body li span:nth-child(1) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-right: 1px solid #f5f5f5; padding: 0 34px; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body li span:nth-child(2) { -ms-flex-negative: 0; flex-shrink: 0; width: 136px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p { margin-bottom: 0; font-size: 14px; line-height: 40px; background-color: #fff3f3; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p:nth-of-type(4n+1), .box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p:nth-of-type(4n+2) { background-color: #fff; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p:nth-of-type(4n+1) span, .box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p:nth-of-type(4n+2) span { color: #000; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p:nth-of-type(2n+1) { width: 82.3%; text-align: left; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p:nth-of-type(2n+1) span { color: #000; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p:nth-of-type(2n) { width: 17.7%; text-align: center; }

.box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body p:nth-of-type(2n) span { color: #000; }

.box30 .plate30 .plate-content .details-body .other-related { margin-bottom: 24px; padding: 24px 16px; background-color: #f5f5f5; }

.box30 .plate30 .plate-content .details-body .other-related .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.box30 .plate30 .plate-content .details-body .other-related .title h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .other-related .title h1 span { display: block; font-size: 24px; line-height: 24px; color: #000; font-weight: bold; margin-right: 8px; }

.box30 .plate30 .plate-content .details-body .other-related .title h1 i { display: block; font-size: 14px; line-height: 14px; color: #666; -ms-flex-item-align: end; align-self: flex-end; }

.box30 .plate30 .plate-content .details-body .other-related .title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box30 .plate30 .plate-content .details-body .other-related .title a span { display: block; font-size: 14px; line-height: 24px; color: #898989; margin-right: 6px; }

.box30 .plate30 .plate-content .details-body .other-related .title a i { display: block; font-size: 16px; line-height: 24px; color: #cc191b; }

.box30 .plate30 .plate-content .details-body .other-related ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -24px; }

.box30 .plate30 .plate-content .details-body .other-related ul::after { content: ""; display: block; width: 244px; height: 0; }

.box30 .plate30 .plate-content .details-body .other-related ul li { margin-bottom: 0px; width: 244px; margin-bottom: 24px; }

.box30 .plate30 .plate-content .details-body .other-related ul li:hover a .img-box { background-color: #cc191b; }

.box30 .plate30 .plate-content .details-body .other-related ul li:hover a .infos-box span { color: #cc191b; }

.box30 .plate30 .plate-content .details-body .other-related ul li:hover a .infos-box span i { color: #cc191b; }

.box30 .plate30 .plate-content .details-body .other-related ul li.recommend a .icon { opacity: 1; }

.box30 .plate30 .plate-content .details-body .other-related ul li a { display: block; position: relative; position: relative; }

.box30 .plate30 .plate-content .details-body .other-related ul li a .img-box { width: 100%; height: auto; margin-bottom: 16px; overflow: hidden; background-color: #fff; padding: 6px; -webkit-transition: .1s linear; transition: .1s linear; position: relative; }

.box30 .plate30 .plate-content .details-body .other-related ul li a .img-box img { display: block; width: 100%; height: 100%; position: relative; z-index: 50; margin: 0 auto; }

.box30 .plate30 .plate-content .details-body .other-related ul li a .infos-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; overflow: hidden; padding: 0 4px 0 4px; }

.box30 .plate30 .plate-content .details-body .other-related ul li a .infos-box h1 { margin-bottom: 0; font-size: 14px; line-height: 14px; color: #000; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 6px; }

.box30 .plate30 .plate-content .details-body .other-related ul li a .infos-box span { white-space: nowrap; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; }

.box30 .plate30 .plate-content .details-body .other-related ul li a .infos-box span i { display: block; font-size: 16px; color: #999; margin-left: 4px; line-height: 14px; }

.box30 .plate30 .plate-content .details-body .other-related ul li a .icon { opacity: 0; position: absolute; top: 0; left: 0; z-index: 51; }

.box30 .plate30 .plate-content .details-body .recommend-school { margin-bottom: 24px; padding: 24px 16px; background-color: #f5f5f5; }

.box30 .plate30 .plate-content .details-body .recommend-school .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.box30 .plate30 .plate-content .details-body .recommend-school .title h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .recommend-school .title h1 span { display: block; font-size: 24px; line-height: 24px; color: #000; font-weight: bold; margin-right: 8px; }

.box30 .plate30 .plate-content .details-body .recommend-school .title h1 i { display: block; font-size: 14px; line-height: 14px; color: #666; -ms-flex-item-align: end; align-self: flex-end; }

.box30 .plate30 .plate-content .details-body .recommend-school .title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box30 .plate30 .plate-content .details-body .recommend-school .title a span { display: block; font-size: 16px; line-height: 24px; color: #cc191b; margin-right: 6px; }

.box30 .plate30 .plate-content .details-body .recommend-school .title a i { display: block; font-size: 16px; line-height: 24px; color: #cc191b; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .recommend-school-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .recommend-school-list li { width: calc(100% / 6); color: #333; text-align: center; font-size: 16px; line-height: 40px; background-color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; cursor: pointer; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .recommend-school-list li:hover { color: #cc191b; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .recommend-school-list li.on { background-color: #cc191b; color: #fff; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school { display: none; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school.on { display: block; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box { background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(80, 80, 80, 0.1); box-shadow: 0 0 10px rgba(80, 80, 80, 0.1); margin-bottom: 16px; padding: 16px 16px 11px; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .school-sign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 63px; border-bottom: 1px solid #f5f5f5; padding-bottom: 16px; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .school-sign .school-logo { display: block; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .school-sign .school-logo img { display: block; width: auto; max-height: 47px; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .school-sign .school-door { display: block; color: #cc191b; border: 1px solid #cc191b; background-color: #fff; font-size: 16px; line-height: 30px; padding: 0 10px; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .school-sign .school-door:hover { background-color: #cc191b; color: #fff; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .school-attribute { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; color: #333; line-height: 30px; padding: 5px 0; border-bottom: 1px solid #f5f5f5; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .school-attribute span { display: block; margin-right: 10px; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .school-attribute span:last-child { margin-right: 0; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .infos-box .desc { margin-bottom: 0; font-size: 14px; line-height: 24px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; margin-top: 11px; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment::after { content: ""; display: block; width: 244px; height: 0; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment .img-box { display: block; border: 6px solid #fff; width: 244px; height: auto; overflow: hidden; position: relative; top: 0; -webkit-transition: .2s linear !important; transition: .2s linear !important; }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment .img-box:hover { border: 6px solid #cc191b; top: -2px; -webkit-box-shadow: 0 0 10px rgba(80, 80, 80, 0.4); box-shadow: 0 0 10px rgba(80, 80, 80, 0.4); }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment .img-box:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); }

.box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment .img-box img { display: block; width: 100%; height: 126px; -webkit-transition: .3s linear !important; transition: .3s linear !important; }

.box30 .plate30 .plate-content .details-body .hot-school { margin-bottom: 24px; padding: 24px 16px; background-color: #f5f5f5; }

.box30 .plate30 .plate-content .details-body .hot-school .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.box30 .plate30 .plate-content .details-body .hot-school .title h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .hot-school .title h1 span { display: block; font-size: 24px; line-height: 24px; color: #000; font-weight: bold; margin-right: 8px; }

.box30 .plate30 .plate-content .details-body .hot-school .title h1 i { display: block; font-size: 14px; line-height: 14px; color: #666; -ms-flex-item-align: end; align-self: flex-end; }

.box30 .plate30 .plate-content .details-body .hot-school .title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box30 .plate30 .plate-content .details-body .hot-school .title a span { display: block; font-size: 14px; line-height: 24px; color: #898989; margin-right: 6px; }

.box30 .plate30 .plate-content .details-body .hot-school .title a i { display: block; font-size: 16px; line-height: 24px; color: #cc191b; }

.box30 .plate30 .plate-content .details-body .hot-school ul { margin-bottom: -16px; }

.box30 .plate30 .plate-content .details-body .hot-school ul li { width: 100%; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; padding: 16px; }

.box30 .plate30 .plate-content .details-body .hot-school ul li.new a h1 .new-icon { display: block; }

.box30 .plate30 .plate-content .details-body .hot-school ul li.hot a h1 .hot-icon { display: block; }

.box30 .plate30 .plate-content .details-body .hot-school ul li:hover a.infos-box h1 span { color: #cc191b; }

.box30 .plate30 .plate-content .details-body .hot-school ul li:hover a.infos-box .train-count-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box30 .plate30 .plate-content .details-body .hot-school ul li:hover a.infos-box .train-count-box .train-count { border: 1px solid #cc191b; background-color: #cc191b; }

.box30 .plate30 .plate-content .details-body .hot-school ul li:hover a.infos-box .train-count-box .train-count span { color: #fff; }

.box30 .plate30 .plate-content .details-body .hot-school ul li:hover a.infos-box .train-count-box .train-count i { color: #fff; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.img-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 34px; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.img-box img { display: block; width: auto; max-height: 58px; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; width: 100%; margin-bottom: 11px; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box h1 span { display: block; font-size: 18px; font-weight: bold; color: #000; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 3px; max-width: calc(100% - 60px); }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box h1 img { -ms-flex-negative: 0; flex-shrink: 0; display: none; width: 24px; height: 16px; margin: 0 3px; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box p { margin-bottom: 11px; font-size: 14px; line-height: 24px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box .train-count-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box .train-count-box .train-count { border: 1px solid #d2d2d2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; margin-right: 10px; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box .train-count-box .train-count:last-child { margin-right: 0; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box .train-count-box .train-count span { display: block; font-size: 14px; line-height: 30px; color: #000; }

.box30 .plate30 .plate-content .details-body .hot-school ul li a.infos-box .train-count-box .train-count i { display: block; font-family: arial; font-size: 14px; line-height: 30px; color: #666; }

.box30 .plate30 .plate-content .details-body .hot-city { margin-bottom: 24px; padding: 24px 16px; background-color: #f5f5f5; }

.box30 .plate30 .plate-content .details-body .hot-city .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.box30 .plate30 .plate-content .details-body .hot-city .title h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.box30 .plate30 .plate-content .details-body .hot-city .title h1 span { display: block; font-size: 24px; line-height: 24px; color: #000; font-weight: bold; margin-right: 8px; }

.box30 .plate30 .plate-content .details-body .hot-city .title h1 i { display: block; font-size: 14px; line-height: 14px; color: #666; -ms-flex-item-align: end; align-self: flex-end; }

.box30 .plate30 .plate-content .details-body .hot-city .title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box30 .plate30 .plate-content .details-body .hot-city .title a span { display: block; font-size: 14px; line-height: 24px; color: #898989; margin-right: 6px; }

.box30 .plate30 .plate-content .details-body .hot-city .title a i { display: block; font-size: 16px; line-height: 24px; color: #cc191b; }

.box30 .plate30 .plate-content .details-body .hot-city ul { margin-bottom: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.box30 .plate30 .plate-content .details-body .hot-city ul::after { content: ""; display: block; width: 246px; height: 0; }

.box30 .plate30 .plate-content .details-body .hot-city ul li { width: 246px; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; position: relative; }

.box30 .plate30 .plate-content .details-body .hot-city ul li:hover span { background-color: #cc191b; }

.box30 .plate30 .plate-content .details-body .hot-city ul li:hover .img-box img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.box30 .plate30 .plate-content .details-body .hot-city ul li span { display: block; background-color: #ff7476; color: #fff; font-size: 14px; line-height: 24px; width: 48px; text-align: center; position: absolute; top: 7px; right: 7px; border-top-left-radius: 12px; border-bottom-right-radius: 12px; }

.box30 .plate30 .plate-content .details-body .hot-city ul li .img-box { display: block; width: 100%; height: auto; overflow: hidden; }

.box30 .plate30 .plate-content .details-body .hot-city ul li .img-box img { display: block; width: 100%; height: 160px; -webkit-transition: .2s linear; transition: .2s linear; }

/*培训精神 & 培训系统 & 培训专题-end*/
.switch-content { display: none; }

.switch-content.on { display: block; }

/*媒体查询*/
@media only screen and (max-width: 1200px) { .content-bg .layout-box .layout-content .main-content { width: 100%; margin-right: 0; margin-bottom: 16px; }
  .content-bg .layout-box .layout-content .main-content .box .plate { max-width: 100%; }
  .content-bg .layout-box .layout-content aside { width: 100%; }
  .box29 .plate29 .plate-content .wrapper .system-garden { width: 25%; margin-right: 20px; position: relative; }
  .box29 .plate29 .plate-content .wrapper .system-garden::after { content: ""; display: block; position: absolute; top: 0; right: -10px; bottom: 0; width: 1px; background-color: #f3f3f3; }
  .box30 .plate30 .plate-content .details-body .advert-box a { width: 30%; }
  .box30 .plate30 .plate-content .details-body .advert-box a img { height: auto; }
  .box30 .plate30 .plate-content .details-body .other-related ul::after { width: 30%; }
  .box30 .plate30 .plate-content .details-body .other-related ul li { width: 30%; }
  .box30 .plate30 .plate-content .details-body .hot-special ul::after { width: 30%; }
  .box30 .plate30 .plate-content .details-body .hot-special ul li { width: 30%; }
  .box30 .plate30 .plate-content .details-body .hot-city ul::after { width: 30%; }
  .box30 .plate30 .plate-content .details-body .hot-city ul li { width: 30%; }
  .box30 .plate30 .plate-content .details-body .hot-city ul li .img-box img { height: auto; } }

@media only screen and (max-width: 992px) { .box28 .plate28 .plate-content .spirit-garden ul li { width: 20%; }
  .box29 .plate29 .plate-content .wrapper { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .box29 .plate29 .plate-content .wrapper .system-garden { width: 100%; margin-right: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .box29 .plate29 .plate-content .wrapper .system-garden ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; overflow: hidden; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .box29 .plate29 .plate-content .wrapper .system-garden ul li { width: 20%; }
  .box29 .plate29 .plate-content .wrapper .system-garden button { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .box29 .plate29 .plate-content .wrapper .system-garden::after { content: ""; display: none; }
  .box29 .plate29 .plate-content .more-all { display: none; }
  .box30 .plate30 .plate-content .details-body .data-board-b { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .box30 .plate30 .plate-content .details-body .data-board-b .effect-show .img-box { width: 100%; }
  .box30 .plate30 .plate-content .details-body .data-board-b .effect-show .img-box img { height: auto; }
  .box30 .plate30 .plate-content .details-body .data-board-b .data-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item span { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
  .box30 .plate30 .plate-content .details-body .advert-box a { width: 48%; }
  .box30 .plate30 .plate-content .details-body .advert-box a img { height: auto; }
  .box30 .plate30 .plate-content .details-body .advert-box a:nth-child(3) { display: none; }
  .box30 .plate30 .plate-content .details-body .recommend-school .wrapper .recommend-school-list::after { content: ""; display: block; width: calc(100% / 3); height: 0; }
  .box30 .plate30 .plate-content .details-body .recommend-school .wrapper .recommend-school-list li { width: calc(100% / 3); }
  .box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment::after { content: ""; display: block; width: 48%; height: 0; }
  .box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment .img-box { width: 48%; }
  .box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment .img-box img { height: auto; }
  .box30 .plate30 .plate-content .details-body .recommend-school .wrapper .school .environment .img-box:last-child { display: none; } }

@media only screen and (max-width: 768px) { .box28 .plate28 .plate-content .spirit-garden ul li { width: 25%; }
  .box29 .plate29 .plate-content .wrapper .system-garden ul li { width: 25%; }
  .box30 .plate30 .plate-content .details-body .data-board-a .effect-show { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .box30 .plate30 .plate-content .details-body .data-board-a .effect-show .img-box { width: 100%; }
  .box30 .plate30 .plate-content .details-body .data-board-a .effect-show .img-box img { height: auto; }
  .box30 .plate30 .plate-content .details-body .hot-special ul::after { content: ""; display: block; width: 48%; height: 0; }
  .box30 .plate30 .plate-content .details-body .hot-special ul li { width: 48%; } }

@media only screen and (max-width: 576px) { .box28 .plate28 .plate-content .spirit-garden ul li { width: 33%; }
  .box29 .plate29 .plate-content { padding: 0 2px; }
  .box29 .plate29 .plate-content .wrapper .system-garden ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .box29 .plate29 .plate-content .wrapper .system-garden ul li { width: 32%; }
  .box30 .plate30 .plate-content .details-body .data-board-a .data-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item { width: 100%; padding: 0 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .box30 .plate30 .plate-content .details-body .data-board-a .data-list .data-item::after { display: none; }
  .box30 .plate30 .plate-content .details-body .data-board-b .data-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item { width: 100%; padding: 0 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item span { -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item .data-item-title { margin-right: 0; }
  .box30 .plate30 .plate-content .details-body .data-board-b .data-list .data-item .data-item-value { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; }
  .box30 .plate30 .plate-content .details-body .available-plan { padding: 24px 2px; }
  .box30 .plate30 .plate-content .details-body .available-plan .title h1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .box30 .plate30 .plate-content .details-body .available-plan .title h1 span { margin-bottom: 8px; }
  .box30 .plate30 .plate-content .details-body .available-plan .title h1 i { -ms-flex-item-align: start; align-self: flex-start; }
  .box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-header span:nth-child(1) i { display: none; }
  .box30 .plate30 .plate-content .details-body .available-plan .plan-table .table-body li span:nth-child(1) { padding: 0 8px; }
  .box30 .plate30 .plate-content .details-body .other-related { padding: 24px 2px; }
  .box30 .plate30 .plate-content .details-body .other-related .title h1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .box30 .plate30 .plate-content .details-body .other-related .title h1 span { margin-bottom: 8px; }
  .box30 .plate30 .plate-content .details-body .other-related .title h1 i { -ms-flex-item-align: start; align-self: flex-start; }
  .box30 .plate30 .plate-content .details-body .other-related ul::after { width: 48%; }
  .box30 .plate30 .plate-content .details-body .other-related ul li { width: 48%; }
  .box30 .plate30 .plate-content .details-body .other-related ul li:last-child { display: none; }
  .box30 .plate30 .plate-content .details-body .hot-special { padding: 24px 2px; }
  .box30 .plate30 .plate-content .details-body .hot-special .title h1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .box30 .plate30 .plate-content .details-body .hot-special .title h1 span { margin-bottom: 8px; }
  .box30 .plate30 .plate-content .details-body .hot-special .title h1 i { -ms-flex-item-align: start; align-self: flex-start; }
  .box30 .plate30 .plate-content .details-body .recommend-school { padding: 24px 2px; }
  .box30 .plate30 .plate-content .details-body .recommend-school .title h1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .box30 .plate30 .plate-content .details-body .recommend-school .title h1 span { margin-bottom: 8px; }
  .box30 .plate30 .plate-content .details-body .recommend-school .title h1 i { -ms-flex-item-align: start; align-self: flex-start; }
  .box30 .plate30 .plate-content .details-body .hot-school { padding: 24px 2px; }
  .box30 .plate30 .plate-content .details-body .hot-school .title h1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .box30 .plate30 .plate-content .details-body .hot-school .title h1 span { margin-bottom: 8px; }
  .box30 .plate30 .plate-content .details-body .hot-school .title h1 i { -ms-flex-item-align: start; align-self: flex-start; }
  .box30 .plate30 .plate-content .details-body .hot-school ul li a.img-box { display: none; }
  .box30 .plate30 .plate-content .details-body .hot-city { padding: 24px 2px; }
  .box30 .plate30 .plate-content .details-body .hot-city .title h1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .box30 .plate30 .plate-content .details-body .hot-city .title h1 span { margin-bottom: 8px; }
  .box30 .plate30 .plate-content .details-body .hot-city .title h1 i { -ms-flex-item-align: start; align-self: flex-start; } }

@media only screen and (max-width: 420px) { .box28 .plate28 .plate-content .spirit-garden ul li { width: 50%; }
  .box29 .plate29 .plate-content .wrapper .system-garden ul li { width: 48%; }
  .box30 .plate30 .plate-content .details-body .other-related ul::after { width: 100%; }
  .box30 .plate30 .plate-content .details-body .other-related ul li { width: 100%; }
  .box30 .plate30 .plate-content .details-body .hot-special ul::after { content: ""; display: block; width: 100%; height: 0; }
  .box30 .plate30 .plate-content .details-body .hot-special ul li { width: 100%; }
  .box30 .plate30 .plate-content .details-body .hot-city ul::after { width: 48%; }
  .box30 .plate30 .plate-content .details-body .hot-city ul li { width: 48%; } }

/*媒体查询-end*/