@charset "utf-8";
/* **************************************************
	格式化常用标签
*************************************************** */
body, div, label, dl, dt, dd, ul, ol, li, pre, code, iframe, form,  fieldset, legend, p, th, td { margin: 0; padding: 0; }
body { font-size: 12px; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
ul, ol, li { list-style: none; padding: 0; margin: 0; }
textarea { resize: none; }
img { border: none; vertical-align: middle; }
img.circle { border-radius: 50%; transition: all 0.6s; }
img.circle:hover { transform: scale(1.1, 1.1); }

.bgfff { background:#fff;}


/*弹出窗口页面容器*/
.layer_body { background: #FFF; padding: 15px; }

/*常用*/
.center { text-align: center; }
.fr { float: right; }
.fleft { float: left; }
.hide { display: none; }
.bold { font-weight: bold; }
.red { color: #F00; }
.tinge { color: #666; }
.grey { color: #999; }
.pointer { cursor: pointer; }
.clear { clear: both; }
.clear1 { clear: both; height: 1px; }
.split { padding: 0 5px; }
.right { text-align: right; }
.left { text-align: left; }
.fr { float: right; }
.fl { float: left; }
.lt { float: left; }
.rt { float: right; }
.ajax { display: none; }
.val { display: none; }
.rules { display: none; }
.url { display: none; }
.noborder { border: none; }
.state_0 { color: #999; }
#treebody { display: none; }
.line { border-top: 1px dotted #e5e5e5; margin-bottom: 15px; }


/*图片*/
.img13 { max-height: 13px; max-width: 13px; }
.img16 { max-height: 16px; max-width: 16px; }
.img18 { max-height: 18px; max-width: 18px; }
.img20 { max-height: 20px; max-width: 20px; }
.img24 { max-height: 24px; max-width: 24px; }
.img32 { max-height: 32px; max-width: 32px; }
.img36 { max-height: 36px; max-width: 36px; }
.img48 { max-height: 48px; max-width: 48px; }
.img64 { max-height: 64px; max-width: 64px; }
.img80 { max-height: 80px; max-width: 80px; }
.img120 { max-height: 120px; max-width: 120px; }
.img128 { max-height: 128px; max-width: 128px; }
.img200 { max-height: 200px; max-width: 200px; }
.img240 { max-height: 240px; max-width: 240px; }
.vimages { max-height: 40px; max-width: 150px; }

.max80 { max-height: 80px; max-width: 80px; _height: 80px; _width: 80px; word-wrap: break-word; word-break: normal; }
.max120 { max-height: 120px; max-width: 120px; _height: 120px; _width: 120px; word-wrap: break-word; word-break: normal; }
.max200 { max-height: 200px; max-width: 200px; _height: 200px; _width: 200px; word-wrap: break-word; word-break: normal; }
.max300 { max-height: 300px; max-width: 300px; _height: 300px; _width: 300px; word-wrap: break-word; word-break: normal; }
.max500 { max-height: 500px; max-width: 500px; _height: 500px; _width: 500px; word-wrap: break-word; word-break: normal; }
.mw900 { max-width: 900px; word-wrap: break-word; word-break: normal; }

/*宽度*/
.cursor { cursor: pointer; }
.w30 { width: 30px; word-wrap: break-word; word-break: normal; }
.w40 { width: 40px; word-wrap: break-word; word-break: normal; }
.w50 { width: 50px; word-wrap: break-word; word-break: normal; }
.w70 { width: 70px; word-wrap: break-word; word-break: normal; }
.w90 { width: 90px; word-wrap: break-word; word-break: normal; }
.w100 { width: 100px; word-wrap: break-word; word-break: normal; }
.w110 { width: 110px; word-wrap: break-word; word-break: normal; }
.w115 { width: 115px; word-wrap: break-word; word-break: normal; }
.w120 { width: 120px; word-wrap: break-word; word-break: normal; }
.w130 { width: 130px; word-wrap: break-word; word-break: normal; }
.w150 { width: 150px; word-wrap: break-word; word-break: normal; }
.w180 { width: 180px; word-wrap: break-word; word-break: normal; }
.w190 { width: 190px; word-wrap: break-word; word-break: normal; }
.w200 { width: 200px; word-wrap: break-word; word-break: normal; }
.w220 { width: 220px; word-wrap: break-word; word-break: normal; }
.w260 { width: 260px; word-wrap: break-word; word-break: normal; }
.w310 { width: 310px; word-wrap: break-word; word-break: normal; }
.w360 { width: 360px; word-wrap: break-word; word-break: normal; }
.w400 { width: 400px; word-wrap: break-word; word-break: normal; }
.w500 { width: 500px; word-wrap: break-word; word-break: normal; }
.w900 { width: 900px; word-wrap: break-word; word-break: normal; }
.wrap { word-wrap: break-word; word-break: normal; }

/*高度*/
.mh30 { min-height: 30px; }

/*字体*/
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }

.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }

.p10 { padding: 10px; }
.p15 { padding: 15px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.pt10 { padding-top: 10px; }

.tip { padding: 15px; color: #F00; margin-bottom: 15px; }
.tip_gray { padding: 15px; color: #666; margin-bottom: 15px; background: #f2f2f2; }
.tip_center { padding: 15px; background: #FFE8E8; color: #999; margin-bottom: 15px; text-align: center; }
.tip_center a { color: #999; }
.tip_center a:hover { color: #333; }

.wrap_flex { display: flex; flex-wrap: wrap; justify-content:space-between;}
.wrap_row2 > * { width:49%;}
.wrap_row3 > * { width:32%;}
.wrap_row4 > * { width:24%;}


/*输入框*/
input { padding: 7px; font-size: 10pt; border: 1px solid #ccc; background: #FFF;  box-sizing: border-box; font: 10pt "Microsoft YaHei", Arial, Helvetica, sans-serif; }
select { padding: 7px; font-size: 10pt; border: 1px solid #ccc; background: #FFF;  box-sizing: border-box; font: 10pt "Microsoft YaHei", Arial, Helvetica, sans-serif; }
textarea { padding: 7px; font-size: 10pt; border: 1px solid #ccc; background: #FFF;  box-sizing: border-box; font: 10pt "Microsoft YaHei", Arial, Helvetica, sans-serif; }

.input { min-width: 175px; }
.input1 { min-width: 275px; }
.input2 { min-width: 350px; }
.input3 { min-width: 425px; }

.input_err { border: 1px solid #F00; }

/*上传样式*/
.div_upload { display: block; border: 1px solid #f2f2f2; background: #fafafa; padding: 25px; margin-bottom: 15px; }
.div_upload div.submit { margin-top: 20px; }
.div_upload div.submit input:hover { background: #333; color: #FFF; }
.tip_nodata { display: block; padding: 15px; background: #FC3; }

/*-----------------------------------------------------------------------------------------------------------
	提示样式
------------------------------------------------------------------------------------------------------------*/
.block_tip { display: block; background: #fafafa; padding: 25px; margin-bottom: 15px;  text-align:center; }
.block_tip dl { display: block; width: 450px; margin: 0 auto; }
.block_tip dt { display:block; }
.block_tip dd { padding-top: 15px; }
.block_tip dd h3 { margin-bottom: 15px; }
.block_tip a { color: #666; margin: 0 10px; }
.block_tip a:hover { color: #333; }
.block_tip .result { margin-bottom: 20px; }

/**/
.tip_finish { display: block; max-width: 760px; margin: 0 auto; padding: 25px; margin-bottom: 15px; text-align: center; }
.tip_finish div { margin-bottom: 15px; }
.tip_finish h3 { margin-bottom: 15px; }
.tip_finish p { margin-top: 5px; }
.tip_finish img { max-height: 100px; max-width: 100px; }
.div_tip { display: block; background: #fafafa; border: 1px dashed #f2f2f2; padding: 25px; margin-bottom: 15px; }
.div_tip h3 { font-size: 15px; }


/*手机端提示*/
.wap_tip { background: #fff; padding: 25px; text-align: center; }
.wap_tip h3 { display:block; padding:10px;}
.wap_tip .btns a { display: block; background: #0172bd; color: #fff; padding: 5px; text-align: center; border-radius: 5px; }
.wap_tip .btns a:hover { background:#999;}

/*-----------------------------------------------------------------------------------------------------------
	上传
------------------------------------------------------------------------------------------------------------*/
.upload_body { display: block; width: 110%; color: #999; }
.upload_body .item { display: inline-block; background: #fff; border: 1px solid #f2f2f2; padding: 15px; margin: 0 5px 5px 0; }
.upload_body .item .delete { display: inline-block; margin-top: 5px; cursor: pointer; }
.upload_body .item:hover { background: #f2f2f2; border-color: #ccc; }
.upload_body .item h2.title { font-size: 15px; }
.upload_btn { margin-right: 25px; color: #999; }
.upload_btn:hover { color: #333; }
.upload_btn img { max-width: 64px; max-height: 64px; margin-right: 5px; }
.caret { display: inline-block; width: 0; height: 0; margin-bottom: 2px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid 9px; border-right: 4px solid transparent; border-left: 4px solid transparent }
/*-----------------------------------------------------------------------------------------------------------
	按钮组：按钮下拉效果
------------------------------------------------------------------------------------------------------------*/
.btn_group { position: relative; }
.btn_group .btn a { border: 1px solid #ccc; display: inline-block; background: #f2f2f2; border-radius: 5px; padding: 5px 15px; }
.btn_group .btn a:hover { }
.btn_group .group { display: none; position: absolute; top: 26px; left: 0; min-width: 120px; z-index: 1000; background: #fff; border: 1px solid #e5e5e5; }
.btn_group .group a { display: block; padding: 5px 15px; background: #fff; }
.btn_group .group a:hover { background: #333; color: #fff; }
.btn_group:hover>.group { display: block; }
.btn_group .group p { border-bottom: 1px solid #f2f2f2; }
/* **************************************************
	下拉菜单样式
*************************************************** */
.drop_box { background: #f2f2f2; border: 1px solid #e5e5e5; }
.drop_box th { border: none; border-bottom: 1px solid #f2f2f2; }
.drop_box td { background: #FFF; border: none; border-bottom: 1px solid #f2f2f2; }
.drop_box .drop_header { display: block; padding: 5px; }
.drop_box .drop_header a { display: inline-block; padding: 5px 10px; background: #005899; color: #FFF; margin-right: 2px; }
.drop_box .drop_header a:hover { background: #333 url(../img/bj_btn.png) right bottom; color: #FFF; }

.drop_box .drop_body { background: #FFF; max-height: 170px; overflow: auto; }
.drop_box .drop_main input { background:none; border:none;}

.drop_box .drop_search { background:#f2f2f2; border-bottom:1px solid #e5e5e5; padding:2px; margin-bottom:5px;}
.drop_box .drop_search { display:block;}
.drop_box .drop_search .field_body { display:inline-block; width:78%; text-align:left;}
.drop_box .drop_search .field_button { display:inline-block; width:20%; text-align:right;}
.drop_box .drop_search input { width:96%; padding:5px;}
.drop_box .drop_search button { width:100%; padding:4px 0;}


.drop_box .drop_foot { display:block; background:#f2f2f2; }
.drop_box .drop_foot a { display:inline-block; width:50%; text-align:center; padding:10px 0;}
.drop_box .drop_foot a:hover { background: #0073c6; color:#fff; }
.drop_box .ul { padding: 10px; }
.drop_box .ul li { display: block; padding: 5px; }
