@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{font-size: 12px; color:#495060;}
html,body{height:100%;}
a:focus, a:hover {color: #495060;text-decoration: none;}
.hide{display: none;}
.hidden{opacity: 0;}

/*主框架*/
/*.app-main{width: 100%;height:100%;}*/
.main{width: 100%;height: 100%;}
#center {height:100%;/*overflow:hidden;*/position:relative;}
#center .tabs-panel{ width:100%; height:100%; display:none;}
#center .selected{ display:block;}
#center .tabs-panel iframe{ width:100%;  height:100%;}
.logo{text-align: center;font-size:16px;line-height:60px;padding:0 15px;letter-spacing: 1px;color:#fff;}

/***顶部导航按钮组***/
.header-avator-con{position: absolute;top: 0;right: 0;width:255px;height:100%;}
.avator-icon-con{/*display: inline-block;*/cursor: pointer;min-width:30px;text-align: center;font-size: 14px;position: relative;float:left;height:60px;line-height: 60px;}
.avator-icon-con .tangle{display: inline-block;height:60px;line-height: 60px;}
.avator-icon-con .tangle span{display: inline-block;}
.avator-icon-con .tangle span + span > .glyphicon{font-size: 8px;margin-left:5px;position: relative;top: -2px;color:#2D8CF0;}
.fx-dropdown{position: absolute;top: 80%;left: 50%;margin-left:-54px;background: #fff;border:1px solid #f3f3f3;box-shadow: 0 1px 2px 2px rgba(100,100,100,.1);padding: 5px 0 0;border-radius:4px;z-index: 2000;transition: all .2s linear;transform-origin: center top 0;opacity:0;}
.fx-dropdown.down{display: block;animation: transform 0.3s ease-in-out forwards;	opacity:1;}
.fx-dropdown.up{animation: transformRe 0.3s ease-in-out backwards;	opacity:0;}
@keyframes transform{
	from{transform: scaleY(0);}
  to{transform: scaleY(1);}
}
@keyframes transformRe{
	from{transform: scaleY(1);}
  to{transform: scaleY(0);}
}
.theme-list{min-width: 100px;opacity:1;}
.theme-list li{padding:7px 14px;color: #495060;transition: background .2s ease-in-out;line-height: 18px;}
.theme-list li:hover{background: #f3f3f3;}
.theme-list li span{display: inline-block;text-align: center;font-size:18px;}
.theme-list li span + span{width:18px;height:18px;margin-left:10px;border-radius:50%;}
.role.theme-list li{text-align: left;font-size:12px;white-space: nowrap;}
.role.theme-list li span.role-dot{display: inline-block;width:8px;height:8px;margin-right:5px;border-radius: 50%;background:#ccc;}
.role.theme-list li.selected span.role-dot{background:#2D8CF0;}
.line{border-bottom:1px solid #f4f4f4;}
.exit{padding:7px 15px;font-size:12px;text-align: left;line-height: 18px;}
.exit:hover{background:#f3f3f3;}
.user-circle{width: 36px;height: 36px;border-radius: 50%;background: #f4f4f4;overflow: hidden;margin:12px 0px 0 10px;}
.user-circle img{width:100%;height: 100%;vertical-align: top;}
.user-info{font-size:14px;color:#2D8CF0;}

/***顶部导航***/
.navi-con.rotate{transform: rotate(90deg);}
.main-header .navi-con{display:inline-block;margin:6px;}
.main-header .navi-con .btn{display: inline-block;background:transparent;padding:14px 5px 13px;outline:0;}
.main-header .navi-con .btn:hover{background:transparent;}
.main-header .navi-con .btn:active{box-shadow: none;}
.main-header .navi-con .btn span{color:#fff;font-size:17px;position: relative;transition:all ease-in-out 0.2s;}
.main-header .navi-con .btn:hover span{color:#fff!important;}
.avator-icon-con i{color:#fff;}
.avator-icon-con .tangle span + span > .glyphicon{color:#fff;}
.user-info{color:#fff;margin-left:10px;}
.exit i{color:#495060;}
.top-arrow{height:100%;width:24px;font-size:16px;display: inline-block;text-align: center;line-height: 36px;}
.tooltip{white-space: nowrap;top:45px !important;}

/*************main01***************/
.main01 .sidebar-menu-con{background:#495060;position:fixed;top: 60px;left: 0;z-index: 1;width:200px;transition:width 0.2s;overflow:hidden;}
.main01 .sidebar-menu-con.mini{width:60px;}
.main01 .main-left{width:200px;position: fixed;z-index: 1;height:300px;background:#495060;}
.main01 .main-left.mini{width:60px;}
.main01 .main-right{padding-left:200px;transition:padding .2s ease-in-out;position: relative;height: 100%;}
.main01 .main-right.mini{padding-left:60px;}
.main01 .logo{background:#2d8cf0;}
.main01 .main-header{width:100%;height:60px;position: relative;z-index: 20;background:#2d8cf0;}

 


/***right页***/
.right{background:#f8f8f8;}
.date{display: inline-block;float: right;color:#bdbdbd;}
.dot{display: inline-block;width:6px;height:6px;background:#495060;border-radius: 50%;vertical-align: middle;
margin-right: 5px;}
.right .panel{border-radius:0px;margin-bottom:10px;box-shadow: 0 1px 3px 0px rgba(45,140,240,.1);}
.right .panel:hover{box-shadow: 0 3px 10px 0px rgba(45,140,240,.1);}
.panel-default > .panel-heading{font-size:14px;color: #495060;background-color: #fff;border-color: #ececec;}
.right .panel-heading a{font-size:12px;color:#7e7f81;margin-top:3px;}
.right .panel-heading .glyphicon{top:2px;}
.right .col-xs-4,.right .col-xs-8{padding:0 5px;}
.right .user-circle{width: 100px;height: 100px;border-radius: 50%;background: #f4f4f4;overflow: hidden;margin:20px auto;border:2px solid #f0f0f0;}
.right .user-circle img{width:100%;height: 100%;vertical-align: top;}
.right h4{text-align: left;font-size:14px;}
.right ul{padding-bottom: 10px;}
.right ul li{line-height: 24px;padding:5px;border-bottom:1px dashed #f0f0f0;}
.right ul li:hover{background:#fafafa;cursor: pointer;}
.right ul li:hover .dot{background:#2d8cf0;}
.right ul li:hover a{color:#2d8cf0;}
.right .scroll{ overflow: auto;}


/***面包屑导航***/
.header-middle-con{padding:10px 10px 10px 30px;position: absolute;left: 60px;top:0;right:340px;overflow:hidden;}
.header-middle-con .breadcrumb {padding: 0;margin-bottom: 0px;background-color: #fff;line-height: 36px;font-size: 14px;}
.header-middle-con .breadcrumb a{color:#999999;}
.header-middle-con .breadcrumb a:hover{color:#2D8CF0;}
.header-middle-con .breadcrumb li.active{font-weight: bold;color:#495060;}
.breadcrumb > li + li::before {padding: 0 8px;color: #dddee1;content: "/\00a0";font-size: 12px;}



/***加载条***/
.tooltip{display: inline-block;width:auto;padding:0 8px;min-width:40px;border-bottom:0;}

/***右侧样式-表格、搜索***/
.breadcrumb {padding: 0px 5px 10px;margin-bottom: 5px;background:none;border-bottom: 1px dashed #eee;}
.Contentbox{position: relative;min-height:100%;}
.butsea{padding:5px 0;overflow:visible;height:auto}

/*更多搜索*/
.mSearch{position: relative;}
.table-search th, .table-search td{padding-left:3px;}
.mSearch-con{position: absolute;right:0;top:30px;overflow: hidden;border:1px solid #ddd;padding:8px 10px;background:#fff;border-radius: 3px; margin-top:5px;width:300px;height:auto;box-shadow: 0 1px 3px 1px rgba(100, 100, 100, 0.2);display: none;}
.mSearch-con.show{display: block;}
.mSearch-con .table-search{width:100%;}
.mSearch-con .table-search th{white-space: nowrap;}
.mSearch-con .table-search td{padding:2px;}

/*table*/
.list{min-height: 340px;padding-bottom:42px;margin-top:5px;}
.list.list-x{min-height:auto;}
.list.list-x .bot_line th, .list.list-x .bot_line td{white-space: nowrap;}
.bot_line{border:1px solid #DDDEE1;color:#495060;margin-bottom: 0;}
.bot_line th{border:1px solid #E9EAEC;border-bottom:1px solid #E9EAEC !important;background:#F8F8F9;color:#495060;}
.bot_line td{border:1px solid #E9EAEC;background:#fff;transition: background 0.2s ease-in-out;line-height: 24px;vertical-align: middle !important;}
.bot_line tr:nth-child(2n) td{background:#f9f9f9;}
.bot_line tr:hover td{background: #f5fbff;}
.addlist th{ background:#f4f4f4;}
.addlist td, .addlist th{vertical-align: middle !important;}

/*操作按钮*/
.cz_btn{width:20px;height:20px;line-height: 20px;text-align: center;display: inline-block;cursor: pointer;border-radius:2px;margin:1px;}
.cz_btn i{line-height: 20px;color:#fff;font-size:12px;}
.cz_btn.bg1{background:#2D8CF0;}
.cz_btn.bg1:hover{background:#57a3f3;}
.cz_btn.bg2{background:#ed3f14;}
.cz_btn.bg2:hover{background:#f16543;}
.cz_btn.bg3{background:#19be6b;}
.cz_btn.bg3:hover{background:#47cb89;}
nav{overflow: hidden;width:100%;min-height:42px;position: absolute;bottom: 0;right: 0;background:#f4f4f4;}

/******************************覆盖bootstrap样式**********************/
/***按钮***/
.btn{padding: 5px 15px;font-size: 12px;}
.btn-sm{padding:2px 6px;}
.btn-group-lg > .btn, .btn-lg {padding: 7px 24px;font-size: 18px;}
.btn-group-xs > .btn, .btn-xs { padding: 1px 5px;font-size: 12px;}
.btn-info{color: #fff;background-color: #2D8CF0;border-color: #2D8CF0;}
.btn-info:hover, .btn-info:active, .btn-info:focus , .btn-info:active:hover{
color: #fff;background-color: #57a3f3;border-color: #57a3f3;}
.btn-info:active{box-shadow: none;}
.btn-success {color: #fff;background-color: #19be6b;border-color: #19be6b;}
.btn-success:hover, .btn-success:active, .btn-success:focus , .btn-success:active:hover{
color: #fff;background-color: #47cb89;border-color: #47cb89;}
.btn-success:active{box-shadow: none;}
.btn-default:hover, .btn-default:active, .btn-default:focus , .btn-default:active:hover{
background:#fff;border:1px solid #2D8CF0;color:#2D8CF0;}
.btn-link{color:#495060;}
.btn-link:focus, .btn-link:hover {color: #2D8CF0;text-decoration: none;background-color: transparent;}

/***模态框***/
h4.modal-title{font-size:14px;font-weight: 700;color:#495060;}
.modal-header {padding: 14px 15px;border-bottom: 1px solid #e5e5e5;}
/***控件***/
.form-control{padding: 4px;height:28px;font-size:12px;}
.form-control:focus{border-color:#57a3f3;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(102,175,233,.3);
}
/***页码***/
.pagination{margin:5px;}
.pagination > li > a, .pagination > li > span{color:#495060;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover
{background:#2D8CF0;color:#fff;}


/*06菜单超出宽度显示箭头*/ 
#taskbar #taskbar_center #tabs_container div{display:inline-block; _display:inline; *display:inline;height:34px;white-space: nowrap; font-size: 12px;line-height:28px; padding:2px 2px 2px 0;border: 1px solid #e9eaec;background:#fafafa;color: #495060;border-radius: 3px;margin-right:2px;margin-top:1px;}
#taskbar #taskbar_center #tabs_container div:hover{background: #fff;}

#taskbar #taskbar_center #tabs_container div a.tab{min-width: 52px !important; text-align: left; WIDTH: auto !important;height:31px;padding:1px 3px 1px 8px;line-height:28px; DISPLAY: inline-block;text-decoration: none;color: #495060;margin:0;}
#taskbar #taskbar_center #tabs_container div a.tab span.tab-dot{background: #ddd;}
#taskbar #taskbar_center #tabs_container div a.tab.tab-home,
#taskbar #taskbar_center #tabs_container div.selected a.tab.tab-home{padding-right:13px;}

#taskbar #taskbar_center #tabs_container div a.close{float:none;font-size:16px;width: 16px;display: inline-block; margin-bottom: -2px !important; height: 16px;}
#taskbar #taskbar_center #tabs_container div a.close:hover{ CURSOR: pointer}
#taskbar #taskbar_center #tabs_container div.selected a.tab{color: #495060;background:none; font-size: 12px;border:0;padding-right:3px;margin:0;}
#taskbar #taskbar_center #tabs_container div.selected{background:#fff;border-radius:3px;border: 1px solid #e9eaec;   }
#taskbar #taskbar_center #tabs_container div.selected a.tab span.tab-dot{background: #2D8CF0;}
#taskbar #taskbar_center #tabs_container div.selected a.close{display: inline-block}
#taskbar #taskbar_center #tabs_container div a.close{background:#fff; /*ie6*/}
.tab-dot{display: inline-block;width:10px;height: 10px;background:#e9eaec;border-radius: 50%;margin-right:5px;}

/*菜单超出宽度显示箭头*/  
#taskbar{height: 36px;  background-color:#f0f0f0; position:relative; overflow:hidden;font-size:0;} 
#taskbar_center{float: left;padding:0 3px;}
#taskbar_center .tabs-arrow:hover{color:#2d8cf0;}
#taskbar_center #tabs_left_scroll{font-size:12px;width: 26px; display: none; float: left; height: 30px; cursor: pointer; margin-top:3px;text-align: center;line-height: 30px;}
#taskbar_center #tabs_right_scroll{font-size:12px;width: 26px; display: none; float: right; height: 30px; cursor: pointer; margin-top:3px;text-align: center;line-height: 30px;} 
#taskbar_center #tabs_left_scroll{background:url(../images/sort_asc.png) no-repeat 0px center;}
#taskbar_center #tabs_left_scroll.active{background:url(../images/sort_asc.png) no-repeat -60px center;}
#taskbar_center #tabs_right_scroll{background:url(../images/sort_asc.png) no-repeat -30px center;}
#taskbar_center #tabs_right_scroll.active{background:url(../images/sort_asc.png) no-repeat -90px center;} 
#taskbar_center #tabs_container{width: 100%; white-space: nowrap; float: left; height: 36px; overflow: hidden}  
.Menubox {width:100%;height:auto;}
.Menubox ul{margin:0px;padding:0; height:auto;}


/*菜单超出宽度显示箭头*/  
.main07 #taskbar{height: 36px;  background-color:#f1f1f1;border-bottom:1px solid #dcdcdc; position:relative; overflow:hidden;font-size:0;} 
.main07 #taskbar_center{float: left;padding:0;}
#taskbar_center #tabs_left_scroll:hover, #taskbar_center #tabs_right_scroll:hover{color:#2d8cf0;}
#taskbar_center #tabs_left_scroll{font-size:12px;width: 26px; display: none; float: left; height: 30px; cursor: pointer; margin-top:3px;text-align: center;line-height: 30px;}
#taskbar_center #tabs_right_scroll{font-size:12px;width: 26px; display: none; float: right; height: 30px; cursor: pointer; margin-top:3px;text-align: center;line-height: 30px;} 
#taskbar_center #tabs_left_scroll{background:url(../images/sort_asc.png) no-repeat 0px center;}
#taskbar_center #tabs_left_scroll.active{background:url(../images/sort_asc.png) no-repeat -60px center;}
#taskbar_center #tabs_right_scroll{background:url(../images/sort_asc.png) no-repeat -30px center;}
#taskbar_center #tabs_right_scroll.active{background:url(../images/sort_asc.png) no-repeat -90px center;} 
#taskbar_center #tabs_container{width: 100%; white-space: nowrap; float: left; height: 36px; overflow: hidden}  
.Menubox {width:100%;height:auto;}
.Menubox ul{margin:0px;padding:0; height:auto;}
/*06菜单超出宽度显示箭头*/ 
.main07 #taskbar #taskbar_center #tabs_container div{display:inline-block; _display:inline; *display:inline;height:36px;white-space: nowrap; font-size: 12px;line-height:28px; padding:2px 2px 2px 0;border:0;border-right:1px solid #dcdcdc; background:#f8f8f8;color: #495060;border-radius: 0px;margin:0;}
#taskbar #taskbar_center #tabs_container div:hover{background: #fff;}

#taskbar #taskbar_center #tabs_container div a.tab{min-width: 52px !important; text-align: left; WIDTH: auto !important;height:31px;padding:1px 3px 1px 8px;line-height:28px; DISPLAY: inline-block;text-decoration: none;color: #495060;margin:0;}
#taskbar #taskbar_center #tabs_container div a.tab span.tab-dot{background: #ddd;}
#taskbar #taskbar_center #tabs_container div a.tab.tab-home,
#taskbar #taskbar_center #tabs_container div.selected a.tab.tab-home{padding-right:13px;}

#taskbar #taskbar_center #tabs_container div a.close{float:none;font-size:16px;width: 16px;display: inline-block; margin-bottom: -2px !important; height: 16px;}
#taskbar #taskbar_center #tabs_container div a.close:hover{ CURSOR: pointer}
#taskbar #taskbar_center #tabs_container div.selected a.tab{color: #495060;background:none; font-size: 12px;border:0;padding-right:3px;margin:0;}
.main07 #taskbar #taskbar_center #tabs_container div.selected{background:#fff;border-radius:0px;}
#taskbar #taskbar_center #tabs_container div.selected a.tab span.tab-dot{background: #2D8CF0;}
#taskbar #taskbar_center #tabs_container div.selected a.close{display: inline-block}
#taskbar #taskbar_center #tabs_container div a.close{background:#fff; /*ie6*/}
.tab-dot{display: inline-block;width:10px;height: 10px;background:#e9eaec;border-radius: 50%;margin-right:5px;}


/*layer弹出插件*/
.layui-layer-content{padding:15px;}

/*弹出tab*/
.layui-layer-tab .layui-layer-content{width:100%;}

/*公告层弹出*/
#notice{padding:0;}

/*表格*/
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding:3px 8px;}
.table > tbody > tr > th, .table > thead > tr > th{padding:4px 8px;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
border:1px solid #f2f2f2;
}
.table-bordered {border: 1px solid #ececec;}
.table.bot_line thead > tr > th{border-bottom:2px solid #ddd !important;}

/*datatables*/
.dataTables_info{float:left;margin-top:-3px;margin-right:15px;}
.dataTables th{background-color:#f8f8f9;}
table.dataTable thead .sorting_asc {
    background:#f8f8f9 url('../images/sort_asc.png') no-repeat center right;
}
table.dataTable thead .sorting_desc {
    background:#f8f8f9 url('../images/sort_desc.png') no-repeat center right;
}
table.dataTable thead .sorting {
    background:#f8f8f9 url('../images/sort_both.png') no-repeat center right;
}
select.input-sm{display:inline-block;}

/*添加列表*/
.addlist{ float:left; line-height:24px; padding:0;background:#ffffff;border-collapse:collapse;width:100%;} 
.addlist td{ border:1px solid #e3e7ee;   padding:2px }
.addlist th{ background-color:#f5f5f5;border:1px solid #e3e7ee;   text-align:right; padding-right:10px}

/*添加列表*/
.addlist-center{ float:left; line-height:24px; padding:0;background:#ffffff;border-collapse:collapse;width:100%;} 
.addlist-center td{ border:1px solid #e3e7ee;   padding:2px ;text-align: center}
.addlist-center th{ background-color:#f5f5f5;border:1px solid #e3e7ee;   text-align:center; padding-right:10px}

/*分页*/
.page-nav{position: absolute;bottom:0;left:0;text-align: right;}
.row{margin:0;}

/*选项卡*/
.nav.tab-blue > li > a{padding:5px 15px;font-size:12px;}
.nav-tabs.tab-blue > li > a{border-radius:0;background:#f4f4f4;color: #495060;border-bottom:#f0f0f0;}
.nav-tabs.tab-blue > li.active > a, .nav-tabs.tab-blue > li.active > a:focus, .nav-tabs.tab-blue > li.active > a:hover{background:#2d8cf0;color:#fff;border:1px solid #2d8cf0;border-bottom:1px solid transparent;}
.nav-tabs.tab-blue {border-bottom: 1px solid #f0f0f0;}
.nav-tabs.tab-blue > li > a:hover {border-color: #ecf5ff #ecf5ff #ecf5ff;background:#ecf5ff;}
#taskbar.tabs{background:transparent;height:30px;}
#taskbar.tabs li{display: inline-block;_display: inline;*display: inline;float:none;}
#taskbar.tabs .nav-tabs.tab-blue {border-bottom: 1px solid #ddd;}
#taskbar.tabs #taskbar_center #tabs_left_scroll,
#taskbar.tabs #taskbar_center #tabs_right_scroll{margin-top:0;height:29px;}
/*折叠面板*/
.collapse-title i{transition: all 0.3s linear;color:#2d8cf0;}
.collapse-title{cursor: pointer;font-size:14px;padding:8px 10px;border:1px solid #f0f0f0; background:#fafafa;color:#2d8cf0;}
h4.collapse-title{margin:0;margin-bottoom:0;border:0;border-bottom:1px solid #f0f0f0;}
.collapse-title.collapsed i.fa{transform: rotate(180deg); color:#495060;}
.collapse-title.collapsed{color:#495060;}
.collapse-title.collapsed:hover{color:#2d8cf0;}
.collapse-title.collapsed:hover i{color:#2d8cf0;}
.collapse-content{padding:0 10px;border:1px solid #f0f0f0;border-top:1px solid transparent;border-bottom:1px solid transparent;line-height:30px;border-left:1px solid #f0f0f0;}
.panel-default {border-color: #ededed;}
.panel{box-shadow: none;}

/*垂直导航*/
.tabv{margin-top:30px;}
.tabv .col-xs-2, .tabv .col-xs-3{border-right:1px solid #ddd;padding:0;}
.tabv .col-xs-10, .tabv .col-xs-9{padding:0 5px 0 10px;}
.tabv .nav-pills > li{display:block;float: none;}
.tabv .nav-pills > li > a{border-radius:0;}
.tabv .nav-pills > li + li{margin-left:0;}
.tabv .nav > li > a:focus, .nav > li > a:hover{background-color:#f9f9f9;}
.tabv .nav-pills > li.active > a, .tabv .nav-pills > li.active > a:focus, .tabv .nav-pills > li.active > a:hover{background:#eff7ff;border-right:2px solid #2d8cf0;color:#2d8cf0}

/*展开收起按钮*/
.collapse-btn{position: absolute;right: 10px;top: 4px;}
.collapse-btn .btn-link {background: #f4f4f4;border-radius: 0;}
.collapse-btn .btn-link:hover{background:#eaf5ff}
.collapse-btn .btn-link:hover .glyphicon{color:#2d8cf0}
.collapse-btn .btn-link .glyphicon{font-size:10px;color:#414C5A; }
.collapse-btn .btn-link + .btn-link{padding-left:6px;margin-left:2px;}

/*404*/
.error02{background:#f5f5f5;}
.error-pic{width:400px;height:180px;margin:100px auto 30px;}
.error-pic img, .error-pic01 img{width:100%;height:100%;}
.error02 .error-pic{width:600px; height:450px;margin:0 auto 0;}
.error404 h4{color:#2d8cf0;text-align: center;margin:0 auto 30px;letter-spacing: 3px;font-size:30px;}
.error02 h4{margin-top:-50px;}
.btn-con{text-align: center;}
.btn-con .btn{border-radius:18px;padding: 5px 15px 5px 4px;}
.btn-con .btn span{display: inline-block;width:20px;height:20px;line-height: 18px; border-radius:50%;text-align: center;margin-right:5px;background:#fff;}
.btn-con .btn span .glyphicon{font-size:11px;color:#2d8cf0;padding:3px;}

/*新闻详情页*/
.newsdetail{width:1000px; margin:0 auto}
h2.newstitle{ padding:20px 0px; text-align: center}
h4.newsinfor{text-align: center; font-size: 12px; color: #777777}
.newscon{line-height: 24px}

/*当前进度 -step*/
/******************************************************/
.steps-wrap{border-bottom:1px dashed #ddd;overflow: hidden;margin-bottom:15px;}
.steps {
  position: relative;overflow:hidden;padding-top:30px;
  margin: 0 auto 30px;
  counter-reset: step;  /*创建步骤数字计数器*/
	width:600px;
}
/*步骤描述*/
.steps li {
  list-style-type: none;
  font-size: 12px;
  text-align: center;
  width: 200px;
  position: relative;
  float: left;
}
.steps li span.circle{display: inline-block;    width: 46px;
    height: 46px;
    position: absolute;
    left: 77px;
    top: -3px;
    border: 1px solid #2D8CF0;
    border-radius: 50%;}
 
/*步骤数字*/
.steps li:before {
  display: block;
  content: counter(step); /*设定计数器内容*/
  counter-increment: step;  /*计数器值递增*/
  width: 40px;
  height: 40px;
  background-color: #2D8CF0;
  line-height: 40px;
  border-radius: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  margin: 0 auto 8px auto;
	z-index: 800;
	behavior: url(ie-css3.htc);position: relative;
}
 
/*连接线*/
.steps li ~ li span.line {
display:inline-block;
  width: 100%;
  height: 3px;border:0;
  background-color: #2D8CF0;
  position: absolute;
  left: -50%;
  top: 20px;
  z-index: -2; /*放置在数字后面*/
}
 
/*将当前/完成步骤之前的数字及连接线变绿*/
.steps li.active:before,
.steps li.active span.line {
  background-color: #2D8CF0;
}
.steps li.active span.circle{border-color:#2D8CF0;}
 
/*将当前/完成步骤之后的数字及连接线变灰*/
.steps li.active ~ li:before,
.steps li.active ~ li span.line {
  background-color: #ddd;
}
.steps li.active ~ li span.circle{border-color:#ddd;}

/***************************************/