@charset "utf-8";
/* reset */
html {
	font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0;
}
html,body {
	/*font-size:30px;*/
	/*font-size:187.5%;*/
	/*若不使用rem单位,此部分字号无需定义,更无需用百分比定义,定义后会印象bootstrap部分样式默认行高和规则*/
}
.bg-black{
    background-color: #001335;
}
.bg-white{
    background-color: #f1f1f1;
}
iframe {
	border:none;
	background-color:transparent;
}
/*声明 WebFont*/
/*@font-face {*/
  /*font-family: 'hyk2gjm';*/
  /*src: url(images/hyk2gjm.eot); *//* IE9 Compat Modes */
  /*src:*/
	/*url(images/hyk2gjm.eot?#iefix) format('embedded-opentype'), *//* IE6-IE8 */
	/*url(images/hyk2gjm.woff) format('woff'), *//* Modern Browsers */
	/*url(images/hyk2gjm.ttf) format('truetype'), *//* Safari, Android, iOS */
	/*url(images/hyk2gjm.svg) format('svg'); *//* Legacy iOS */
  /*font-weight: bolder ;*/
  /*font-style: normal;*/
/*}*/

/*@font-face {
	font-family:hyk2gjm;
	src: url("images/hyk2gjm.ttf");
}
@font-face {
	font-family: 'hyk2gjm';
	src: url('images/YourWebFontName.eot'); /* IE9 Compat Modes
	src:
	url('images/images/YourWebFontName01.eot') format('embedded-opentype'), /* IE6-IE8
	url('images/YourWebFontName.woff') format('woff'), /* Modern Browsers
	url('images/YourWebFontName.ttf') format('truetype'), /* Safari, Android, iOS
	url('images/YourWebFontName.svg') format('svg'); /* Legacy iOS
}*/

/*@media screen and  (max-width: 1680px){*/
	/*html,body {*/
        /*font-size:26px;*/
        /*font-size:162.5%;*/
	/*}*/
/*}*/
/*@media screen and  (max-width: 1440px){*/
	/*html,body {*/
	    /*font-size:23px;*/
        /*font-size:143.75%;*/
	/*}*/
/*}*/


body {
    font-family:"Microsoft Yahei","微软雅黑", Arial, Helvetica, sans-serif;
}

.panel-heading.nav-tabs {
    padding: 0;
}
/* CSS空白 */
.blank1 { margin:0 auto; height:1px; font-size:1px; clear:both; overflow:hidden }
.blank2 { margin:0 auto; height:2px; font-size:1px; clear:both; overflow:hidden }
.blank3 { margin:0 auto; height:3px; font-size:1px; clear:both; overflow:hidden }
.blank5 { margin:0 auto; height:5px; font-size:1px; clear:both; overflow:hidden }
.blank8 { margin:0 auto; height:8px; font-size:1px; clear:both; overflow:hidden }
.blank10 { margin:0 auto; height:10px; font-size:1px; clear:both; overflow:hidden }
.blank15 { margin:0 auto; height:15px; font-size:1px; clear:both; overflow:hidden }
.blank20 { margin:0 auto; height:20px; font-size:1px; clear:both; overflow:hidden }
.blank25 { margin:0 auto; height:25px; font-size:1px; clear:both; overflow:hidden }
.blank30 { margin:0 auto; height:30px; font-size:1px; clear:both; overflow:hidden }


/*左右浮动*/
.fl { float:left;}
.fr { float:right;}


/* 总外框 宽度100% 用于body下第一层div外包 */
/* 内部使用 container 时 外部使用g-box */
/* 不限可视宽度的div直接使用container-fluid */
.g-box {
    width:100%;
    position:relative;
}
/*内框*/
.m-wrap {
    height:100%;
    display:block;
    position:relative;
}


/*==========*/
/*=横向十等分网格=*/
/*==========*/
.col-md-1-10, .col-xs-2-10, .col-xs-3-10, .col-xs-4-10, .col-xs-5-10, .col-xs-6-10, .col-xs-7-10, .col-xs-8-10, .col-xs-9-10,
.col-sm-1-10, .col-sm-2-10, .col-sm-3-10, .col-sm-4-10, .col-sm-5-10, .col-sm-6-10, .col-sm-7-10, .col-sm-8-10, .col-sm-9-10,
.col-md-1-10, .col-md-2-10, .col-md-3-10, .col-md-4-10, .col-md-5-10, .col-md-6-10, .col-md-7-10, .col-md-8-10, .col-md-9-10,
.col-md-1-10, .col-lg-2-10, .col-lg-3-10, .col-lg-4-10, .col-lg-5-10, .col-lg-6-10, .col-lg-7-10, .col-lg-8-10, .col-lg-9-10  {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1-10{
    width: 10%;
}
.col-xs-2-10{
    width: 20%;
}
.col-xs-3-10{
    width:30%;
}
.col-xs-4-10{
    width: 40%;
}
/*一半使用col-xs-6也可*/
.col-xs-5-10{
    width: 50%;
}
.col-xs-6-10{
    width: 60%;
}
.col-xs-7-10{
    width: 70%;
}
.col-xs-8-10{
    width:80%;
}
.col-xs-9-10{
    width: 90%;
}
/*使用col-xs-12也可*/
.col-xs-10-10{
    width: 100%;
}

@media (min-width: 768px) {
    .col-sm-1-10{
        width: 10%;
    }
    .col-sm-2-10{
        width: 20%;
    }
    .col-sm-3-10{
        width:30%;
    }
    .col-sm-4-10{
        width: 40%;
    }
    /*一半使用col-sm-6也可*/
    .col-sm-5-10{
        width: 50%;
    }
    .col-sm-6-10{
        width: 60%;
    }
    .col-sm-7-10{
        width: 70%;
    }
    .col-sm-8-10{
        width:80%;
    }
    .col-sm-9-10{
        width: 90%;
    }
    /*使用col-sm-12也可*/
    .col-sm-10-10{
        width: 100%;
    }
}

@media (min-width: 992px) {

    .col-md-1-10{
        width: 10%;
    }
    .col-md-2-10{
        width: 20%;
    }
    .col-md-3-10{
        width:30%;
    }
    .col-md-4-10{
        width: 40%;
    }
    /*一半使用col-xs-6也可*/
    .col-md-5-10{
        width: 50%;
    }
    .col-md-6-10{
        width: 60%;
    }
    .col-md-7-10{
        width: 70%;
    }
    .col-md-8-10{
        width:80%;
    }
    .col-md-9-10{
        width: 90%;
    }
    /*使用col-md-12也可*/
    .col-md-10-10{
        width: 100%;
    }

}

@media (min-width: 1200px) {
    .col-lg-1-10{
        width: 10%;
    }
    .col-lg-2-10{
        width: 20%;
    }
    .col-lg-3-10{
        width:30%;
    }
    .col-lg-4-10{
        width: 40%;
    }
    /*一半使用col-lg-6也可*/
    .col-lg-5-10{
        width: 50%;
    }
    .col-lg-6-10{
        width: 60%;
    }
    .col-lg-7-10{
        width: 70%;
    }
    .col-lg-8-10{
        width:80%;
    }
    .col-lg-9-10{
        width: 90%;
    }
    /*使用col-lg-12也可*/
    .col-lg-10-10{
        width: 100%;
    }

}


/*============*/
/*=1.顶栏效果=*/
/*============*/
/*一般需配合 container-fluid 类来使用*/
.g-top-1 {
    height:30px;
    background-color: #f1f1f1; /*背景色*/
    border-bottom: 1px solid #a6a6a6; /*底部描边*/
}
.g-top-1 * {
    font-size: 14px;
    line-height:30px;
    color:#7e7e7e;
}

/*== 顶部其他控件 ==*/
/*时间控件*/
.time1 {
    position:relative;
    text-align:center;
    font-size:12px;
    margin: 0;
    white-space: nowrap;
    box-sizing: border-box;
    padding-bottom:0.4rem;
    /*padding-top:0.4rem;*/
    color: #65fff8;
    overflow: hidden;
    text-overflow: ellipsis;
}
.time1 h4,
.time1 h5 {
    margin:0 auto;
    display:inline-block;
    text-align:center;
    line-height:0.6rem;
}
.time1 h4{
    font-size:0.6rem;
    font-weight:bolder;
    margin-left:0.5em;
}
.time1 h5{
    font-size:0.4rem;
}

/*天气控件 外链*/
/*内部高度约26px 故css需要调整部分高度*/
.weather {
    margin-left: 0.5em;
    height: 26px;
    margin-top: 2px;/*当前尺寸基于40高度的外框，若外框更改 此处需要调整顶部外边距*/
}



/*==============*/
/*=2.导航栏菜单=*/
/*==============*/

.g-nav-1.navbar-fixed-top,
.g-nav-1.navbar-fixed-bottom,
.g-nav-2.navbar-fixed-top,
.g-nav-2.navbar-fixed-bottom {
    position: fixed;
}
/*==导航1==*/
.g-nav-1 {
    background:#349743; /*背景色*/
    border-bottom:1px solid #2b7736;  /*底部描边*/
}
/*↓↓响应式隐藏标题和按钮↓↓*/
.g-nav-1  .navbar-header a{
    color: #fff;
}
.g-nav-1 .navbar-toggle .icon-bar {
    background: #fff;
}
/*↑↑响应式隐藏标题和按钮↑↑*/

.g-nav-1 .nav {
    font-size:14px;
}

.g-nav-1 .nav > li > a {
    /*padding:20px 40px; *//*内边距控制整个导航高度约为60px*/
    padding-top: 20px;
    padding-bottom: 20px;/*内边距控制整个导航高度约为60px*/
    border-radius:0;
    color:#fff;
}

.g-nav-1 .nav > li.active > a,
.g-nav-1 .nav > li > a:hover,
.g-nav-1 .nav > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2b7736;
    border-color: transparent;
}

/*有图标的导航*/
.g-nav-1 .nav li .fa,
.g-nav-1 .nav li .glyphicon {
    margin-right: 0.5em;
}


/*==导航2==*/
.g-nav-2 {
    background:#1b3cbf; /*背景色*/
    border-top:2px solid #01a1ef; /*顶部描边*/
    /*border-bottom:1px solid #01a1ef;  *//*底部描边*/
}
.g-nav-2 .nav {
    font-size:14px;
}

.g-nav-2 .nav > li > a {
    padding:10px 0; /*内边距控制整个导航高度约为60px*/
    border-radius:0;
    color:#fff;
}

.g-nav-2 .nav > li > a span.text,
.g-nav-2 .nav > li > a span.fa,
.g-nav-2 .nav > li > a span.glyphicon,
.g-nav-2 .nav > li > a span.icon {
    display: block;
}

/*选中部分颜色*/
.g-nav-2 .nav > li.open > a,
.g-nav-2 .nav > li.open > a:hover,
.g-nav-2 .nav > li.open > a:focus,
.g-nav-2 .nav > li.active > a,
.g-nav-2 .nav > li > a:hover,
.g-nav-2 .nav > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #ea6039;
    border-color: transparent;
}

/*导航图标*/
.g-nav-2 .nav li .fa,
.g-nav-2 .nav li .glyphicon,
.g-nav-2 .nav li .icon {
    font-size: 24px;
    padding-top:0;
    padding-bottom: 10px;
}

.g-nav-2 .nav li .text {
    font-size: 14px;
}

.g-nav-2 .nav li .fa {
    /*margin-top:3px;*/
    /*font-size: 23px;*/
}
/*fa字体和glyphicon字体图标混用时必须使用下列样式*/
.g-nav-2 .nav li .glyphicon {
    /*padding-bottom: 10px;*//*fa字体混用,内边距增加3像素补齐底部差距*/
    top: 2px;
    font-size: 20px;
    margin-top: 1px;
    margin-bottom: 3px;
}
/*弹出菜单*/
.g-nav-2 .dropdown .dropdown-menu {
    border-radius: 0;
    min-width: auto;/*抵消原有数据*/
    margin-top: 0;/*抵消弹窗顶部的缝隙,以免弹窗失效*/
    width: 100%;
    background: rgba(0,0,0,0.3);
    border-width: 0 0 0 2px;
    border-color:#ea6039;/*与导航中hover颜色一样*/
}

/*弹出菜单 横向通栏效果*/
.g-nav-2 .nav {
    position: relative;/*使用下方通栏下拉框时必须规定此部分定位方式*/
}
.g-nav-2 .dropdown-2 {
    position: static;/*去除li中的定位样式*/
}

.g-nav-2 .dropdown-2 .dropdown-menu {
    position: absolute;
    border-radius: 0;
    min-width: auto;/*抵消原有数据*/
    margin-top: 0;/*抵消弹窗顶部的缝隙,以免弹窗失效*/
    width: 100%;
    left: 0;
    background: rgba(0,0,0,0.3);
    border-width: 2px 0 0 0;/*顶部描边*/
    border-color:#ea6039;/*与导航中hover颜色一样*/
}

.g-nav-2 .dropdown-2 .dropdown-menu li {
    float: left;
}


/*==导航3==*/
/*==带插件 菜单条鼠标跟随线条特效==*/
.g-nav-3 {
    /*background:#349743; *//*背景色*/
    border-bottom:1px solid #2b7736;  /*底部描边*/
}
/*↓↓响应式隐藏标题和按钮↓↓*/
.g-nav-3  .navbar-header a{
    color: #fff;
}
.g-nav-3 .navbar-toggle .icon-bar {
    background: #fff;
}
/*↑↑响应式隐藏标题和按钮↑↑*/

.g-nav-3 .nav {
    font-size:14px;
}

.g-nav-3 .nav > li > a {
    /*padding:20px 40px; *//*内边距控制整个导航高度约为60px*/
    padding-top: 20px;
    padding-bottom: 20px;/*内边距控制整个导航高度约为60px*/
    border-radius:0;
}

.g-nav-3 .nav > li.active > a,
.g-nav-3 .nav > li > a:hover,
.g-nav-3 .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}

/*有图标的导航*/
.g-nav-3 .nav li .fa,
.g-nav-3 .nav li .glyphicon {
    margin-right: 0.5em;
}

/*定义下方滑动线*/
.g-nav-3 .nav li {
    /*position: relative;*/
    /*cursor: pointer;*/
    float: left;
}
.g-nav-3 .nav li .line {
    height: 2px;
    width: 100%;
    background-color: #002b75;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.75s;
}

/*==导航4==*/
/*==基于bootsnav的简洁多级导航菜单==*/
.g-nav-4 {
    /*background:#349743; *//*背景色*/
    border-bottom:1px solid #2b7736;  /*底部描边*/
}

