*
{
    padding: 0;
    margin: 0;
}
body
{
    font: 14px "微软雅黑" ,Arial, Helvetica, STHeiti, "宋体";
    word-break: break-all;
    word-wrap: break-Word;
}
ul, ol, dl
{
    list-style: none;
}
h1, h2, h3, h4, h5, h6, p
{
    margin: 0;
    padding: 0;
}
.hidden
{
    display: none;
}
.mapcon
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    z-index: 1;
}
.tt
{
    position: absolute;
    top: 100px;
    width: 345px;
    height: 10px;
    background: red;
    z-index: 999;
}
.mencon
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999;
}
.menum li
{
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.menumico
{
    display: block;
    width: 70px;
    height: 70px;
    background: url(../Images/06_n.png) no-repeat;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
div.currmenum
{
    background: url(../Images/06_v.png) no-repeat;
}
.menumico a
{
    display: block;
    width: 28px;
    height: 25px;
    margin: auto;
    padding-top: 16px;
    text-align: center;
}
.ybzj
{
    background: url(../Images/01n.png) center 90% no-repeat;
}
.currmenum .ybzj
{
    background: url(../Images/01v.png) center 90% no-repeat;
}
        
.hjbh
{
    background: url(../Images/02n.png) center 90% no-repeat;
}
.currmenum .hjbh
{
    background: url(../Images/02v.png) center 90% no-repeat;
}
.hyjl
{
    background: url(../Images/03n.png) center 90% no-repeat;
}
        
.currmenum .hyjl
{
    background: url(../Images/03v.png) center 90% no-repeat;
}
.hyjj
{
    background: url(../Images/04n.png) center 90% no-repeat;
}
.currmenum .hyjj
{
    background: url(../Images/04v.png) center 90% no-repeat;
}
.hydc
{
    background: url(../Images/05n.png) center 90% no-repeat;
}
.currmenum .hydc
{
    background: url(../Images/05v.png) center 90% no-repeat;
}
.subnav
{
    position: absolute;
    left: 69px;
    top: 15px;
    z-index: 999;
    display: none;
}
.opa
{
    width: 100%;
    height: 100%;
    border-radius: 0 15px 15px 0;
    filter: alpha(opacity=80);
    background-color: #E3F6FE;
    background-color: rgba(224, 245, 256, 0.8);
    white-space: nowrap;
}
        
.opa div
{
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}
        
        
.opa div p
{
    position: absolute;
    background-color: #E3F6FE;
    filter: alpha(opacity=70);
    background-color: rgba(224, 245, 256, 0.7);
    font-size: 13px;
    display: none;
    border-top: 1px solid #ccc;
    border-radius: 0 0 8px 8px;
}
        
        
.opa div a
{
    padding: 0 10px;
    display: inline-block;
}
.toolcon
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
}
.subtoolcon
{
    float: left;
    position: relative;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #E5F6FE;
    width: 73px;
	margin-right: 1em;
}
        
.borderral
{
    border-radius: 4px;
}
.toolnav
{
    position: absolute;
    width: 86px;
}     
        
.opatool p
{
    text-align: left;
    padding: 2px;
    position: relative;
}
.opatool input
{
    padding-right: 4px;
    vertical-align: middle;
    line-height: 28px;
    display: inline-block;
    height: 28px;
}
.opatool label
{
    vertical-align: middle;
    line-height: 28px;
    display: inline-block;
    height: 28px;
}
.currsub, .currclic
{
    background: url(../Images/2_03.png) center bottom no-repeat;
    color: #00A4E4;
}
        
        
.toolico a
{
    display: block;
    background: url(../Images/07.png) center center no-repeat;
    height: 32px;
}
.mgr10
{
    margin-right: 10px;
}
        
.currtool
{
    background: url(../Images/2_03.png) center bottom no-repeat;
    color: #00A4E4;
}
.opatoo
{
    width: 100%;
    background-color: #E3F6FE;
    filter: alpha(opacity=80);
    background-color: rgba(224, 245, 256, 0.8);
}
        
.opatoo a
{
    font: bold 22px "Lucida Console" , Monaco, monospace;
    text-align: center;
    line-height: 28px;
    height: 28px;
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}
.opatool
{
    width: 100%;
    background-color: #E3F6FE;
    filter: alpha(opacity=80);
    background-color: rgba(224, 245, 256, 0.8);
}
div.poleft
{
    right: 0;
}
.center p
{
    text-align: center;
}
.container
{
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999;
    border-top:4px solid #66c2ef;
    border-left:4px solid #66c2ef;
    border-bottom:4px solid #66c2ef;
    background-color:#66c2ef;
    border-radius: 6px 0 0 6px;
    max-height:600px;
}

.bordernone
{
    border:0;
    }
       
.contitle
{
    background-color: #fff;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #00A4E4;
    position: relative;
    display:inline-block;
    padding:0 4px;
    border-radius: 4px 4px 0 0; 
}
.concenter
{
    background-color: #fff;
    overflow-y: hidden;
    max-height: 570px;
}
.nameborder
{
    border: 0;
}
.conul
{
    margin: 8px 10px;
    border:1px solid #eee;
}
        
.conul li
{
    display: block;
    margin-bottom: 3px;
}
        
.confc
{
    padding: 4px 24px;
    height: 28px;
}
        
.confc label, .confc input
{
    display: inline-block;
    vertical-align: middle;
    height: 28px;
}
.confc input
{
    margin-right: 6px;
}
        
.conlip
{
    margin-bottom: 3px;
    background: #80D6F7;
    padding: 0 12px;
    height: 28px;
    line-height: 28px;
}
.conlip i
{
    display: block;
    height: 28px;
    width: 14px;
    background: url(../Images/11c.png) center center no-repeat;
    float: right;
    cursor: pointer;
}
        
.conlip i.oppi
{
    background: url(../Images/11a.png) center center no-repeat;
}
.conlip label, .conlip input
{
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    white-space: normal;
}
.conlip label
{
    margin-right: 20px;
    color:#fff;
}
.conlip input
{
    margin-right: 6px;
}
.conul li ul
{
    background-color: #fff;
    padding: 4px 4px 4px 30px;
}
        
.conul p
{
    padding: 0 20px;
}

.conul li ul li p
{
    white-space:nowrap;
    }        
        
.framp
{
    text-align: right;
    padding: 4px 10px;
    border-bottom:1px solid #eee;
}
.conul li ul input, .conul li ul label
{
    display: inline-block;
    vertical-align: middle;
    height: 24px;
}
.conul li ul input
{
    margin-right: 6px;
}
.dmlegend
{
    position: absolute;
    bottom: 4px;
    left: 10px;
    z-index: 999;
    color:#fff;
    background:url(../Images/1px_03.png) repeat;
}
.dmlegend li
{
    padding: 2px 10px;
}
.dmlegend li img
{
    vertical-align: middle;
    margin-right: 4px;
}
        
.dmPlayer
{
    position: absolute;
    bottom: 40px;
    right: 10px;
    z-index: 999;
    padding: 2px 4px;
    background-color: #D4E0EC;
    width: 280px;
}
        
.dmPlayer span
{
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 46px;
}
        
span.dmTime
{
    color: #66c2EF;
}
span.dmplayico
{
    display: inline-block;
    width: 39px;
    height: 46px;
    cursor: pointer;
}
        
.dmstartBtn
{
    background: url(../Images/n_10.png) center center no-repeat;
}
.dmstartBtn:hover
{
    background: url(../Images/v_10.png) center center no-repeat;
}
        
.dmstopBtn
{
    background: url(../Images/n_03.png) center center no-repeat;
}
        
.dmstopBtn:hover
{
    background: url(../Images/v_03.png) center center no-repeat;
}
.dmtitl
{
    width: 70px;
    padding: 2px 6px 2px 4px;
}
        
.dmtitl i
{
    display: block;
    height: 18px;
    width: 14px;
    background: url(../Images/11a.png) center center no-repeat;
    float: right;
    cursor: pointer;
}
.dmtitl i.oppi
{
    display: block;
    height: 18px;
    width: 14px;
    background: url(../Images/11c.png) center center no-repeat;
    float: right;
    cursor: pointer;
}
.popTable
{
    width: 100%;
    border-collapse:collapse;
    border:1px solid #eee;
}

.popsubtitle
{
    padding-top:2px;
    padding-bottom: 3px;
    color:#868686;
    }
tr.trblue
{
     background-color:#9AD0EE;
          color:#fff;
          font-weight:bold;
    }        
.popTable td
{
    padding: 4px 0;
    text-align:center;
    border:1px solid #fff;
}
.dmcon
{
    text-align: center;
}
.conta
{
    background: #fff;
    border-collapse: collapse;
    padding: 4px;
    width: 100%;
}
tr.conta
{
    font-weight: bold;
    background:url(../Images/header.png) repeat ; 
    background-size: contain; 
}
        
.conta td
{
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 6px;
    font-size: 12px;
}
.cxsp
{
    padding-left: 10px;
}
        
.nton
{
    color: #00a4e4;
}
.conzoom
{
    display: block;
    position: absolute;
    width: 18px;
    background: #66C2EF url(../Images/arrow-r.png) no-repeat center center;
    left: -18px;
    top: 10px;
    border-radius: 15px 0 0 15px;
    line-height: 50px;
    height: 50px;
    cursor: pointer;
}
        
span.conzoomrig
{
    background: #66C2EF url(../Images/arrow-l.png) no-repeat center center;
}
        
.alarmjpgcon
{
    overflow: auto;
    height: 600px;
}
        
        
        
.hxz
{
    background-color: #fff;
}
        
.hxzse
{
    padding: 6px 10px;
}
        
.hxzse input
{
    width: 97px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #A5ACB2;
    padding: 0 4px;
}
        
.hxzse span
{
    display: inline-block;
    border: 1px solid #ccc;
    width: 180px;
    height: 60px;
}
        
.hxzse label
{
    vertical-align: top;
    text-align: right;
    width: 60px;
    display: inline-block;
}
.hxzse a
{
    background: #00B7EE;
    border: 0;
    border-radius: 2px 2px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 1px 4px;
    display: inline-block;
    margin-left: 10px;
}
.hxzse a:hover
{
    background: #00A2D4;
}
.wtline
{
    position: absolute;
    right: 10px;
    bottom: 40px;
    z-index: 999;
}
.ycimg
{
    float: left;
    margin-right: 12px;
    margin-top: 10px;
}
        
.ycde
{
    float: left;
    width: 180px;
    margin-top: 10px;
}
.textRight
{
    text-align: right;
}
.ycde p
{
    padding-bottom: 6px;
}
        

.popdecon p strong,.ycde strong,.putime strong
{
    color:#808080;
    font-weight:normal;
    }
    

  
tr.trgray
{
 background-color:#F7F7F7;   
    }
/**台风css**/
.tynav
{
    border-bottom:1px solid #eee;
    }
.tynav span
{
    padding: 6px 6px;
    display: inline-block;
    color: #000;
    background: #EDEDED;
    cursor: pointer;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    border-top:1px solid #eee;
    border-bottom:1px solid #fff;
    position:relative;
    top:2px;
    margin-right:-1px;
}
        
.tynav span.currtynav
{
    background: #fff;
    font-weight: bold;
    color: #000;
}
.tyconnav
{
    background: #80D6F7;
    margin-top:4px;
    padding: 4px 0px 4px 6px;
    color:#fff;
}
.tytablecon
{
    height: 143px;
    overflow: auto;
    background-color: #fff;
}
        
.tytablecon table
{
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    border: 1px slid #ccc;
}
        
.tytablecon table td
{
    padding: 4px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: center;
}
        
.tytablecon table tr.trhover
{
    background-color: #eee;
}
        
.tytablecon table tr.currselectty
{
    background-color: #E8F9FE;
}
.tyye
{
    text-align: right;
    padding: 4px 12px;
}
.tyoonspe
{
    width: 310px;
}
.currTip
{
    color: red;
    padding: 20px;
    text-align: center;
}
.tylegend
{
    position: absolute;
    left: 10px;
    bottom: 4px;
    z-index: 999;
    color:#000;
    background:url(../Images/1px_03.png) repeat;
}
.tytitl
{
    padding: 2px 6px 2px 4px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
        
.tytitl i
{
    display: block;
    height: 18px;
    width: 14px;
    background: url(../Images/11c.png) center center no-repeat;
    float: right;
    margin-left: 6px;
    cursor: pointer;
}
        
.tytitl i.oppi
{
    display: block;
    height: 18px;
    width: 14px;
    background: url(../Images/11a.png) center center no-repeat;
    float: right;
    margin-left: 6px;
    cursor: pointer;
}
        
.tyleul
{
    width: 210px;
    padding: 0 8px;
}
.tyleul li
{
    float: left;
    width: 100px;
}
.clear
{
    clear: both;
    width: 100px;
    display: block;
}
        
.tyleul li span
{
    display: inline-block;
    width: 30px;
    vertical-align: middle;
}
        
.zoneLegend
{
}
        
.zgline
{
    color: #ff0000;
}
.xgline
{
    color: #ffff00;
}
.twline
{
    color: #3C7832;
}
.rbline
{
    color: #2B4678;
}
.usaline
{
    color: #ff8c00;
}
.hgline
{
    color: #78A9A9;
}
.tylesubcon
{
    padding-left: 4px;
}
.altitle
{
    text-align: center;
}
.alcc
{
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}
.alpu
{
    padding-right: 15px;
}
.alarcontt
{
    max-height: 180px;
    overflow: auto;
}
.conta a
{
    cursor: pointer;
}
        
a.wordDown
{
    display: inline-block;
    width: 16px;
    background: url(../Images/down_n.png) center center no-repeat;
    height: 16px;
}
a.wordDown:hover
{
    display: inline-block;
    width: 16px;
    background: url(../Images/down_v.png) center center no-repeat;
    height: 16px;
}
.alselect
{
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 28px;
    margin-top: 5px;
}
        
.tymm
{
    background-color: white !important;
    border: 1px solid black !important;
    color: black !important;
    font-weight: normal !important;
    white-space: nowrap;
    border: 1px solid #beceeb;
    border-radius: 3px;
    display: inline-block;
    padding: 2px 5px;
    position: relative;
    text-align: center;
}
        
.tymmle
{
    border-color: transparent black transparent transparent !important;
    border-color: rgba(0,0,0,0) #beceeb rgba(0,0,0,0) rgba(0,0,0,0);
    border-style: dashed solid dashed dashed;
    left: -15px;
    top: 3px;
    border-width: 8px;
    font-size: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.tymmri
{
    border-color: transparent white transparent transparent !important;
    border-color: rgba(0,0,0,0) #ffa500 rgba(0,0,0,0) rgba(0,0,0,0);
    border-style: dashed solid dashed dashed;
    left: -14px;
    top: 3px;
    border-width: 8px;
    font-size: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.zoneli
{
    white-space: nowrap;
    position: relative;
    display: inline-block;
    color: #fff;

}
        
.hdli
{
    white-space: nowrap;
    position: relative;
    display: inline-block;
    font: 11px/1.5 "Helvetica Neue" , Arial, Helvetica, sans-serif;
    color: #000;
}
        
.watertitle
{
    text-align: right;
}
.trblod
{
    color:	#808080;
}

#ybnav i
{
    display: block;
    height: 30px;
    width: 20px;
    background: url(../Images/11a.png) center center no-repeat;
    float: right;
    margin-right: 6px;
    cursor: pointer;
}

#ybnav i.oppi
{
    display: block;
    height: 30px;
    width: 20px;
    background: url(../Images/11c.png) center center no-repeat;
    float: right;
    margin-right: 6px;
    cursor: pointer;
}

#distance
{
	background-image: url(../Images/测距.png);
    background-repeat: no-repeat;
    background-position: center;
	cursor:pointer;