/* design by BOOFCCOM */

/* 位置地图 */
.locusmap .map{ width:100%; height:300px; border:1px #e8e8e8 solid; }
.locusmap .map .name{ color:#fff; line-height:24px; padding:10px 14px; background:#ff4000; position:absolute; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.locusmap .map .name:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-top:##ff4000 8px solid; margin:auto; left:0; bottom:-8px; right:0; }
.locusmap .map .name:after{ content:''; position:absolute; width:10px; height:10px; background:#ff4000; border:#fff 3px solid; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:auto; bottom:-26px; left:0; right:0; }
.locusmap .map .icon{ width:27px; height:37px; background:transparent url(../images/browse/locusmap_icon2.png); }
.locusmap .map .icon:hover{ background-image:url(../images/browse/locusmap_icon.png); }
.locusmap .map .icon_gj{ background-position:0 0; }
.locusmap .map .icon_dt{ background-position:0 0; }
.locusmap .map .icon_dx{ background-position:-30px 0; }
.locusmap .map .icon_zx{ background-position:-60px 0; }
.locusmap .map .icon_xx{ background-position:0 -40px; }
.locusmap .map .icon_yey{ background-position:-30px -40px; }
.locusmap .map .icon_sc{ background-position:-60px -40px; }
.locusmap .map .icon_yy{ background-position:0 -80px; }
.locusmap .map .icon_yd{ background-position:-30px -80px; }
.locusmap .map .icon_shang{ background-position:-60px -80px; }
.locusmap .map .icon_cs{ background-position:0 -120px; }
.locusmap .map .icon_yh{ background-position:-30px -120px; }
.locusmap .map .icon_atm{ background-position:-60px -120px; }
.locusmap .map .icon_kf{ background-position:0 -160px; }
.locusmap .map .icon_cy{ background-position:-30px -160px; }

.locusmap .map .panel2{ background:#fff; padding:20px; box-shadow:0 0 6px 0 rgba(13,4,9,0.2); width:240px; position:absolute; left:-107px; top:-110px; }
.locusmap .map .panel2:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-top:#fff 8px solid; margin:auto; left:0; bottom:-8px; right:0; }
.locusmap .map .panel2 h2{ overflow:hidden; }
.locusmap .map .panel2 span{ float:left; line-height:20px; color:#333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:120px; }
.locusmap .map .panel2 i{ float:left; width:80px; font-style:normal; color:#333; line-height:20px; font-size:14px; text-align:right; }
.locusmap .map .panel2 p{ color:#999; line-height:20px; width:200px; white-space:pre-wrap; }

.locusmap .mapall{ position:absolute; width:80px; height:165px; margin:auto; right:15px; bottom:15px; }
.locusmap .mapall > .titleTab{ overflow:hidden; border-bottom:#288ADD 0px solid; }
.locusmap .mapall > .titleTab li{ float:left; width:100%; line-height:28px; color:#fff; text-align:center; cursor:pointer; margin-top:5px; background:#555A64;opacity:0.85; font-size:13px; }
.locusmap .mapall > .titleTab li:hover{ background:#288ADD; }
.locusmap .mapall > .titleTab li.cur{ background:#288ADD; color:#fff; }




.locusmap .mapall > .conteTab{ padding-right:15px; }
.locusmap .mapall > .conteTab > li{ display:none; }
.locusmap .mapall > .conteTab > li.cur{ display:block; }

.locusmap .smallSwitch > .titleTab{ border-bottom:#ddd 1px solid; margin:10px 0 0 30px; }
.locusmap .smallSwitch > .titleTab:after{ content:''; display:block; clear:both; }
.locusmap .smallSwitch > .titleTab li{ float:left; line-height:42px; color:#333; margin-right:20px; cursor:pointer; }
.locusmap .smallSwitch > .titleTab li.cur{ color:#1695F6; position:relative; }
.locusmap .smallSwitch > .titleTab li.cur:after{ content:''; position:absolute; width:100%; height:1px; background:#1695F6; left:0; bottom:-1px; }

.locusmap .smallSwitch > .conteTab > li{ display:none; padding-top:10px; overflow-y:auto; height:130px; }
.locusmap .smallSwitch > .conteTab > li.cur{ display:block; }
.locusmap .smallSwitch > .conteTab .i{ overflow:hidden; padding:10px 50px 10px 30px; position:relative; cursor:pointer; width:380px; }
.locusmap .smallSwitch > .conteTab .i:hover{ background:#f6f6f6; }
.locusmap .smallSwitch > .conteTab .i:after{ content:''; position:absolute; width:2px; height:40px; background:#f6f6f6; margin:auto; left:0; top:0; bottom:0; }
.locusmap .smallSwitch > .conteTab .i.cur:after{ background:#1695F6; }

.locusmap .smallSwitch > .conteTab .i.dt p:before{ width:16px; height:18px; background-position:0px 0px; }
.locusmap .smallSwitch > .conteTab .i.gj p:before{ width:16px; height:16px; background-position:-29px 0px; }

.locusmap .smallSwitch > .conteTab .i.yey p:before{ width:16px; height:22px; background-position:-59px 0px; }
.locusmap .smallSwitch > .conteTab .i.xx p:before{ width:20px; height:20px; background-position:-89px 0px; }
.locusmap .smallSwitch > .conteTab .i.zx p:before{ width:20px; height:20px; background-position:-121px 0px; }
.locusmap .smallSwitch > .conteTab .i.dx p:before{ width:24px; height:18px; background-position:-150px 0px; }

.locusmap .smallSwitch > .conteTab .i.yy p:before{ width:22px; height:18px; background-position:-182px 0px; }
.locusmap .smallSwitch > .conteTab .i.yd p:before{ width:21px; height:20px; background-position:-430px 0px; }

.locusmap .smallSwitch > .conteTab .i.shang p:before{ width:20px; height:18px; background-position:-211 0px; }
.locusmap .smallSwitch > .conteTab .i.cs p:before{ width:20px; height:18px; background-position:-241px 0px; }
.locusmap .smallSwitch > .conteTab .i.sc p:before{ width:20px; height:18px; background-position:-280px 0px; }

.locusmap .smallSwitch > .conteTab .i.yh p:before{ width:18px; height:20px; background-position:-311px 0px; }
.locusmap .smallSwitch > .conteTab .i.atm p:before{ width:22px; height:16px; background-position:-341px 0px; }
.locusmap .smallSwitch > .conteTab .i.kf p:before{ width:20px; height:18px; background-position:-371px 0px; }
.locusmap .smallSwitch > .conteTab .i.cy p:before{ width:22px; height:18px; background-position:-401px 0px; }

.locusmap .smallSwitch > .conteTab .i p{ float:left; line-height:20px; color:#333; position:relative; padding-left:40px; font-weight:bold; width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.locusmap .smallSwitch > .conteTab .i p:before{ content:''; position:absolute; background:url(../images/browse/locusmap.png); margin:auto; left:10px; top:0; bottom:0; }
.locusmap .smallSwitch > .conteTab .i span{ float:left; line-height:20px; color:#999; padding-left:40px; clear:both; margin-top:6px; }
.locusmap .smallSwitch > .conteTab .i b{ float:right; line-height:20px; color:#333; font-weight:bold; }
.locusmap .smallSwitch > .conteTab .i.cur p{ color:#1695F6; }
.locusmap .smallSwitch > .conteTab .i.cur span{ color:#1695F6; }
.locusmap .smallSwitch > .conteTab .i.cur b{ color:#1695F6; }
.locusmap .smallSwitch > .conteTab .noIt{ line-height:200px; text-align:center; color:#999; }

.locusmap .tui{ padding:40px 0; }
.locusmap .tui .t{ font-size:24px; color:#333; line-height:64px; border-bottom:#ddd 1px solid; }
.locusmap .tui ul{ overflow:hidden; padding-top:30px; width:920px; margin-left:-20px; }
.locusmap .tui li{ float:left; margin-left:20px; }
.locusmap .tui .img{ display:block; position:relative; }
.locusmap .tui .img img{ width:210px; height:160px; }
.locusmap .tui .img p{ width:80px; line-height:30px; text-align:center; color:#ff552e; font-size:16px; position:absolute; right:0; bottom:0; background:#000; background:rgba(0, 0, 0, 0.8); filter:alpha(opacity=80); }
.locusmap .tui .text{ border:#ddd 1px solid; border-top:none; }
.locusmap .tui .text .tag{ overflow:hidden; padding:10px 0; }
.locusmap .tui .text .tag span{ float:left; line-height:20px; margin-left:10px; color:#333; }
.locusmap .tui .text .other{ overflow:hidden; margin:0 10px; padding-bottom:10px; }
.locusmap .tui .text .other p{ font-size:16px; color:#333; line-height:20px; float:left; }
.locusmap .tui .text .other span{ float:right; color:#999; line-height:20px; }
.locusmap .odt-count{ padding:20px 0; }
.locusmap .odt-count > .tab-click{ overflow:hidden;}
.locusmap .odt-count > .tab-click li{ float:left; cursor:pointer; line-height:40px; font-size:18px; font-weight:bold; color:#999; margin-right:30px;}
.locusmap .odt-count > .tab-click li.cur{ color:#333;}
.locusmap .odt-count > .tab-text > li{ overflow:hidden; display:none;}
.locusmap .odt-count > .tab-text > li.cur{ display:block;}
.locusmap .odt-count .form{ float:left;}
.locusmap .odt-count .line{ overflow:hidden; margin-top:20px;}
.locusmap .odt-count .line span{ float:left; width:120px; margin-right:10px; line-height:36px; text-indent:10px; color:#999; }
.locusmap .odt-count .line select{ float:left; width:380px; background-color:#f7f7f7; height:36px; text-indent:5px; cursor:pointer;}
.locusmap .odt-count .line b{ float:left; width:70px; line-height:36px; color:#333; text-align:right; margin-right:10px; }
.locusmap .odt-count .line p{ border-bottom:#dbdbdb 1px solid; float:left; }
.locusmap .odt-count .line input{ float:left; height:36px; width:300px; text-indent:10px;}
.locusmap .odt-count .line2 select{ width:250px;}
.locusmap .odt-count .line2 p{ width:120px; margin-left:10px;}
.locusmap .odt-count .line2 input{ width:80px;}
.locusmap .odt-count .line2 b{ width:40px; margin-right:0; }
.locusmap .odt-count .button a{ display:block; line-height:50px; width:380px; margin:20px 0 0 130px; font-size:20px; line-height:44px; border:#ddd 1px solid; color:#ff781e; text-align:center; }
.locusmap .odt-count .charts{ float:left; margin-left:70px; width:320px;}
.locusmap .odt-count .charts > .tab-click{ overflow:hidden;}
.locusmap .odt-count .charts > .tab-click li{ float:left; width:50%; line-height:30px; cursor:pointer; color:#aaa; font-weight:bold;}
.locusmap .odt-count .charts > .tab-click li.cur{ color:#333; } 
.locusmap .odt-count .charts > .tab-text li{ display:none;}
.locusmap .odt-count .charts > .tab-text li.cur{ display:block;} 
.locusmap .odt-count .row dt{ border-bottom:#dbdbdb 1px solid; overflow:hidden;}
.locusmap .odt-count .row dd{ overflow:hidden; }
.locusmap .odt-count .row span{ line-height:40px; float:left;}
.locusmap .odt-count .row b{ line-height:40px; float:right; color:#333; font-weight:bold;}
.locusmap .odt-count .row p{ clear:both; }