.shdt-page{background: #f5f5f5;}
.shdt-page .banner{height:600px;background: url('../../images/shdt/banner.png') center no-repeat;position: relative;}
.shdt-page .bannerimg img{width:100%}
.shdt-page .banner .shdtnavbox{position: absolute;left:0;bottom:0;width:100%;background: #950101;}
.shdt-page .banner .shdtnav a{display: inline-block;line-height: 60px;font-size: 22px;color:#fff;border-bottom:3px solid rgba(0,0,0,0);margin-right:100px}
.shdt-page .banner .shdtnav a.active{color:#f2c94c;border-color: #f2c94c;}
.shdt-page .banner .btns a{display: inline-block;margin:13px 0;margin-left:38px;border: solid 1px #fff4f4;line-height: 38px;padding:0 28px;padding-left:52px;color:#fff;border-radius: 19px;}
.shdt-page .banner .btns .school{background: #55c097 url('../../images/shdt/icon01.png') 25px center/16px no-repeat;}
.shdt-page .banner .btns .manage{background: #f3814b url('../../images/shdt/icon02.png') 25px center/16px no-repeat;}
.shdt-page .detail-box{background: #fff;border-top:5px solid #c60001;padding:20px 40px 50px;margin-bottom:50px}
.shdt-page .detail-box .detail-h2{margin:15px 0}
.shdt-page .detail-box .detailInfo{color:#999}
.shdt-page .detail-box .mainbox{margin-top:45px}
.shdt-page .detail-box .sharebox{margin-right:40px}
.shdt-page .detail-content{line-height: 30px;color:#666}
.shdt-page .toolbar { padding:0}
.shdt-page .toolbar li { width: 58px; height: 58px; cursor: pointer; border-radius: 50%; border: 1px solid #edf1fd;list-style: none;}
.shdt-page .toolbar .active {border: 2px solid #fbe1e1; background-color: #fff6f7;}
.shdt-page .toolbar li {background-size: 100% auto;}
.shdt-page .toolbar .dz{ background: url('../../images/shdt/dz.png') no-repeat center center;}
/* .shdt-page .toolbar .dz:hover{ background: url('../../images/shdt/dz-hover.png') no-repeat center center/cover;} */
.shdt-page .toolbar .dz-current{ background: url('../../images/shdt/dz-active.png') no-repeat center center !important; border: 1px solid #fbe0e0 !important;}
.shdt-page .toolbar .sc{ background: url('../../images/shdt/sc.png') no-repeat center center;}
.shdt-page .toolbar .sc-current{ background: url('../../images/shdt/sc-active.png') no-repeat center center/cover !important;border: 1px solid #fbe0e0 !important;}
/* .shdt-page .toolbar .sc:hover{ background: url('../../images/shdt/sc-hover.png') no-repeat center center;} */
.shdt-page .toolbar .fx{background: url('../../images/shdt/fx.png') no-repeat center center;}
/* .shdt-page .toolbar .fx:hover {background: url('../../images/shdt/zf-hover.png') no-repeat center center/cover;} */
.shdt-page .toolbar .zf-box{position: relative;}
.shdt-page .toolbar .zf-box:hover .fx-box{display: block;}
.shdt-page .toolbar li:hover{background-color:#f5f8ff;border-color:#d6e0fa}
.shdt-page .toolbar .num {display: block; margin: 9px 0 20px; font-size: 14px; color: #2a2a2a; cursor: pointer;}
.shdt-page .fx-box { display: none; position: absolute; top: 0; left: 99%; padding-left:20px}
.shdt-page .fx-box .btns {display: block; width: 40px; height: 40px; cursor: pointer; margin-top: 23px; border-radius: 50%; background-size: 100% 100%;}
.shdt-page .bshare-sinaminiblog{background:url('../../images/shdt/weibo.png') no-repeat center center;}
.shdt-page .fx-box .bshare-qqim {margin-top: 0}
.shdt-page .bshare-qqim{background:url('../../images/shdt/QQ.png') no-repeat center center;}
.shdt-page .bshare-weixin{background:url('../../images/shdt/weixin.png') no-repeat center center;}
.shdt-page .fx-box .empty {position: relative;padding: 15px 15px 15px; background-color: #fff; box-shadow: 0px 4px 12px 1px rgba(45, 45, 45, 0.17);}
.shdt-page .fx-box .empty #qrcode_c {position: absolute; left: 80px; top: 50%; display: none; transform: translateY(-50%); width: 115px; height: 115px; padding: 10px; background-color: #fff; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}
.shdt-page .fx-box .empty #qrcode_c img {width: 100%; height: 100%;}
.shdt-page .coverbox{width:100%;height:100%;position: fixed;left:0;top:0;background: rgba(0,0,0,.4);z-index: 10;}
.shdt-page .coverbox .covercontent{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:400px;max-width: 90%;padding:30px 70px;background: #fff;border-radius: 10px;}
.shdt-page .coverbox a{display: block;line-height: 48px;color:#fff;border-radius: 4px;margin:20px 0;background: #55bf97;}
.shdt-page .coverbox a.manage{background: #e0b15e;}
.shdt-page .coverbox .closebtn{position: absolute;width:35px;height:35px;right:-17px;top:-17px}
@media (max-width : 1024px) {
  .shdt-page .banner{background: none;height:auto}
  .shdt-page .banner .shdtnavbox{position: relative;}
}
@media (max-width : 768px) {
  .shdt-page .banner .shdtnav a{margin-right:30px}
  .shdt-page .banner .btns a{margin-left:20px}
}

@media (max-width : 767px) {
  .shdtnavbox .d-flex-center,.mainbox{flex-wrap: wrap;}
  .shdt-page .detail-box{padding:20px 15px 50px}
  .shdt-page .banner .btns a{margin:13px 5px}
}

@media (max-width : 400px) {
  .shdt-page .banner .btns a{margin:13px 0;padding:0 15px;background-position: 15px center!important;padding-left:35px}
  .shdt-page .banner .btns .school{margin-right: 5px}
  .shdt-page .coverbox .covercontent{padding:30px}
}