/*==============*/
/*=3.头部 包含图片和配色=*/
/*==============*/

/*==头部1==*/
.g-head-1 {
    height: 240px;
    position: relative;
    background: url("images/top-bg1.jpg") center top no-repeat;
}
.g-head-1  .m-logo-1 {
    height: 240px;
    background: url("images/logo1.png") left center no-repeat ;
    background-size:70% auto;
}


/*==搜索框 按钮整体样式=*/

/*==搜索框1=*/
.m-search-1 .form-control,
.m-search-1 .input-group-btn {
    border-color: #001335; /*此处根据网站配色调整颜色*/
}
.m-search-1 .input-group-btn select.form-control{
    border-left-width:0;
    border-right-width: 0;
    /*select单独样式*/
}
.m-search-1 .input-group-btn .btn{
    border-color: #001335;/*此处根据网站配色调整颜色*/
    background: #ddd;
}

/*图标在按钮文字左侧*/
.m-search-1 .input-group-btn span.icon-left,
.m-search-1 .input-group-btn span.glyphicon.icon-left,
.m-search-1 .input-group-btn i.fa.icon-left,
.m-search-1 .input-group-btn i.glyphicon.icon-left {
    margin-right: 0.5em;
}

/*图标在按钮文字右侧*/
.m-search-1 .input-group-btn span.icon-right,
.m-search-1 .input-group-btn span.glyphicon.icon-right,
.m-search-1 .input-group-btn i.fa.icon-right,
.m-search-1 .input-group-btn i.glyphicon.icon-right {
    margin-left: 0.5em;
}


/*==搜索框2=*/
/*图标在按钮文字左侧*/
.m-search-2 .btn span.icon-left,
.m-search-2 .btn span.glyphicon.icon-left,
.m-search-2 .btn i.fa.icon-left,
.m-search-2 .btn i.glyphicon.icon-left {
    margin-right: 0.5em;
}

/*图标在按钮文字右侧*/
.m-search-2 .btn span.icon-right,
.m-search-2 .btn span.glyphicon.icon-right,
.m-search-2 .btn i.fa.icon-right,
.m-search-2 .btn i.glyphicon.icon-right {
    margin-left: 0.5em;
}
/*头部logo*/
.m-logo1 {
    height:182px;
    background:url(images/logo.png) left center no-repeat;
}
/*搜索框*/
.m-search {
    margin-top:80px;
}
.m-search .form-group {
    border:1px solid #53a65f;
    border-radius:6px;
    background:#fff;
}

.m-search .form-group input.form-control {
    border:none;
    border-radius:6px 0 0 6px;
    height: 28px;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.5;
    width:220px;
}
.m-search .form-group .btn {
    background:#349743;
    height: 28px;
    border:none;
    border-radius:0 6px 6px 0;
    position:relative;
    top:0;
    color:#fff;
}
.m-search .form-group .btn:hover,
.m-search .form-group .btn:focus {
    background:#53a65f;
}

/*==============*/
/*=4.焦点图=*/
/*==============*/

/*左右按钮按响应式 限位 控制其在pc上可视区域内实现定位 根据最大可是宽度进行响应式变化 style1*/
@media (min-width: 768px){
    .carousel-control.style1 {
        background: none;
    }
    .carousel-control.style1.left {
        left: 50%;
        margin-left: -384px;
    }
    .carousel-control.style1.right {
        right: 50%;
        margin-right: -384px;
    }
}
@media (min-width: 990px){
    .carousel-control.style1.left {
        margin-left: -495px;
    }
    .carousel-control.style1.right {
        margin-right: -495px;
    }
}
@media (min-width: 1200px){
    .carousel-control.style1.left {
        margin-left: -600px;
    }
    .carousel-control.style1.right {
        margin-right: -600px;
    }
}

/*1通栏切换*/
/*=============================================================*/
/*类与g-box合用*/
.m-focus-1 {
    padding: 0;
    width: 100%;
}
/*文字区域carousel-caption类*/
.m-focus-1 .content1 {
    top: 20%;
    bottom: 20%;
}
.m-focus-1 .content1 h1,
.m-focus-1 .content1 h2 {
    margin-bottom: 20px;
}
.m-focus-1 .content1 h3,
.m-focus-1 .content1 h4 {
    margin-bottom: 15px;
}

.m-focus-1 .content1 p {
    font-size: 16px;
}

/*左右按钮*/
.m-focus-1 .carousel-control {
    width: 5%;/*控制全屏后的效果*/
}

/*=============================================================*/
/*类与container-fluid合用*/
.m-focus-2 {
    padding: 0;/*抵消container-fluid的内边距*/
    width: 100%;
}

.m-focus-2 .carousel-control {
    display: none;
}

.m-focus-2 .img-wrap {
    height: 200px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 768px) {
    .m-focus-2 .carousel-control {
        display: block;
    }
    .m-focus-2 .img-wrap {
        height: 400px;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        /*background-size: 100% auto;*/
    }

}
.m-focus-2 .carousel-control {
    width: 5%;/*控制全屏后的效果*/
}
/*=============================================================*/
/*focus-3 类与container-fluid合用*/
/*支持移动端的响应式轮播图效果*/
.m-focus-3 {
    padding: 0;/*抵消container-fluid的内边距*/
    width: 100%;
}

/*=============================================================*/
/*focus-4 类 非全屏宽度*/
/*支持移动端的响应式轮播图效果*/
.m-focus-4 {

}
.m-focus-4 .carousel-inner .item a {
    color: #ffffff;
}
/*内容文字*/
.m-focus-4  .carousel-caption {
    width: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 5.5em;
    white-space: nowrap;
    text-align: left;
}
.m-focus-4  .carousel-caption h4 {
    padding-left: 10px;
    width: 100%;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*指示点样式*/
.m-focus-4 .carousel-indicators {
    width: auto;
    right: 15px;
    left: auto;
    bottom: 5px;
}
/*指示点样式1*/
.m-focus-4 .carousel-indicators.style1 li {
    width: 20px;
    height: 6px;
    margin: 1px;
    background-color: transparent;
    border: 1px solid #853bdf;
    border-radius:0;
}
.m-focus-4 .carousel-indicators.style1 .active {
    background: #7834cc;
    border: 1px solid #853bdf;
}
/*按钮*/
.m-focus-4 .carousel-control {
    margin-top: -15px;
    width: 30px;
    height: 30px;
    top: 50%;
    background: rgba(0,0,0,1);
    border-radius: 50%;
}
.m-focus-4 .carousel-control.left {
    left: 10px;
}
.m-focus-4 .carousel-control.right {
    right: 10px;
}
.m-focus-4 .carousel-control .glyphicon-chevron-left,
.m-focus-4 .carousel-control .glyphicon-chevron-right,
.m-focus-4 .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 20px;
    line-height: 30px; /*此部分需要与外框高度对齐*/
}

/*=============================================================*/
/*focus-5 类 非全屏宽度*/
/*支持移动端的响应式轮播图效果*/
.m-focus-5{
}
.m-focus-5 .carousel-inner {
    padding-bottom: 50px;/*给文字部分预留空间，尺寸与carousel-caption最终高度要相符*/
}
.m-focus-5 .carousel-inner .item a {
    color: #000;
    text-shadow:  0 0 5px rgba(255,255,255,0.5);
}
/*内容文字*/
.m-focus-5  .carousel-caption {
    width: 100%;
    background: none;
    top: 100%;
    left: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    white-space: nowrap;
}
.m-focus-5  .carousel-caption h4 {
    padding-left: 10px;
    width: 100%;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*指示点样式*/
.m-focus-5 .carousel-indicators {
    bottom: 50px;
}
/*指示点样式1*/
.m-focus-5 .carousel-indicators.style1 li {
    width: 20px;
    height: 6px;
    margin: 1px;
    background-color: transparent;
    border: 1px solid #853bdf;
    border-radius:0;
}
.m-focus-5 .carousel-indicators.style1 .active {
    background: #7834cc;
    border: 1px solid #853bdf;
}

/*按钮*/
.m-focus-5 .carousel-control {
    margin-top: -15px;
    width: 30px;
    height: 30px;
    top: 44%;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
}
.m-focus-5 .carousel-control.left {
    left: 10px;
}
.m-focus-5 .carousel-control.right {
    right: 10px;
}
.m-focus-5 .carousel-control .glyphicon-chevron-left,
.m-focus-5 .carousel-control .glyphicon-chevron-right,
.m-focus-5 .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 20px;
    line-height: 30px; /*此部分需要与外框高度对齐*/
}

/*=============================================================*/
/*focus-6 类 非全屏宽度*/
/*支持移动端的响应式轮播图效果*/
.m-focus-6{
}
.m-focus-6 .carousel-inner {
    padding-bottom: 50px;/*给文字部分预留空间，尺寸与carousel-caption最终高度要相符*/
}
.m-focus-6 .carousel-inner .item a {
    color: #fff;
}
/*内容文字*/
.m-focus-6  .carousel-caption {
    width: 100%;
    background: none;
    left: 0;
    bottom: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    white-space: nowrap;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.m-focus-6  .carousel-caption h4 {
    padding-left: 10px;
    width: 100%;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*指示点样式*/
.m-focus-6 .carousel-indicators {
    bottom: 10px;
}
/*指示点样式1*/
.m-focus-6 .carousel-indicators.style1 li {
    width: 20px;
    height: 6px;
    margin: 1px;
    background-color: transparent;
    border: 1px solid #853bdf;
    border-radius:0;
}
.m-focus-6 .carousel-indicators.style1 .active {
    background: #7834cc;
    border: 1px solid #853bdf;
}

/*按钮*/
.m-focus-6 .carousel-control {
    margin-top: -15px;
    width: 30px;
    height: 30px;
    top: 44%;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
}
.m-focus-6 .carousel-control.left {
    left: 10px;
}
.m-focus-6 .carousel-control.right {
    right: 10px;
}
.m-focus-6 .carousel-control .glyphicon-chevron-left,
.m-focus-6 .carousel-control .glyphicon-chevron-right,
.m-focus-6 .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 20px;
    line-height: 30px; /*此部分需要与外框高度对齐*/
}
/*==============*/
/*=4.标题=*/
/*==============*/

/*使用标题和面板结合 panel类 进行自定义处理*/
.panel-custom {
    box-shadow: none;
    border-radius: 0;
}
/*用于tabs切换后的更多按钮，需要放置于下方tab-pane类 div中，使用绝对定位使其处于标题部分*/
.tab-content{
    position: relative;
}
.tab-pane .media {
    margin-top: 0;
}
.tab-content.panel-body,
.list-group.panel-body{
    padding-left: 0;
    padding-right: 0;
}

/*嵌入*/
.more2 {
    position: absolute;
    display: block;
    font-size: 10px;
    line-height: 40px;
    color: #a4a4a4;
    text-decoration: none;
    /*下方定位根据实际情况调整*/
    /*以下定位在tab-content为相对定位时使用*/
    right: 0;
    top:-40px;
}
.more3 {
    position: absolute;
    display: block;
    font-size: 10px;
    line-height: 40px;
    color: #ffffff;
    text-decoration: none;
    /*下方定位根据实际情况调整*/
    /*以下定位在tab-content为相对定位时使用*/
    right: 10px;
    top:-40px;

}

/*标题1*/
.m-title-1 {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #a4a4a4;
}
.m-title-1:before, .m-title-1:after{
    display: table;
    content: " ";
}
.m-title-1:after{
    clear:both;
}

.m-title-1 h1,.m-title-1 h2,.m-title-1 h3,.m-title-1 h4,.m-title-1 h5,.m-title-1 h6 {
    float: left;
    margin: 0;
}

.m-title-1 h4{
    padding: 10px 0;
}
.m-title-1 h4.heading {
    margin-bottom: -1px;
    margin-right: 10px;
    border-bottom: 2px solid #1656ac;
}
.m-title-1 a.more1,.m-title-1 .more1 {
    float: right;
    font-size: 10px;
    line-height: 40px;
    color: #a4a4a4;
    text-decoration: none;
}
.m-title-1 a.more1:hover,.m-title-1 .more1:hover {
    color: #717171;
}


/*有标题的样式*/
.m-title-1 .nav-tabs {
    border-bottom: none;
}
.m-title-1 .nav-tabs li{
    position: inherit;
}
.m-title-1 .nav-tabs > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.1;/*统一使用h1到h6的行高*/
    font-size: 18px;/*此处需要根据实际尺寸调节字体大小*/
}
.m-title-1 .nav-tabs > li > a:hover,
.m-title-1 .nav-tabs > li > a:focus {
    background: #1656ac;
    color: #ffffff;
}
.m-title-1 .nav-tabs > li.active > a{
    color: #1656ac;
}
.m-title-1 .nav-tabs > li.active > a,
.m-title-1 .nav-tabs > li.active > a:hover,
.m-title-1 .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid #1656ac;
    background-color: transparent;
}
.m-title-1 .nav-tabs > li.active > a, .m-title-1 .nav-tabs > li.active > a:hover, .m-title-1 .nav-tabs > li.active > a:focus {
    border-width: 0;
    border-bottom: 2px solid #1656ac;
}

/*标题3*/
.m-title-3 {
    position: relative;
    padding: 0;
    /*border-bottom: 1px solid #a4a4a4;*/
}

.m-title-3:before, .m-title-3:after{
    display: table;
    content: " ";
}
.m-title-3:after{
    clear:both;
}

.m-title-3 h1,.m-title-3 h2,.m-title-3 h3,.m-title-3 h4,.m-title-3 h5,.m-title-3 h6 {
    float: left;
    margin: 0;
}

.m-title-3 h4{
    padding: 10px ;
}
.m-title-3 h4.heading {
    border-left: 4px solid #1656ac;
}
.m-title-3 a.more1,.m-title-3 .more1 {
    float: right;
    font-size: 10px;
    line-height: 40px;
    color: #a4a4a4;
    text-decoration: none;
}
.m-title-3 a.more1:hover,.m-title-3 .more1:hover {
    color: #717171;
}
/*标题4*/
.m-title-4 {
    position: relative;
    padding: 0;
    /*border-bottom: 1px solid #a4a4a4;*/
}

.m-title-4:before, .m-title-4:after{
    display: table;
    content: " ";
}
.m-title-4:after{
    clear:both;
}

.m-title-4 h1,.m-title-4 h2,.m-title-4 h3,.m-title-4 h4,.m-title-4 h5,.m-title-4 h6 {
    float: left;
    margin: 0;
}

