@charset "utf-8";
/* CSS Document */
* {margin: 0;outline: 0;padding: 0;}
body {background:#f3f3f3;font-family:'Microsoft YaHei';  font-size:14px;margin: 0;padding: 0;}
body, form, ul, ol, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, table, fieldset, hr, div {margin: 0;padding: 0;font-weight: 300}
img {border: 0 none;max-width:100%;}
ul, ol, li {list-style-type: none;}
:focus { outline: none; }
/*a {outline: medium none;text-decoration: none; color: #048de4;}*/
a {outline: medium none;text-decoration: none; color: #3892df;}
a:hover {color: #0265c1;}
table a:hover {text-decoration: underline; color: #0265c1;}
em,i{font-style: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
.clearfix{zoom: 1;}
.clear{ clear:both}
table{border-collapse:collapse;font-family:'Microsoft YaHei'; }
input,select,textarea,button{font-family: "Microsoft Yahei"; font-size: 12px;font-weight: 300}
/*字体图标样式开始*/
@font-face{font-family: "iconfont"; src: url('../font/iconfont.eot'); /* IE9*/ src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome、firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family:"iconfont" !important;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/*字体图标样式结束*/
/*-----------------字体大小--------------------*/
.f10{ font-size:10px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.f38{ font-size: 38px;}
.f56{ font-size: 56px;}
/*-----------------字体粗细--------------------*/
.fw-bold{ font-weight:bold;}
.fw-normal{ font-weight:normal;}
/*-----------------浮动定位--------------------*/
.fl {float: left;}
.fr {float: right;}
.pr { position:relative;}
.pa { position:absolute;}
/*-----------------字体颜色--------------------*/
.c-fff{ color:#fff;}
.c-333{ color:#333;}
.c-666{ color:#666;}
.c-000{ color:#000;}
.c-999{ color:#999;}
.c-DDD{ color:#DDD;}
.c-ccc{ color:#ccc;}
.c-ed221c{ color: #ed221c;}/*红色*/
.c-17c172{ color: #17c172;}/*绿色*/
.c-048de4{ color: #048de4;}/*蓝色*/
.c-ffa800{ color: #ffa800;}/*黄色*/
.c-06a737{ color: #06a737;}/*深绿色*/
.c-fd602f{ color: #fd602f;}
.c-1E9FFF{ color: #1E9FFF;}
.c-F68300{ color: #F68300;}
.c-c6d0d9{ color: #c6d0d9;}
.c-ff8100{ color: #ff8100;}
.c-048de4:hover{ color: #0265c1;}
.bg-fff{ background:#fff;}
.bg-ccc{ background:#ccc;}
.bg-27303f{ background:#333744;}
.bg-048de4{ background:#048de4;}
.bg-fae3b3{ background:#fae3b3;}
.bg-fbf6ec{ background: #fbf6ec;}
.bg-def4ff{ background: #def4ff;}
/*-----------------边框颜色--------------------*/
.br5{ border-radius:5px;}
.br3{ border-radius:3px;}
.b-none{ border:none;}
.b-ea5a60{ border:1px solid #ea5a60;}
.b-efeeee{ border:1px solid #efeeee;}
.bt-efeeee{ border-top: 1px solid #efeeee;}
.bt-ddd{ border-top: 1px solid #ddd;}
.bl-efeeee{ border-left: 1px solid #efeeee;}
.bb-efeeee{ border-bottom: 1px solid #efeeee;}
.br-eee{ border-right: 1px solid #eee;}
.br-e4e4e4{ border-right:1px solid #e4e4e4;}
/*-----------------水平垂直对齐--------------------*/
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.tin-2{ text-indent:2em;}
.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}
.of-h{ overflow:hidden;}
.of-h-one{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cur_po{cursor: pointer;}
.cur_de{cursor: default;}
.box_siz{ box-sizing:border-box;}
.word-wrap{word-wrap:break-word;}
/*-----------------转换元素--------------------*/
.dis-n {display: none;}
.dis-b {display: block;}
.dis-ib {display: inline-block;}
/*-----------------宽高--------------------*/
.wb100 {width: 100%;}
.wb90{ width: 90%;}
.wb75{ width: 75%;}
.wb65{ width: 65%;}
.wb56{ width: 56%;}
.wb43{ width: 43%;}
.wb31{ width: 31%;}
.w30{ width: 30px;}
.w40{ width: 40px;}
.w50{ width: 50px;}
.w300{ width: 300px;}
.lh20{ line-height: 20px;}
.lh24{ line-height: 24px;}
.minh100{ min-height:100px;}
.min-height500{ min-height: 500px;}
/*-------------------- 边距 --------------------*/
.mt3{ margin-top: 3px;}
.mt5{ margin-top: 5px;}
.mt8{ margin-top: 8px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt50{ margin-top: 50px;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml15{ margin-left: 15px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml60{ margin-left: 60px;}
.ml80{ margin-left: 80px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.m0-5{ margin:0 5px;}
.p0-6{ padding: 0 6px;}
.p20{ padding: 20px;}
.p0-20{ padding: 0 20px;}
/*字体图标样式开始*/
@font-face{font-family: "iconfont"; src: url('../font/iconfont.eot'); /* IE9*/ src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome、firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family:"iconfont" !important;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*:before,*:after{font-family:"iconfont" !important;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/*字体图标样式结束*/
/*layer样式*/
.layui-layer{border-radius: 5px !important;}
.layui-layer-tips .layui-layer-content{background-color: #f1f1f1 !important;color: #333!important}
.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT{border-right-color: #f1f1f1!important}
.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR{border-bottom-color: #f1f1f1!important}
/*.layui-layer-dialog{min-width:360px!important}*/
.layui-layer-title{padding:0 80px 0 5px!important;height:45px!important;line-height:45px!important;border-bottom:1px solid #D5D5D5!important;font-size:14px!important;color:#333!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;background:#fff!important; margin: 0 10px!important;}
.layui-layer-dialog .layui-layer-content{position: relative!important;padding: 20px!important;line-height: 24px!important;word-break: break-all!important;overflow: hidden!important;font-size: 14px!important;overflow-x: hidden!important;overflow-y: auto!important; text-align: center!important;}
.layui-layer-btn{padding:5px 10px 20px!important;pointer-events: auto!important;user-select: none!important;-webkit-user-select: none!important; text-align: center!important;}
.layui-layer-btn a{height:30px!important;line-height:30px!important;margin:0 8px!important;padding:0 20px!important;background:#f7f7f7!important;color:#333!important;font-size:12px!important;cursor:pointer!important;text-decoration:none!important; border:1px solid #ddd!important;}
.layui-layer-btn a:hover{opacity: .9!important;text-decoration: none!important}
.layui-layer-btn a:active{opacity: .8!important}
.layui-layer-btn .layui-layer-btn0{border-color: #4898d5!important;background-color: #2e8ded!important;color: #fff!important}
.layui-layer-msg{min-width: 180px!important;}
/*头部*/
.header{ width: 100%; display: inline-block; background: #fff; box-shadow: 0px 0px 5px #ccc; height: 60px;}
.warpWidth{ width: 1200px; margin: 0 auto;}
.header .logo{ display: inline-block; float: left; margin-right:50px; height: 40px; margin-top: 10px;}
.header .logo img{ height: 40px;}
.headNav{ width: 50%; display: inline-block; float: left;}
.headNav li{ display: inline-block; position: relative; float: left; font-size: 16px;margin: 0 20px; height:60px;}
.headNav li a{ color: #444; display: inline-block; padding: 0 10px; line-height: 60px;}
.headNav li:hover a,.headNav li.active a{ color: #3892df;}
.headNav li:hover:before,.headNav li.active:before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 2px solid #3892df;}
.headRight{ float: right;}
.headMy{ width:140px; text-align: right; position: relative; display: inline-block; float: right;}
.headMyCon{ display: inline-block; padding: 12px 0;padding-right: 15px;  position: relative; margin-right: 10px;}
.headMyCon span{ width:35px; height: 35px; border-radius: 5px; overflow:hidden; display: inline-block; vertical-align: middle; margin-right: 10px;}
.headMyCon em{ color: #333; vertical-align: middle;}
.headMyCon:after{ content: '\e61e'; position: absolute; color: #999; right: 0; top: 50%; margin-top: -10px;}
.headMyList{ background: #fff; border-radius: 3px; overflow: hidden; text-align: left; box-shadow: 0px 0px 5px #ccc; display: none; width: 140px; margin-top: -3px;}
.headMyList li,.headMyList li a{ width: 100%; display:block;}
.headMyList li a{ padding: 12px 0; color: #666; border-bottom: 1px solid #f5f5f5; font-size: 13px;}
.headMyList li a i{ color: #ccc; margin: 0 10px 0 20px; font-size: 16px;}
.headMyList li:hover a{ color: #3892df;}
.headMyList li:hover a i{ color: #3892df;}
.headRight{ position: relative; z-index: 20;}
.headRight .public{ width: 140px; float: right;}
.publicNull,.publicNumber{ height:26px; line-height: 26px; font-size: 12px; color: #666; border: 1px solid #eee; width: 100px;display: inline-block; text-align: center; border-radius: 3px; padding: 0 5px; overflow: hidden; margin-top: 16px; padding-right: 10px; position: relative; cursor: pointer;}
.publicNumber { text-align: left;}
.publicNumber em,.publicSelect li em{ width: 16px; height: 16px; margin: 5px 6px 5px 0; display: inline-block; float: left; border-radius: 100%; overflow: hidden;}
.publicNumber em img,.publicSelect li em img{ float: left;}
.publicNull:before,.publicNumber:before{ content: '\e61e'; font-size: 14px;position: absolute; color: #ccc; right: 3px; top: 50%; margin-top: -14px;}
.publicSelect{background: #fff; border-radius: 3px; overflow: hidden; text-align: left; box-shadow: 0px 0px 5px #ccc; display: none; width: 118px; margin-top: -3px;}
.publicSelect li{ padding: 7px 0; width: 100%; display: inline-block; float: left; border-bottom: 1px solid #f5f5f5;}
.publicSelect li em{ margin: 0 5px 0 6px;}
.publicSelect li i{font-size: 12px; color: #666; float: left;}
.publicSelect li.publicAdd{ text-align: center; background: #f7f6f0; border-bottom: none; font-size: 12px;}
.publicSelect li.publicAdd i{ float: initial; margin-right: 10px;}
.publicSelect li.publicAdd:hover{ background: #f0eee5; cursor: pointer;}

/*公用表格*/
.Table {text-align: center; border: 1px solid #f5f5f5; font-size: 12px;}
.Table th{ font-weight:300; padding: 8px; background: #f5f7fb;}
.Table td{ padding: 10px; color: #333; border-bottom: 1px solid #f5f5f5;}
.Table tr:hover{ background: #f7f9fc;}
.normalColor{ color: #333;}
.Table a:hover{ text-decoration: underline;}
.normalColor:hover{ color: #048de4;}
.Table .TableAjax{ background: #fff; display: none;}
.TableBg th{ background:none; border-bottom: 1px solid #f5f5f5;}
.TableUser{ text-align: left; font-size: 13px;}
.TableUser th{ padding-left: 30px;}
.TableUser td{ padding-left: 30px; color: #666;}
.TableUser td.c-333{ color: #333;}
.TableUserPhoto{ width: 66px; height: 66px; display: inline-block; border-radius: 100%; overflow: hidden;}
.TableImg{ display:inline-block; width:40px; margin-right:8px; height: 40px; overflow: hidden;}
.TableImg img{ float: left;}

/*公用表单*/
.formInput { padding: 3% 0; font-size: 13px; color: #999; display: table; width: 100%;}
.formInput li{padding:10px 0; color: #1b1b1b; width: auto; line-height: 34px; font-size: 12px;}
.formInput li .InTitle { display: inline-block; font-size: 12px; margin-right: 10px;  text-align: right;  width: 140px;color: #444;}
.formInput li .InTitle2{ width: 100px;}
.formInputTwo li{ width: 50%; float: left;}
.InputText{ line-height: 20px; padding: 6px 10px;border:1px solid #f5f5f5;vertical-align:middle; color: #333;font-size: 12px; }
.selectText{background:#fff;border:1px solid #f5f5f5;display:inline-block;padding:7px 6px;font-size:12px;line-height:20px;color:#333; vertical-align: middle;}

/*按钮*/
.ButtonSubmit{background: linear-gradient(to right,#3892df,#167cd3); color: #fff; border-radius: 2px; padding: 8px 25px; cursor:pointer; border: none;}
.ButtonSubmit:hover{ color: #fff; background: #167cd3;}
.buttonSmall{background:linear-gradient(to right,#3892df,#167cd3) ; border: 1px solid #048de4;border-radius: 0px; color: #fff; padding:0 20px; cursor:pointer; display: inline-block; border: none; vertical-align: middle; height: 32px; line-height: 32px;font-size: 12px;}
.buttonSmall:hover{ opacity: 0.9; color: #fff;}
.buttonSmall.bg-FF5722{ background: #FF5722; color: #fff;border: 1px solid #FF5722;}
.buttonSmall.bg-14d6bc{ background: #35943e; color: #fff;border: 1px solid #35943e;}
.buttonSmall.bg-ccc,.ButtonSubmit.bg-ccc{ background: #f5f5f5; color: #666;border: 1px solid #eee;}
.buttonSmall.bg-ccc:hover,.ButtonSubmit.bg-ccc:hover{color: #666;}
.buttonSmall.bg-ccc.active{ border: 1px solid #3892df; background: #fff; color: #3892df;}
.buttonSmallFile{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; opacity: 0;}
/*分页*/
.pageturning{ text-align: right; margin: 20px 0;}
/*提醒*/
.TopTips{line-height:24px;padding: 4px 12px; font-size: 12px;}
.TopTipsOrange { background: #fcf8e2; border:1px solid #fbeccb; color: #F68300;}
.TopTipsGreen { color: #090;background-color: #F2FFEA;border:1px solid  #C7DDB9;}
.TopTipsOrange2{ background: #fcfbf6; border:1px solid #faefd7; color: #F68300;}
.TopTipsBlue { background: #f4fdff; border:1px solid #6ec7ff; color: #777;}
.TopTipsBlue i{ color:#00c1df ;}
/*公用底部翻页*/
.footerPage,pageturning{ padding: 15px 0;}
.footerPage .pagination,pageturning .pagination{ display: inline-block; vertical-align: middle;}
.PageRight li{background: #fff none repeat scroll 0 0;border: 1px solid #e2e2e2; border-right:none;color: #333;display: inline-block;float: left;transition: all 0.25s linear 0s; height: 28px; line-height:30px; }
.PageRight li span{padding:0 12px;}
.PageRight li a{ color: #333; display: inline-block; padding: 0 12px;}
.PageRight li:last-child{ border-right: 1px solid #e2e2e2;}
.PageRight li{ line-height: 30px; color: #999;}
.PageRightText{ padding:6px; float: left;border:1px solid #DCDDDD;color: #666; margin: 0 10px 0 5px; text-align: center;}
.PageRight li:hover{background: #048de4 none repeat scroll 0 0;border: 1px solid #048de4;color: #fff; border-right:none;}
.PageRight li:hover a{ color: #fff;}
.PageRight li.last:hover{ border-right: 1px solid #048de4;}
.PageRight li.active{background: #048de4 none repeat scroll 0 0;border: 1px solid #048de4;color: #fff;}
.PageRight li.active a{ color: #fff;}
.PageRight li.iconfont{ font-size: 10px;}