/*toolBar*/
.toolBar{display:inline-block;border-radius:5px;box-shadow:1px 2px 5px #DDD;overflow:hidden;font-size:0.8rem;}
.toolBar li{cursor:pointer;float:left;color:#088;border-left:2px solid #EAEAEA;border-right:2px solid #F1F1F1;padding:0 0.5rem;background:#F5F7FA;padding:0.2rem 0.5rem;}
.toolBar li a{color:#088;}
.toolBar li:first-child{border-left:0;}
.toolBar li:last-child{border-right:0;}
.toolBar li:hover{background:linear-gradient(to bottom right,#F5F7FA,#0ECF6A);color:#FFF;}



/*TREE*/
.TREE .iconfont{display:inline-block;width:1rem;text-align:center;font-size:0.9rem;color:#999;margin-right:0.5rem;}
.TREE ul ul{padding-left:1.2rem;display:none;}
.TREE-L-0 ul ul{padding-left:0rem;}.TREE-L-05 ul ul{padding-left:0.5rem;}.TREE-L-08 ul ul{padding-left:0.8rem;}.TREE-L-1 ul ul{padding-left:1rem;}
.TREE ul li div{padding:0.5rem 0.3rem;height:1.2rem;line-height:1.2rem;border-left:3px solid #FFF;}
.TREE ul li div:hover{background:rgba(0,0,0,0.1);}
.TREE ul li div span.tit,.TREE ul li div span.state{cursor:pointer;}
.TREE .status:hover{color:#F00;cursor:pointer;font-weight:bold;}
.TREE ul li div:hover{border-left:3px solid #088;}
.TREE ul li div:hover span.tit{color:#088;}
.TREE ul li div.now{border-left:3px solid #088;color:#088;}
.TREE ul li div:hover > .iconfont{color:#000;}


/*NAV*/
.NAV-Y{line-height:1.6rem;}
.NAV-Y ul ul{padding-left:0.9rem;display:none;}
.NAV-Y li div{padding:0.2rem 0;white-space:nowrap;}
.NAV-Y li div:hover{animation:NAV-Y 1s;animation-fill-mode:forwards;}
.NAV-Y .iconfont{display:inline-block;width:1.2rem;text-align:center;font-size:1rem;margin-right:0.5rem;}
.NAV-Y .status:hover{color:#F00;cursor:pointer;font-weight:bold;}


.NAV-LINE{height:2rem;line-height:2rem;overflow:visible;border-bottom:3px solid #FFF;}
.NAV-LINE li{float:left;height:inherit;line-height:inherit;}
.NAV-LINE li a{display:inline-block;height:inherit;line-height:inherit;padding:0 0.8rem;border-bottom:3px solid #FFF;}
.NAV-LINE li.now a{border-bottom:3px solid #0AE;color:#0AE;}
.NAV-LINE li:hover a{border-bottom:3px solid #0AE;}

.NAV-TAGS{overflow:hidden;}
.NAV-TAGS li{float:left;height:2rem;line-height:2rem;margin-right:0.8rem;}
.NAV-TAGS li:last-child{margin-right:0;}
.NAV-TAGS li a{display:inline-block;height:inherit;line-height:inherit;padding:0 0.8rem;background:#FFF;border-radius:5px;}
.NAV-TAGS li.now a{color:#FFF;background:#0AE;}
.NAV-TAGS li:hover a{background:#0AE;color:#FFF;}

.NAV-X{position:relative;height:2rem;}
.NAV-X > ul{width:100%;height:inherit;}
.NAV-X > ul li{float:left;}
.NAV-X li{position:relative;}
.NAV-X li div{padding:0.5rem;white-space:nowrap;background:#FFF;}
.NAV-X li div:hover{animation:NAV-XBC 1s;animation-fill-mode:forwards;}
.NAV-X li ul{position:absolute;left:0;box-shadow:0 0 5px #DDD;display:none;}
.NAV-X li:hover > ul{display:block;animation:NAV-X 1s;animation-fill-mode:forwards;}
.NAV-X li ul ul{left:100%;top:0;}
.NAV-X .iconfont{display:inline-block;width:1.2rem;text-align:center;font-size:1rem;margin-right:0.5rem;}


@keyframes NAV-XBC{
	from{background:#FFF;}
	to{background:#F8F8F8;}
}
@keyframes NAV-X{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes NAV-Y{
	from{border-left:1px solid #FFF;padding-left:0;background:#FFF;}
	to{border-left:5px solid #DDD;padding-left:0.2rem;background:#F8F8F8;}
}





/*PANEL*/
.cover{position:fixed;left:0;top:0;right:0;bottom:0;z-index:900;background:rgba(0,0,0,0.1);}
.mid_panel{box-shadow:0 0 3px #DDD;z-index:901;border-radius:5px;max-width:90%;position:absolute;left:0;right:0;margin:auto;}
.mid_panel_ok{box-shadow:0 0 3px #2EBF6A;}
.mid_panel_err{box-shadow:0 0 3px #F93A3F;}
.mid_panel_loading{text-align:center;}



/*table*/
table{border-collapse:collapse;border-spacing:0;}

/*form*/
form table td .form_tit{font-weight:800;}
form table td .form_des{color:#666;}
form table td .form_field_head{color:#333;}
form table td .form_fields_tit{color:#333;}
form table td .form_fields_des{color:#AAA;}
form table .form_fields td{padding-top:0.8rem;}
form table .form_fields:first-child td{padding-top:0;}
form table .form_btns td{padding-top:1.5rem;text-align:center;}
form table .form_btns td > *{margin-right:0.8rem;}
form table .form_btns td > *:last-child{margin-right:0;}


.TAB-BG2 tr:nth-child(2n) th,.TAB-BG2 tr:nth-child(2n) td{background:#F5F7FA;}
.TAB-BG2 tr:nth-child(2n+1) th,.TAB-BG2 tr:nth-child(2n+1) td{background:#F8F8F8;}
.TAB-BG3 tr:nth-child(3n) th,.TAB-BG3 tr:nth-child(3n) td{background:#F5F7FA;}
.TAB-BG3 tr:nth-child(3n+1) th,.TAB-BG3 tr:nth-child(3n+1) td{background:#F5F5F5;}
.TAB-BG3 tr:nth-child(3n+2) th,.TAB-BG3 tr:nth-child(3n+2) td{background:#F8F5F8;}

.TAB-01 tr th,.TAB-01 tr td{border-right:1px solid #E5F0FA;}
.TAB-01 tr th:last-child,.TAB-01 tr td:last-child{border-right:0;}
.TAB-10 tr th,.TAB-10 tr td{border-bottom:1px solid #E5F0FA;}
.TAB-10 tr:last-child th,.TAB-10 tr:last-child td{border-bottom:0;}
.TAB-11{border:1px solid #E5F0FA;}
.TAB-11 tr th,.TAB-11 tr td{border-right:1px solid #E5F0FA;border-bottom:1px solid #E5F0FA;}
.TAB-11 tr th:last-child,.TAB-11 tr td:last-child{border-right:none;}
.TAB-11 tr:last-child th,.TAB-11 tr:last-child td{border-bottom:0;}


/*spans*/
.SPANS > *,.spans > *,.SPANS-05 > *,.spans-05 > *{margin-right:0.5rem;}.SPANS-08 > *,.spans-08 > *{margin-right:0.8rem;}
.SPANS > *:last-child,.spans > *:last-child,.SPANS-05 > *:last-child,.spans-05 > *:last-child,.SPANS-08 > *:last-child,.spans-08 > *:last-child{margin-right:0;}

/*BTNS*/
.BTNS button,.BTNS input[type="button"],.BTNS input[type="submit"]{margin-right:0.8rem;}
.BTNS button:last-child,.BTNS input[type="button"]:last-child,.BTNS input[type="submit"]:last-child{margin-right:0;}




/*LIST*/
.LIS-2,.LIS-3,.LIS-4,.LIS-5,.LIS-6,.LIS-7,.LIS-8,.LIS-9,.LIS-10{overflow:hidden;}
.LIS-2 > *,.LIS-3 > *,.LIS-4 > *,.LIS-5 > *,.LIS-6 > *,.LIS-7 > *,.LIS-8 > *,.LIS-9 > *,.LIS-10 > *{float:left;}
.LIS-2 > *{width:49%;margin-right:2%;}.LIS-2 > *:nth-child(2n){margin-right:0;}
.LIS-3 > *{width:32%;margin-right:1.5%;}.LIS-3 > *:nth-child(3n){margin-right:0;}
.LIS-4 > *{width:24%;margin-right:1.1%;}.LIS-4 > *:nth-child(4n){margin-right:0;}
.LIS-5 > *{width:19.5%;margin-right:0.625%;}.LIS-5 > *:nth-child(5n){margin-right:0;}
.LIS-6 > *{width:16%;margin-right:0.8%;}.LIS-6 > *:nth-child(6n){margin-right:0;}
.LIS-7 > *{width:13.5%;margin-right:0.916%;}.LIS-7 > *:nth-child(7n){margin-right:0;}
.LIS-8 > *{width:12%;margin-right:0.571%;}.LIS-8 > *:nth-child(8n){margin-right:0;}
.LIS-9 > *{width:10.5%;margin-right:0.687%;}.LIS-9 > *:nth-child(9n){margin-right:0;}
.LIS-10 > *{width:9.5%;margin-right:0.555%;}.LIS-10 > *:nth-child(10n){margin-right:0;}



.LIS_NAV{}
.LIS_NAV span{display:inline-block;text-align:center;min-width:1.6rem;line-height:1.6rem;padding:0 0.2rem;border-bottom:2px solid #EEE;color:#999;}
.LIS_NAV span.now,.LIS_NAV span:hover{cursor:pointer;color:#3F7CEF;}
.LIS_NAV span.now{border-bottom:2px solid #088;}
.LIS_NAV span:hover{border-bottom:2px solid #3F7CEF;}
.LIS_NAV span.now:hover{cursor:not-allowed;}


dl.LIS{}
dl.LIS dt{margin-bottom:0.3rem;}
dl.LIS dd{height:1.6rem;line-height:1.6rem;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;}

dl.TIT_DES{}
dl.TIT_DES dt{font-weight:800;margin-top:1.2rem;}
dl.TIT_DES dt:first-child{margin-top:0;}
dl.TIT_DES dd{}

/*DATA*/
.DATA_TIT{font-size:1.3rem;}
.DATA_DES{font-size:0.8rem;background:#F1F1F1;padding:0.8rem;margin:0.5rem 0;text-align:justify;border:1px solid #DDD;border-left:3px solid #088;border-radius:0.2rem;}
.DATA_SPANS{font-size:0.8rem;padding:0.5rem 0;}
.DATA_SPANS span{margin-right:0.8rem;}
.DATA_SPANS span:last-child{margin-right:0;}
.DATA_TAGS{font-size:0.8rem;}
.DATA_TAGS>*{display:inline-block;margin-right:0.8rem;}
.DATA_TAGS>*:last-child{margin-right:0;}
.DATA_TAGS>*:nth-child(5n){color:#F00;}
.DATA_TAGS>*:nth-child(5n+1){color:#0F0;}
.DATA_TAGS>*:nth-child(5n+2){color:#00F;}
.DATA_TAGS>*:nth-child(5n+3){color:#F00;}
.DATA_TAGS>*:nth-child(5n+4){color:#0FF;}
.DATA_CON{font-size:0.9rem;line-height:1.5rem;min-height:25rem;margin:1rem 0 3rem;text-align:justify;}
.DATA_CON > p{text-align:justify !important;}

.LIS_TAG>*{height:1.6rem;line-height:1.6rem;overflow:hidden;}
.LIS_TAG>*:nth-child(5n){color:#F00;}
.LIS_TAG>*:nth-child(5n+1){color:#0F0;}
.LIS_TAG>*:nth-child(5n+2){color:#00F;}
.LIS_TAG>*:nth-child(5n+3){color:#F00;}
.LIS_TAG>*:nth-child(5n+4){color:#0FF;}


/*COMMENTS*/
.COMMENTS{font-size:0.8rem;}
.COMMENTS li ul{margin-left:4rem;border-top:1px solid #EEE;}
.COMMENTS li{border-top:1px solid #EEE;padding:1rem 0;}
.COMMENTS li:first-child{border-top:0;}
.COMMENTS li:last-child{padding-bottom:0;}
.COMMENTS li div.user_part{height:3rem;line-height:1.3rem;}
.COMMENTS li div.user_part img.avatar{width:3rem;height:3rem;border-radius:2rem;box-shadow:1px 2px 3px #DDD;}
.COMMENTS li div.comment_con{margin-left:4rem;color:#300;background:#FAFAFA;padding:0.5rem 0;border-radius:10px;text-align:justify;}
.COMMENTS li div.comment_bar{margin-left:4rem;height:2rem;line-height:2rem;}
.COMMENTS li div.comment_bar a{margin-right:1rem;}
.COMMENTS li div.comment_bar a:last-child{margin-right:0;}




/*列表具体样式*/
.LIS-ICO{}
.LIS-ICO>*{margin-right:0.3rem;}
.LIS-ICO>*:last{margin-right:0;}
.LIS-ICO>* img{width:1.6rem;height:1.6rem;border-radius:1.6rem;}

.LIS-ICO_TIT{}
.LIS-ICO_TIT li{margin:0.3rem 0;}
.LIS-ICO_TIT li > div{overflow:hidden;}
.LIS-ICO_TIT li > div div{height:1.6rem;line-height:1.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.LIS-ICO_TIT li img{width:1.2rem;height:1.2rem;border-radius:1.2rem;box-shadow:2px 3px 3px #DDD;margin:0.2rem 0.5rem 0.2rem 0;float:left;}


.LIS-ICON{}
.LIS-ICON li{margin-top:0.5rem;}
.LIS-ICON li div{overflow:hidden;}
.LIS-ICON li > div{box-shadow:0px 0px 2px #DDD;margin:2px;padding:0.3rem 0.5rem;border-radius:5px;}
.LIS-ICON li > div:hover{box-shadow:0 0 3px #999;border-radius:3px;}
.LIS-ICON li > div:hover div._tit a{color:#206BE1;}
.LIS-ICON li > div:hover div._des{color:#333;}
.LIS-ICON li div._icon{margin:0.3rem 0.5rem 0.3rem 0.3rem;float:left;width:2.4rem;height:2.4rem;border-radius:2.4rem;background:#F8F8F8;box-shadow:0px 0px 2px #DDD;}
.LIS-ICON li div._icon img{width:2rem;height:2rem;margin:0.2rem;}
.LIS-ICON li div._icon img:hover{box-shadow:0 0 3px #00E;}
.LIS-ICON li div._tit{height:1.5rem;line-height:1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;}
.LIS-ICON li div._des{height:1.5rem;line-height:1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;}
.LIS-ICON li div._spans{height:1.5rem;line-height:1.5rem;}
.LIS-ICON li div._spans span{margin-right:0.5rem;}
.LIS-ICON li div._spans span:last-child{margin-right:0;}


.LIS-IMG{}
.LIS-IMG li{border:1px solid #EEE;margin-bottom:1rem;}
.LIS-IMG li > div{/*background:#FAFAFA;*/margin:0.5rem;}
.LIS-IMG li ._img{height:12rem;line-height:12rem;padding-bottom:0.2rem;border-bottom:1px solid #F8F8F8;text-align:center;}
.LIS-IMG li ._img:hover{border-bottom:1px solid #D00;overflow:hidden;}
.LIS-IMG li ._img img{max-width:100%;max-height:100%;margin:auto auto;display:inline;}
.LIS-IMG li ._tit{font-size:0.9rem;padding:0 0.5rem;height:2rem;line-height:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;}
.LIS-IMG li ._bars{padding:0 0.5rem;height:2rem;line-height:2rem;border-top:1px solid #DDD;color:#AAA;}


.LIS-IMGS{}

.LIS-IMG_SIDE{}
.LIS-IMG_SIDE li{overflow:hidden;border-bottom:1px solid #EEE;padding:1rem 0;}
.LIS-IMG_SIDE li:last-child{border-bottom:0;}
.LIS-IMG_SIDE li > div{width:12rem;height:8rem;position:relative;float:left;margin-left:0;margin-right:1rem;background:#EEE;}
.LIS-IMG_SIDE.R li > div,.LIS-IMG_SIDE li > div.R{float:right;margin-left:1rem;margin-right:0;}
.LIS-IMG_SIDE li > div.L{float:left;margin-left:0;margin-right:1rem;}
.LIS-IMG_SIDE li > div:hover{}
.LIS-IMG_SIDE li > div img{max-width:98%;max-height:98%;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;}
.LIS-IMG_SIDE li > dl{overflow:hidden;}
.LIS-IMG_SIDE li > dl dt{font-weight:bold;height:2rem;line-height:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.9rem;}
.LIS-IMG_SIDE li > dl dd{height:1.2rem;line-height:1.2rem;overflow:hidden;}
.LIS-IMG_SIDE li > dl dd._tags{height:1.6rem;line-height:1.6rem;}
.LIS-IMG_SIDE li > dl dd._des{height:auto;max-height:2.4rem;text-align:justify;}
.LIS-IMG_SIDE li > dl dd._spans{height:2rem;line-height:2rem;}
.LIS-IMG_SIDE li > dl dd._spans span{margin-right:0.5rem;}
.LIS-IMG_SIDE li > dl dd._spans span:last-child{margin-right:0;}


/*标题*/
.TIT-L{height:1rem;line-height:1rem;overflow:hidden;}
.TIT-L span{margin-left:0.5rem;display:inline-block;padding:0 0.5rem;}
.TIT-L span:first-child{margin-left:0;border-left:3px solid #206BE1;color:#206BE1;}

.TIT-LINE{height:1px;line-height:1.6rem;overflow:visible;border-top:2px solid #EEE;}
.TIT-LINE div{background:#FFF;position:relative;top:-1rem;display:inline-block;padding-right:1rem;}
.TIT-LINE.TA-C div{padding-left:1rem;}
.TIT-LINE strong{}
.TIT-LINE span{margin-left:0.5rem;}




/*图片*/
img{max-width:100%;}
.imgArea{background:#F1F1F1;width:20rem;height:16rem;line-height:16rem;text-align:center;cursor:pointer;margin:2rem auto;}
.imgArea:hover{box-shadow:0 0 5px #DDA;}
.imgArea img{max-width:20rem;max-height:16rem;}

/*图片居中*/
.IMG-MID ._img{position:relative;}
.IMG-MID ._img img{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;max-width:96%;max-height:96%;}



/*tabCard选项卡*/
.tabCard{}
.tabCard ul.tabCard_menus{overflow:hidden;background:#F8F8F8;font-size:0.8rem;padding:0.2rem 0;}
.tabCard ul.tabCard_menus > li{float:left;background:#F5F7FA;height:2rem;line-height:2rem;overflow:hidden;padding:0 2rem;cursor:pointer;}
.tabCard ul.tabCard_menus > li:hover{background:#E8E8E8;color:#808;}
.tabCard ul.tabCard_menus > li.now{background:#E8E8E8;color:#088;}
.tabCard .tabCard_cards > div{display:none;}
.tabCard .tabCard_cards > div.now{display:block;}



/*用户信息*/
.USER_META{overflow:hidden;font-size:0.8rem;}
.USER_META > div{float:left;height:5rem;padding:1rem 1rem 0 0.5rem;}
.USER_META > div img{float:left;width:4rem;height:4rem;border-radius:4rem;border:5px solid #FAFAFA;box-shadow:2px 3px 8px #3B97EE;}
.USER_META dl{}
.USER_META dl dt{background:#1B97EE;line-height:2.5rem;padding-top:1rem;color:#FFF;}
.USER_META dl dt a{color:#FFF;}
.USER_META dl dd{height:2.5rem;line-height:2rem;}

/*页面菜单*/
#pageMenuBar{position:fixed;bottom:2rem;right:1rem;z-index:100;width:2rem;height:2rem;line-height:2rem;text-align:center;border-radius:2rem;box-shadow:0 0 5px #AAA;cursor:pointer;}
#pageMenuBar span:hover{color:#088;}



/*DL形式表单*/
.DL-FORM{background:#FFF;padding:1rem;line-height:1.6rem;}
.DL-FORM dt{font-weight:bold;}
.DL-FORM dd{padding:0.5rem 0;}