.m-title-4 h4{
    padding: 10px 10px 10px 0;
}
.m-title-4 h4.heading {
    border-right: 2px solid #1656ac;
    margin-right: 10px;
}
.m-title-4 a.more1,.m-title-4 .more1 {
    float: right;
    font-size: 10px;
    line-height: 40px;
    color: #a4a4a4;
    text-decoration: none;
}
.m-title-4 a.more1:hover,.m-title-4 .more1:hover {
    color: #717171;
}

/*标题5*/
.m-title-5 {
    position: relative;
    padding: 0;
    background: #93caff;
    border-radius: 0;
    /*border-bottom: 1px solid #a4a4a4;*/
}

.m-title-5:before, .m-title-5:after{
    display: table;
    content: " ";
}
.m-title-5:after{
    clear:both;
}

.m-title-5 h1,.m-title-5 h2,.m-title-5 h3,.m-title-5 h4,.m-title-5 h5,.m-title-5 h6 {
    float: left;
    margin: 0;
}

.m-title-5 h4{
    padding: 10px 10px 10px 0;
}
.m-title-5 h4.heading {
    border-right: 2px solid #1656ac;
    margin-right: 10px;
}
.m-title-5 a.more1,.m-title-5 .more1 {
    float: right;
    font-size: 10px;
    line-height: 40px;
    color: #a4a4a4;
    text-decoration: none;
}
.m-title-5 a.more1:hover,.m-title-5 .more1:hover {
    color: #717171;
}


/*有切换功能的样式*/
.m-title-5 .nav-tabs {
    border-bottom: none;
}
.m-title-5 .nav-tabs li{
    position: inherit;
}
.m-title-5 .nav-tabs > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    border-radius: 0;
    line-height: 1.1;/*统一使用h1到h6的行高*/
    font-size: 18px;/*此处需要根据实际尺寸调节字体大小*/
}
.m-title-5 .nav-tabs > li > a:hover,
.m-title-5 .nav-tabs > li > a:focus {
    background: #1656ac;
    color: #ffffff;
    border: none;
}
.m-title-5 .nav-tabs > li.active > a{
    color: #ffffff;
    background: #1656ac;
}
.m-title-5 .nav-tabs > li.active > a,
.m-title-5 .nav-tabs > li.active > a:hover,
.m-title-5 .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid #1656ac;
}
.m-title-5 .nav-tabs > li.active > a, .m-title-5 .nav-tabs > li.active > a:hover, .m-title-5 .nav-tabs > li.active > a:focus {
    border-width: 0;
}


/*标题6*/
.m-title-6 {
    position: relative;
    padding: 8px 0;
    /*background: #93caff;*/
    border-radius: 0;
    border-bottom: 1px solid #a4a4a4;
}

.m-title-6:before, .m-title-6:after{
    display: table;
    content: " ";
}
.m-title-6:after{
    clear:both;
}

.m-title-6 h1,.m-title-6 h2,.m-title-6 h3,.m-title-6 h4,.m-title-6 h5,.m-title-6 h6 {
    float: left;
    margin: 0;
}

.m-title-6 h4{
    padding: 2px 10px 2px 0;
}
.m-title-6 h4.heading {
    border-right: 2px solid #1656ac;
    margin-right: 10px;
}
.m-title-6 a.more1,.m-title-6 .more1 {
    float: right;
    font-size: 10px;
    line-height: 40px;
    color: #a4a4a4;
    text-decoration: none;
}
.m-title-6 a.more1:hover,.m-title-6 .more1:hover {
    color: #717171;
}

/*有切换功能的样式*/
.m-title-6 .nav-tabs {
    border-bottom: none;
}
.m-title-6 .nav-tabs li{
    position: inherit;
    border-right: 2px solid #ababab;
}
.m-title-6 .nav-tabs li:last-child {
    border-right: none;
}
.m-title-6 .nav-tabs > li > a {
    padding-top: 2px;
    padding-bottom: 2px;
    border: none;
    border-radius: 0;
    line-height: 1.1;/*统一使用h1到h6的行高*/
    font-size: 18px;/*此处需要根据实际尺寸调节字体大小*/
    color: #ababab;
}
.m-title-6 .nav-tabs > li > a:hover,
.m-title-6 .nav-tabs > li > a:focus {
    background: none;
    color: #1656ac;
    border: none;
}
.m-title-6 .nav-tabs > li.active > a{
    color: #1656ac;
    background: none;
}
.m-title-6 .nav-tabs > li.active > a,
.m-title-6 .nav-tabs > li.active > a:hover,
.m-title-6 .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid #1656ac;
}
.m-title-6 .nav-tabs > li.active > a, .m-title-6 .nav-tabs > li.active > a:hover, .m-title-6 .nav-tabs > li.active > a:focus {
    border-width: 0;
}


/*==============*/
/*=5.列表=*/
/*==============*/

/*列表1 list style样式*/
.m-list-1{
    position: relative;
    border: none;
    overflow: visible;
    padding-left:18px;
    color: #00a9e4;/*点颜色*/
}

.m-list-1 li {
    border: none;
    /*padding-left: 0;*/
    padding-right: 0;
    list-style: disc;
    /*line-height: 30px;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.m-list-1 li a {
    color:#222;
    /*padding-right: 5em;*/
    /*float: left;*/
    display: block;
    width: 100%;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m-list-1 li a:hover {
    color: #00a9e4;
}
.m-list-1 li .badge {
    /*position: absolute;*/
    /*right: 0;*/
    float: right;
    color: #999;
    background: none;
    font-weight: normal;
    padding: 3px 0;
}

/*列表2 list style样式*/
/*=此部分可以与list-group类共同使用=*/
.m-list-2{
    position: relative;
    border: none;
    overflow: visible;
}

.m-list-2 li {
    border: none;
    /*padding-left: 0;*/
    padding-right: 0;
}
.m-list-2 li.list-group-item {
    list-style: disc;
    padding-left: 20px;
    margin-left: 10px;
}

.m-list-1 li a {
    color:#222;
}
/*==============*/
/*=6.图片样式=*/
/*==============*/
.m-imglist-1 {
    width: 100%;
    height: auto;
    min-height: 200px;
}
.m-imglist-1 li {
    display: block;
    white-space: nowrap;
}
/*此部分可调整图片显示比例*/
/*下方宽度100%和0%均不可删除，否则大小变化动画效果将失效*/
.m-imglist-1 li.active,
.m-imglist-1 li.next1,
.m-imglist-1 li.next2,
.m-imglist-1 li.next3,
.m-imglist-1 li.next4,
.m-imglist-1 li.prev1 {
    height: auto;/*此部分高度需要于类slider_four_in_line 采用同样高度属性*/
    width: 25%;
    margin: 0 ;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}
.m-imglist-1 li.next1 {
    left: 50%;
}
.m-imglist-1 li.next2 {
    left: 75%;
}
.m-imglist-1 li.next3 {
    width: 0%;
}
.m-imglist-1 li.next4 {
    width: 0%;
}
.m-imglist-1 li.prev1 {
    width: 25%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}
.m-imglist-1 li.prev2,
.m-imglist-1 li.prev3,
.m-imglist-1 li.prev4 {
    width: 0%;
}
/*翻页翻页样式优化*/
.m-imglist-1 .next_button.fa,
.m-imglist-1 .prev_button.fa {
    position: absolute;
    left: 100% !important;
    top: 50% !important;
    margin: -25px 0 0 0 !important;
    width: 40px !important;
    height: 50px !important;
    border: none !important;
    background: none !important;
    opacity: 0.5 !important;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    border-radius: 0;
    color: #fff;
    font-size: 40px;
}

/*上一张按钮*/
.m-imglist-1 .prev_button.fa-angle-left {
    position: absolute;
    left: 0 !important;
    margin-left: -40px !important;
}

.m-imglist-1 .next_button.fa-angle-right:hover,
.m-imglist-1 .prev_button.fa-angle-left:hover {
    opacity: 1 !important;
}
.m-imglist-1 .next_button.fa-angle-right:after,
.m-imglist-1 .prev_button.fa-angle-left:after {
    display: none;
}

/*下一张按钮*/
.m-imglist-1 .next_button:after {
    border: none;
    margin-left: 0;
}

.m-imglist-1 .prev_button:after {
    border: none;
    margin-left: -25px;
}


div.slider.m-imglist-1 > div:not(.nav_indicators):not(.next_button.fa):not(.prev_button.fa) {
    box-shadow: 0px 1px 3px #000;
    border: 1px solid #000;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    font-size: 150px;
}

/*==============*/
/*=4.表单=*/
/*==============*/
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 3px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 45px;
    line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    min-width: 40px;
    padding: 9px 12px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #4a89dc;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 0px;
}
.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 0px;
}
.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 17px;
    border-radius: 3px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-btn > .btn {
    position: relative;
}
.input-group-btn > .btn + .btn {
    margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
    z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}
/*div高度控制*/
.g-box1, .g-box2, .g-box3, .g-box3-1, .g-box4,.g-box4-1, .g-box4-2, .g-box5, .g-box6, .g-box7, .g-box7-1, .g-box8, .g-box8-1, .g-box9, .g-box9-1 ,.g-box9-2 ,.g-box9-3 ,.g-box9-4 , .g-box10, .g-box11, .g-box12, .g-box13, .g-box14, .g-box15, .g-box16 {
	position:relative;
	box-sizing:border-box;
	padding-top:0.3rem;
	padding-bottom:0.3rem;
}
.g-box1 {
	height:100%;
}

/*高度100%两份*/
  .g-box2 {
	  height:67%;
  }
  .g-box3 {
	  height:33%;
  }

/*高度三等分*/
  .g-box3-1 {
      height:33.33%;
  }

/*高度四份*/
  .g-box4 {
	  height:18%;
  }
  .g-box4-1 {
	  height:27.3%;
	  position:relative;
  }
  .g-box4-2 {
	  height:72.7%;
	  position:relative;
  }
/*高度50%*/
  .g-box5 {
	  height:50%;
	  position:relative;
  }

/*高度两份*/
  .g-box6 {
	  height:60%;
	  position:relative;
  }
  .g-box6-1 {
	  height:40%;
	  position:relative;
  }
/*高度三份嵌套于4-2box中*/
  .g-box7 {
	  height:24.9%;
  }
  .g-box7-1 {
	  height:37.5%;
  }
/*高度两份*/
  .g-box8 {
	  height:3.5%;
	  padding-bottom:0;
  }
  .g-box8-1 {
	  position:relative;
	  height:96.5%;
  }

/*高度两份2*/
  .g-box9 {
	  height:6%;
  }
  .g-box9-1 {
	  position:relative;
	  height:94%;
  }
  .g-box9-2 {
	  position:relative;
	  height:19%;
  }
    /*包含于9-2之内*/
    .m-wrap9-2 {
        position:absolute;
        width: 100%;
        /*height: 130%;*/
        height: 120%;
        display: inline-block;
        bottom: 0.3rem;
        left: 0;
        padding: 0 0.56rem;
    }
  .g-box9-3 {
	  position:relative;
	  height:44.5%;
  }
  .g-box9-4 {
	  position:relative;
	  height:36.5%;
  }
  .g-box9-5 {
	  position:relative;
	  height:25.5%;
  }


/*登录页背景控制*/
#canvas-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}



/*浮动盒模型相关*/
/*默认主轴方向*/
.flex-con1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow:row wrap;
  flex-flow: row wrap ;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  align-content:  stretch;
}
.flex-con1-1 {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

   -webkit-flex-flow:row wrap;
   flex-flow: row wrap ;
   -webkit-justify-content:  space-between;
   justify-content:  space-between ;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: stretch;
   align-content:  stretch;
 }

/*纵向靠底*/
.flex-con1-2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow:row wrap;
    flex-flow: row wrap ;
    -webkit-justify-content:  space-between;
    justify-content:  space-between ;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    align-content:  stretch;
}
/*纵向居中 横向居中*/
.flex-con1-3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow:row wrap;
    flex-flow: row wrap ;
    -webkit-justify-content: center;
    justify-content:  center ;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: stretch;
    align-content:  stretch;
}
/*纵向居中 横向头尾对齐*/
.flex-con1-4 {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

	-webkit-flex-flow:row wrap;
	flex-flow: row wrap ;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:  center;
	align-items:  center;
	-webkit-align-content:space-between;
	align-content:space-between;
}

/*纵向主轴方向*/
.flex-con2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow:column wrap;
	flex-flow: column wrap ;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	align-content:  stretch;
}
.flex-con2-1 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow:column wrap;
	flex-flow: column wrap ;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-content: stretch;
	align-content:  stretch;
}

/*总背景图*/
.s-bg1 {
	position:relative;
	padding:0;
	background:url(images/bg1.jpg) no-repeat ;
	background-size:cover;
	overflow:hidden;
}
  .s-bg1 .plugin-1 {
	  position:fixed;
	  left:0;
	  bottom:0;
	  width:21.5%;
	  height:1.5%;
	  background: url(images/bg1-1.png) no-repeat bottom left;
	  background-size:cover;
  }
  .s-bg1 .plugin-2 {
	  position:absolute;
	  width:100%;
	  height:100%;
	  background:url(images/bg1-2.png) repeat center ;
  }
.s-bg2 {
	background:url(images/bg2.jpg) no-repeat center ;
	background-size:cover;
}

