
@font-face {
  font-family: 'TBMCYXT';
  src: url("../../fonts/TBMCYXT.OTF");
} 
@font-face {
  font-family: 'CKTKingkong';
  src: url("../../fonts/CKTKingkong.OTF");
} 
@font-face {
  font-family: 'AlimamaShuHeiTi-Bold';
  src: url("https://cdn.sizhengshijian.cn/140/fonts/Alimama_ShuHeiTi_Bold.ttf");
} 

.nodata{color: #bcdff8 !important;}
.mapIndex{background: url(../../images/map/icon5.png) no-repeat top center;background-size: cover;padding:1px 0px 20px;}
.mapwrap{width: 100%;padding: 0px 35px;}
.topName{background: url(../../images/map/icon18.png) no-repeat center;text-align: center; line-height: 70px; margin: 25px 0px;position: relative;}


.mapIndex .numwrap{display: flex;justify-content: center;white-space: nowrap;}
.mapIndex .numwrap .box{font-family: TBMCYXT;color: #c9e7ff;height: 125px;margin-right: 100px; }
.mapIndex .numwrap .box .name{letter-spacing: 1px;line-height: 36px;margin-bottom: 20px;}
.mapIndex .numwrap .box .num font{padding: 0px 5px; font-family: AlimamaShuHeiTi-Bold;margin-right: 10px; display: inline-block;line-height: 66px;min-width: 45px;text-align: center; border: solid 1px rgba(0, 246, 255,0.6);box-shadow: inset 0 0 20px 2px rgba(0, 246, 255,0.41);}
.mapIndex .numwrap .box .num font:last-child{margin-right: 15px;}
.mapIndex .numwrap .box .num.personTotal{font-size: 30px;}


.mapIndex .mainbox1{display: flex;justify-content: space-between;margin: 35px 0px;}
.mapIndex .centerbox{width: 71%;margin-right:20px;}
 
.catTitle{position: relative;text-align: center;padding: 15px 0px 15px;}
.catTitle .tit{position: absolute;left: 0;right: 0;top: 0; margin: auto;}
.catTitle .name{color: #c9e7ff;font-size: 24px;font-family: TBMCYXT;position: relative;z-index: 1;}
.catTitle .more{font-family: SourceHanSansCN-Regular;position: absolute;z-index: 1;bottom: 20px;right: 15px; line-height: 18px;color: rgba(255, 255, 255,0.6);}
.catTitle .more:hover{color: #fff;}

/* 首页 = 两侧表格 */
.mapIndex .sidebox{padding: 0px 7px 10px; height: 950px;width: 455px;max-width: 100%;box-shadow: inset 0 0 20px 2px rgba(0, 246, 255,0.41);border-radius: 6px;border: solid 1px #1ba3ea;}
.mapIndex .sidebox .jdtable{font-family: SourceHanSansCN-Regular;line-height: 26px;margin-top: 7px;position: relative;z-index: 1;}
.mapIndex .sidebox .jdtable .thead{color: rgba(255, 255, 255,0.6);padding: 8px 0px;display: flex;}
.mapIndex .sidebox .jdtable .tbody{color: #bcdff8;line-height: 29px;}
.mapIndex .sidebox .jdtable .tbody .item{padding: 9px 0px;display: flex;}
.mapIndex .sidebox .jdtable .tbody .item:nth-child(odd){background: url(../../images/map/name.png) no-repeat center;background-size: 100% 100%;} 
.mapIndex .sidebox .jdtable .tbody .li1{font-family: CKTKingkong;}
.mapIndex .sidebox .jdtable .tbody a{color: #bcdff8;}
.mapIndex .sidebox .jdtable .li1{width: 70px;text-align: center;}
.mapIndex .sidebox .jdtable .li2{text-align: left;width: calc(100% - 170px);padding: 0px 5px;}
.mapIndex .sidebox .jdtable .li3{text-align: left;width: 120px;}


.mapIndex .jdmapwrap{height: 685px;padding: 25px;box-shadow: inset 0 0 20px 2px rgba(0, 246, 255,0.41);border-radius: 6px;border: solid 1px #1ba3ea;}
.mapIndex .jdmapwrap .contentbox{width: 100%;position: relative;height: 100%;}
/* .mapIndex .jdmapwrap .contentbox{width: 100%;height: 568px;position: relative;} */

.contentbox .sboxWrap{position: absolute;top: 5px;left: 5px;z-index: 999;}
.contentbox .sbox1{margin-left: 10px; width: 200px;height: 45px;position: relative;display: inline-block;}
.contentbox .sbox1 input{width: 100%;height: 100%;color: #AD4813; border: none;padding: 0px 40px 0px 15px;background: rgba(255,255,255,0.6);border: solid 1px rgb(173, 72, 19,0.3);}
.contentbox .sbox1 input::-webkit-input-placeholder { color: rgb(173, 72, 19,0.6); }
.contentbox .sbox1 input::-moz-placeholder { color: rgb(173, 72, 19,0.6); }
.contentbox .sbox1 input:-ms-input-placeholder { color: rgb(173, 72, 19,0.6); }
.contentbox .sbox1 input:-moz-placeholder { color: rgb(173, 72, 19,0.6); }
.contentbox .sbox1 .iconbtn{position: absolute;right: 0;top: 0; width: 45px;height: 45px;}
.contentbox .sbox1 .iconbtn2{display: none;}
.contentbox .sbox1 .iconbtn1{background: url(../../images/map/b10.png) no-repeat center;background-size: 22px;}
.contentbox .sbox1 .iconbtn1:hover{background: url(../../images/map/b11.png) no-repeat center;background-size: 22px;}
.contentbox .sbox1 .iconbtn2{background: url(../../images/map/b9.png) no-repeat center;background-size: 25px;}
.contentbox .sbox1 .iconbtn2:hover{background: url(../../images/map/b12.png) no-repeat center;background-size: 25px;}


/* 地图右侧悬浮框 */
.dtContent{position: absolute;max-width: 100%; z-index: 9999;padding: 20px 25px 10px; left: 20px;top: 20px;display: none; width: 340px;background: #ffffff;box-shadow: 0px 3px 20px 0px rgba(63, 59, 59, 0.3);border-left: solid 2px #0f49ad;}
.dtContent .gjgxlist2{margin-bottom: -10px;}
.dtContent .gjgxlist2 .title,.dtContent .minYxal .title{font-size:14px;padding: 10px 0px;line-height: 16px;}
.dtContent .minYxal .yxalMin .item{width: 100%;}
.dtContent .topinfo .name{font-size: 20px;color: #242424;line-height: 28px;}
.dtContent .topinfo .add{font-size: 14px;line-height: 26px;color: #999999;}
.dtContent .topinfo .summary{font-size: 14px;line-height: 22px;color: #666;margin: 5px 0px;}
.dtContent .topinfo .summary .llabel{color: #333;font-weight: bold;}
.dtContent .load{text-align: right;color: #0f49ad;font-size: 14px;line-height: 26px;}
.dtContent .load a{color: #0f49ad;}
.dtContent .icon29{position: absolute;top: 30px;right: -16px;}

/* 共建高校-小模块 */
.gjgxlist2{margin-top: 5px;}
.gjgxlist2 .title{font-size: 14px;color: #0f49ad;line-height: 24px;padding: 10px 0px; }
.gjgxlist2 .school .item{margin-bottom: 5px;display: flex;}
.gjgxlist2 .school .simgbox{width: 32px;height: 32px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.gjgxlist2 .school .name{font-size: 16px;color: #242424;line-height: 32px;}
.gjgxlist2 .school a:hover{color: #0f49ad;}
.szdt-toggle .mapbox .gjgxlist2 .school .item{display: none;}
.szdt-toggle .mapbox .gjgxlist2 .school .item:nth-child(1),.szdt-toggle .mapbox .gjgxlist2 .school .item:nth-child(2){display: flex;}

.mapIndex .jdmapwrap .dtTitle{position: relative;}
.mapIndex .jdmapwrap .dtTitle .con{display: flex;justify-content:center ;color: #ffffff;padding: 15px 0px;}
.mapIndex .jdmapwrap .dtTitle .con .item{margin: 0px 10px;line-height: 20px;}
.mapIndex .jdmapwrap .dtTitle .con .icon{display: inline-block;width: 14px;height: 14px;margin-top: 2px; border-radius: 50%;margin-right: 10px;}

/* .dtTitle .conbox0 .icontip1{background: #4c150c;}
.dtTitle .conbox0 .icontip2{background: #9A3828;}
.dtTitle .conbox1 .icontip1{background: #c4300f;}
.dtTitle .conbox1 .icontip2{background: #ea5b3b;}
.dtTitle .conbox2 .icontip1{background: #02461b;}
.dtTitle .conbox2 .icontip2{background: #276e41;}
.dtTitle .conbox3 .icontip1{background: #1a38b8;}
.dtTitle .conbox3 .icontip2{background: #7a8ee6;}
.dtTitle .conbox4 .icontip1{background: #067747;}
.dtTitle .conbox4 .icontip2{background: #1da56b;}
.dtTitle .conbox5 .icontip1{background: #024460;}
.dtTitle .conbox5 .icontip2{background: #1b6382;}
.dtTitle .conbox6 .icontip1{background: #b8741a;}
.dtTitle .conbox6 .icontip2{background: #ddab69;}
.dtTitle .conbox7 .icontip1{background: #b04d2b;}
.dtTitle .conbox7 .icontip2{background: #ca6a4a;}
.dtTitle .conbox8 .icontip1{background: #d90000;}
.dtTitle .conbox8 .icontip2{background: #ed8a8a;}
.dtTitle .conbox9 .icontip1{background: #129c9a;}
.dtTitle .conbox9 .icontip2{background: #1dbbb9;}
.dtTitle .conbox10 .icontip1{background: #0c3182;}
.dtTitle .conbox10 .icontip2{background: #3b5eaa;}
.dtTitle .conbox11 .icontip1{background: #299f12;}
.dtTitle .conbox11 .icontip2{background: #7ac06c;}
.dtTitle .conbox12 .icontip1{background: #1c6540;}
.dtTitle .conbox12 .icontip2{background: #4e916f;}
.dtTitle .conbox13 .icontip1{background: #106fb9;}
.dtTitle .conbox13 .icontip2{background: #6c90c0;}
.dtTitle .conbox14 .icontip1{background: #72113e;}
.dtTitle .conbox14 .icontip2{background: #ab2c67;}
.dtTitle .conbox15 .icontip1{background: #d22c27;}
.dtTitle .conbox15 .icontip2{background: #d65450;}
.dtTitle .conbox16 .icontip1{background: #670806;}
.dtTitle .conbox16 .icontip2{background: #923b39;}
.dtTitle .conbox17 .icontip1{background: #008eb7;}
.dtTitle .conbox17 .icontip2{background: #00abdc;}
.dtTitle .conbox18 .icontip1{background: #581a01;}
.dtTitle .conbox18 .icontip2{background: #833718;}
.dtTitle .conbox19 .icontip1{background: #d42a66;}
.dtTitle .conbox19 .icontip2{background: #ff4f8d;}
.dtTitle .conbox20 .icontip1{background: #b71313;}
.dtTitle .conbox20 .icontip2{background: #ef4c4c;}
.dtTitle .conbox21 .icontip1{background: #2c4096;}
.dtTitle .conbox21 .icontip2{background: #5b69a6;}
.dtTitle .conbox22 .icontip1{background: #754e00;}
.dtTitle .conbox22 .icontip2{background: #aa7100;}
.dtTitle .conbox23 .icontip1{background: #625e5d;}
.dtTitle .conbox23 .icontip2{background: #8e8988;}
.dtTitle .conbox24 .icontip1{background: #ed037c;}
.dtTitle .conbox24 .icontip2{background: #fa40a0;}
.dtTitle .conbox25 .icontip1{background: #00483a;}
.dtTitle .conbox25 .icontip2{background: #187f6b;}
.dtTitle .conbox26 .icontip1{background: #01717d;}
.dtTitle .conbox26 .icontip2{background: #269eab;}
.dtTitle .conbox27 .icontip1{background: #5e0f68;}
.dtTitle .conbox27 .icontip2{background: #8e5296;}
.dtTitle .conbox28 .icontip1{background: #887767;}
.dtTitle .conbox28 .icontip2{background: #b3aca5;}
.dtTitle .conbox29 .icontip1{background: #1c2777;}
.dtTitle .conbox29 .icontip2{background: #4f59a3;}
.dtTitle .conbox30 .icontip1{background: #5dc8f2;}
.dtTitle .conbox30 .icontip2{background: #5dc8f2;} */



.mapIndex .jdmapwrap .mapbox{width: 100%;height: 100%;border-radius: 4px;overflow: hidden;}
.mapIndex .legendbox{padding: 25px 0px 25px 45px; display: flex;flex-wrap: wrap;margin-top: 20px;max-height: 245px;overflow-y: auto;box-shadow: inset 0 0 20px 2px rgba(0, 246, 255, 0.41);border-radius: 6px;border: solid 1px #1ba3ea;}
/* .mapIndex .legendbox .item{line-height: 20px;padding: 10px 0px;cursor: pointer;} */
.mapIndex .legendbox .item{width: 16.66%;line-height: 20px;padding: 7px 0px 6px;cursor: pointer;}
.mapIndex .legendbox .color{width: 16px;height: 16px;margin-top: 1px;}
.mapIndex .legendbox .color1{background: #4c150c;}
.mapIndex .legendbox .color2{background: #c4300f;}
.mapIndex .legendbox .color3{background: #004918;}
.mapIndex .legendbox .color4{background: #1939b5;}
.mapIndex .legendbox .color5{background: #067847;}
.mapIndex .legendbox .color6{background: #065675;}
.mapIndex .legendbox .color7{background: #b5741d;}
.mapIndex .legendbox .color8{background: #af4e2d;}
.mapIndex .legendbox .color9{background: #d60302;}
.mapIndex .legendbox .color10{background: #159b99;}
.mapIndex .legendbox .color11{background: #800c45;}
.mapIndex .legendbox .color12{background: #28a012;}
.mapIndex .legendbox .color13{background: #1e6441;}
.mapIndex .legendbox .color14{background: #0f70b7;}
.mapIndex .legendbox .color15{background: #71123c;}
.mapIndex .legendbox .color16{background: #cf2e25;}
.mapIndex .legendbox .color17{background: #600605;}
.mapIndex .legendbox .color18{background: #008eb7;}
.mapIndex .legendbox .color19{background: #5b1604;}
.mapIndex .legendbox .color20{background: #d42a66;}
.mapIndex .legendbox .color21{background: #b71313;}
.mapIndex .legendbox .color22{background: #28429c;}
.mapIndex .legendbox .color23{background: #754e02;}
.mapIndex .legendbox .color24{background: #5e5f61;}
.mapIndex .legendbox .color25{background: #bc07ff;}
.mapIndex .legendbox .color26{background: #8aaeff;}
.mapIndex .legendbox .color27{background: #40d2f1;}
.mapIndex .legendbox .color28{background: #7a9c28;}
.mapIndex .legendbox .color29{background: #c98e00;}
.mapIndex .legendbox .color30{background: #56cbcc;}
.mapIndex .legendbox .color31{background: #bbbbbb;}
.mapIndex .legendbox .color32{background: #b38aff;}
.mapIndex .legendbox .color33{background: #b5d091;}
.mapIndex .legendbox .color34{background: #cdba76;}
.mapIndex .legendbox .color35{background: #d66666;}
.mapIndex .legendbox .color36{background: #b5d091;}


.mapIndex .legendbox .font{color: #ffead6;margin-left: 25px;padding-right: 10px;}
.mapIndex .legendbox .item.on .font{color: #ffa81e;}

.mapbox .tdt-fade-anim .tdt-map-pane .tdt-infowindow{bottom: 20px !important;}
.mapbox .tdt-label.tdt-clickable{background: none;border: none;box-shadow: none;}
.mapbox .tdt-infowindow-content-wrapper,.habitat .tdt-infowindow-tip{max-height: 350px;padding: 25px 25px 20px 25px;z-index: 2;width: 280px;border-left: 2px solid #ff7b0b;background-color: #ffffff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.23);}
.mapbox .tdt-infowindow-content{margin: 0px;}
.mapbox .svg-info .sour{color: #b5b5b5;font-size: 12px;line-height: 22px;}
.mapbox .svg-info .name a{color: #444444;font-size: 16px;line-height: 20px;}
.mapbox .svg-info .sum{color: #818181;font-size: 12px;line-height: 20px;margin: 7px 0px 10px;}
.mapbox .svg-info .load{text-align:right; }
.mapbox .svg-info .load a{color: #ff7b0b;font-size: 12px;line-height: 20px;}



@media ( min-width : 2000px) {
  .mapIndex .centerbox{width: 71%;}
}
@media ( max-width : 1900px) {
  .catTitle .font{max-width: 100%;}
}
@media ( max-width : 1900px) and ( min-width : 1700px) {
}
@media ( max-width : 1600px) {
  .mapIndex .jdmapwrap{height: 650px;}
  .mapIndex .legendbox{max-height: 280px;}
  .mapIndex .legendbox .item{width: 20%;}
  .mapIndex .centerbox{width: 71%;}
  .mapIndex .sidebox .jdtable .li1{width: 50px;}
  .mapIndex .sidebox .jdtable .li2{width: calc(100% - 50px);}

  .mapIndex .numwrap .box .num.personTotal{font-size: 28px;}

  .catTitle .more{right: 18px;bottom: 10px;}

  
  .mapIndex .font18{font-size: 16px;}
  .mapIndex .font16{font-size: 14px;}
  .mapIndex .font14{font-size: 12px;}
  .mapIndex .font42{font-size: 36px;}
}
@media ( max-width : 1400px) {
  .catTitle .font{max-width: 100%;}

  .mapIndex .jdmapwrap{height: auto;}
  .mapIndex .jdmapwrap .contentbox{height: 540px;}

  .mapIndex .legendbox .item{width: 25%;}
}
@media ( max-width : 1300px) {
  .mapIndex .sidebox{margin-bottom: 20px;width: 100%;order: 1;}
  .mapIndex .centerbox{margin: 0px auto 20px;width: 100%;order: 0;}

  .mapIndex .numwrap{transform: scale(0.9);}
  .mapIndex .numwrap .box{font-size: 22px;}
  .mapIndex .numwrap .box .name{margin-bottom: 10px;}
  .mapIndex .mainbox1{margin: 10px 0px;flex-direction: column;}

  .topName{line-height: 60px;background-size: cover;margin: 15px 0px 10px;}
  .topName .icon3{height: 30px;}
}
@media ( max-width : 992px) {
  .mapIndex .numwrap{transform: scale(0.8);}
  .mapIndex .legendbox .item{width: 33.33%;}
  .mapIndex .numwrap .box{margin-right: 30px;}
}
@media ( max-width : 768px) {  
  .mapIndex .numwrap{transform: scale(0.6);}
  
  .mapIndex .legendbox .item{width: 50%;}
}
@media ( max-width : 640px) {
}
@media ( max-width : 540px) {
  .mapwrap{padding: 0px 15px;}
  
  .mapIndex .sidebox{padding:0px 10px 10px; }
  .mapIndex .jdmapwrap{height: auto;padding: 10px;}

  .dtContent{left: 0;}

  .topName{line-height: 50px;}
  .topName .icon3{height: 24px;}

  .mapIndex .legendbox{padding: 10px 0px 10px 15px;}
}
@media ( max-width : 480px) {
  .mapIndex .legendbox .item{width: 50%;}
}
@media ( max-width : 450px) {
  .mapIndex .numwrap{transform: scale(0.5);margin: -20px 0px;}
}
@media ( max-width : 380px) {
  .mapIndex .numwrap{transform: scale(0.4);}
  .mapIndex .centerbox{margin-top: -15px;}
}