@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(../fonts/hyk2gjm.eot); *//* IE9 Compat Modes */

  /*src:*/

	/*url(../fonts/hyk2gjm.eot) format('embedded-opentype'), *//* IE6-IE8 */

	/*url(../fonts/hyk2gjm.woff) format('woff'), *//* Modern Browsers */

	/*url(../fonts/hyk2gjm.ttf) format('truetype'), *//* Safari, Android, iOS */

	/*url(../fonts/hyk2gjm.svg#hyk2gjm) format('svg'); *//* Legacy iOS */

  /*font-weight: bolder ;*/

  /*font-style: normal;*/

/*}*/



/*@font-face {

	font-family:hyk2gjm;

	src: url("../fonts/hyk2gjm.ttf");

}

@font-face {

	font-family: 'hyk2gjm';

	src: url('../fonts/yourwebfontname.eot'); /* IE9 Compat Modes

	src:

	url('../fonts/yourwebfontname.eot') format('embedded-opentype'), /* IE6-IE8

	url('../fonts/yourwebfontname.woff') format('woff'), /* Modern Browsers

	url('../fonts/yourwebfontname.ttf') format('truetype'), /* Safari, Android, iOS

	url('../fonts/yourwebfontname.svg#yourwebfontname') 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;

}

/*.menu {*/
    /*width: 87%;*/
    /*height: 87%;*/
    /*!*background-color: blue;*!*/
    /*margin: 50px auto 0;*/
    /*font-size:0;*/
 /*}*/

/*.menu a{*/
    /*width:33%;*/
    /*height:48px;*/
    /*background-color: #fff;*/
    /*display: inline-block;*/
    /*!*border:1px solid gold;*!*/
    /*font-size:18px;*/
    /*margin-left: -1px;*/
    /*text-align: center;*/
    /*line-height: 48px;*/
    /*color: black;*/
    /*font-family: "Microsoft YaHei";*/
/*}*/
/*.menu a:hover{*/
    /*background-color: gold;*/
    /*color:#fff;*/

}