.bg1 {
	background-color:rgba(0,58,134,0.3);
}
.bg2 {
	background-color:#069;
	filter:alpha(opacity=50);  /*支持 IE 浏览器*/
	-moz-opacity:0.50; /*支持 FireFox 浏览器*/
	opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.bg3 {
	background-color:#063;
	filter:alpha(opacity=50);  /*支持 IE 浏览器*/
	-moz-opacity:0.50; /*支持 FireFox 浏览器*/
	opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.bg4 {
	background-color:#0F0;
	filter:alpha(opacity=50);  /*支持 IE 浏览器*/
	-moz-opacity:0.50; /*支持 FireFox 浏览器*/
	opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.bg5 {
	background-color:#330;
	filter:alpha(opacity=50);  /*支持 IE 浏览器*/
	-moz-opacity:0.50; /*支持 FireFox 浏览器*/
	opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.bg6 {
	background-color:#0FF;
	filter:alpha(opacity=50);  /*支持 IE 浏览器*/
	-moz-opacity:0.50; /*支持 FireFox 浏览器*/
	opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.bg7 {
	background-color:#900;
	filter:alpha(opacity=50);  /*支持 IE 浏览器*/
	-moz-opacity:0.50; /*支持 FireFox 浏览器*/
	opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.bg8 {
	background-color:#9F0;
	filter:alpha(opacity=50);  /*支持 IE 浏览器*/
	-moz-opacity:0.50; /*支持 FireFox 浏览器*/
	opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
}

/*内容主体*/
.g-main{
	height:92.6%;
}

/*登录页主体*/
.g-login-main {
    width:700px;
    height: 480px;
    box-sizing: border-box;
    margin: 60px auto 0 auto;
    background: url("images/login-bg.png") no-repeat center;
}

.g-login-main form.form-horizontal {
    padding: 0 10%;
    width: 80%;
}
.g-login-main form.form-horizontal>.form-group {
    margin:20px auto;
}
.g-login-main .control-label {
    color: #fff;
    padding-top: 11px;
    padding-left: 0;
    line-height: 100%;
    font-weight: normal;
}
.g-login-main .control-label i.glyphicon {
    padding-right: 10px;
}

.g-login-main .form-group.form-control {
    padding-top: 0;
    border: none;
    background: rgba(255,255,255,0.5);
}
.g-login-main .form-group.form-control input {
    border: none;
    background: none;
}

.g-login-main .form-group .checkbox label{
    color: #fff;
    font-size: 16px;

}

.g-login-main .form-group .btn-green {
    width: 100%;
    background: rgba(101,255,248,0.7);
    color: #fff;
}



/*登录页头部*/
.g-logon-header {
    height:2.5rem;
    box-sizing: border-box;
}
.g-logon-header header {
    width:100%;
    height:100%;
    margin: 0;
    padding:0;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
}
.g-logon-header header h1 {
    width: 28%;
    box-sizing: border-box;
    font-size:1.15rem;
    color:#fff;
    background: url("images/logo-login.png") no-repeat center ;
    background-size:90%  auto ;
    text-indent: -10000px;
    margin: 5px auto 0 auto ;
    border-color: rgba(101,225,248,0.5);
    border-width: 0 3px 0 3px ;
    border-style: solid;
}
.g-logon-header header h1 a {
    color:#fff;
}
.g-logon-header .m-hd-bg1,
.g-logon-header .m-hd-bg2 {
    width: 36%;
    height: 100%;
    background: url("images/header-bg1.png") no-repeat ;
    background-size: auto 100%;
}
.g-logon-header .m-hd-bg1 {
    background-position: left center;
}
.g-logon-header .m-hd-bg2 {
    background-position: right center;
}

/*侧栏*/
.side-box{
}
/*头部*/
.g-header  {
	position:relative;
	width:100%;
    margin: 0;
    padding:0;
    box-sizing: border-box;
	background-image:url(images/header-tt-bg1.png);
	background-position:bottom center;
	background-size:100% auto;
	background-repeat:no-repeat;
	padding-bottom:10px;
}
.g-header h2{
    width: 100%;
	font-size:0.93rem;
	padding-bottom:0.25rem;
	text-align:center;
	white-space:nowrap;
	color:#65fff8;
    /*background: url("images/logo.png") no-repeat center ;*/
    background-size:90%  auto ;
    /*text-indent: -10000px;*/
    margin: 0 auto 0 auto ;
}
.g-header h2 a {
	color:#65fff8;
	font-family:hyk2gjm;
	font-weight:bolder;
	text-decoration:none;
}
/*
.g-header header .m-menu {
  order: 1;

}
.g-header header .m-border1 {
  order: 2;
  width: 27.6%;
}
.g-header header .m-border1:nth-child(2) {
  order: 4;
}
.g-header header h1{
  order: 3;
}
.g-header header .m-login {
  order: 5;
}*/
/*左侧花纹*/
.s-header-bg {
	position:fixed;
	left:0;
	top:0;
	width:2.9rem;
	background:url(images/header-bg1.png) top right;
	background-repeat:no-repeat;
	background-size:auto 78.2%;
}
.m-border1 {
  background-color: #65fff8;
  height:1px ;
}


/*左下角按钮*/
.m-menu {
    position: fixed;
	bottom:18px;
	z-index:1000;
    width: 5.13rem;
    height:5.13rem;
    border-color: #91e7f8;
    border-width: 1px;
    border-style: solid;
	border-radius:50%;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
	/*-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;*/
	background:-webkit-linear-gradient(to bottom, rgba(0,99,178,.6) 10%, rgba(0,54,100,.6) 50%, rgba(0,7,20,.6) 100%);/* Safari 5.1 - 6.0 */
	background:-moz-linear-gradient(to bottom, rgba(0,99,178,.6) 10%, rgba(0,54,100,.6) 50%, rgba(0,7,20,.6) 100%);/* Firefox 3.6 - 15 */
	background:-o-linear-gradient(to bottom, rgba(0,99,178,.6) 10%, rgba(0,54,100,.6) 50%, rgba(0,7,20,.6) 100%);/* Opera 11.1 - 12.0 */
	background:linear-gradient(to bottom, rgba(0,99,178,.6) 10%, rgba(0,54,100,.6) 50%, rgba(0,7,20,.6) 100%);
}
.m-menu .button,
.m-menu .s-menu-bg1,
.m-menu .s-menu-bg2,
.m-menu img {
	outline:none;
	border-radius:50%;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.m-menu .s-menu-bg1 {
	margin-top:7%;
	margin-left:7%;
	width:86%;
	height:86%;
	background:-webkit-linear-gradient(to bottom, rgba(0,125,212,.9) 10%,  rgba(0,7,14,.9) 100%);/* Safari 5.1 - 6.0 */
	background:-moz-linear-gradient(to bottom, rgba(0,125,212,.9) 10%,  rgba(0,7,14,.9) 100%);/* Firefox 3.6 - 15 */
	background:-o-linear-gradient(to bottom, rgba(0,125,212,.9) 10%,  rgba(0,7,14,.9) 100%);/* Opera 11.1 - 12.0 */
	background:linear-gradient(to bottom, rgba(0,125,212,.9) 10%,  rgba(0,7,14,.9) 100%);
}
.m-menu .s-menu-bg1 .s-menu-bg2 {
	margin:0 auto;
	width:100%;
	height:100%;
	background: url(images/btn-1-bg3.png) center no-repeat;
	background-size:98%;
}
.m-menu .button{
	display:block;
	width:100%;
	height:100%;
	border:none;
	padding:0;
	background-color:transparent;
	background-image:url(images/btn-1-bg1.png);
	background-size:86%;
	background-position:center;
	background-repeat:no-repeat;
}

.m-menu .button img {
	width:100%;
}
.m-menu:hover {
	box-shadow:
    0 0 2px rgba(9,244,255, 1),
    0 0 3px rgba(9,244,255, .8),
    0 0 4px rgba(9,244,255, .6),
    0 0 5px rgba(9,244,255, .4),
    0 0 6px rgba(9,244,255, .5),
    0 0 7px rgba(9,244,255, .4),
    0 0 8px rgba(9,244,255, .3),
    0 0 9px rgba(9,244,255, .2),
    0 0 10px rgba(9,244,255, 1);

	background:-webkit-linear-gradient(to bottom, rgba(0,99,178,.8) 10%, rgba(0,54,100,.8) 50%, rgba(0,7,20,.8) 100%);/* Safari 5.1 - 6.0 */
	background:-moz-linear-gradient(to bottom, rgba(0,99,178,.8) 10%, rgba(0,54,100,.8) 50%, rgba(0,7,20,.8) 100%);/* Firefox 3.8 - 15 */
	background:-o-linear-gradient(to bottom, rgba(0,99,178,.8) 10%, rgba(0,54,100,.8) 50%, rgba(0,7,20,.8) 100%);/* Opera 11.1 - 12.0 */
	background:linear-gradient(to bottom, rgba(0,99,178,.8) 10%, rgba(0,54,100,.8) 50%, rgba(0,7,20,.8) 100%);
}

.m-menu:hover .s-menu-bg1  {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
	background:-webkit-linear-gradient(to bottom, rgb(0,125,212) 10%,  rgba(0,7,14,.9) 100%);/* Safari 5.1 - 6.0 */
	background:-moz-linear-gradient(to bottom, rgb(0,125,212) 10%,  rgba(0,7,14,.9) 100%);/* Firefox 3.6 - 15 */
	background:-ms-linear-gradient(to bottom, rgb(0,125,212) 10%,  rgba(0,7,14,.9) 100%);
	background:-o-linear-gradient(to bottom, rgb(0,125,212) 10%,  rgba(0,7,14,.9) 100%);/* Opera 11.1 - 12.0 */
	background:linear-gradient(to bottom, rgb(0,125,212) 10%,  rgba(0,7,14,.9) 100%);
}

.m-menu:hover .s-menu-bg2 {
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); 	/* IE 9 */
	-moz-transform:rotate(-90deg); 	/* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
	-o-transform:rotate(-90deg); 	/* Opera */
}
.m-menu:hover button {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg);
}
.m-menu:hover button img {
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg);
}
.m-menu .hamburger{
    width: 15%;
    float: left;
    box-sizing: border-box;
}

/*时间选择控件*/
.time-select {
	position:relative;
	width:60%;
	margin:15% auto 15% 0;
}
.m-form1 {
	color:#fff;
}
.m-form1 .form-group {
	margin:0.4rem auto;
}
.m-form1 .form-group .form-control {
	height:0.86rem;
	box-sizing:border-box;
	border:2px solid #65fff8;
    border-radius:4px;
	color:#fff;
	text-align:center;
	padding: 0 10px;
	/*padding-left:10px;
	padding-right:10px;*/
	/*background:rgba(101,255,248,0.3);*/
	background-color:transparent;
}
.m-form1 input.form-control::-webkit-input-placeholder,
.m-form1 input.form-control::-moz-placeholder ,
.m-form1 input.form-control:-moz-placeholder,
.m-form1 input.form-control:-ms-input-placeholder {
    color:#fff ;
}
.m-form1 .btn {
	width:100%;
	height:0.86rem;
	box-sizing:border-box;
	padding:0 10px;
	color:#65fff8;
	border:2px solid #65fff8;
	background:rgba(0,169,228,0.4);
	box-shadow:inset -10px 2px 1rem rgba(0,169,228,0.9);
}
.m-form1 .btn-default:active:hover,
.m-form1 .btn-default:active:focus{
	background:rgba(101,255,248,0.6);
	box-shadow:0 0 1rem #09f4ff;
	border:2px solid #65fff8;
	color:#65fff8;
}

/*右上角登录*/
.m-login .m-select {
  padding-right: 0;
  height: 100%;
}
.m-login .m-select .form-control {
  position: relative;
  top: 10%;
  height: 80%;
  box-sizing: border-box;
  padding:2px 0 2px 2px;
  background: transparent;
  border-color: rgba(101,255,248,0.8);
  color: #65fff8;
  border-radius: 0;
  font-size: 0.46rem;
}
  .m-login .m-select .form-control option {
    background:rgba(101,255,248,0.2);
    border-color: rgba(101,255,248,0.8);
    color: #000;
    line-height: 1rem;
  }
/*登录退出等*/
.m-login .m-btn {
  position: relative;
  height: 60%;
  top: 20%;
}
.m-login .glyphicon {
  height: 0.8rem;
  line-height: 100%;
  font-size:  0.8rem;
  color: rgba(101,255,248,0.8);
  text-decoration: none;
}
.m-login .glyphicon:hover {
  color: #65fff8;
}

/*新闻轮播*/
.g-news {
  position:absolute;
  width:76.25%;
  height:2.38rem;
  margin:0 auto;
  top:5.5%;
  left:11.8%;
  z-index:100;
}

 .g-news .str_wrap {
	 display:block;
	 padding-right:50px;
	 padding-left:20px;
	 height:100%;
	 width:94%;
	 line-height:100%;
	 /*background:rgba(10,101,177,0.4);*/
	 background:-webkit-linear-gradient(to top, rgba(10,101,177,0) 10%, rgba(10,101,177,0.6) 50%, rgba(10,101,177,0) 90%);/* Safari 5.1 - 6.0 */
	 background:-moz-linear-gradient(to top, rgba(10,101,177,0) 10%, rgba(10,101,177,0.6) 50%,rgba(10,101,177,0) 90%);/* Firefox 3.6 - 15 */
	 background:-o-linear-gradient(to top, rgba(10,101,177,0) 10%, rgba(10,101,177,0.6) 50%,rgba(10,101,177,0) 90%);/* Opera 11.1 - 12.0 */
	 background:linear-gradient(to top, rgba(10,101,177,0) 10%, rgba(10,101,177,0.6) 50%,rgba(10,101,177,0) 90%);
 }
 .g-news .str_wrap>* {
	 height:100%;
	 line-height:100%;
 }
 .g-news .str_wrap a  {
	 text-decoration:none;
	 color:rgba(255,255,255,1);
	 line-height:2.38rem;
	 height:100%;
	 font-size:0.5rem;
	 padding:0 10px;
	 display:inline-block;
 }
 .g-news .str_wrap a  span {
	 margin-right:5px;
 }
 .g-news .str_wrap a:hover {
	 color:#fff;
	 font-weight:bolder;
 }
 /*新闻滚动控制*/
 .g-news  .m-btn-control {
	 position:absolute;
	 right:0;
	 top:0;
	 height:100%;
	 padding-top:0.6rem;
 }
 .g-news  .m-btn-control button{
	 background:none;
	 color:rgba(101,255,248,0.8);
	 border:none;
	 line-height:200%;
 }
 .g-news  .m-btn-control button:hover {
	 color:rgba(101,255,248,1);
 }
 .g-news  .m-btn-control button:active {
	 background:rgba(101,255,248,0.2);
	 border:none;
 }

/*标题1*/
.m-tt1 {
	position:absolute;
	width:100%;
	z-index:100;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow:row wrap;
	flex-flow: row wrap ;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-item:  baseline;
	-webkit-align-item: baseline;

}
.m-tt1 h4 {
	width:auto;
	margin:0;
	float: left;
	padding: 2px 10px 2px 0;
	text-align: left;
	font-size:  0.6rem;
	color: #fff;
	order:1;
	/*flex-grow:;*/
}
.m-tt1 .border {
	order:2;
	flex-grow:1;
	margin-top:0.4rem;
	height:2px;
	background:#d96209;
	transform:skewX(-45deg);
	-ms-transform:skewX(-45deg); 	/* IE 9 */
	-moz-transform:skewX(-45deg); 	/* Firefox */
	-webkit-transform:skewX(-45deg); /* Safari 和 Chrome */
	-o-transform:skewX(-45deg); 	/* Opera */
}
.m-tt1 .nav-tabs {
	order:3;
	padding-left: 0.5rem;
}
/*标题2*/
.m-tt2 {
	position:absolute;
	width:100%;
	left:0;
	padding:0 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	z-index:10;

	-webkit-flex-flow:row wrap;
	flex-flow: row wrap ;
	-webkit-justify-content:  space-between;
	justify-content:  space-between ;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content:  center;

}
  .m-tt2 h4 {
	  width:auto;
	  padding: 2px 5px;
	  text-align: center;
	  font-size: 0.7rem;
	  /*border-width: 0 2px 0 2px ;
	  border-style: solid;
	  border-color:#65fff8 ;*/
	  color: #fff;
  }
  .m-tt2 h4.mode1{
	  padding: 2px 20px;
  }
  .m-tt2 h4.mode2{
	  font-size: 1rem;
	  margin:0;
  }
  .m-tt2 .m-color-box,
  .m-tt2 .m-color-box1 {
	  position:relative;
	  width:auto;
	  height:0.5rem;
	  transform: skew(-40deg);
  }
  .m-tt2 .m-color-box {
	  padding-right:0.4rem;
  }
  .m-tt2 .m-color-box1 {
	  padding-right:0.8rem;
  }
  .m-tt2 .m-color-box .m-style1,
  .m-tt2 .m-color-box .m-style2,
  .m-tt2 .m-color-box1 .m-style1,
  .m-tt2 .m-color-box1 .m-style2 {
	  display: inline-block;
	  background:#65fff8;
	  height:0.5rem;
	  margin-right:0.15rem;
  }
  .m-tt2 .m-color-box .m-style1,
  .m-tt2 .m-color-box1 .m-style1 {
	  width:0.34rem;
  }
  .m-tt2 .m-color-box .m-style2,
  .m-tt2 .m-color-box1 .m-style2 {
	  width:2.88rem;
  }

/*坐席部分标题*/
.m-tt3 {
	position:relative;
	width:100%;
	color:#65fff8;
}

.m-tt3 h4 {
    width:auto;
    line-height:1.6;
    margin: 0;
    text-align: left;
    font-size: 0.8rem;
}
.m-tt3 ul li {
	list-style:none;
}

/*内容框*/
.m-content,
.m-content1 {
	position:relative;
	width:100%;
	/* height:100%; */
	box-sizing:border-box;
}
.m-content:after,
.m-content1:after {
	clear:both;
}
.m-content {
	padding-top:1rem;
}
.m-content1 {
	padding-top:1.3rem;
}
.m-content p,
.m-content1 p {
	font-size:0.46rem;
	color:#fff;
}

/*图表填充div*/
.m-chart  {
	width:100%;
    height:100%;
}
.m-chart1  {
    width:6.9rem;
    height:6.9rem;
}

.m-chart2  {
    width:100%;
    height:8rem;
}
.m-chart3  {
    width:100%;
    height:10rem;
}
.m-chart4  {
    width:100%;
    height:15rem;
}

/*清空背景色*/
.panel-clear,
.panel-body-clear {
    background-color:transparent ;
}

/*数据数字效果*/
.m-data1 {
	position:relative;
    height: 100%;
    padding: 0;
}
  .m-data1 h4 {
	  background:url(images/data-tt-bg.png) no-repeat;
	  background-size:100% auto;
	  width:100%;
	  margin:0;
	  height:16.8%;
  }
  .m-data1 h5,
  .m-data1 h6 {
	  width:100%;
	  margin:0;
      color: #65fff8;
  }
  .m-data1 h5 span,
  .m-data1 h6 span {
	  display:inline-block;
  }
  .m-data1 h5 {
	  height:35%;
  }
  .m-data1 h6 {
	  height:24.1%;
  }
  .m-data1 h5 span.title,
  .m-data1 h6 span.title {
	  position:relative;
	  float:left;
	  font-size:0.73rem;
	  font-weight: bolder;
	  letter-spacing:0.1rem;
  }
  .m-data1 h5 span.title {
	  padding: 0;
	  line-height:2.5;
  }
  .m-data1 h6 span.title {
	  padding: 0;
	  line-height:1.6;
  }
  .m-data1 h5 span.number ,
  .m-data1 h6 span.number {
	  position:relative;
	  float:right ;
      color:#fff;
	  margin:0;
	  box-sizing:border-box;
  }
  .m-data1 h5 span.number {
	  font-size:1.5rem;
	  line-height:1.2;
	  background: url(images/data-bg.png) repeat-x left center;
	  background-size:14.31% 75%;
	  padding-left:0.15rem;
	  letter-spacing:0.22rem;
  }
  .m-data1 h6 span.number {
	  font-size:1.05rem;
      line-height: 1.2rem;
	  background: url(images/data-bg2.png) repeat-x left center;
	  background-size:10.1% 90%;
	  padding-left:0.11rem;
	  letter-spacing:0.15rem;
  }

/*数据数字效果2*/
.m-data2 {
    position:relative;
    height: 100%;
    padding: 0;
}
.m-data2 h4 {
	  background:url(images/data-tt-bg.png) no-repeat;
	  background-size:100% auto;
	  width:100%;
	  margin:0;
	  height:100%;
}

/*右侧内容*/
.m-data2-ct {
	/*background: url(images/data-bg3.png) no-repeat;
	background-position: center;
	background-size:auto 100% ;*/
	color:#65fff8;
	height:100%;
    margin-bottom: -15px;
}
  .m-data2-ct .wrap0,
  .m-data2-ct .wrap1,
  .m-data2-ct .wrap2,
  .m-data2-ct .wrap3 {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;

	  -webkit-flex-flow:row wrap;
	  flex-flow: row wrap ;
	  -webkit-justify-content:  space-around;
	  justify-content:  space-around ;
	  -webkit-align-items: center;
	  align-items: center;
	  -webkit-align-content: stretch;
	  align-content:  stretch;

	  position:relative;
	  box-sizing:border-box;
  }
  .m-data2-ct .wrap0 .title,
  .m-data2-ct .wrap1 .title,
  .m-data2-ct .wrap2 .title,
  .m-data2-ct .wrap3 .title {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;

	  -webkit-flex-flow:row wrap;
	  flex-flow: row wrap ;
	  -webkit-justify-content:  center;
	  justify-content:  center ;
	  -webkit-align-items: center;
	  align-items: center;
	  -webkit-align-content: center;
	  align-content:  center;

	  position:relative;
	  box-sizing:border-box;
	  text-align:center;
	  height:100%;
	  flex:1;
	  background-position:center;
	  background-repeat:no-repeat;
	  background-size: 85% auto;
  }
  .m-data2-ct .wrap0 .title,
  .m-data2-ct .wrap1 .title {
	  background-image:url(images/data-bg3-tt1.png);
  }
  .m-data2-ct .wrap2 .title {
	  background-image:url(images/data-bg3-tt2.png);
  }

  .m-data2-ct .wrap3 .title {
	  background-image:url(images/data-bg3-tt3.png);
	  background-position:center bottom;
  }
  /*左标签竖线*/
  .m-data2-ct .wrap0 .title .m-border1{
	  position:absolute;
	  bottom:68.6%;
	  right:25%;
	  width:0.57rem;
	  height:2.46rem;
	  margin-right:-0.28rem;
	  background:url(images/data-bg-border1.png) bottom center no-repeat;
  }
  /*左标签竖线下*/
  .m-data2-ct .wrap0 .title .m-border2,
  .m-data2-ct .wrap1 .title .m-border2 {
	  position:absolute;
	  top:85%;
	  left:52%;
	  width:1.34rem;
	  height:100%;
	  margin-left:-0.67rem;
	  background:url(images/data-bg-border2.png) top center no-repeat;
  }
  /*左标签横线右*/
  .m-data2-ct .wrap1 .title .m-border3,
  .m-data2-ct .wrap3 .title .m-border3 {
	  position:absolute;
	  top:50%;
	  left:85%;
	  width:100%;
	  height:1.34rem;
	  margin-top:-0.67rem;
	  background:url(images/data-bg-border5.png) left center no-repeat;
  }
  .m-data2-ct .wrap3 .title .m-border3 {
	  top:55%;
  }
  /*右标签横线左*/
  .m-data2-ct .wrap2 .title .m-border1 {
	  position:absolute;
	  top:52.5%;
	  right:80%;
	  width:100%;
	  height:1.34rem;
	  margin-top:-0.67rem;
	  background:url(images/data-bg-border3.png) right center no-repeat;
  }
  /*右标签横线下*/
  .m-data2-ct .wrap2 .title .m-border2 {
	  position:absolute;
	  top:92%;
	  left:50%;
	  width:1.34rem;
	  height:100%;
	  margin-left:-0.67rem;
	  background:url(images/data-bg-border4.png) top center no-repeat;
  }

  .m-data2-ct .wrap0 {
	  height:22%;
	  padding-top:4%;
  }
  .m-data2-ct .wrap1 {
	  height:20.2%;
	  /*padding:9.3% 0;*/
  }
  .m-data2-ct .wrap1 {
  }
  .m-data2-ct .wrap2 {
	  height:19.7%;
	  /*padding:9.5% 0;*/
  }
  .m-data2-ct .wrap3 {
	  height:18.2%;
  }

  .m-data2-ct .wrap3 .title h4 {
	  margin-top:20px;
  }
  /*带背景数字*/
  .m-data2-ct .number {
	  flex:1;
	  box-sizing:border-box;
  }
  .m-data2-ct .number.pull-left  h5 ,
  .m-data2-ct .number.pull-left  h6 {
	  padding-left:35%;
  }
  .m-data2-ct .number.pull-right h5,
  .m-data2-ct .number.pull-right h6 {
	  padding-left:30%;
  }
  .m-data2-ct .wrap0 .number.pull-right h5,
  .m-data2-ct .wrap0 .number.pull-right h6 {
	  padding-left:10%;
  }
  .m-data2-ct .number h5 {
	  font-size:0.5rem;
      line-height: 0.8rem;
	  margin:0;
	  box-sizing:border-box;
  }
  .m-data2-ct .number h6 {
	  margin:0.1rem 0;
	  box-sizing:border-box;
  }
  .m-data2-ct .number h6 span{
	  width:auto;
	  color:#fff;
	  font-size:1.05rem;
      line-height: 1.2rem;
	  background: url(images/data-bg.png) repeat-x left center;
	  background-size: 0.7rem 80%;
	  padding-left:0.07rem;
	  letter-spacing:0.07rem;
  }

/*横向排列tabs1*/
.m-tabs1 {
}
.m-tabs1 .nav-tabs {
}
.m-tabs1 .nav-tabs li {
}
.m-tabs1 .nav-tabs li a {
	min-width:5em;
}
.m-tabs1 .tab-content {
}

/*纵向排列tabs2*/
.m-tabs2 {
}
.m-tabs2 .nav-tabs {
    width:100%;
    height:10%;
}
.m-tabs2 .nav-tabs li {
    margin:0.2rem 0;
}
.m-tabs2 .tab-content {
    height:90%;
    padding-right:0;
}

/*横向排列tabs3*/
.m-tabs3 {
}
.m-tabs3 .nav-tabs {
}
.m-tabs3 .nav-tabs li {
    margin:0.2rem 0;
}
.m-tabs3 .tab-content {
    padding: 0.5rem;
}

/*数据监测 大tabs*/
.m-tabs4 .nav-tabs1>li {
	margin:0 5px;
	padding:2px;
	position:relative;
	color:#65fff8;
	border:1px solid rgba(101,255,248,0.4);
}
.m-tabs4 .nav-tabs1>li.active {
	border:1px solid rgba(101,255,248,1);
}
.m-tabs4 .nav-tabs1>li.active:after  {
	position:absolute;
    display:block;
    content:'';
	width:0;
	height:0;
	border-bottom: 0.8em solid #65fff8;
    border-left: 0.8em solid transparent;
	bottom:0;
	right:0;
}
.m-tabs4 .nav-tabs1>li a{
	font-size:0.76rem;
	padding:0.15rem 1rem 0.15rem 1.2rem;
	letter-spacing:0.3rem;
	margin-right:0;
}
.m-tabs4 .nav-tabs1>li.active:hover a,
.m-tabs4 .nav-tabs1>li.active:focus a,
.m-tabs4 .nav-tabs1>li.active a {
	background:rgba(101,255,248,0.4);
	border:none;
}
.m-tabs4 .nav-tabs1>li.active a:after {
	display:none;
}
.m-tabs4 .nav-tabs1 li.active:hover,
.m-tabs4 .nav-tabs1 li.active:focus,
.m-tabs4 .nav-tabs1 li:hover ,
.m-tabs4 .nav-tabs1 li:focus {
	border:1px solid #65fff8;
}
.m-tabs4 .nav-tabs1 li a:hover,
.m-tabs4 .nav-tabs1 li a:focus,
.m-tabs4 .nav-tabs1 li.active a:hover,
.m-tabs4 .nav-tabs1 li.active a:focus  {
	color:#65fff8;
	border:none;
	background:rgba(101,255,248,0.4);
}
.m-tabs4>.tab-content {
	padding:0;
}


/*列表展示*/
.m-list1 {
	display:block;
	height:100%;
	margin-right:0.5rem;
	padding:0;
	overflow-y:auto;
	box-sizing:border-box;
	margin:0;
}
  .m-list1 li {
	  border:none;
	  color:#fff;
	  background:none;
	  padding:0.3rem;
	  font-size:0.46rem;

  }
  .m-list1 li:hover {
	  background:rgba(0, 169,228,0.2);
  }

  .m-list1 li h4.list-group-item-heading {
	  font-size:0.53rem;
	  font-weight:600;
	  white-space:nowrap;
	  overflow:hidden;
	  text-overflow:ellipsis;
  }
  .m-list1 li h4.list-group-item-heading span {
	  padding-right: 0.5em;
  }
  .m-list1 li a {
	  color:#fff;
  }
  .m-list1 li p.list-group-item-text {
	  width:100%;
	  font-size:0.46rem;
	  font-weight:lighter;
	  white-space: normal;
	  overflow:hidden;
  }
  .m-list1 li p.list-group-item-text .label {
	  white-space: normal;
	  font-weight:lighter;
  }

  .m-list1 li p.list-group-item-text .fa {
	  position:relative;
	  top:-0.1rem;
	  margin-right:0.1rem;
	  width:0.23rem;
	  height:0.23rem;
	  border-radius:50%;
	  background:#fff;
	  overflow: hidden;
  }
  .m-list1 li span.label-default {
	  background:none;
  }
  .m-list1 li span.label-default a {
	  margin-left:5px;
  }


/*列表展示2*/
.m-list2 {
    display:block;
    height:100%;
    overflow-y:auto;
    box-sizing:border-box;
    margin:0;
	padding:0.2rem 0;
    color: #fff;
}
.m-list2 li {
    border:none;
    border-radius: 0;
    color:#fff;
    background: none;
	padding:0.3rem 0.3rem;
	font-size:0.46rem;
    margin-left: 0;
	margin-top:0;
	overflow:hidden;
}
.m-list2 li.list-group-item:after {
}
.m-list2 li:hover {
	background:rgba(0, 169,228,0.2);
}
.m-list2 li a {
    color: #fff;
	overflow:hidden;
}
.m-list2 li .media-left {
}
.m-list2 li .media-left  img{
	width:1.46rem;
	height:1.46rem;
}

.m-list2 li .media-body h5.media-heading {
	  font-size:0.55rem;
	  font-weight:bolder;
}
.m-list2 li h4 .glyphicon {
	padding:0 10px;
	/*color:;*/
}
.m-list2 li h4.list-group-item-heading {
	font-size:0.61rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	float:left;
}
  .m-list2 li p.list-group-item-text {
	  font-size:0.46rem;
	  font-weight:lighter;
	  float:right;
  }
  .m-list2 li .media-body a.list-group-item-text {
	  white-space:nowrap;
	  text-overflow:ellipsis;
  }

  .m-list2 li span.label-default {
	  background:none;
  }
  .m-list2 li span.label-default a {
	  margin-left:5px;
  }


/*列表展示3*/
.m-table2 .tb-head{
	position:absolute;
	left:0;
	padding:0 0.4rem;
}
.m-list3 {
    display:block;
    height:100%;
    box-sizing:border-box;
    margin:0;
    color: #fff;
	padding-top:1rem;
}
.m-list3 ul {
    height:100%;
	padding-left:20px;
    overflow-y:auto;
}

.m-list3 li {
    border:none;
    border-radius: 0;
    line-height: 1.34rem;
    color:#fff;
    background: none;
    padding:0 ;
	margin:0.35rem auto;
	font-size:0.5rem;
	list-style-type:decimal;
	display:list-item;
	text-align:center;
}
.m-list3 li:hover {
    background:rgba(10,101,177,0.6);
}
.m-list3 li a {
    color: #fff;
	font-size:0.5rem;
}
.m-list3 li h4 {
    background: rgba(94,94,94,0.5);
    color: #fff;
	font-size:0.5rem;
    line-height: 1.34rem;
    padding: 0 0.4rem;
}
  .m-list3 li h4 a {
      color: #fff;
      font-size: 0.69rem;
  }
  .m-list3 li h4 span {
      font-weight: bold;
      padding: 0 0.8rem 0 0.2rem;
  }
  .m-list3 li .title {
	  text-align:left;
  }
  /*.m-list3 li .list-group-item-text {
      box-sizing: border-box;
      line-height: 0.3rem;
  }
  .m-list3 li .list-group-item-text span {
      padding:0;
      line-height: 1rem;
  }*/
  /*头像*/
  .m-list3 li span.img {
	  margin-right:0.2rem;
	  overflow:hidden;
  }
  .m-list3 li span.img img {
	  width:1.34rem;
	  height:1.34rem;
	  border-radius:50%;
  }

/*列表展示2*/
.m-list5 {
    display:block;
    height:100%;
    overflow-y:auto;
    box-sizing:border-box;
    margin:0;
	padding:0.2rem 0;
    color: #fff;
}
.m-list5 li {
    border:none;
    border-radius: 0;
    color:#fff;
    background: none;
	padding:0.3rem 0.3rem;
	font-size:0.46rem;
    margin-left: 0;
	margin-top:0;
	overflow:hidden;
}
.m-list5 li.list-group-item:after {
}
.m-list5 li:hover {
	background:rgba(0, 169,228,0.2);
}
.m-list5 li a {
    color: #fff;
	overflow:hidden;
}
.m-list5 li .media-left {
	padding-right:20px;
}
.m-list5 li .media-left  img{
	width:2.69rem;
	height:auto;
	border-radius:0 6px 0 0;
}

.m-list5 li .media-body h4.media-heading {
	  font-size:0.7rem;
	  font-weight:bolder;
}
.m-list5 li h5 {
	margin:0;
	line-height:1.3;
}
.m-list5 li h5 span{
	color:#47f6ff;
	padding-right:0.2rem;
}
.m-list5 li h5 span img {
	width:0.6rem;
}

/*地区选择
.navbar-add {
    background:rgba(0,0,0,0.5);
    border: none;
    margin: 0;
    font-size:0.61rem;
    color: #65fff8;
}
.navbar-add a {
    padding: 0.46rem ;
}

.navbar-add .navbar-header,
.navbar-add .navbar-collapse {
}
.navbar-add .navbar-header a,
.navbar-add .navbar-collapse a,
.navbar-add .navbar-collapse ul li,
.navbar-add .navbar-collapse ul li a {
    color: rgba(101,255,248,0.9);
}
.navbar-add .navbar-collapse ul li {
    position: static;

}
.navbar-add .navbar-collapse ul li a {
    padding: 0.46rem ;
}
.navbar-add .navbar-collapse ul li.active a{
    background: rgba(255,255,255,0.2);
    color: #65fff8;
}
.navbar-add .navbar-collapse ul li a:hover,
.navbar-add .navbar-collapse ul li a:focus,
.navbar-add .navbar-collapse ul li.active a:hover,
.navbar-add .navbar-collapse ul li.active a:focus,
.navbar-add .navbar-nav > .open > a,
.navbar-add .navbar-nav > .open > a:hover,
.navbar-add .navbar-nav > .open > a:focus{
    background: rgba(255,255,255,0.3);
    color: #65fff8;
}
.navbar-add .navbar-nav > li > .dropdown-menu {
    position: absolute;
    top: 55%;
    padding:0 0 0 30px;
    width: 100%;
    background: rgba(255,255,255,0.5);
    color: #65fff8;
    overflow: hidden;
}
.navbar-add .navbar-nav > li > .dropdown-menu li {
    float: left;
    padding: 0;
}*/

/*内容框背景色*/
.s-ct-bg{
    background:rgba(0,169,228,0.4);
    border-radius:0.5rem;
    padding: 0.4rem;
    box-shadow:inset 0 0 2rem #00a9e4;
    overflow:hidden;
}
/*内容框背景色2*/
.s-ct-bg21,
.s-ct-bg22{
    background-color:rgba(0,58,134,0.4);
    /*box-shadow:inset 0 0 2rem #00a9e4;*/
    box-sizing: border-box;
}
.s-ct-bg21 {
    position: relative;
    border-style: solid;
    border-color: rgba(101,255,248,0.5);
    border-width: 0 0 1px 1px;
}
/*边框*/
.s-ct-bg21:before,
.s-ct-bg21:after,
.s-ct-bg22:before,
.s-ct-bg22:after {
    position: absolute;
    display: block;
    content: " ";
}
.s-ct-bg21:before {
    top: 0;
    left: 0;
    width: 0.84rem;
    height: 0.84rem;
    border-style: solid;
    border-color: rgba(101,255,248,0.5);
    border-width: 0.19rem 0 0  0.19rem;
}
.s-ct-bg21:after {
    bottom: 0;
    left: 0;
    width: 3.76rem;
    height: 0.19rem;
    background-color: rgba(101,255,248,0.5);

}
.s-ct-bg21 .corner-1 {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    bottom: 0.3rem;
    z-index: 10;
    width: 0.23rem;
    height: 0.23rem;
    background-color: #65fff8;
}
.s-ct-bg22 {
    background-clip: content-box;
}
.s-ct-bg22:before {
    top:0;
    right: 1.5rem;
    width: 3rem;
    border-top:1px solid  rgba(101,255,248,0.5);
}
.s-ct-bg22:after {
    top:1rem;
    right: 0.56rem;
    height: 1.34rem;
    border-right:1px solid  rgba(101,255,248,0.5);
}
.s-ct-bg22 .corner-1 {
    position: absolute;
    top: -0.6rem;
    right: 0;
    z-index: 10;
    width: 1.3rem;
    height: 1.3rem;
    background: url("images/corner-bg1.png") no-repeat center;
}
/*表格样式*/
.m-table {
	position:relative;
	height:100%;
}
.m-table .table {
	margin:0;
}
.td-head {
	position:absolute;
	width:100%;
	padding:0 0.76rem;
	height:1.4rem;
	box-sizing:border-box;
}
/*表格内容部分*/
.td-body{
	height:100%;
	padding-top:1.4rem;
	box-sizing:border-box;
}
.td-body .s-ct-bg {
	padding:0.76rem;
	box-sizing:border-box;
}
.td-body .m-wrap{
	overflow-y:auto;
}

.table-hover {
	table-layout:fixed;
	/*height:100%;*/
	overflow:hidden;
}
.table-hover tr {
	border:none;
	border-collapse:collapse;
	max-height:1.6rem;
	overflow:hidden;
}
.table-hover tr th {
	text-align:center;
	background:rgba(171,171,171,0.5);
}
/*表格标题部分*/
.table>thead > tr > th,
.table>thead > tr > td {
	font-size:0.53rem;
	background-color: transparent ;
	color:#fff;
}
.table > tbody > tr > th,
.table > tbody > tr > td{
}
.table > thead > tr > th,
.table > thead > tr > td {
	border:none;
}
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > tbody .str_wrap {
	border:none;
	line-height:0.76rem;
	padding:0.5rem 0.2rem;
	vertical-align:middle;
}
  .table-hover thead tr th {
	  padding:0.4rem 0;
  }
  .table-hover tr:hover {
	  background-color: rgba(171,171,171,0.4);
  }

  .table-hover tr th,
  .table-hover tr td {
	  color:#fff;
	  text-align:center;
	  vertical-align:middle;
	  overflow:hidden;
  }
  /*.table-hover tr th[class*="col-"],
  .table-hover tr td[class*="col-"] {
	  float:left;
  }*/
  .table-hover tr td:nth-child(2) {
  }
  .table-hover tr td {
	  font-size:0.61rem;
	  white-space:nowrap;
	  text-align:left;
  }
  .table-hover tr td a {
	  color:#fff;
	  display: block;
	  width:100%;
	  max-height:2.3rem;
	  overflow:hidden;
	  text-overflow:ellipsis;
	  white-space:nowrap;
  }
  /*奇数*/
  .table-hover tbody tr:nth-child(odd) {
	  background:none;
  }
  .table-hover tbody tr:nth-child(odd) td,
  .table-hover tbody tr:nth-child(odd) a {
	  color:#fff;
  }
  /*偶数*/
  .table-hover tbody tr:nth-child(even) {
	  border-collapse: separate;
	  background-color: transparent;/*rgba(10,101,177,0.4);*/
	  background-size:100% auto;
  }
  .table-hover tbody tr:nth-child(even) td,
  .table-hover tbody tr:nth-child(even) a {
	  color:#65fff8;
  }

/*表格样式*/
.m-table2 {
	position:relative;
	height:100%;
	overflow-y:auto;
}
.m-table2 .table {
	margin:0;
}
.m-table2 .td-head {
	position:absolute;
	width:100%;
	padding:0 0.76rem;
	height:1.4rem;
	box-sizing:border-box;
}
/*表格内容部分*/
.m-table2 .td-body{
	height:100%;
	padding-top:1.4rem;
	box-sizing:border-box;
}
.m-table2 .td-body .s-ct-bg {
	padding:0.76rem;
	box-sizing:border-box;
}
.m-table2 .td-body .m-wrap{
	overflow-y:auto;
}

.m-table2 .table-hover {
	table-layout:fixed;
}
.m-table2 .table-hover tr {
	border:none;
	border-collapse:collapse;
	max-height:1.6rem;
	overflow:hidden;
}
.m-table2 .table-hover tr:hover{
	background:none;
}
.m-table2 .table-hover tr th {
	text-align:center;
	background:rgba(171,171,171,0.5);
}
/*表格标题部分*/
.m-table2 .table>thead > tr > th,
.m-table2 .table>thead > tr > td {
	font-size:0.53rem;
	padding:0.2rem 0;
	background-color: transparent ;
	color:#fff;
}

.table > thead > tr > th,
.table > thead > tr > td {
	border:none;
}
.m-table2 .table > tbody > tr > th,
.m-table2 .table > tfoot > tr > th,
.m-table2 .table > tbody > tr > td,
.m-table2 .table > tfoot > tr > td {
	border:none;
	line-height:0.76rem;
	padding:0.2rem 0;
	vertical-align:middle;
	text-align:center;
}
  .table-hover thead tr th {
	  padding:0.5rem 0;
  }
  .table-hover tr:hover {
	  background-color: rgba(171,171,171,0.4);
  }

  .table-hover tr th,
  .table-hover tr td {
	  color:#fff;
	  text-align:center;
	  vertical-align:middle;
	  overflow:hidden;
  }
  .m-table2 .table-hover tr td.title {
	  text-align:left;
  }
  .m-table2 .table-hover tr td.title img {
	  width:1.34rem;
	  height:1.34rem;
	  border-radius:50%;
	  margin-right:0.2rem;
  }
  .table-hover tr td:nth-child(2) {
  }
  .table-hover tr td {
	  font-size:0.5rem;
	  white-space:nowrap;
	  text-align:left;
  }
  .m-table2 .table-hover tr td a {
	  display:inline;
	  color:#fff;
	  max-height:2.3rem;
	  overflow:hidden;
	  text-overflow:ellipsis;
	  white-space:nowrap;
  }
  /*奇数*/
  .table-hover tbody tr:nth-child(odd) {
	  background:none;
  }
  .table-hover tbody tr:nth-child(odd) td,
  .table-hover tbody tr:nth-child(odd) a {
	  color:#fff;
  }
  /*偶数*/
  .table-hover tbody tr:nth-child(even) {
	  border-collapse: separate;
	  background-color: transparent;/*rgba(10,101,177,0.4);*/
	  background-size:100% auto;
  }
  .table-hover tbody tr:nth-child(even) td,
  .table-hover tbody tr:nth-child(even) a {
	  color:#65fff8;
  }

  /*告警监控table*/
  .m-table3 .table-hover tr td:nth-child(2),
  .m-table3 .table-hover tr td:last-child {
	  text-align: center;
  }

/************************左侧固定菜单************************/
.sidebar {
	width:60%;
}
/*
.sidebar .form-inline {
	height:1.6rem;
	color:#fff;
}
.sidebar .form-inline .form-control {
	width:50%;
	height:1.6rem;
	box-sizing:border-box;
	border:2px solid #65fff8;
	position: relative;
	padding:2px 0 2px 2px;
	background: transparent;
	color: #65fff8;
	font-size: 0.46rem;
}
  .sidebar  .form-control option {
    background:rgba(101,255,248,0.2);
    border-color: rgba(101,255,248,0.8);
    color: #000;
    line-height: 1rem;
  }
*/
.sidebar-menu {
	width:100%;
	list-style: none;
	margin: 0;
	padding:0;
	list-style: none;
	box-sizing:border-box;
	background-color: transparent;
}
.sidebar-menu > li {
	position: relative;
	margin:1rem auto;
	padding: 0;
	font-size:0.53rem;
	display:block;
	background-color:transparent;
	text-align:center;
	overflow:visible;
}
.sidebar-menu > li>a:before {
	left:0;
	bottom: 2px;
	position: absolute;
	background-color: #65fff8;
	content: '';
	-moz-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
	-moz-transform-origin:0% 0%;
	-webkit-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
	-webkit-transform-origin:0% 0%;
	-o-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
	-o-transform-origin:0% 0%;
	transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
	transform-origin:0% 0%;
	width: 0.2rem;
	height: 1.2rem;
	-webkit-transition: width 0.2s ease-in;
	transition: width 0.2s ease-in;
	border-radius:0 0 0.5rem 0.2rem;
}
.sidebar-menu > li > a {
	padding: 0.73rem;
	position:relative;
	display: block;
	color: #fff;
	border:1px solid #65fff8;
	border-radius:4px;
	background:rgba(0,169,228,0.4);
	box-shadow:inset -10px 2px 1rem rgba(0,169,228,0.9);
}
.sidebar-menu > li > a,
.sidebar .sidebar-menu > li .dropdown-menu> ul >li a{
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.sidebar-menu  li a.active,
.sidebar-menu  li a:hover,
.sidebar .sidebar-menu > li .dropdown-menu> ul >li a.active,
.sidebar .sidebar-menu > li .dropdown-menu> ul >li a:hover{
	background: rgba(101,255,248,0.6);
	color:#65fff8;
	text-decoration: none;
    box-shadow: 0 0 0.8rem #09f4ff;
}
.sidebar .sidebar-menu > li .dropdown-menu {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position:absolute;
	height:0;
	min-width:100%;
	background:none;
	text-align:center;
	margin-left:0.3rem;
}
.sidebar .sidebar-menu > li.open .dropdown-menu {
	height:450%;
	padding-top:1.2rem;
	margin-top:0;
	overflow:hidden;
}
.sidebar .sidebar-menu > li.open .dropdown-menu ul {
	overflow-y:auto;
	padding:0;
	list-style:none;
	height:100%;
}
.sidebar .sidebar-menu > li.open .dropdown-menu:before {
	width:0;
	border-left:1px solid #65fff8;
	display:block;
	position:absolute;
	content:"";
	top:0;
	height:0.6rem;

}
.sidebar .sidebar-menu > li.open .dropdown-menu:after {
	width:100%;
	border-left:1px solid #65fff8;
	border-bottom:1px solid #65fff8;
	display:block;
	position:absolute;
	content:"";
	top:0.6rem;
	height:0.6rem;
	-moz-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(45deg,0deg);
	-moz-transform-origin:0% 0%;
	-webkit-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(45deg,0deg);
	-webkit-transform-origin:0% 0%;
	-o-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(45deg,0deg);
	-o-transform-origin:0% 0%;
	transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(45deg,0deg);transform-origin:0% 0%
}
.sidebar .sidebar-menu > li .dropdown-menu> ul >li {
	margin:0.3rem auto;
}
.sidebar .sidebar-menu > li .dropdown-menu> ul >li a{
	padding:0.2rem  0.73rem;
	margin:0 0.3rem 0 0.1rem;
	position:relative;
	display: block;
	font-size:0.4rem;
	color: #fff;
	border:1px solid #65fff8;
	border-radius:4px;
	background:rgba(0,169,228,0.4);
	box-shadow:inset -10px 2px 1rem rgba(0,169,228,0.9);
}
/*.sidebar-menu > li.dropdown:last-child > a{
	border-bottom:0;
}*/


/************************************************************/
/*滑动条样式*/
  .m-list1::-webkit-scrollbar,
  .m-list2::-webkit-scrollbar,
  .m-list3 ul::-webkit-scrollbar,
  .m-table::-webkit-scrollbar,
  .m-table2::-webkit-scrollbar,
  .sidebar-menu::-webkit-scrollbar,
  .sidebar .sidebar-menu > li.dropdown .dropdown-menu>ul::-webkit-scrollbar,
  .td-body .m-wrap::-webkit-scrollbar{
	  width: 0.34rem;
  } /* 这是针对缺省样式 (必须的) */

  .modal-box1 .modal-content .modal-body .m-list4::-webkit-scrollbar,
  .m-list5::-webkit-scrollbar,
  .dropdown-menu .list-group::-webkit-scrollbar {
	  width: 0.2rem;
  }

  .sidebar-menu::-webkit-scrollbar-track,
  .sidebar .sidebar-menu > li.dropdown .dropdown-menu>ul::-webkit-scrollbar-track{
	  background-color:rgba(101, 255, 248, 0.2);
  }
  .m-list1::-webkit-scrollbar-track,
  .m-list2::-webkit-scrollbar-track,
  .m-list3 ul::-webkit-scrollbar-track,
  .m-table::-webkit-scrollbar-track,
  .m-table2::-webkit-scrollbar-track,
  .td-body .m-wrap::-webkit-scrollbar-track,
  .modal-box1 .modal-content .modal-body .m-list4::-webkit-scrollbar-track,
  .m-list5::-webkit-scrollbar-track,
  .dropdown-menu .list-group::-webkit-scrollbar-track{
	  background-color:rgba(33, 46, 93, 0.5);
  }
  /* 滚动条的滑轨背景颜色 */

  .m-list1::-webkit-scrollbar-thumb,
  .m-list2::-webkit-scrollbar-thumb,
  .m-list3 ul::-webkit-scrollbar-thumb,
  .m-table::-webkit-scrollbar-thumb,
  .m-table2::-webkit-scrollbar-thumb,
  .sidebar-menu::-webkit-scrollbar-thumb,
  .sidebar .sidebar-menu > li.dropdown .dropdown-menu>ul::-webkit-scrollbar-thumb,
  .td-body .m-wrap::-webkit-scrollbar-thumb,
  .modal-box1 .modal-content .modal-body .m-list4::-webkit-scrollbar-thumb,
  .m-list5::-webkit-scrollbar-thumb,
  .dropdown-menu .list-group::-webkit-scrollbar-thumb{
		background-color: rgba(101, 255, 248, 0.7);
  } /* 滑块颜色 */

  .m-list1::-webkit-scrollbar-button,
  .m-list2::-webkit-scrollbar-button,
  .m-list3 ul::-webkit-scrollbar-button,
  .m-table::-webkit-scrollbar-button,
  .m-table2::-webkit-scrollbar-button,
  .sidebar-menu::-webkit-scrollbar-button,
  .sidebar .sidebar-menu > li.dropdown .dropdown-menu>ul::-webkit-scrollbar-button,
  .td-body .m-wrap::-webkit-scrollbar-button,
  .modal-box1 .modal-content .modal-body .m-list4::-webkit-scrollbar-button,
  .m-list5::-webkit-scrollbar-button,
  .dropdown-menu .list-group::-webkit-scrollbar-button{
		background-color: #65fff8;
		height:0.34rem;
  } /* 滑轨两头的监听按钮颜色 */

  .m-list1::-webkit-scrollbar-corner,
  .m-list2::-webkit-scrollbar-corner,
  .m-list3 ul::-webkit-scrollbar-corner,
  .m-table::-webkit-scrollbar-corner,
  .m-table2::-webkit-scrollbar-corner,
  .sidebar-menu::-webkit-scrollbar-corner,
  .sidebar .sidebar-menu > li.dropdown .dropdown-menu>ul::-webkit-scrollbar-corner,
  .td-body .m-wrap::-webkit-scrollbar-corner,
  .modal-box1 .modal-content .modal-body .m-list4::-webkit-scrollbar-corner,
  .m-list5::-webkit-scrollbar-corner,
  .dropdown-menu .list-group::-webkit-scrollbar-corner{
		background-color: black;
  } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

/*********************************************************/
/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 0;
  overflow:visible;
}
#wrapper.toggled {
  padding-left:0;
}

/*显示效果*/
#wrapper.toggled #sidebar-wrapper {
  width: 3.4rem;
  margin-bottom: 0;
  top: auto;
  bottom:18px;
  overflow: visible;

}
#wrapper.toggled #page-content-wrapper {
  margin-right: -3.4rem;
  position: absolute;
}
/*隐藏效果 */
#sidebar-wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  /*background: rgba(10,101,177,0.6);*/
  background-color:transparent;
  left:5.13rem;
  top: auto;
  bottom:18px;
  border:none;
  margin-bottom: 0;
  transition: all 0.5s ease;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  width: 3.4rem;
  height:auto; /*92.6%;*/
}
#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}
#page-content-wrapper {
   width: 100%;
}
/*-------------------------------*/
/*    侧导航栏 内部文字    */
/*-------------------------------*/
.sidebar-nav {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 0;
  width: 3.4rem;
  margin-left:-4rem;
}

