@charset "utf-8";
/* CSS Document */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend{margin:0px; padding:0px;}
body{background-color:#F2F2F2;}
body, button, input, select, textarea {font-size:12px; color:#666;}
h1, h2, h3, h4, h5, h6, small,font{font-size:12px; font-weight:normal;}
ul, ol, li {list-style:none; margin:0px; padding:0px;}
a{text-decoration:none; outline:none; color:#00AAEE;}
a:hover{text-decoration:none; color:#F00;}
fieldset, img, html, body, iframe{border:none;}
img {vertical-align:middle;}
sup{vertical-align:super;}
sub{ vertical-align:sub;}
input, select, label {vertical-align: middle}
.hidden{ display:none;}
.clear {clear:both;height:0px;line-height:0px;}
.clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.clearfix {*zoom:1;display: inline-block;}
.clearfix {display: block;}
.line20{ line-height:20px;}
.line25{ line-height:30px;}
.line30{ line-height:30px;}
.f_left{ float:left;}
.f_right{ float:right;}
.okmsg{ text-align:center; padding:10px; text-align:center; line-height:25px; }
.bg-f6{ background-color:#f6f6f6;}
.color-e4{ color:#e4e4e4;}
.color-red{ color:#cc0000;}
.color-999{ color:#999999;}
.color-blue{ color:#039;}
.drakgray{color:#333;}
.gray{color:#999;}
.red{color:#cc0000!important;}
.green{ color:#060;}
.pt6{padding-top:6px;}
.pt12{ padding-top:12px;}
.mr10{ margin-right:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.lh26{line-height:26px;}
.lh30{line-height:30px;}
.yahei{font-family:"\5FAE\8F6F\96C5\9ED1";}
.songti{font-family:"宋体";}
.border{border:1px solid #E2E2E2;}
.border_pad{ padding:15px; text-align:left; border:1px solid #E2E2E2;}
.border_btm{border-bottom:1px solid #E2E2E2;}
.dashed_btm{border-bottom:1px dashed #E2E2E2;}
.padl5{ padding-left:5px;}
.pad5{ padding:5px;}
.br{ clear:both; height:10px; line-height:10px; margin:0px; padding:0px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.h40{ height:40px; line-height:40px;}
.hidden{ display:none;}
a.blue{ color:#3B639F;}
a.blue:hover{ color:#F00;}

#dtab_sc{ height:24px; position:relative;}
#dtab_sc .heads{overflow:hidden; position:relative; background-color:#f5f5f5; border:1px #f5f5f5 solid; padding:5px; z-index:1002; _display:inline; _zoom:1; margin-top:-1px;}
#dtab_sc .childs{ display:none;position:relative;}
#dtab_sc .childs ul{padding:5px 10px; position:absolute; z-index:1005; left:0; top:0; border:1px solid #cccccc; background:#fff; width:130px;}
#dtab_sc .childs ul li a{line-height:24px; width:130px; display:block;}
#dtab_sc.hover .heads{position:relative; background:#fff; border:1px solid #cccccc; border-bottom-style:none; padding:5px; }
#dtab_sc.hover .childs{ display:block;background:#fff;  position:relative; z-index:1001;margin-top:-1px;}

.top{ height:35px; border-bottom:1px solid #eee; min-width:1190px; background-color:#f5f5f5;}
.top_left{ height:35px;}
.top_left li{ float:left; padding:0px 4px 0px 0px; line-height:35px;}
.top_right{ height:35px;}
.top_right li{ float:left; padding:0px 0px 0px 4px; line-height:35px;}
.form_td{ padding:5px 0px 5px 5px; border-bottom:1px solid #ccc; line-height:20px;}

.u-textsyzr{border:2px #cc0000 solid; height:39px; border-left-style:none; overflow:hidden;}
.u-textsyzr input{ height:39px; line-height:39px; padding:0px 5px; border:none; border-width:0px; min-width:370px;}
.u-submit{background-color:#cc0000; width:95px; height:43px; line-height:43px; font-size:18px; cursor:pointer; text-align:center; color:#fff; border:0px solid #ffffff;}

.head{ margin:padding 0px; background-color:#FFF;}
#nav{ border-top:1px solid #EEEEEE; border-bottom:3px solid #CC0000; height:35px; padding:10px 0px 0px 0px; margin-bottom:10px; background-color:#FFF;}
.navs{ width:1190px; margin:0px auto; background-color:#FFF;}
.navs ul{}
.navs li{ float:left; margin:0px 10px; line-height:35px; padding:0px 10px; text-align:center;}
.navs li a{ font-size:14px; font-weight:bold; color:#444444;}
.navs li a.hover{ display:block; width:100%; height:35px; line-height:35px; color:#FFF; background-color:#CC0000; padding:0px 10px; text-align:center;}
.pnav{ margin: 10px 0;}
.pnav a,.pnav a:visited{ font-size:14px; color:#36F;}
.pnav a:hover{ color:#F60;}

#dtab_vs{ height:34px; position:relative;}
#dtab_vs .heads{overflow:hidden; position:relative; background-color:#fff; border:1px #fff solid; padding:9px; z-index:1002; _display:inline; _zoom:1; margin-top:-1px;}
#dtab_vs .heads .vs{background:url(../images/s1.png) left center no-repeat; width:18px; height:17px; float:left; margin:-2px 5px;}
#dtab_vs .childs{ display:none;position:relative;}
#dtab_vs .childs ul{padding:5px 10px; position:absolute; z-index:1005; left:0; top:0; border:1px solid #cc0000; background:#fff; width:230px;}
#dtab_vs .childs ul li a{line-height:24px; width:230px; display:block;}
#dtab_vs.hover .heads{position:relative; background:#fff; border:1px solid #cc0000; border-bottom-style:none; padding:9px; }
#dtab_vs.hover .heads .vs{background:url(../images/s2.png) left center no-repeat; width:18px; height:17px; float:left; margin:-2px 5px;}
#dtab_vs.hover .childs{ display:block;background:#fff;  position:relative; z-index:1001;margin-top:-1px;}

a.find{ background:url(../images/img.png) 0 -263px no-repeat; display:block; padding:0px 15px 0px 25px; height:17px; line-height:17px;}

.mainbox{ margin:7px auto; width:1190px;}

.tips{ border:1px solid #36F; padding:8px; text-align:center; color:#06F; margin:10px auto;}
ul.g-guanzhu li{margin-bottom: 10px;}
ul.g-guanzhu .icon{display: inline-block;float: left;}
ul.g-guanzhu a{margin-left: 5px;}
.cus_textarea{ width:350px; height:50px; border:1px solid #eee;}
.icon-xinlang{background: url(../images/img.png) no-repeat -284px -1034px; width:20px; height:20px;}
.icon-qq{background: url(../images/img.png) no-repeat -284px -1058px; width:20px; height:20px;}

.position{ margin:15px auto; text-align:left; width:1190px;}

.topic2{line-height:31px; background-image:url(../images/topic2_bg.gif); height:31px;}
.topic2 .title{ line-height:31px; color:#656565; font-size:14px; font-weight:bold; float:left; margin-left:10px; background:url(../images/txt_bg2.gif) no-repeat left; padding-left:15px;}
.topic2 .more{ color:#656565; font-size:12px; float:right; margin-right:10px;}
.topic2 .more a{ color:#656565; text-decoration:none;}

.m_box{ margin:0px auto; width:1190px;}
.m_box .left{ width:205px; float:left;}
.m_box .right{ width:970px; float:right;}
.leftnav{ border:1px solid #e2e2e2; background-color:#ffffff;}
.leftnav ul{}
.leftnav li{ line-height:30px; height:30px; padding:0px 0px 0px 55px;}
.leftnav li.mtop{ background-color:#cc0000; padding:0px; font-size:14px; color:#FFF; font-weight:bold; text-align:center; height:40px; line-height:40px;}
.leftnav li.mrec{ background-color:#f5f5f5; font-size:12px; height:35px; line-height:35px; font-weight:bold; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#369;}
.leftnav li.on{ background-color:#DFEFFF; font-size:14px;border-left:2px solid #cc0000; color:#cc0000;}
.leftnav li.on a{ color:#cc0000;  font-size:14px;}

.right_box{ padding:15px; text-align:left; border:1px solid #E2E2E2; background-color:#fff; margin:0px 0px 15px 0px; min-height:540px;}
.right_contain{ padding:15px; text-align:left; border:1px solid #E2E2E2; background-color:#fff; margin:0px 0px 15px 0px;}
.right_contain h2{ font-size:14px; margin:5px 0px 15px 0px;}
.text_pub{ font-size:16px; color:#666666;}
.text_pubon{ color:#ffffff; font-size:18px;}
.input_normal{ width:200px; height:30px; line-height:30px; border:1px solid #cbcbcb; padding-left:5px;}
.input_mini{ width:100px; height:30px; line-height:30px; border:1px solid #cbcbcb; padding-left:5px;}
.input_num{ width:60px; height:30px; line-height:30px; border:1px solid #cbcbcb; padding-left:5px;}
.input_tiny{width:100px; height:30px; line-height:30px; border:1px solid #cbcbcb; padding-left:5px;}
.input_zycp{ width:100px; height:28px; line-height:28px; border:1px solid #cbcbcb; padding-left:5px; margin:2px 5px 0px 0px;}
.input_mod{ height:32px; line-height:32px; border:1px solid #cbcbcb; background-color:#f5f5f5; padding:0px 5px; cursor:pointer;}
.input_textarea{ width:350px; height:50px; line-height:25px; border:1px solid #cbcbcb; padding:5px; }

.selects{ padding:7px; text-align:center; border:1px solid #cbcbcb; }
.cancel{ width:178px; height:40px; line-height:40px; text-align:center; color:#666; font-size:14px; font-weight:bold; border:0px solid #fff; cursor:pointer; background-color:#ddd;}
.submit{ background-image:url(../images/btn.gif); width:178px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:14px; font-weight:bold; border:0px solid #fff; cursor:pointer;}
.submit2{ background-image:url(../images/submit.gif); width:118px; height:34px; line-height:34px; text-align:center; color:#FFF; font-size:14px; font-weight:bold; border:0px solid #fff; cursor:pointer;}
.disabled{ width:178px; height:40px; line-height: 40px; background-color: #cccccc; text-align: center; border:0px solid #ccc; border-radius: 5px; color: #333; cursor: pointer;}
.btn_del{ border:1px solid #e2e2e2; background-color:#FFF; height:20px; line-height:20px; padding:0px 5px; text-align:center; cursor:pointer; cursor:#666;}
.selectspan{ display:block; width:160px; height:32px; line-height:32px; border:1px solid #ddd; background-color:#f5f5f5; cursor:pointer; background-image:url(../images/arrow_down.png); background-repeat:no-repeat; background-position:right; padding:0px 10px; }
.input_btn{ width:80px; height:32px; line-height:32px; background-color:#06F; border:1px solid #06F; cursor:pointer; color:#fff; font-size:14px; text-align:center; border-radius:15px;}
.input_btn:hover{ background-color:#00F;}

a.input_btn{ display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#666666; border:1px solid #cbcbcb; background-color:#F6F6F6;}
a.input_btn:hover{ background-color:#ddd;}

span.input_btn{ display:block; min-width:100px; max-width:350px; height:30px; text-align:center; line-height:30px; color:#666666; border:1px solid #cbcbcb; background-color:#F6F6F6; cursor:pointer;}

label.error{color:#cc0000; display:inline-block; margin:0px 0px 0px 10px; background:url(../images/err.png) left no-repeat; padding:0px ;}
.m_topic{border-left:1px solid #E2E2E2;border-right:1px solid #E2E2E2;border-top:2px solid #CC0000; color:#CC0000; font-size:14px; font-weight:bold; text-align:center;}
.m_topic2{ text-align:left; font-size:14px; font-weight:bold; padding-left:5px; line-height:35px;border-bottom:1px solid #E2E2E2;}

.msg_box{ line-height:30px; text-align:center;}

#thumbnails{}
#thumbnails ul{ list-style:none; margin:0px; padding:0px;}
#thumbnails li{ float:left; margin:5px 5px 5px 0px; text-align:center;}
#thumbnails li div.imgs{ position:relative; border:1px solid #ccc;}
#thumbnails li .btn{ position:absolute; right:5px; top:0px;}
#thumbnails li .btn a{font-size:24px; font-weight:bold; color:#fff;}
#thumbnails li .btn a:hover{color:#F30;}

.page { font-size:12px; margin:20px auto; width:98%; text-align:center;}
.page a {padding:5px;}
.page .number {border:1px solid #dddddd; padding:5px;}
.page A.hover {	border:1px solid #dddddd; font-weight:bold; color:#cc0000;}

#root{ margin:15px auto; width:1190px;}
#root .root_info{ border-top:2px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:25px 40px; display:block;}
#root .root_info dl{ float:left;}
#root .root_info dl dt{ font-size:16px; font-weight:bold; margin-bottom:10px;}
#root .root_info dl dd li{ line-height:20px;}
#root .root_info dl dd li a{ color:#8B8B8B;}
#root .root_info dl dd li a:hover{ color:#F30;}
#root .root_txt{padding:18px 0px 20px 0px; text-align:center;}
#root .root_txt p{ line-height:28px;}
#thumbnails img{ float:left;}
.edit_l{ padding:15px 0px;}
.border_contain{ background-color:#f5f5f5; border:1px solid #e2e2e2; padding:10px;}
.tips{ padding:5px; line-height:18px; text-align:left;}

.mbpic{ padding:10px; font-size:12px;}
.mbpic ul{}
.mbpic li{ width:25%; margin:0px 0px 10px 0px; text-align:center; float:left;}
.mbpic img{ margin-bottom:6px;}

.pub_selclass{ margin:10px;}
.pub_selclass .rowsf{ float:left; width:30%; height:200px; margin-right:30px;}
.pub_selclass h2{ clear:both; font-size:16px; font-weight:bold; color:#03C; line-height:40px; border-bottom:1px dashed #ccc;}
.pub_selclass ul{}
.pub_selclass li{line-height:30px;}
.pub_selclass strong{ font-size:14px;}
.pub_selclass a{ font-size:12px;}

/* float_layer */
.float_layer{border:1px solid #0aa2e6;display:none; background-color:#f5f5f5;}
.float_layer h2{height:25px;line-height:25px;padding-left:10px;font-size:14px;color:#333;background:url(../images/title_bg.gif) repeat-x;border-bottom:1px solid #0aa2e6;position:relative;}
.float_layer .min{width:21px;height:20px;background:url(../images/min.gif) no-repeat 0 bottom;position:absolute;top:2px;right:25px;}
.float_layer .min:hover{background:url(../images/min.gif) no-repeat 0 0;}
.float_layer .max{width:21px;height:20px;background:url(../images/max.gif) no-repeat 0 bottom;position:absolute;top:2px;right:25px;}
.float_layer .max:hover{background:url(../images/max.gif) no-repeat 0 0;}
.float_layer .close{width:21px;height:20px;background:url(../images/close.gif) no-repeat 0 bottom;position:absolute;top:2px;right:3px;}
.float_layer .close:hover{background:url(../images/close.gif) no-repeat 0 0;}
.float_layer .content2{height:210px;width:300px;overflow:hidden;font-size:14px;line-height:18px;color:#666; }
.float_layer .wrap2{padding:10px 10px 4px 10px;}

a.a_btn{ display:block; width:80px; height:30px; line-height:30px; padding:0x; text-align:center; color:#ffffff; font-size:14px; background-color:#F30;}
a.a_btn_grey{ display:block; width:80px; height:30px; line-height:30px; padding:0x; text-align:center; color:#666; font-size:14px; background-color:#eee;}
a.a_btn_blue{display:block; width:80px; height:30px; line-height:30px; padding:0x; text-align:center; color:#fff; font-size:14px; background-color:#00AAEE;}
/*top*/

#topbar{ background-color:#0366c1; height:46px; line-height:46px;}
#topbar .search{float:right; background-image:url(../images/zoom.png); width:25px; height:25px; margin:10px 8px 0px 0px; -moz-background-size:25px 25px; /* 老版本的 Firefox */
background-size:25px 25px; background-repeat:no-repeat;}
.searchform{ position:relative;}
.searchform .stext{
	margin:0px 60px 0px 10px; padding:5px;
	border: 1px solid #b5b5b5;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
		}
.searchform .stext input{ width:100%; border:0px solid #fff;}
.searchform .sbtn input{
	position:absolute; right:10px; top:0px; padding:5px;
	border: 1px solid #b5b5b5;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
		}
#topbar a.back{ float:left; background:url(../images/arrow_back.png) no-repeat center; width:46px; height:46px; line-height:29px; display:block; margin:0px 0px 0px 0px;}
#topbar a.back:hover{ background-color:#094a72;}
#topbar span{ float:left; font-size:18px; line-height:46px; display:block; color:#FFF;}
#topbar .title{ text-align:center; font-size:14px; color:#fff; margin:0px auto; line-height:46px; padding-right:20px;}

/*chats*/
.chats{position:absolute; top:0px; margin-bottom:0px; overflow:auto; width:100%;}
.chats ul{ padding:10px;}
.chats li{ list-style:none; margin:10px 0px 0px 0px;}
.r_round {
    padding:10px; width:auto; display:inline-block; background-color:#A6D950; position:relative; float:right; margin-right:15px;
    border: 1px solid #78a218;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
.r_round .arrow{ position:absolute; right:-10px; top:20px; background-image:url(../images/arrow_r.png); width:11px; height:13px;}
.l_img{ float:left; width:60px; height:60px;}
.r_img{ float:right; width:60px; height:60px;}

.l_round {
    padding:10px; width:auto; display:inline-block; background-color:#ffffff; position:relative; float:left; margin-left:15px;
    border: 1px solid #b5b5b5;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
.l_round .arrow{ position:absolute; left:-11px; top:20px; background-image:url(../images/arrow_l.png); width:12px; height:11px;}

.chat_edit{ border-top:2px solid #ddd;  padding:10px 0px 10px 0px; margin-top:8px; overflow:hidden; position:fixed; bottom:0px; width:100%; background-color:#FFFFFF;}
.chat_edit .form{ position:relative;}
.chat_edit .form .inputpos{display: block; font-size: 16px; margin-right:75px; margin-left:10px;}
.chat_edit .form .inputpos .iptext{ width:100%; box-sizing: border-box; padding:1px 2px; border:none; font-family: "Microsoft YaHei"; border:1px solid #ccc; border-radius:5px; height:30px; line-height:30px;}
.chat_edit .form .inputpos .talkbtn{display: none; width: 100%; padding:17px 10px;background: url(../images/talkbtn.png) no-repeat center;background-size: 100%; border:1px solid #ccc; border-radius:5px;}
.chat_edit .form .searchbtn{position:absolute; right:15px; bottom: 2px;}
.chat_edit .form .searchbtn a{ display:block; background-color:#5fc33d; color:#FFFFFF; width:50px; height:32px; line-height: 32px; text-align:center; border-radius:5px;}
.chat_edit .form .addbtn{position:absolute; left:15px;bottom: 0;}


/*msg*/
.msg_types{}
.msg_types li{ margin:0px 0px 10px 0px; border-bottom:1px solid #ccc;}
.msg_cnt{ padding:0px 0px 10px 0px; cursor:pointer;}
.msg_cnt h1{ font-size:16px; font-weight:bold; color:#232323; line-height:25px;}
.msg_cnt p{ padding:5px 0px; color:#999;}
.msg_time{ margin:10px 0px 0px 0px; color:#666; font-size:14px;}
.msg_viewimg{ position:relative; margin:5px 20px 10px 0px;}
.msg_viewimg .dot_red{position:absolute; top:-5px; right:0px;display:block; background:url(../images/dot_red.png) center no-repeat; width:20px; height:20px; line-height:20px; text-align:center; color:#FFF;}
.wrap2 ul li{line-height:35px;font-size:14px; border-bottom:1px dashed #ccc; padding-left:10px;}
.nl{color:#585858;}
.m_demons{ cursor:pointer; font-size:12px;; color:#888;}
.m_demons:hover{ color:#F60;}
/*upload button*/
.a-upload { background-image:url(../images/up.jpg); background-size:4rem; width:4rem; height:4rem; position: relative;cursor: pointer; overflow: hidden;   display:block; *zoom: 1}
.a-upload input{ position: absolute;   font-size: 100px;  right: 0;    top: 0;  opacity: 0;    filter: alpha(opacity=0); cursor: pointer}
.upload-progress{ height:20px; background-color: #bdebee; margin-top:10px; display:none;}
a.a-selpic{}
#thumbnails{}
#thumbnails ul{ list-style:none; margin:0px; padding:0px;}
#thumbnails li{ float:left; margin:5px 5px 5px 0px; text-align:center;}
#thumbnails li div.imgs{ position:relative; border:1px solid #ccc;}
#thumbnails li .btn{ position:absolute; right:0px; top:0px;}

.list_td{}
.list_td td{ line-height: 20px; padding:15px auto; border-bottom: 1px dashed #ddd;}
.pages{line-height: 40px; text-align: center;}
.success{ font-size:14px; background-color: #f5f5f5; padding: 10px; box-sizing: border-box; border: 1px solid #ddd; color: #090;}
div.error{ font-size:14px; background-color: #f5f5f5; padding: 10px; box-sizing: border-box; border: 1px solid #ddd; color: #F30;}