/**
*作者：周靖
*Tel：15137758023
*制作日期：2015.2.2
*修订日期：2015.11.2
*/
* { margin: 0px; padding: 0px; }
.sub_l { width: 650px; margin-bottom: 10px; margin-right: 5px; float: left; overflow: hidden; }
.sub_r { width: 240px; margin-bottom: 10px; float: left; }

/*图标样式*/
i.hot,
i.new { position: relative; }
i.hot:before,
i.new:before { margin-top: -6px; right: -10px; top: 50%; border: 4px solid transparent; font-size: 0; position: absolute; }
i.hot:after,
i.new:after { margin-top: -9px; right: -25px; font: normal 12px/1 "宋体"; top: 50%; color: #fff; padding: 2px 2px; display: block; border-radius: 2px; position: absolute; }
i.hot:before { border-right-color: #FF9900; content: ""; }
i.hot:after { background-color: #FF9900; content: "热"; }
i.new:before { border-right-color: #FF9900; content: ""; }
i.new:after { background-color: #FF9900; content: "新"; }

/*手风琴*/
.accordion { margin-bottom: 5px; }
/*手风琴-灰色*/
.accordion.gray { background: #fff; border-bottom: 1px solid #ebebeb; }
.accordion.gray h2 { height: auto; line-height: initial; font-size: 14px; width: 850px; font-weight: bold; background: #fff; border: 1px solid #ebebeb; border-bottom: none; padding: 12px 0 12px 50px; cursor: pointer; position: relative; }
.accordion.gray h2:before { color: #4285f4; content: '+'; font-size: 24px; left: 20px; top: 7px; position: absolute; }
.accordion.gray h2 span { color: #999; right: 20px; font-weight: normal; font-style: italic; position: absolute; }
.accordion.gray h2:hover { background: #fcfcfc; }
.accordion.gray ol { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding-bottom: 10px; display: none; }
.accordion.gray ol li { padding: 9px 0; font-size: 14px; margin-left: 50px; list-style-type: decimal; }
.accordion.gray ol li a { color: #38c; font-size: 14px; }
.accordion.gray ol li a:hover { text-decoration: underline; }
.accordion.gray h2.cur:before { content: "-"; }
.accordion.gray h2.cur:hover { background: none; }

/*工具提示*/
#tooltip { display: none; position: fixed; bottom: 200px; left: 200px; width: 180px; border-radius: 5px; background-color: #908F87; margin: 0px auto; opacity: 0.7; padding: 6px 5px; }
#tooltip .img { width: 28px; height: 28px; background: url("/img/common/loading.png"); background-size: 28px 28px; float: left; }
#tooltip .msg { text-align: center; color: White; line-height: 28px; font-size: 14px; }

/*错误页面*/
.error { line-height: 25px; width: 900px; margin: 200px auto; background-color: rgb(237, 119, 128); color: White; padding: 8px 10px; }
.error p { margin: 0px; text-indent: 20px; font-weight: bold; }

/*小浮窗*/

/*搜索*/
#search { text-align: left; padding: 5px 0px; background: linear-gradient(#fff,#D9EDF7); margin: 10px auto 5px; line-height: 25px; width: 900px; border: 1px solid #C0E5F8; }
#search select { outline: none; color: #536083; border: 1px solid #d3dfec; margin-left: 10px; width: 100px; line-height: 25px; height: 25px; }
#search select option { color: #536083; line-height: 25px; height: 25px; }
#search .text { height: 21px; line-height: 21px; color: #536083; padding: 2px 5px; border: 1px solid #d3dfec; width: 300px; }
#search .text:hover { background: #fff; border: 1px solid #bcccde; }
#search .btn { outline: none; background: #83bd44; box-shadow: inset 0px 2px 5px #fff; color: #fff; border: 1px solid #bbcbdf; line-height: 25px; height: 25px; padding: 0px 10px; }
#search .btn:hover { background: #3083eb; border-color: #1f74df; color: #fff; cursor: pointer; }
#search a { }
#search a:hover { }

/*登录&注册*/
#login { width: 900px; margin: 10px auto 10px; }
#login .top { width: 900px; height: 8px; background: url("/img/login/login_top.gif") no-repeat; }
#login h1 { padding-bottom: 8px; line-height: 20px; background: #faffff; border: 1px solid #c5e6ee; border-top: 0px; border-bottom: 0px; font-size: 16px; text-align: center; }
#login .middle { padding-top: 20px; border: 1px solid #c5e6ee; }
#login .middle table { margin: 0px auto; line-height: 30px; }
#login .middle table td { }
#login .middle table td.left { text-align: right; }
#login .middle table td.forget { line-height: 15px; text-align: right; }
#login .middle table td.forget a { color: #777; }
#login .middle table td.forget a:hover { color: red; }
#login .middle table td .textbox { width: 150px; color: #536083; padding: 2px 5px; line-height: 21px; border: 1px solid #d3dfec; outline: none; }
#login .middle table td .textbox:hover { }
#login .middle table td select { width: 100%; line-height: 25px; height: 27px; outline: none; border: 1px solid #d3dfec; }
#login .middle table td select option { color: #536083; }
#login .middle img { border: 0px; }
#login .bottom { width: 900px; height: 8px; background: url("/img/login/login_bottom.gif") no-repeat; }
/*左下角公告*/
.announce { position: fixed; left: 20px; bottom: 30px; width: 280px; opacity: 0.6; padding: 5px 8px; line-height: 25px; color: #fff; border: 1px solid rgb(253, 48, 79); background-color: rgb(253, 48, 79); }
.announce .tit { color: #fff; opacity: 1; text-align: center; border-bottom: 1px solid #ccc; }
.announce .txt { color: #fff; text-indent: 2em; }
.announce .bottom { color: #fff; text-align: right; }

/*底端*/
#bottom { margin: 0px auto; width: 900px; }

/*用户中心导航栏*/
#usernavs { }

/*母版页广告*/
#ad { width: 902px; height: 90px; margin: 0px auto; }
#ad > a { display: block; height: 100%; }
#ad > a img { width: 100%; height: 100%; }

/*当前位置*/
#position, .position { margin: 0px auto; width: 900px; line-height: 30px; }

/*普通对话框*/
.dialog { display: none; margin-top: -120px; margin-left: -160px; width: 300px; height: 200px; left: 50%; top: 50%; z-index: 999; position: fixed; }
.dialog > .hd:hover { cursor: default; }
.dialog > .bd { background-color: transparent; }
/*深蓝色对话框*/
.dialog.navy { border-radius: 4px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.4); }
.dialog.navy .hd { background-color: #069dd4; }
.dialog.navy .hd h2 { font-size: 14px; text-indent: 5px; color: #cdffff; font-weight: normal; }
.dialog.navy .hd i.close:hover { transform: rotate(90deg); cursor: pointer; }
.dialog.navy .hd i.close { color: #cdffff; margin-right: 5px; line-height: 35px; transition: transform .2s; font: bold 16px/30px "宋体"; float: right; }
.dialog.navy .bd { height: 123px; font: normal 12px/20px "宋体"; color: #515254; border-left: 1px solid #bbbcc1; border-right: 1px solid #bbbcc1; z-index: 1; }
.dialog.navy .ft { text-align: right; font-size: 12px; color: #666; border: 1px solid #bbbcc1; border-top: 1px solid #e4e5e7; }
.dialog.navy .ft a { color: #38c; }
.dialog.navy .ft a:hover { text-decoration: underline; }

/*分页*/
.pages { width: 100%; overflow: hidden; font-family: Helvetica,Arial; }
.pages h3.noData { color: #555; width: 100%; margin-bottom: 8px; text-align: center; line-height: 100px; background: url("img/g/ggray300.jpg"); border: 1px solid #ddd; border-radius: 3px; }
.pages a, .pages span, .pages input { line-height: 16px; border-radius: 3px; margin: 0px 0px 5px 3px; font-size: 14px; background: #fff; padding: 6px 12px; color: #428bca; border: solid 1px #ddd; display: block; text-decoration: none; float: left; }
.pages a:first-child, .pages span:first-child { margin-left: 0; }
.pages a:hover { border: 1px solid #0d99fd; background: #63BEFF; color: #fff; }
.pages span.current { background: #428bca; border: 1px solid #428bca; color: #fff; }
.pages span.current:hover { cursor: pointer; }
.pages span.disable { color: #999; }
.pages span.count { padding: 6px 10px; color: #999; }
.pages span.rows { padding: 7px 10px; color: #777; border: 0px; }
.pages input { width: 50px; }
.pages input:focus { border: 1px solid #73b8ee; box-shadow: 0 0 5px #B0DFF0; }

/*文本样式*/
span.gray { color: #777; }
span.red { color: Red; }
span.green { color: #1ab177; }
span.blue { color: blue; }

/*#region 面板 panel，原创：周靖。不定义宽度，让其根据父元素自动填充！*/
.panel { margin-bottom: 5px; }
.panel > .hd { height: 31px; line-height: 33px; position: relative; }
.panel > .hd:before { content: ""; height: 31px; float: left; }
.panel > .hd:after { content: ""; height: 31px; float: right; }
.panel > .hd h2, div.panel > .hd h3 { height: 30px; line-height: 30px; float: left; text-indent: 5px; }
.panel > .hd a.r { position: absolute; right: 10px; font-size: 12px; }
.panel > .hd a.r:hover { color: red; text-decoration: underline; }
.panel > .bd, .panel > .ft { padding: 5px 10px; line-height: 25px; background-color: #fff; position: relative; }
.panel.demo > .bd { padding-bottom: 30px; }
.panel.demo > .bd:after { content: "演示"; color: #9da0a4; line-height: 28px; font-weight: bold; padding: 0 10px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-top-left-radius: 5px; background-color: #f5f5f5; bottom: 0; right: 0; position: absolute; }
/*蓝色面板*/
.panel.blue { border: 1px solid #c8d8f2; border-radius: 3px; }
.panel.blue > .hd { border-bottom: 1px solid #eee; }
.panel.blue > .hd h2 { padding: 0 5px; color: #379be9; border-bottom: 2px solid #379be9; }
/*面板-灰色*/
.panel.gray > .hd { background: url(/static/img/dg/tit_gray_m.png) repeat-x; }
.panel.gray > .hd:before { width: 20px; background: url(/static/img/dg/tit_gray_l.png) no-repeat; }
.panel.gray > .hd:after { width: 5px; background: url(/static/img/dg/tit_gray_r.png) no-repeat; }
.panel.gray > .hd a { color: #555; }
.panel.gray > .bd { border: 1px solid #ccc; }
/*面板-红色*/
.panel.red { background: url(/static/img/window/slideUp_bg.png) no-repeat; width: 350px; height: 238px; }
.panel.red > .hd { padding: 0 10px; height: 35px; }
.panel.red > .hd h2 { line-height: 38px; color: #c00; }
.panel.red > .hd a:hover { color: #f60; }
.panel.red > .hd i { background: url(/static/img/window/slideUp_btn.png) no-repeat; margin: 10px 0; width: 19px; height: 19px; position: initial; float: right; }
.panel.red > .hd i.close { background-position: -38px 0; }
.panel.red > .hd i.close:before { content: none; }
.panel.red > .hd i.close:hover { background-position: -38px -20px; }
.panel.red > .hd i.hide { background-position: -19px 0; }
.panel.red > .hd i.hide:hover { background-position: -19px -20px; }
.panel.red > .hd i.show { background-position: 0 0; }
.panel.red > .hd i.show:hover { background-position: -19px -20px; }
.panel.red > .bd { height: 155px; font-size: 14px; background-color: transparent; color: #cd6d48; line-height: 22px; }
.panel.red > .ft { font-weight: bold; background-color: transparent; font-size: 14px; text-align: right; color: blue; padding-right: 20px; }

/*表格-蓝色*/
table.blue{width:100%;border-collapse:collapse;}
table.blue th {
    border: 1px solid #dee5eb;
    border-top-color: #4aadef;
    border-bottom-color: #cbe4f4;
    background-color: #f2faff;
    padding: 5px 10px;
    border-collapse: collapse;
}
table.blue th:first-child { border-left-color: #cbe4f4; }
table.blue th:last-child { border-right-color: #cbe4f4; }
table.blue td { border: 1px solid #e5e8ea; }

/*#region列表*/
.ul { margin-bottom: 5px; overflow: hidden; width: 100%; }
.ul li { overflow: hidden; }
.ul li.nowrap { font-family: Arial; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*文字内容-p*/
.ul.messages li > a { width: 42px; height: 42px; }
.ul.messages li > a img { width: 42px; height: 42px; border-radius: 21px; }

.ul.messages li div { max-width: 54%; font-size: 13px; margin-bottom: 6px; padding: 8px 10px; background-color: #fff; box-shadow: 2px 2px 10px #F1F2F3; border-radius: 5px; position: relative; }
.ul.messages li div:before { border: 6px solid transparent; position: absolute; content: ""; width: 0; height: 0; display: inline-block; }
.ul.messages li div:after { border: 6px solid transparent; position: absolute; content: ""; width: 0; height: 0; display: inline-block; }
.ul.messages li div img { display: block; max-width: 100%; }
.ul.messages li.l > * { float: left; }
.ul.messages li.l > div { border: 1px solid #ddd; margin-left: 8px; }
.ul.messages li.l > div:before { top: 10px; left: -12px; border-right-color: #ddd; }
.ul.messages li.l > div:after { top: 10px; left: -11px; border-right-color: #fff; }
.ul.messages li.r > a img,
.ul.messages li.r div,
.ul.messages li.r div + span { float: right; }
.ul.messages li.r > div { border: 1px solid #97CAFF; color: #3598FF; margin-right: 8px; }
.ul.messages li.r > div:before { top: 10px; right: -12px; border-left-color: #5AABFF; }
.ul.messages li.r > div:after { top: 10px; right: -11px; border-left-color: #fff; }

/*方块列表*/
ul.square li { font-family: Arial; font-size: 13px; height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 20px; position: relative; }
ul.square li:before { content: ""; left: 10px; border: 2px solid #379be9; top: 50%; margin-top: -2px; position: absolute; }
ul.square li a { color: #666; }
ul.square li a:hover { color: red; text-decoration: underline; }
ul.square li span { position: absolute; right: 5px; }


/*#region 徽章、标签、贴纸*/
.badge.blue, .label.blue, .sticker.blue { background-color: #57b1ed; }
.badge.green, .label.green, .sticker.green { background-color: #90a488; }
.badge.purple, .label.purple, .sticker.purple { background-color: #8d889c; }
.badge.purply, .label.purply, .sticker.purply { background-color: #81717b; }
.badge.red, .label.red, .sticker.red { background-color: #c49b95; }
.badge.wine, .label.wine, .sticker.wine { background-color: #aa817d; }
.badge.success, .label.success, .sticker.success { background-color: #468847; }
.badge.warning, .label.warning, .sticker.warning { background-color: #f89406; }
.badge.important, .label.important, .sticker.important { background-color: #b94a48; }
.badge.info, .label.info, .sticker.info { background-color: #3a87ad; }
/*徽章*/
.badge { font-size: 12px; line-height: 20px; color: #fff !important; padding: 0 10px; border-radius: 10px; display: inline-block; }
/*标签*/
.label { margin-bottom: 5px; font-size: 12px; color: #fff; display: inline-block; padding: 0 10px; line-height: 30px; border-radius: 3px; }
.label.red:hover { background-color: #bd8f89; }
.label.blue:hover { background-color: #7d97aa; }
.label.purple:hover { background-color: #797389; }
.label.green:hover { background-color: #809478; }
.label.wine:hover { background-color: #a5746f; }
.label.purply:hover { background-color: #72626b; }
/*贴纸*/
.sticker { margin-bottom: 10px; font-size: 14px; padding-left: 15px; width: 300px; line-height: 30px; height: 30px; color: #fff; position: relative; }
.sticker:before { border: 6px solid transparent; bottom: -12px; left: 0; border-right: 0; content: ""; position: absolute; }
.sticker:after { border: 15px solid transparent; border-right-color: transparent !important; right: -30px; top: 0; content: ""; position: absolute; }
.sticker span { font-size: 12px; font-weight: normal; }
.sticker b { font-family: Arial; font-size: 14px; margin: 0 3px; }
.sticker.red:before { border-top-color: #BD8279; }
.sticker.red:after { border-color: #c49b95; }
.sticker.blue:before { border-top-color: #3D8FC5; }
.sticker.blue:after { border-color: #57b1ed; }
.sticker.purple:before { border-top-color: #71688C; }
.sticker.purple:after { border-color: #8d889c; }
.sticker.green:before { border-top-color: #79926F; }
.sticker.green:after { border-color: #90a488; }
.sticker.wine:before { border-top-color: #8C635F; }
.sticker.wine:after { border-color: #aa817d; }
.sticker.purply:before { border-top-color: #805570; }
.sticker.purply:after { border-color: #81717b; }

.sticker.success:before { border-top-color: #336B34; }
.sticker.success:after { border-color: #468847; }
.sticker.warning:before { border-top-color: #DC8202; }
.sticker.warning:after { border-color: #f89406; }
.sticker.important:before { border-top-color: #9A2D2B; }
.sticker.important:after { border-color: #b94a48; }
.sticker.info:before { border-top-color: #22688A; }
.sticker.info:after { border-color: #3a87ad; }
/*#endregion*/


/*消除样式影响*/
.panel h2 { background-color: transparent; width: auto; font-weight: bold; padding: 0; }
.panel.blue > .hd h2 { font-size: 14px; }
.center { width: 100%; padding-top: 0; float: none; }
/*分页*/
.pager { margin: 20px 0px;padding:15px 10px 20px 10px;clear:both;}
.pager span { line-height: 28px; float: right; }
.pagerbox a, .pagerbox b { background-color: #3399CC; border: 1px solid #009AD9; }
.pager .pagerbox a { color: #FFF; float: left; line-height: 28px; padding: 0 10px; margin-right: 2px; }
.pager .pagerbox a:hover { color: #000000; border: 1px solid #148ec0; background: #f0f0f0; }
.pager .pagerbox b { float: left; font-weight: normal; padding: 0 10px; background: #fff; line-height: 28px; margin-right: 2px; }

/***/
table.data{width:100%;border-collapse:collapse;}
table.blue th {
    border: 1px solid #dee5eb;
    border-top-color: #4aadef;
    border-bottom-color: #cbe4f4;
    background-color: #f2faff;
    padding: 5px 10px;
    border-collapse: collapse;
}

table.datatable{border-collapse:collapse;width:100%;}
table.datatable th:first-child { border-left-color: #cbe4f4; }
table.datatable th:last-child { border-right-color: #cbe4f4; }
table.datatable td { border: 1px solid #e5e8ea;padding:5px 3px; }
table.datatable th {
        border: 1px solid #dee5eb;
        border-top-color: #4aadef;
        border-bottom-color: #cbe4f4;
        background-color: #f2faff;
        padding: 5px 10px;
        border-collapse: collapse;
    }
table.datatable th,td{ overflow:hidden;text-overflow:ellipsis;}