html, body { height: 100%; position: relative; background-color: #fff }
.main-page { position: relative; background: url(../img/new_bg.jpg) no-repeat center; background-size: cover; min-height: 100% }
.main-page .main-body { position: relative; min-height: 800px; overflow: hidden; }
.plantform-title { font-size: 18px; margin-top: 160px; justify-content: center; margin-bottom: 30px; align-items: center; }
.search-box { width: 600px; margin: 0px auto; display: flex; align-items: center; }

.search-box .input-group { width: 100%; border: solid 1px #ddd; border-radius: 10px; box-sizing: border-box; color: rgba(0, 0, 0, 0.65); background-color: #fff; border: 1px solid #d9d9d9; transition: all 0.3s; }
.search-box .form-control { background-color: transparent; color: #595959; padding: 8px 12px; height: 40px; flex: 1; border-radius: 0px; box-shadow: none; border: none; }
.search-box .input-group:focus { border-color: #11bb89 }
.search-box .input-group:hover { border-color: #11bb89 }
.search-box .btn-success { border-radius: 0px; min-height: 40px; background-color: #51defe; border: none; color: #fff;border-radius:0px 10px 10px 0px; }
.search-box .btn-success .fa { color:#fff;font-size:18px }
.search-box .btn-success:hover {  background-color: #51defe;  }
.search-box .btn-success:active {  background-color: #51defe;  }

.search_hot { width: 88%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px auto; padding: 8px 0px; }
.search_hot a { display: inline-block; font-weight: 300; border: solid 1px #fff; padding: 5px 10px; border-radius: 20px; color: #fff; margin-bottom: 8px; }
.search_change { width: 88%; display: flex; justify-content: center; margin: 0px auto; padding: 8px 0px; }
.search_change a { color: #fff; }
/*.dropdown-menu { background-color: #06a677; padding-left: 10px !important; padding-right: 10px !important; }*/
.table.table-condensed tr td { }
.table > tbody > tr > td { border-top: none; }
.btnSearch .fa { color: #999 }

/*.dropdown-menu::-webkit-scrollbar { width: 6px; height: 1px; }
.dropdown-menu::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2); background: rgba(51, 51, 51, 0.3); }
.dropdown-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2); border-radius: 0px; background: #02845e; }*/

.search-section { transition: all 0.3s 0s }
.search-section .logo-h { display: none; }
.search-section.fix .logo-h { display: inline-block; height: 48px; }
.search-section.fix { position: fixed; top: 0px; z-index: 1000; background-color: #fff; width: 100%; padding: 15px 0px; box-shadow: 0px 0px 9px rgba(0,0,0,0.15) }

.mainHeader { height: 170px; width: 100%;background:url(../img/main_hd_bg.png) no-repeat center bottom; margin-bottom:30px; }
.mainHeader .mainCenter { height: 170px; width: 1200px; margin: 0px auto; display: flex; align-items: center; }
.mainHeader .mainCenter .mainCenter_l { flex: 1; display: flex; justify-content: flex-start; }
.mainHeader .mainCenter .mainCenter_l img{width:300px;}
.mainHeader .mainCenter .mainCenter_c { flex: 1; display: flex; justify-content: center; }
.mainHeader .mainCenter .mainCenter_c img{max-width:100%}
.mainHeader .mainCenter .loginBar { flex: 1;justify-content:flex-end;display:flex; }
.btn-main { background-color: rgba(9, 132, 219, 0.20);display:inline-block;border-radius:5px;padding:3px 15px;color:#fff; }
.loginBar .dropdown-menu { right: 0px; left: initial }
/*.loginBar > a { color: #666; margin-right: 10px; }
.loginBar > a:hover { color: #11bb89; }
.loginBar .dropdown-menu { right: 0px; left: initial }
.loginBar .logo-circle { height: 30px; width: 30px; border-radius: 50%; }*/

.footer { background-color: transparent; }
.footer p { text-align: center; color: #fff; }
.GLBox { width: 900px; margin: 0px auto; }

.querybar { padding-top: 20px;  }
.querybar span { cursor: pointer; color: #999 }
.querybar span:hover { color: #11bb89 }

.GLBox .querybar > a { display: inline-block; text-align:center; width: 100px; height: 38px; line-height:38px; cursor: pointer; background: url(../img/tab_bg.png) no-repeat center; color: #fff; }


.GLBox .querybar > a.active { background: url(../img/tab_bg_active.png) no-repeat center; }
.GLBox .querybar > a:focus, .GLBox .querybar > a:hover { background: url(../img/tab_bg_active.png) no-repeat center; }

.GLGrid { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; }
.GLGrid .glitem { width: 260px;  display: inline-block; cursor: pointer; margin-bottom:30px;}
.GLGrid .glitem .item-hd { background: url(../img/coursetitle_bg.png) no-repeat left bottom; text-align: right; color: #51defe; font-size: 18px;position:relative; }
.GLGrid .glitem .item-hd:after { content: "";width:170px;height:14px; background: url(../img/coursetitle_txt_bg.png) no-repeat center bottom; display:inline-block;position:absolute;bottom:-7px;right:-40px;}
.GLGrid .gltitle { text-align: center; display: inline-block;width:70%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.GLGrid .glitem .item-bd {margin-top:15px; width: 260px; display: flex; justify-content: space-between; align-items: flex-end }
.GLGrid .glitem .glcover { border:solid 1px #51defe; padding:3px; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.10); border-radius: 5px; width: 140px; height: 90px; overflow: hidden; position: relative; display: inline-block }
.GLGrid .glitem .glcover img { background-color: #fff; width: 96%; min-height: 84px; border: none; display: block; transition: all .5s; z-index: 90; position: absolute; transform: translate(-50%,-50%); left: 50%; right: 50%; top: 50%; bottom: 50%; opacity: 1; }
.GLGrid .item-bd .btn-go {width:110px; border: solid 1px #51defe; color: #51defe; padding: 1px 3px; display: inline-block;border-radius:3px; }

.GLGrid:after { content: ""; width: 260px; }


.loadmore { margin-top:10px; min-width:100%;text-align:center; background-color: rgba(9, 132, 219, 0.20); display: inline-block; border-radius: 5px; padding: 5px 15px; color: #fff; }

.loadmore:hover { color: #fff;  }


.search-box .form-control::-webkit-input-placeholder { color: #999; font-size: 16px }

.swiper-container { padding-bottom: 40px; border: solid 1px #fff; margin-top: 10px; border-radius: 5px; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 5px; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.swiper-pagination-bullet { border: solid 1px #fff; width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: none; opacity: 1; }


.GLGrid .glitem .item-bd .tpsj {
    color: white;
    font-size:16px;
    text-align:right;
}
.GLGrid .glitem .item-bd .tiaoshu {
    color: white;
    font-size: 16px;
    text-align: right;
    margin: 10px 0px 13px 70px;
}



@media screen and (max-width:800px) {
    .plantform-title {   margin-top: 30px;   }

    .search-box { width: 100%; margin: 0px auto; display: flex; align-items: center; }
    .GLBox { width: 100% }
    .GLGrid .glitem { width: 46% }
    .GLGrid .glitem .glcover { width: 100% }
    .search-section.fix .logo-h { display: inline-block; height: 30px; }
    .querybar { overflow-y: auto; width: 100%; justify-content: flex-start }
    .GLBox .querybar > a { cursor: pointer; white-space: nowrap; margin-right: 20px; }
}