﻿@charset "utf-8";
/* CSS 目录部分 */
.fl{float:left;}
.none{display: none;}

/* .mapBox{overflow: hidden;} */
.catalogBigBox{position: absolute;z-index: 11;height: 100%;width: 546px;right: -546px;}
.catalogBtn{position:absolute;width:98px;height:219px;left:-98px;top:50%;margin-top:-114.5px;background:url(../images/catalogBtn.png) no-repeat;cursor:pointer;}
.closeCatalog{background:url(../images/closeCatalog.png) no-repeat}
.catalogBox{position: absolute;height: 1803px;width: 546px;top: 0;background:#faf0e9;border-left: solid 4px #4c1d0a;border-right: solid 4px #4c1d0a;border-top-right-radius:30px;border-bottom-right-radius: 30px;opacity: 0;overflow: hidden;}

.cataNavHead{height: 200px;}
.catalogTit{height:81px;line-height:81px;padding-right:40px;font-size:30px;color:#666}
.catalogName{background:#f68e4e;color:#fff;font-size:40px;padding:0 30px;border-radius:0 0 50px 0}
.catalogBox .ul1{padding:0px 20px 20px 40px;height:1583px;overflow-y: auto;overflow-x: hidden;}
.catalogBox ul .li1{position: relative;font-size:44px;font-weight:bold;margin-bottom: 20px;}
.catalogBox ul .li1 a{display:block;height:60px;line-height:60px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.catalogBox ul .li1Text{display: inline-block;max-width: 250px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.catalogBox ul .li1 .btns{display:inline-block;margin-left: 20px;width:60px;height:60px;background: url(../images/selec-icon-down.png) center no-repeat;background-size: 24px 32px;}
.catalogBox ul .li1 .btns.active{width:60px;height:60px;background: url(../images/selec-icon-up.png) center no-repeat;background-size: 32px 24px;}
.catalogBox ul .li1 a:hover{color:#f68d4e}
.catalogBox .ul2,.catalogBox .ul3{list-style: outside;color: #666;margin: 10px 0 0 80px;}
.catalogBox .ul3{color: #999;}
.catalogBox ul .li2,.catalogBox ul .li3{list-style: outside;font-size:40px;margin: 10px 0;}
.catalogBox ul .li2 a,.catalogBox ul .li3 a{color: #666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.catalogBox ul .li3 a{color: #999;}
.catalogBox ul .li2:hover,.catalogBox ul .li3:hover{color:#f68d4e}
.wid80{width:80px;} 

.catalogNum{margin-left:10px;display:block;width:40px;height:40px;border:solid 5px #4c1d09;border-radius:100%;font-weight:normal;font-size:26px;text-align:center;line-height:40px;color:#5b3213;font-family:microSoft Yahei;overflow:hidden;box-shadow:5px 5px 0px #fed70e;margin-top:28px}
.catalogNum em{display:block;background:#fed70e;margin-left:5px;border-radius:100%}
.unlogin{float:left;height:50px;line-height:50px;background:#f9e5b5;border-radius:10px;border:solid 2px #f68d4e;font-size:24px;font-weight:normal;color:#f68d4e;text-align:center;padding:0px 14px;margin-right: 6px;}

.catalogBox::-webkit-scrollbar{
    width: 0.1rem;
    background-color: #c0b1b7;
    border-radius: 0.5rem;
}
.catalogBox::-webkit-scrollbar-thumb{
    background-color: #8b6e64;
    border-radius: 0.5rem;
}
.catalogBox::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0,0,0,0.3);
    background-color: #c0b1b7;
    border: 0.06rem;
    border-radius: 0.5rem;
}


/**省市区域弹层**/
.jsPic{cursor: pointer;}
.cityName{display:none}
.mask{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.6);z-index:12;}
.closeMask{width:100px;height:100px;border-radius:100%;background:#5f250d;color:#fff;position:absolute;right:10px;top:10px;z-index:13;text-align:center;line-height:100px;font-size:50px}
.cityBox{position:absolute;white-space: nowrap;;z-index:13;}

/* Ⅰ级Ⅱ级III级导航 */
.muluNav{font-size:40px;margin-top:20px;overflow: hidden;}
.muluNav span{float:left;height:50px;line-height:50px;border-radius:10px;border:solid 2px gray;font-weight:normal;color:gray;text-align:center;padding:0px 14px;margin-right: 6px;cursor: pointer;margin: 0 20px;}
.muluNav span.active,.muluNav span:hover{background:#f9e5b5;border:solid 2px #f68d4e;color:#f68d4e;}

/* 手绘图地区弹层样式 start*/
.cityBox a:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.cityBox a {font-size:38px;font-weight: bold;position: absolute;line-height: 1;color: #333;}
.cityBox b{position: absolute;}
.cityBox a b{width:19px;height:19px;background:url(../images/dian02.gif) no-repeat;background-size: 100%;}
.cityBox a b.dian02{width:19px;height:19px;background:url(../images/dian03.gif) no-repeat;background-size: 100%;}

.cityBox a.detail2{color: #E65C1D;}
.cityBox a.detail2 b{position:absolute;width:29px;height:39px;background:url(../images/dian.gif) no-repeat;background-size: 100%;}
.cityBox a.detail2 b.dian02{position:absolute;width:29px;height:39px;background:url(../images/dian04.gif) no-repeat;background-size: 100%;}
/* 手绘图地区弹层样式 end*/