#wrapper.toggled .sidebar-nav {
  margin-left:0;
}
.sidebar-nav>li,
.sidebar-nav li{
  /*display: inline-block;*/
  display: block;
  position: relative;
  font-size:0.53rem;
  height: 1.2rem;
  line-height: 1.2rem;
  border-radius:4px;
}
.sidebar-nav>li {
  margin:0.8rem 0 ;
  padding-left:1.1rem;
  overflow:hidden;
  text-align:center;
}
.sidebar-nav>li:before {
  left:1.1rem;
  bottom: 4px;
  position: absolute;
  background-color: #65fff8;
  content: '';
  -moz-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
  -moz-transform-origin:0% 0%;
  -webkit-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
  -webkit-transform-origin:0% 0%;
  -o-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
  -o-transform-origin:0% 0%;
  transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
  transform-origin:0% 0%;
  width: 0.2rem;
  height: 60%;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  z-index: -1;
  border-radius:0 0 4px 4px;
}
.sidebar-nav>li>a:after {
	left:-0.6rem;
	top: 50%;
    content: '';
	position: absolute;
	width:0.6rem;
	height:0;
	border-top:1px solid #65fff8;
}
/*.sidebar-nav li:first-child a {
  background-color: #0a65b1;
  color: #ffffff;
}
.sidebar-nav li:nth-child(2):before {
  background-color: #402d5c;
}
.sidebar-nav li:nth-child(3):before {
  background-color: #4c366d;
}
.sidebar-nav li:nth-child(4):before {
  background-color: #583e7e;
}
.sidebar-nav li:nth-child(5):before {
  background-color: #64468f;
}
.sidebar-nav li:nth-child(6):before {
  background-color: #704fa0;
}
.sidebar-nav li:nth-child(7):before {
  background-color: #7c5aae;
}
.sidebar-nav li:nth-child(8):before {
  background-color: #8a6cb6;
}
.sidebar-nav li:nth-child(9):before {
  background-color: #987dbf;
}*/
/*.sidebar-nav li:hover:before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  box-shadow:0 0 4px #65fff8;
}*/
/*内容文字*/
.sidebar-nav li a {
  padding: 0 0.6em;
  box-sizing:border-box;
  text-decoration: none;
  font-size:0.53rem;
  height: 1.2rem;
  line-height: 1.2rem;
  border:1px solid #65fff8;
  border-radius:4px;
  background-color: rgba(0,169,228,0.4);
  box-shadow:inset -10px 2px 1rem rgba(0,169,228,0.9);
  color:rgba(255,255,255,0.9);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*.sidebar-nav li.open:hover :before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}*/
