* {
    margin: 0;
    padding: 0;
    border: none;
}
/*覆盖bootstrap的代码*/
table > thead > tr > th, table > tbody > tr > td {
    text-align: center;
}

.table-bold tr td:nth-child(2n+1) {
    font-weight: bold;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}


/*表格title*/
.widget-box { 
    background: #fff;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid #e9edf0;
    border-radius: 8px;
}

.widget-header {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    color: #669fc7;
    border-bottom: 1px solid #e9edf0;
    margin: 0 20px;
}

.widget-header small {
    color: #333;
}


.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafafa;
}

.table-hover > tbody > tr:hover,.table-col tr:nth-child(2n+1):hover,.table-col tr:nth-child(2n):hover,.table-row tr:nth-child(2n+1):hover,.table-row tr:nth-child(2n):hover {
    background-color: #ebf4fe;
}


/*标题样式*/
h5 {
    line-height: 20px;
    padding: 0 10px;
    margin: 5px 0;
}

.title {
    font-size: 14px;
    line-height: 40px;
}
/*实时数据查询页面样式*/
.widget-wid{width: 100%;
    display: inline-block;
    margin-right: 0;}
.table-col tr td:nth-child(2n+1),.table-row thead tr:first-child th,.table-row tr:first-child td{background: #eee;
    font-weight: normal;}
.table-btn tr td:nth-child(2n+1){
    background: none;
}
.content {
    background: #f0f4ff;
}
.tab-pane p,.tab-content,.tab-pane,.row-baifen{width: 100%;
    height: 100%;}
.tab-bg{background: #fff;}
/*报警信息*/
.widget-main a {
    line-height: 26px;
}

.widget-main a b {
    color: #9d9d9e;
}

.widget-main a b:nth-child(2) {
    padding-left: 50px;
}

.widget-main a:hover, .widget-main a:hover b {
    color: #2594f0;
    text-decoration: underline;
}
/*图标*/
.glyphicon {
    margin-right: 5px;
    font-weight: 600;
}

.glyphicon-search {
    color: #2594f0;
}

.glyphicon-bell {
    color: #ff8297;
}

.glyphicon-list {
    color: #fbba2b;
}

.glyphicon-stats {
    color: #c79bfa;
}

.glyphicon-dashboard {
    color: #ff8297;
}

.glyphicon-tint {
    color: #fbba2b;
}

/*整体框架自定义*/
.main-container {
    background: #f0f4ff;
    margin: 0 15px;
}


/*快捷菜单*/
.nav {
    margin: 20px 10px;
}

/*下拉框*/
@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding: 0;
    }
}

.form-horizontal {
    padding:0 20px;/*lixueli修改月20190315 留有空隙*/
    line-height: 30px;
}

    .form-horizontal label {
        padding: 0;
    }

.form-control, .form-find td .form-control {
    line-height: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #c0ccda;
}
.form-inputtxt{width: 60%}
.txt-left{text-align: left;}
/*HistoricalAlarm页面样式*/
.form-find td input.input-date {
    padding: 0 10px;
}

/*报警信息*/
.widget-main {
    padding: 20px;
}

/*快速导航*/
.nav > li {
    margin-right: 5px;
}

