/* CSS Document */
body, div, p, ul, li, a, input, form, table, tr, td, th, span, i, strong, var, em, font, img, dl, dt, dd, textarea, object, param, cite, h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: '\5FAE\8F6F\96C5\9ED1'; padding: 0px; margin: 0px; font-style: normal; color: #333; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, li { list-style-type: none; }
a { text-decoration: none; outline: none; }
a:hover, a:focus { text-decoration: none; outline: none; }
a img { border: none; vertical-align: top; }
.fl { display: inline; float: left; }
.fr { float: right; }
.c:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.c { zoom: 1; display: inline-block; display: block; }
.b { font-weight: bold; }
input, button, select, textarea { resize: none; outline: none; }
.hide { display: none; }
.show { display: block; }
img { vertical-align: sub; }
table { border-collapse: collapse; }

/*head*/
.c-header { height: 36px; line-height: 36px; background: #096dc2; }
.yq-logo { width: 14%; font-size: 22px; color: #fff; padding-left: 3%; }
.yq-msg { width: 80%; height: 36px; padding-right: 3%; }
.tc { float: right; color: #fff; margin-right: 24px; padding-left: 30px; font-size: 12px; }
.tc { background: url(../img/icon.gif) 0 -94px no-repeat; margin-right: 0; }
.c-option { width: 100px; height: 26px; margin-top: 4px; border: 1px solid #619dd0; border-radius: 4px; background: #0e64ad; position: relative; }
.c-option font { float: left; width: 54px; line-height: 26px; padding: 0 10px; font-size: 12px; color: #fff; }
.c-option cite { float: right; width: 26px; height: 26px; background: url(../img/icon.gif) center 10px no-repeat; cursor: pointer; transition: transform 0.2s ease-in 0s; transform: rotate(0deg); }
.userInfo { width: 144px; }
.c-option .user { width: 88px; margin-left: 10px; padding-left: 10px; text-align: center; background: url(../img/icon.gif) 0 -60px no-repeat; }
.click cite { transform: rotate(180deg); transform-origin: 50% 50% 0px; }
.c-sel-option { width: 100px; position: absolute; top: 26px; left: -1px; /*height: 62px;*/ text-align: center; border: 1px solid #619dd0; border-radius: 4px; border-top: none; line-height: 30px; background: #fff; z-index: 9; }
.c-sel-option span { font-size: 12px; color: #fff; background: #0e64ad; display: block; width: 100%; cursor: pointer; }
.c-sel-option span:hover { background: #cfe0ef; color: #0e64ad; }
.c-sel-option p { border-top: 1px solid #619dd0; margin: 0; }
.u-sel-option { width: 144px; /*height: 90px;*/ }
.c-search { margin: 4px 28px 0 6px; width: 164px; padding: 2px 0 2px 12px; height: 22px; line-height: 22px; border: 1px solid #619dd0; border-radius: 4px; background: #0e64ad; }
.c-s-btn { width: 42px; height: 22px; background: url(../img/icon.gif) 13px -27px no-repeat; }
.c-s-ipt { width: 120px; line-height: 22px; color: #9fb7d6; font-size: 12px; border: none; background: none; }
.colf { color: #fff; }

/*menu*/
.com { background: #fff; overflow: hidden; }
.menu { width: 11.35%; min-height: 886px; background: #293038; }
.menu a { display: inline-block; width: 100%; height: 52px; line-height: 52px; text-align: center; border-bottom: 1px solid #2a3a55; font-size: 14px; color: #92a5b3; }
.menu a.c-on, .menu a:hover { background: #394555; text-align: center; border-bottom: 1px solid #36465f; color: #fff; }
.all { display: block; width: 100%; height: 64px; background: #394555 url(../img/icon.gif) center -738px no-repeat; font-size: 16px; color: #fff; line-height: 52px; text-align: center; border-bottom: 1px solid #293038; }
.allGL { height: 50px; line-height: 1000px; overflow: hidden; background: #293038; position: relative; width: 100%; border: none; }

/*main*/
.main { width: 88.65%; min-height: 886px; }
.nav { height: 50px; background: #293038; }
.nav a { width: 16%; float: left; margin-top: 15px; text-align: center; height: 20px; line-height: 20px; border-right: 1px solid #7b8388; }
.nav a:hover font, .nav a.cur font { color: #0291f6; }
.nav a font { display: inline-block; padding: 0 62px 0 90px; background: url(../img/icon.gif) 54px -182px no-repeat; font-size: 14px; color: #fff; }
a.yl font { background-position: 54px -262px; }
a.ys font { background-position: 54px -262px; }
a.ts font { background-position: 54px -342px; }
a.fx font { background-position: 54px -424px; }
a.bg font { background-position: 54px -502px; }
a.coll font { background-position: 54px -583px; }
a.gl { border: none; }
a.gl font { background-position: 54px -664px; }
a.home:hover font, a.cur .homes { background-position: 54px -222px; }
a.yl:hover font, a.cur .yl { background-position: 54px -302px; }
a.ts:hover font, a.cur .ts { background-position: 54px -382px; }
a.fx:hover font, a.cur .fx { background-position: 54px -464px; }
a.bg:hover font, a.cur .bg { background-position: 54px -542px; }
a.coll:hover font, a.cur .coll { background-position: 54px -623px; }
a.gl:hover font, a.cur .gl { background-position: 54px -704px; }
.mains { width: 100%; }
/*#sels {width: 176px;margin-right: 6px;}*/
/*#fzs {width: 130px;}*/
/*#options {width: 176px;height: auto;}*/

/*弹窗*/
.reveal-modal { visibility: hidden; top: 200px; left: 50%; margin-left: -214px; width: 422px; height: auto; position: absolute; z-index: 101; border: 1px solid #e5e5e5; background: #fff; border-radius: 4px; }
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); }
.reveal-info { padding: 0 20px 30px; }
.modal-tit { height: 44px; line-height: 44px; border: 1px solid #e5e5e5; padding: 0 18px 0 14px; font-size: 14px; background: #dcdcdc; }
.closes { float: right; width: 22px; height: 21px; background: url(../img/close.gif) 0 0 no-repeat; cursor: pointer; margin-top: 11px; }
.closes:hover { background: url(../img/closes.gif) 0 0 no-repeat; }
.errorTips { font-size: 12px; line-height: 20px; color: #ec4655; }
.ModalBtn { display: inline-block; width: 102px; height: 36px; line-height: 36px; text-align: center; font-size: 12px; color: #fff; background: #096dc2; border-radius: 6px; }
.btn-bg { background: #394555; }
.txt { display: inline-block; font-size: 12px; color: #333; }
.key { color: #f96969; }
.creat-ipt, .textarea, .option { padding: 2px; height: 26px; width: 304px; border: 1px solid #e5e5e5; line-height: 26px; font-size: 12px }
.table-creat td { height: 44px; line-height: 44px; }
.textarea { height: 80px; }
.ptb10 { padding: 10px 5px; }
.ptb20 { padding: 20px 0; }
.btn-bg { background: #394555; margin-left: 38px; }
.starTime, .stopTime { border: 1px solid #e5e5e5; padding: 2px; width: 108px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; margin-right: 12px; }
.stopTime { margin-left: 12px; }
.icon-arrow-left, .icon-arrow-right { display: inline-block; width: 20px; height: 20px; background: url(../img/icon14.gif) center -31px no-repeat; }
.datetimepicker table tr th.prev:hover, .datetimepicker table tr th.next:hover { background: #fff; }
.icon-arrow-right { background-position: center 5px; }
.table-creat .notice { font-size: 12px; color: #666; line-height: 20px; }
.table-msg .edit_Btn { margin-left: 40px; }
.table-msg .del_Btn { margin-right: 40px; }
/*预警推送弹窗*/
.info-yj { position: fixed; bottom: -252px; right: 0; width: 344px; height: 250px; border: 1px solid #0291f6; background: #fff; border-radius: 5px; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.info-yj .head { width: 324px; height: 40px; line-height: 40px; padding: 0 10px; background: #0291f6; overflow: hidden; }
.info-yj .head span { color: #fff; font-size: 14px; }
.info-yj .icon-yj { display: inline-block; width: 24px; height: 24px; margin-top: 7px; margin-right: 10px; background: url(../img/win_yj.png); }
.info-yj .icon-close { display: inline-block; width: 18px; height: 18px; margin-top: 9px; background: url(../img/win_close.png); }
.info-yj .icon-voice { display: inline-block; width: 20px; height: 20px; margin-top: 8px; margin-right: 16px; background: url(../img/icon2.png);background-position:  0px -94px}
.info-yj .cont { height: 191px; padding: 0 8px; background: #f5f5f5; }
.info-yj .dot { display: inline-block; width: 4px; height: 4px; background: #0291f2; border-radius: 50%; margin: 0 10px; }
.info-yj li { margin-top: 12px; background: #fff; border: 1px solid #e5e5e5; }
.info-yj .tit { line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.info-yj .des { color: #ccc; padding-left: 24px; line-height: 26px; height: 26px; overflow: hidden; }
.info-yj .des span, .info-yj .des i { color: #acafb2; font-size: 14px; }
.info-yj .src { width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: -1px; margin-right: 0; }
.info-yj a:hover { text-decoration: underline; }
@media screen and (min-width:1300px) and (max-width:1699px) {
	.com, .c-header { width: 100%; margin: 0 auto; }
	.menu { width: 11.35%; }
	.main { width: 88.65%; }
	.mains { width: 100%; }
	.nav a font { padding: 0 26px 0 64px; background-position: 30px -182px; }
	a.yl font { background-position: 30px -262px; }
	a.ts font { background-position: 30px -343px; }
	a.fx font { background-position: 30px -424px; }
	a.bg font { background-position: 30px -502px; }
	a.coll font { background-position: 30px -583px; }
	a.gl font { background-position: 30px -664px; }
	a.home:hover font, a.cur .homes { background-position: 30px -222px; }
	a.yl:hover font, a.cur .yl { background-position: 30px -302px; }
	a.ts:hover font, a.cur .ts { background-position: 30px -383px; }
	a.fx:hover font, a.cur .fx { background-position: 30px -464px; }
	a.bg:hover font, a.cur .bg { background-position: 30px -542px; }
	a.coll:hover font, a.cur .coll { background-position: 30px -623px; }
	a.gl:hover font, a.cur .gl { background-position: 30px -704px; }
	.table-msg .edit_Btn { margin-left: 30px; }
	.table-msg .del_Btn { margin-right: 30px; }
}
@media screen and (min-width:640px) and (max-width:1299px) {
	.com, .c-header { width: 1000px; margin: 0 auto; }
	.menu { width: 180px; }
	.main { width: 820px; }
	.mains { width: 1000px; }
	.nav a font { padding: 0 20px 0 38px; background-position: 14px -182px; }
	a.yl font { background-position: 14px -262px; }
	a.ts font { background-position: 14px -343px; }
	a.fx font { background-position: 14px -424px; }
	a.bg font { background-position: 14px -502px; }
	a.coll font { background-position: 14px -583px; }
	a.gl font { background-position: 14px -664px; }
	a.home:hover font, a.cur .homes { background-position: 14px -222px; }
	a.yl:hover font, a.cur .yl { background-position: 14px -302px; }
	a.ts:hover font, a.cur .ts { background-position: 14px -383px; }
	a.fx:hover font, a.cur .fx { background-position: 14px -464px; }
	a.bg:hover font, a.cur .bg { background-position: 14px -542px; }
	a.coll:hover font, a.cur .coll { background-position: 14px -623px; }
	a.gl:hover font, a.cur .gl { background-position: 14px -704px; }
	.table-msg .edit_Btn { margin-left: 12px; }
	.table-msg .del_Btn { margin-right: 12px; }
}
@media screen and (min-width:480px) and (max-width:639px) {
	.com, .c-header { width: 1000px; margin: 0 auto; }
	.menu { width: 180px; }
	.main { width: 820px; }
	.mains { width: 1000px; }
	.nav a font { padding: 0 11px 0 38px; background-position: 14px -182px; }
	a.yl font { background-position: 14px -262px; }
	a.ts font { background-position: 14px -343px; }
	a.fx font { background-position: 14px -424px; }
	a.bg font { background-position: 14px -502px; }
	a.coll font { background-position: 14px -583px; }
	a.gl font { background-position: 14px -664px; }
	a.home:hover font, a.cur .homes { background-position: 14px -222px; }
	a.yl:hover font, a.cur .yl { background-position: 14px -302px; }
	a.ts:hover font, a.cur .ts { background-position: 14px -383px; }
	a.fx:hover font, a.cur .fx { background-position: 14px -464px; }
	a.bg:hover font, a.cur .bg { background-position: 14px -542px; }
	a.coll:hover font, a.cur .coll { background-position: 14px -623px; }
	a.gl:hover font, a.cur .gl { background-position: 14px -704px; }
}
@media screen and (max-width:479px) {
	.com, .c-header { width: 1000px; margin: 0 auto; }
	.menu { width: 180px; }
	.main { width: 820px; }
	.mains { width: 1000px; }
	.nav a font { padding: 0 11px 0 38px; background-position: 14px -182px; }
	a.yl font { background-position: 14px -262px; }
	a.ts font { background-position: 14px -343px; }
	a.fx font { background-position: 14px -424px; }
	a.bg font { background-position: 14px -502px; }
	a.coll font { background-position: 14px -583px; }
	a.gl font { background-position: 14px -664px; }
	a.home:hover font, a.cur .homes { background-position: 14px -222px; }
	a.yl:hover font, a.cur .yl { background-position: 14px -302px; }
	a.ts:hover font, a.cur .ts { background-position: 14px -383px; }
	a.fx:hover font, a.cur .fx { background-position: 14px -464px; }
	a.bg:hover font, a.cur .bg { background-position: 14px -542px; }
	a.coll:hover font, a.cur .coll { background-position: 14px -623px; }
	a.gl:hover font, a.cur .gl { background-position: 14px -704px; }
}