.sidebar-nav li a.active,
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
  background-color: rgba(101,255,248,0.5);
  color:#65fff8;
  text-decoration: none;
  box-shadow:0 0 4px #65fff8;
}
/*.nav>li>a:hover,*/
/*.nav>li>a:active,*/
/*.nav>li>a:focus,*/
/*.nav>li.open>a:hover,*/
/*.nav>li.open>a:active,*/
/*.nav>li.open>a:focus {*/
  /*background-color: rgba(101,255,248,0.5);*/
  /*color:#65fff8;*/
  /*text-decoration: none;*/
  /*box-shadow:0 0 4px #65fff8;*/
/*}*/

/*二级隐藏菜单*/

.sidebar-nav >li > .dropdown-menu {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display:block;
  position: absolute;
  background-color: transparent;
  border-radius: 0;
  border:none;
  box-shadow: none;
  padding: 0;
  width:0;
  left:100%;
  top:auto;
  bottom:0;
  margin-left:0;
  overflow:hidden;
}
.sidebar-nav>li> .dropdown-menu:before,
.sidebar-nav>li> .dropdown-menu:after {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*横线*/
.sidebar-nav>li> .dropdown-menu:before {
	left:-0.6rem;
	bottom:0.6rem;
    content: '';
	position: absolute;
	width:0.6rem;
	height:0;
	border-top:1px solid #65fff8;
}
/*竖线*/
.sidebar-nav>li> .dropdown-menu:after {
	display:block;
	left:0;
	top: 0;
    content: '';
	position: absolute;
	width:0;
	height:100%;
	border-right:1px solid #65fff8;
}
.sidebar-nav>li.open {
	overflow:visible;
}
.sidebar-nav>li.open > .dropdown-menu {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display:block;
	width:auto;
	padding:0 0.5rem ;
    margin-left:0;
}
/*横线*/
.sidebar-nav>li.open> .dropdown-menu:before {
	left:1px;
}
/*竖线*/
.sidebar-nav>li.open> .dropdown-menu:after {
	left:0.6rem;
}

.sidebar-nav ul.dropdown-menu li {
	margin-top:0.5rem;
	margin-left:0.5rem;
	height:0.93rem;
	line-height:0.93rem;
}
.sidebar-nav ul.dropdown-menu li:before {
  left:0;
  bottom:4px;
  position: absolute;
  background-color: #65fff8;
  content: '';
  -moz-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
  -moz-transform-origin:0% 0%;
  -webkit-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
  -webkit-transform-origin:0% 0%;
  -o-transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
  -o-transform-origin:0% 0%;
  transform:rotate(0deg) scale(1.00,1.00) translate(0px,0px) skew(0deg,45deg);
  transform-origin:0% 0%;
  width: 0.2rem;
  height: 60%;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  z-index: -1;
  border-radius:0 0 6px 4px;
}
.sidebar-nav ul.dropdown-menu > li > a {
	display:inline-block;
	padding: 0 0.5rem;
	box-sizing:border-box;
	text-decoration: none;
	font-size:0.46rem;
	height: 100%;
	line-height: 0.93rem;
	border:1px solid #65fff8;
	border-radius:4px;
	background-color:transparent;
	box-shadow: none;
	/*background-color: rgba(0,169,228,0.4);
	box-shadow:inset -10px 2px 1rem rgba(0,169,228,0.9);*/
	color:rgba(255,255,255,0.9);
}
.sidebar-nav ul.dropdown-menu > li > a:hover {
  background-color: rgba(101,255,248,0.5);
  color:#65fff8;
  text-decoration: none;
  box-shadow:0 0 4px #65fff8;
}
.sidebar-nav ul.dropdown-menu li:first-child {
	margin-top:0;
}


/*滚动内容列表*/
.str_wrap {
	background-color: transparent;
	overflow:hidden;
}

.str_wrap.str_active {
	background-color: transparent;
}

/*坐席模拟页面*/
.g-box-seat {
}
/*坐席类型选择*/
.seat-tab {
	margin:10px auto;
}
/*坐席图例*/
.seat-legend {
}

  .seat-legend li {
	  float:left;
	  width:0.69rem;
	  height:0.69rem;
	  font-size:0.4rem;
	  color:#fff;
	  text-align:center;
	  line-height:0.69rem;
	  border-radius:50% 50% 0 50%;
	  margin:0 0.5em;
  }
  /*值班*/
  .seat-legend li.style1 {
	  background:#ff201b;
  }
  /*夜班*/
  .seat-legend li.style2 {
	  background:#375bc3;
  }
  /*外勤*/
  .seat-legend li.style3 {
	  background:#69a3b9;
  }
  /*休假*/
  .seat-legend li.style4 {
	  background:#98a4af;
  }

.g-box-seat .tab{
}

/*单人弹窗样式*/
.modal-box1 .modal-content {
	background-color:transparent;
	box-shadow:none;
	color:#fff;
    border: none;
}
.modal-box1 .modal-content a {
	color:#fff;
}
  /*弹窗高度定位*/
  .modal-box1 .modal-dialog {
	  margin-top:5%;
      width: 23rem;
  }
  .modal-box1 .modal-header {
	  border:none;
	  position: relative;
      padding: 0;
  }
  .modal-box1 .modal-header .media {
      margin-left: -0.5rem;
  }
  /*头像图片定位*/
  .modal-box1 .modal-header .media-left {
      margin-right: 10px;
      padding: 3px 3px 0.25rem 1.45rem;
      background: url(images/modal-header-bg.png) right top no-repeat;
      background-size: auto 100%;
      margin-left: -0.5rem;
  }
  /*右侧文字定位*/
  .modal-box1 .modal-header .media-body {
      padding-left: 10px;
      color: #fff;
  }

  .modal-box1 .modal-header .media-body h4.media-heading {
      color: #fff;
      font-size:0.8rem;
  }
  .modal-box1 .modal-header .media-body i.glyphicon {
      margin-left: -0.5em;
      color:#65fff8;
      font-weight:bolder;
  }
  .modal-box1 .modal-header .media-body i.glyphicon:first-child{
      margin: 0 0 0 0.5em ;
  }
  /*关闭按钮*/
  .modal-box1 .modal-header .close {
	  opacity:8;
      margin-top: -15px;
  }
  .modal-box1 .modal-header .close{
	  color:#fff;
	  font-weight: lighter;
	  font-size:40px;
      opacity: 0.8;
  }
  .modal-box1 .modal-header .close:hover,
  .modal-box1 .modal-header .close:focus {
      opacity: 1;
  }

  .modal-box1 .modal-header .media-object{
	  width:3rem;
      height: 3rem;
  }
  .modal-box1 .modal-header .notes1,
  .modal-box1 .modal-header .notes2,
  .modal-box1 .modal-header .notes3,
  .modal-box1 .modal-header .notes4 {
	  position:absolute;
	  width:2rem;
	  height:2rem;
	  z-index:10;
	  margin:0;
	  right:0;
	  bottom:0;
	  text-align:center;
	  line-height:2rem;
	  border-radius:50% 50% 0 50%;
	  font-size:0.8rem;
      color: #fff;
  }
  .modal-box1 .modal-header .notes1 {
	  background-color:#ff201b;
  }
  .modal-box1 .modal-header .notes2 {
	  background-color:#375bc3;
  }
  .modal-box1 .modal-header .notes3 {
	  background-color:#69a3b9;
  }
  .modal-box1 .modal-header .notes4 {
	  background-color:#98a4af;
  }
  .modal-box1 .modal-content .modal-body {
      /*background-color:#0076b0;*/
      position: relative;
	  border:none;
      background: url(images/modal-body-bg.png) no-repeat top left;
      background-size: 100%;
      box-shadow: none;
      padding:0.42rem  1rem 2.3rem 1.53rem ;
  }

  .modal-box1 .modal-content .modal-body .media-list.m-list4 li.media {
      max-height: 2.07rem;
  }
.modal-box1 .modal-content .modal-body svg {
    position: relative;
    width: 100%;
    height: 11.84rem;
    z-index: 0;
}
.modal-box1 .modal-content .modal-body svg path {
    width: 100%;
}
  /*右侧隐藏菜单*/
  .modal-box1 .modal-body .modal-btn-ct {
	  position:absolute;
	  left:100%;
	  top:2rem;
	  /*width:1.8rem;*/
  }
    .modal-box1 .modal-body .modal-btn-ct .dropdown {
		display:block;
	}

  /*按钮*/
  .modal-box1 .modal-body .modal-btn-ct .btn {
	  float:left;
	  width:2rem;
	  padding:0.67rem 0.77rem 1rem 0.77rem;
	  white-space:normal;
	  font-size:0.46rem;
	  color:#fff;
	  opacity:0.8;
      line-height: 1;
      background: url(images/modal-btn-bg1.png) no-repeat top left;
      background-size: 100% auto;
      transform:;
  }
  /*打开划过效果*/
  .modal-box1 .modal-body .modal-btn-ct .btn:hover,
  .modal-box1 .modal-body .modal-btn-ct .btn:active,
  .modal-box1 .modal-body .modal-btn-ct .dropdown.open .btn {
	  color:#fff;
	  opacity:1;
      background: url(images/modal-btn-bg2.png) no-repeat top left;
      background-size: 100% auto;
  }
  .modal-box1 .modal-body .modal-btn-ct .dropdown {
      display: block;
      top: -0.4rem;
  }
  .modal-box1 .modal-body .modal-btn-ct .dropdown:first-child {
      top:0;
  }

  /*弹出菜单列表*/
  .modal-box1 .modal-body .modal-btn-ct .dropdown-menu {
	  float:left;
	  top:-2rem;
	  left:110%;
      width: 9.5rem;
      height: 19.8rem;
      background: url(images/modal-menu-bg.png) no-repeat left top;
      background-size: 100% auto;
      padding: 2rem 0;
      box-shadow: none;
  }
  .modal-box1 .modal-body .modal-btn-ct .dropdown-menu .list-group {
      margin-top: 5%;
      width: 84%;
      height:90%;
      overflow-y: auto;
  }
  .modal-box1 .modal-body .modal-btn-ct .list-group li {
      padding:5px 15px ;
      border: none;
      background: none;
  }
  .modal-box1 .modal-body .modal-btn-ct .list-group li a {
      padding: 0;
  }
  .modal-box1 .modal-body .modal-btn-ct .list-group li .list-group-item-heading {
      margin-top: 0;
  }
  .modal-box1 .modal-body .modal-btn-ct .list-group li a:hover,.modal-box1 .modal-body .modal-btn-ct .dropdown-menu li a:focus{
      background: none;
      font-weight: bolder;
      color: #fff;
  }
  /*内容部分报告完成度列表*/
  .modal-box1 .modal-content .modal-body .m-list4 {
	  height:10rem;
      padding-right:0.8rem;
      margin: 1.3rem 1.5rem;
	  overflow-y:auto;
  }
  /*坐席弹窗报告完成情况列表*/
  .m-list4 {
  }
  .m-list4 li.media .media-left {
	  position: relative;
	  width:2.07rem;
	  height:2.07rem;
	  box-sizing:content-box;
	  margin-right:1rem;
  }
  .m-list4 li.media .media-left img {
	  position: relative;
	  width:2.07rem;
	  height:auto;
	  vertical-align:top;
  }
  .m-list4 li.media .media-left h5 {
	  position:absolute;
	  z-index:10;
	  left:0;
	  width:2.07rem;
	  margin:0;
	  line-height:2.07rem;
	  text-align:center;
	  font-size:0.6rem;
	  color:#fff;
	  text-shadow:0 0 5px rgba(0,0,0,0.5);
  }
  .m-list4 li.media .media-body .media-heading{
	  font-size:0.6rem;
	  margin-top:0.1rem;
	  margin-bottom:0.2rem;
      color: #fff;
  }
  .m-list4 li.media .bar-style1,
  .m-list4 li.media .bar-style2,
  .m-list4 li.media .bar-style3,
  .m-list4 li.media .bar-style4 {
	  margin-top:0.4rem;
	  height:0.7rem;
	  background:rgba(0,41,86,0.8);
  }
  /*待完成*/
  .m-list4 li.media .bar-style1 {
	  border-left:2px solid #b7b7b7;
  }
  /*制作中*/
  .m-list4 li.media .bar-style2 .bar-inner {
	  height:100%;
	  background-color:#00b7ee;
  }
  /*完成*/
  .m-list4 li.media .bar-style3 .bar-inner {
	  height:100%;
	  background-color:#80c269;
  }

  /*超出*/
  .m-list4 li.media .bar-style4 .bar-inner {
	  height:100%;
	  background-color:#f29b76;
	  border-right:2px solid #ff201b;
  }


/*模拟坐席样式*/
.seat-list {
	position:relative;
	display:block;
	height:100%;
	width:100%;
	margin:0;
	padding:0.36rem;
}
.seat-list li {
	width:2.3rem;
	height:3.15rem;
	display:block;
	float:left;
	margin:0.2rem 0.15rem;
	font-size:0.46rem;
	color:#65fff8;
}
  .seat-list .thumbnail {
	  padding:0;
	  border-bottom-style:solid;
	  border-width:0 0 2px 0;
	  border-radius:4px 4px 0 0;
	  background:none;
	  overflow:hidden;
  }
  .seat-list .thumbnail a {
	  color:#65fff8;
  }

  .seat-list .thumbnail .img {
	  position:relative;
	  width:100%;
	  border-radius:4px;
	  padding:2px 2px 0 2px;
  }

  .seat-list .thumbnail .img h6 {
	  position:absolute;
	  bottom:0;
	  margin:0;
	  height:0.8rem;
      padding-left: 4px;
	  font-weight:bolder;
	  font-size:10px;
	  line-height:0.8rem;
      color: #65fff8;
	  filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
	  -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
	  background:#414141; /* 一些不支持背景渐变的浏览器 */
	  background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	  background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  }
  .seat-list .thumbnail img {
	  width:100%;
	  border-radius:3px;
  }
  .seat-list .thumbnail .caption {
	  padding:0;
	  text-align:center;
  }
  /*状态标签*/
  .seat-list .thumbnail .notes {
	  position:absolute;
	  margin:0;
	  padding:0;
	  width:0.84rem;
	  height:0.84rem;
	  border-radius:50% 50% 0 50%;
	  text-align:center;
	  line-height:0.84rem;
	  font-size:12px;
	  right:0;
	  bottom:0;
  }
  .seat-list .thumbnail h5 {
	  margin:4px auto;
	  padding-top:0.1rem;
	  padding-bottom:0.1rem;
	  color:#fff;
	  font-size:12px;
  }
  /*状态选择 上班*/
  .seat-list .state-1{
	  background-color:rgba(255,32,27,0.5);
	  border-color:#ff201b;
  }
  .seat-list .state-1 .notes {
	  background-color:#ff201b;
  }
  /*状态选择 夜班*/
  .seat-list .state-2{
	  background-color:rgba(55,91,195,0.5);
	  border-color:#375bc3;
  }
  .seat-list .state-2 .notes {
	  background-color:#375bc3;
  }
  /*状态选择 外勤*/
  .seat-list .state-3{
	  background-color:rgba(105,163,185,0.5);
	  border-color:#69a3b9;
  }
  .seat-list .state-3 .notes {
	  background-color:#69a3b9;
  }
  /*状态选择 休班*/
  .seat-list .state-4{
	  background-color:rgba(152,164,175,0.5);
	  border-color:#98a4af;
  }
  .seat-list .state-4 .notes {
	  background-color:#98a4af;
  }

  /*角*/
  .seat-list .state-1 .corner-leader-1,
  .seat-list .state-2 .corner-leader-1,
  .seat-list .state-3 .corner-leader-1,
  .seat-list .state-4 .corner-leader-1 {
	  position:absolute;
	  color:#001335;
	  z-index:10;
	  font-size:0.46rem;
  }
  .seat-list .state-1 .corner-leader-1 span,
  .seat-list .state-2 .corner-leader-1 span,
  .seat-list .state-3 .corner-leader-1 span,
  .seat-list .state-4 .corner-leader-1 span {
	  position:absolute;
	  z-index:5;
	  padding:0.1rem;
	  line-height:0.46rem;
  }
  .seat-list .state-1 .corner-leader-1:after,
  .seat-list .state-2 .corner-leader-1:after,
  .seat-list .state-3 .corner-leader-1:after,
  .seat-list .state-4 .corner-leader-1:after {
	  position:absolute;
	  top:0;
	  left:0;
	  content:'';
	  width: 0;
	  height: 0;
	  border-top: 1.15rem solid #65fff8;
	  border-right:1.15rem solid transparent;
	  z-index:1;
  }

/*坐席右上角内容*/
.seat-table {
    margin: 4% 6%;
    font-size: 0.58rem;
    color: #65fff8;
    table-layout: auto;
    height: 80%;
    width: 88%;
}
.seat-table tr td {
    height: 33%;
}
.seat-table tr td span{
    margin: 0 0 0 0.2rem;
    font-weight: bolder;
    font-size: 0.8rem;
}
.seat-table tr td label{
    font-weight: normal;
}
.seat-table tr td:nth-child(1){
    width: 12%;
    font-size:0.85rem;
}
.seat-table tr td:nth-child(2){
    width: 33%;
}
.seat-table tr td:nth-child(3){
    width: 55%;
}
.seat-list-r {
    font-size: 0.64rem;
    color: #65fff8;
}
.seat-list-r li{
    list-style: none;
}