.nav > li > a {
    background: #3481ff;
    padding: 0 15px;
    line-height: 37px;
    color: #fff;
    font-size: 14px;
}
/*lixueli修改于20190315修改了空隙和行高*/
#myTab>li>a{padding: 0 5px;
    line-height: 30px;
    
}
.nav-tabs > li > a {
    border-radius: 4px 4px 0 0;
    background: #f2f2f2;
    color: #666;
    border: 1px solid #ddd;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav-pills > li > a:hover{
    background: -moz-linear-gradient(top, #2594f0 0%, #1b8cea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2594f0), color-stop(100%,#1b8cea));
    background: -webkit-linear-gradient(top, #2594f0 0%,#1b8cea 100%);
    background: -o-linear-gradient(top, #2594f0 0%,#1b8cea 100%);
    background: -ms-linear-gradient(top, #2594f0 0%,#1b8cea 100%);
    background: linear-gradient(to bottom, #2594f0,#1b8cea);
    border-color: #2594f0;
    color: #fff;

}

/*按钮*/
.btn-white {
    height: 30px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #0f69ff;
    color: #0f69ff;
    padding: 0 20px;
    margin-right: 10px;
}

    .btn-white.active, .btn-white.focus, .btn-white:active, .btn-white:focus, .btn-white:hover, .open > .dropdown-toggle.btn-white {
        color: #fff;
        background-color: #0f69ff;
        border-color: #0f69ff;
    }

.btn-blue {
    background: #0f69ff;
    line-height: 38px;
    border-radius: 30px;
    font-size: 16px;
}

.btn-blue-primary {
    border:1px solid #117c6f;
    background: -moz-linear-gradient(top, #2fc4b2 0%, #289c8e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2fc4b2), color-stop(100%,#289c8e));
    background: -webkit-linear-gradient(top, #2fc4b2 0%,#289c8e 100%);
    background: -o-linear-gradient(top, #2fc4b2 0%,#289c8e 100%);
    background: -ms-linear-gradient(top, #2fc4b2 0%,#289c8e 100%);
    background: linear-gradient(to bottom, #2fc4b2,#289c8e);
    /* line-height: 20px;
    height: 30px;
    padding:4px 10px; */

}

.glyphicon{top:0px;
    margin-right: 3px;}

/*运行计划*/
/*日期*/
.Wdate {
    border:1px solid #c0ccda;
    height: 24px;
    color: #999;
    background: none;
}

.WdateDiv .WdayTable {
    border: 1px solid #ddd;
}

input[type=checkbox], input[type=radio] {
    margin: 2px 0 0 0;
}

/*输入框*/
.inputn {
    border: 1px solid #ddd;
}


/*登录页面*/
.login-container {
    width: 100%;
    height: 100%;
    background: url(/Content/Images/system-login-bg.jpg) top center no-repeat;
    background-size: 100%;
   /* min-height: 500px;*/
}

.well {
    background-color: #fff;
    border-radius: 10px;
    height: 517px;
}


.form-ct {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

.form-login {
    height: 517px;
    margin-top: 50%;
    margin-bottom: 100px;
    background: #fff;
    box-shadow: 0px 5px 5px #666;
    border-radius: 10px;
}

.form-login h3 {
    font-size: 30px;
    color: #666;
    margin: 50px 0;
    text-align: center;
}

.footer {
    margin-top: -40px;
    background: #fff;
    border: 1px solid #dddcda;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
/*登录输入框*/
.login-form-control {
    height: 50px;
    line-height: 50px;
    border: 1px solid #dddcda;
    font-size: 14px;
    color: #666;
}
/*登录按钮*/
.login-btn {
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0462fb;
    border-color: #2e6da4;
}

/*通用*/
.bg-no {
    background: none;
}

/*头部样式*/
.header {
    background-color: #2594f0;
}

.logo {
    width: 356px;
    height: 36px;
}
/*导航*/
.nav-top {
}

.nav-top li a {
    font-size: 14px;
    background: none;
}

.nav-top li a:hover, .nav-top li a:actived {
    background: none;
    font-weight: bold;
}

.nav-top .open > a, .nav-top .open > a:focus, .nav-top .open > a:hover, .nav-top > li > a:focus, .nav-top > li > a:hover {
    background: none;
    font-weight: bold;
}

.nav-top li a span {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.nav-top li a span.buywater {
    background: url(/Content/Images/n-buy-water.png) no-repeat;
    background-size: 100%;
}

/*弹出菜单样式*/
/*.dropdown-menu {
    background-color: #2594f0;
    border-radius: 0 0 5px 5px;
}

.dropdown-menu li a {
    color: #fff;
    line-height: 50px;
    border-bottom: 1px solid #4ca7f3;
}

.dropdown-menu li a:last-chid() {
    border-bottom: none;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    font-weight: bold;
    background-color: #2594f0;
    color: #fff;
}*/

/*工艺图设计*/
.breadcrumbs small.font-gray {
    color: #9d9d9e;
}

.form-horizontal-top {
    padding: 10px 0;
}

.date {
    background: #fff;
    border: 1px solid #d9d9d9;
}

.date-list {
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
}

.date-list h5 {
    border-bottom: 1px solid #d9d9d9;
    background: none;
}

.breadcrumbs small.font-Dark-gray {
    color: #666;
}
/*工艺图*/
.date-rg {
    margin-right: -10px;
    height: 500px;
}

/*首页跑马灯 lixueli修改于20190308start*/
#marquee2 {
    width: 100%;
    border: 1px solid #d1eafe;
    white-space: nowrap;
    overflow: hidden;
    background: #e9f3fb;
    line-height: 32px;
    height: 32px;
}


#marquee2{position:absolute;top:80px;left:400px;width:300px;height:25px;overflow:hidden; background:#EFEFEF;}
#marquee2 ul li{float:left; padding:0 10px; line-height:25px;}
#marquee2 ul li a{display: inline-block;
    font-size: 14px;
    color: #fbba2b;
    line-height: 32px;
    height: 32px;}

#wrap{
    width: 100%;
    border: 1px solid #d1eafe;
    white-space: nowrap;
    overflow: hidden;
    background: #e9f3fb;
    line-height: 32px;
    height: 32px;
}

#wrap p {
    display: inline-block;
    font-size: 14px;
    color: #fbba2b;
    line-height: 32px;
    height: 32px;
}

#wrap span {
    font-size: 14px;
    color: red;
}

/*首页跑马灯 lixueli修改于20190308over*/


/*节能增效页面*/
.array-list {
    margin: 10px 0;
}

.tab-month, .tab-year {
    display: none;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 0px;
    line-height: 30px;
}

.form-horizontal label input {
    margin-top: 8px;
}

/*添加纪录页面*/
.form-horizontal .lfrg-pad {
    margin-left: 0;
    margin-right: 0;
}


/*村头表实时数据*/
/*行高*/
.village-date-line {
    line-height: 30px;
    height: 30px;
    padding: 0 5px;
}
.plan-date-line {
    line-height: 24px;
    height: 24px;
    border: 1px solid #c0ccda;
}

/*历史数据查询*/
.form-horizontal .txt-left {
    text-align: left;
}

/*StationList页面样式开始*/
.form-control option {
    line-height: 30px;
}


/*地图首页样式*/
.content-map{position: relative;
    width: 100%;}
.left-menu-map {
    position:absolute;
    left: 0;
    z-index: 1;
    float: left;
    display: inline-block;
    width: 336px;
    border: 1px solid #d9d9d9;
    background: #fefefe;
    /*box-shadow: 0 0px 10px #666;*/
}

.left-menu-map-list {
    padding: 0 10px;
    height: 700px;/*不显示横向滚动条 lixueli修改与20190311*/
    overflow-y:hidden; /*不显示竖向滚动条 lixueli修改与20190318*/
    overflow-x:hidden;/*不显示横向滚动条 lixueli修改与20190311*/
}

.lfmenu-list, .lfmenu-title {
    background-color: #fefefe;
    cursor: pointer;
    line-height: 50px;
    border-bottom: 1px solid #dddcd8;
    font-size: 16px;
    font-family: "微软雅黑";
    /*cursor: help;*/
}

.lfmenu-title {
    color: #2594f0;
}

.lfmenu-title span {
    color: #666;
    padding-left: 10px;
}
/*左侧弹出菜单的高度 lixueli修改与20190307 start*/
.lfmenu-list{
    display: none;
    height: 700px;
    width: 316px;
    border-bottom: none;

}
/*左侧弹出菜单的高度 lixueli修改与20190307 over */
.lfmenu-two {display: none;}


.lfmenu-list>ul {
    width: 316px;
    height: auto; 
    list-style-type: none;
}

.lfmenu-titltwo, .lfmenu-ct {
    position: relative;
    height: 70px;
    padding: 15px 10px 10px 30px;
    border-bottom: 1px solid #e6e4e4;
}
.lfmenu-titltwo{height: auto;
    min-height: 70px;}
.lfmenu-two{width: 316px;
    overflow-x:hidden; 
    height: 300px;
    overflow-y:scroll;
     margin-left: -10px; /*//显示二级菜单 lixueli修改与201903011 */
     }
.lfmenu-titltwo .lfmenu-titltwo-title, .lfmenu-ct .lfmenu-titltwo-title {
    display: block;
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    width: 80%;
    float: left;
    font-weight: normal;
}

.lfmenu-titltwo small, .lfmenu-ct small {
    float: left;
    line-height: 20px;
    font-size: 12px;
}

.lfmenu-titltwo .lfmenu-titltwo-btn, .lfmenu-ct .lfmenu-titltwo-btn {
    position: absolute;
    top: 20px;
    right: 60px;
    display: block;
    background: #ebeced;
    border-radius: 28px;
    line-height: 28px;
    padding: 0 15px;
    font-size: 16px;
}

.lfmenu-titltwo .lfmenu-titltwo-ico, .lfmenu-ct .lfmenu-titltwo-ico {
    width: 21px;
    height: 32px;
    position: absolute;
    top: 15px;
    left: 0px;
    display: block;
    background: url(/Content/Images/n-shuizh.png) no-repeat;
}

.lfmenu-toggle {
    float: right;
    width: 50px;
    height: 50px;
    display: block;
    background: url(/Content/Images/layout_arrows.png) top right no-repeat;
    /*transform: rotate(90deg);*/
}

.lfmenu-toggle-toppad {
    margin-top: 15px;
}

.lfmenu-ct {
    padding: 15px 10px 10px 50px;
}

.lfmenu-ct .lfmenu-titltwo-ico-zh {
    left: 20px;
    background: url(/Content/Images/n-zhuang.png) no-repeat;
}

.lfmenu-ct:hover, .lfmenu-titltwo:hover {
    background: #e9f3fd;
}

.lfmenu-titltwo strong.lfmenu-titltwo-title {
    color: #2594f0;
}

.lfmenu-titltwo:hover .lfmenu-titltwo-btn, .lfmenu-ct:hover .lfmenu-titltwo-btn {
    background: #2594f0;
    color: #fff;
}
/*搜索按钮*/
.search-input-out{
    position: relative;
    margin:10px;
    overflow:hidden;
}
.search-input-out .search-input{
    display: block;
    width: 100%;
    padding: 0 10px;
    border:1px solid #c5c5c5;
    border-radius: 0px;
    height: 30px;
    line-height: 30px;
    background: #f3f8fb;

}
.search-input-out button{
    position: absolute;
    top:5px;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(/Content/Images/input-search.png) no-repeat;
}
.input-group-addon{border-radius: 0}

/*左右侧按钮收缩面板*/
.btn-shrink-left {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 336px;
    width: 18px;
    height: 71px;
    background: url(/Content/Images/btn-shrink-r-blue.png) no-repeat;
}
.btn-shrink-right {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 18px;
    height: 71px;
    background: url(/Content/Images/btn-shrink-l-blue.png) no-repeat;
}
.btn-shrink-rg {
    display: block;
    position: absolute;
    z-index: 2;
    top: 35px;
    right: 268px;
    width: 18px;
    height: 71px;
    background: url(/Content/Images/btn-shrink-rg-blue.png) no-repeat;
}
.btn-shrink-rg-ar {
    display: block;
    position: absolute;
    z-index: 2;
    top: 35px;
    width: 18px;
    height: 71px;
    background: url(/Content/Images/btn-shrink-rg-blue-r.png) no-repeat;
}
/*右侧新闻内容*/
.rg-list{position:absolute;
    right: 0;
    top:0;
    z-index: 99;
    width: 270px;
    float: right;
    display: inline-block;
    }
.rg-newslist{    
    float: right;
    display: inline-block;
    width: 270px;
    /*overflow-y:scroll;lixueli修改右侧内容的滚动条*/
    /*box-shadow: 0 0px 10px #666;*/
}
.rg-newslist .rg-model{
    border:1px solid #438ac4;
    background: #faf9f7;

}
.rg-newslist .rg-title{
    position: relative;
    width: 268px;/*lixueli修改地图右侧标题的宽度*/
    margin:0;
    line-height: 40px;/*lixueli修改标题行高20190320*/
    border-bottom:1px solid #dddcda;
    border-right:1px solid #dddcda;
    cursor: pointer;;/*lixueli修改标题点击变小手*/

}
.rg-newslist .rg-title a{
   position: absolute;
   right: 10px;
}
 /*报警信息提示按钮 lixueli 20190329*/
 .rg-newslist .info-down,.rg-title .info-down{float: right;
    width: 16px;
    height: 16px;
    display: block;
    background:url(../Images/layout_arrows.png) no-repeat;
    margin: 12px 0;
    transform: rotate(90deg);
}
.rg-newslist .info-rg,.rg-title .info-rg{ transform:none;
    background-position-y:5px; 
    margin-right: -8px;
    }
.rg-newslist .rg-model ul{
    list-style: none;
    padding: 10px 15px;/*lixueli修改间距20190320*/
    height: 210px;
    overflow-x:hidden; 
    overflow-y:auto; 
}
.rg-newslist .rg-model ul li a,.rg-newslist .rg-model ul li{
    line-height: 22px;
    color: #909091;
    font-size: 12px;/*lixueli修改间距20190320*/

 }
 .rg-newslist .rg-model ul li a:hover{
    color: #2594f0;
}
.rg-newslist .rg-model-top{margin-top: -1px;}
#rg-newslist-zhuang,#rg-newslist-sz{display: none;}
/*百度地图样式*/
#divMap{width: 100%;
    z-index: 0;
    margin-right:270px;
    margin-left: 336px;
    display: inline-block;
    margin:32px 10px 0;
}
/*一次顿耗样式*/
.font-input{line-height: 30px;
    font-weight: normal;
    margin-bottom: 0;
    }

   /*模拟对角线*/
.table-bordered>tbody>tr[class=first]>td{
  width:100px;/*这里需要自己调整，根据自己的需求调整宽度*/
  height:30px;/*这里需要自己调整，根据自己的需求调整高度*/
  position: relative;
  }
.table-bordered > tbody > tr > td[class=first]:before{
  content: "";
  position: absolute;
  width: 1px;
  height:120px;/*这里需要自己调整，根据td的宽度和高度*/
  top:0;
  left:0;
  background-color: #ddd;
  display: block;
  transform: rotate(-56deg);/*这里需要自己调整，根据线的位置*/
  transform-origin: top;
 }
.table-bordered > tbody > tr > td[class=first] b,.table-bordered > tbody > tr > td[class=first] em{display: block;
    position: absolute;
    width: 100px;}
.table-bordered > tbody > tr > td[class=first] b{top:5px;
    left: 15px;
    font-weight: normal;
  }
.table-bordered > tbody > tr > td[class=first] em{top:40px;
    left: -20px;
    font-style: normal;
  }
/*存水管员*/
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#3481ff;}
/*节电调试*/
.ps p{padding: 10px 20px;}
.ps-txt{color: red;
    line-height: 30px;
    }
.ps-txt-shm{color: #666;
    line-height: 30px;
    } 
/*运营模式设置*/
.Pat-set{padding: 20px 50px;}
/*表格横向混滚条*/
.rightline{width: 99.9%;
    

}
/*@media (max-width: 768px) {
    .QueryArea {
        overflow-x: auto;
    }
}*/
    /*公用样式*/
    .bot-pad {
        margin-bottom: 10px;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    .pad, .pad-left {
        padding-left: 10px;
    }

    .left-pad {
        margin-left: 10px;
    }

    .right-pad-smal {
        margin-right: 10px;
    }

    .right-pad-mid {
        margin-right: 20px;
    }

    .right-pad {
        margin-right: 50px;
    }

    .top-pad {
        margin-top: 20px;
    }

    .top-pad-five {
        margin-top: 50px;
    }

    .lfrg-pad {
        margin-left: 0;
        margin-right: 0;
    }

    .lfrg-padd {
        padding-left: 0;
        padding-right: 0;
    }

    .font-height {
        height: 30px;
    }


    /*图标颜色定义*/
    .ico-Pink {
        color: #ff8297;
    }

    .ico-Blue {
        color: #2593f2;
    }
    /*图标空隙*/
    .ico-pad {
        padding-right: 5px;
    }

    /*字体大小*/
    .font-small {
        font-size: 12px;
    }

    .font-mid {
        font-size: 16px;
    }

    .font-gray {
        color: #9d9d9e;
    }

    .font-Dark-gray {
        color: #666;
    }

    /*下划线*/
    .font-txt-underline {
        text-decoration: underline;
    }

    /*字体颜色*/
    .gray {
        color: #757c86;
    }

    .red {
        color: #ff0000;
    }

    button {
        outline: none;
    }

    .title-line {
        line-height: 50px;
    }

    /*字体左右*/
    .txt-left {
        text-align: left;
    }

    .txt-rg {
        text-align: right;
    }


    /*小空隙*/
    .sma-w {
        width: 100px;
    }

    /*显示*/
    .cur {
        display: block;
    }

    /*鼠标悬浮样式*/
    .cursor-hover {
        cursor: pointer;
    }

    /*输入框样式*/
    .form-textarea {
        border: 1px solid #ccc;
        line-height: 30px;
        border-radius: 5px;
    }
    /*图片输入框*/
    .input-file {
        line-height: 10px;
        margin: 5px 0;
    }
    /*.ui-jqgrid-hdiv,.ui-jqgrid-view,.ui-jqgrid{width: auto!important;}*/

    /*缴费状态分析190930*/
    .analysis_w {
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .js_d {
        right: 65px;
    }

    @media (max-width:1920px) {
        .chart_k {
            float: left;
            max-width: 580px;
            /*border: 1px solid #2d5ce9;
        border-radius: 5px;
        box-shadow: 0px 0px 15px #698cf4 inset;*/
        }
    }

    @media screen and (max-width:1680px) {
        .chart_k {
            float: left;
            min-width: 480px;
            /*border: 1px solid #2d5ce9;
        border-radius: 5px;
        box-shadow: 0px 0px 15px #698cf4 inset;*/
        }
    }

    @media screen and (max-width:1440px) {
        .chart_k {
            min-width: 390px;
            /*border: 1px solid #2d5ce9;
        border-radius: 5px;
        box-shadow: 0px 0px 15px #698cf4 inset;*/
        }
    }

    @media screen and (max-width:1366px) {
        .chart_k {
            min-width: 390px;
            /*border: 1px solid #2d5ce9;
        border-radius: 5px;
        box-shadow: 0px 0px 15px #698cf4 inset;*/
        }
    }

    /*切换*/
    /* toggle switch css start */
    .switch-btn {
        position: absolute;
        display: block;
        vertical-align: top;
        width: 105px;
        height: 30px;
        border-radius: 18px;
        cursor: pointer;
        top: 45px;
        right: 25px;
        z-index: 99;
    }

    .checked-switch {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .text-switch {
        background-color: #ed5b49;
        border: 1px solid #d2402e;
        border-radius: inherit;
        color: #fff;
        display: block;
        font-size: 15px;
        height: inherit;
        position: relative;
        text-transform: uppercase;
    }

        .text-switch:before, .text-switch:after {
            position: absolute;
            top: 50%;
            margin-top: -.5em;
            line-height: 1;
            -webkit-transition: inherit;
            -moz-transition: inherit;
            -o-transition: inherit;
            transition: inherit;
        }

        .text-switch:before {
            content: attr(data-no);
            right: 11px;
        }

        .text-switch:after {
            content: attr(data-yes);
            left: 11px;
            color: #FFFFFF;
            opacity: 0;
        }

    .checked-switch:checked ~ .text-switch {
        background-color: #09b798;
        border: 1px solid #069c81;
    }

        .checked-switch:checked ~ .text-switch:before {
            opacity: 0;
        }

        .checked-switch:checked ~ .text-switch:after {
            opacity: 1;
        }

    .toggle-btn {
        background: linear-gradient(#eee, #fafafa);
        border-radius: 100%;
        height: 28px;
        left: 1px;
        position: absolute;
        top: 1px;
        width: 28px;
    }

        .toggle-btn::before {
            color: #aaaaaa;
            content: "|||";
            display: inline-block;
            font-size: 12px;
            letter-spacing: -2px;
            padding: 4px 0;
            vertical-align: middle;
        }

    .checked-switch:checked ~ .toggle-btn {
        left: 75px;
    }

    .text-switch, .toggle-btn {
        transition: All 0.3s ease;
        -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
    }

    /*= add for "no-radius" =*/
    .no-radius, .no-radius .toggle-btn {
        border-radius: 0;
    }
    /*= add for "no-radius" end =*/

    /*= add for "top-to-bottom" =*/
    .circle-style .toggle-btn::before {
        background: linear-gradient(#dedede, #cacaca);
        border-radius: 50%;
        content: "";
        height: 14px;
        margin-top: 7px;
        margin-left: 7px;
        padding: 0;
        width: 14px;
    }

    /* add for "top-to-bottom" end */

    /* toggle switch css end */


    /*显示村庄按钮*/
    .show_villages {
        float: right;
        width: 68px;
        background: url(../Images/map/station.png) 0 7px no-repeat;
        display: inline-block;
        padding-left: 15px;
        line-height: 32px;
        margin-left: 10px;
        text-decoration: none;
        cursor: pointer;
    }

    .search-input_sub {
        position: relative;
        width: 230px;
        float: left;
    }