* {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', Arial, "黑体", SimSun, 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
#NWAYS_MASTER, .master {
  position: fixed;
  z-index: 1000;
  background: #000;
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#NWAYS_MESSAGE_BOX ,.master-box{
  position: fixed;
  z-index: 1000;
  background: #fff;
  top: 30px;
  left: 0;
  right: 0;
  width: 80%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}
#NWAYS_MESSAGE_BODY ,.master-body{
  min-height: 200px;
  max-height: 70%;
  border: 1px solid #666;
  padding: 20px;
  font-size: 25px;
  color: #f70;
  opacity: 1;
}
#NWAYS_MESSAGE_ACTION a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #fff;
  color: #666;
  font-weight: 400;
  font-size: 20px;
  border: 1px solid #666;
}
.wrap {
  width: 100%;
}
.split2,
.split3,
.split4,
.split5,
.split6,
.split4-3,
.split3-2 {
  position: relative;
  min-height: 1px;
  float: left;
}
.wrap90,
.wrap {
  zoom: 1;
  margin-left: auto;
  margin-right: auto;
  background: #f8f8f8;
}

.cc {
  zoom: 1;
  margin-left: auto;
  margin-right: auto;
}

.wrap90:after,
.wrap:after,
.wrap90:before,
.cc:after,
.cc:before,
.wrap:before {
  content: "";
  display: table;
}
.wrap90:after,
.wrap:after ,
.cc:after{
  display:block;clear:both;content:"";
}

.full{
  width: 100%;
}

.content-left{
  float: left;
  width:30%;
  display: inline-block;
}

.content-right{
  width: 70%;
  display: inline-block;
}

@media (max-width:1000px) {
  .content-left ,.content-right {
    width: 100%
  }
}


.wrap90 {
  width: 90%;
}
.split1 {
  zoom: 1;
  width: 100%;
}
.split1:after,
.split1:before {
  content: "";
  display: table;
}
.split1:after {
  clear: both;
}
.split2 {
  width: 50%;
}
.split3 {
  width: 33.33%;
}
.split3-2 {
  width: 66.66%;
}
.split4-3 {
  width: 75%;
}
.split4 {
  width: 25%;
}
.split5 {
  width: 20%;
}
.split6 {
  width: 16.66%;
}
.margintop {
  margin-top: 30px;
}

.mt10{
  margin-top: 10px;
}

.mt20{
  margin-top: 20px;
}

@media (min-width: 481px) {
  .wrap {
    width: 720px;
  }
}
.counterTable {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.counterTable th {
  background: #44b87a;
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  padding: 10px 5px;
}
.counterTable td {
  border-bottom: 1px solid #ddd;
  padding: 10px 5px 8px 5px;
  color: #444;
  font-size: 14px;
}
.counterTable tr:nth-child(odd) {
  background-color: #fff;
}

.counterTable tr.warn{
  background: #ffd966;
}

.counterTable tr.error{
  background: #f2dede;
}

.counterTable tr.green{
  background: #dff0d8;
}

.counterTable tr.blue{
  background: #d9edf7;
}

.counterTable tr.gray{
  background: #F5F5F5;
}

.counterTable1 {
  border-collapse: collapse;
  border: none;
}
.counterTable1 th {
  background: #44b87a;
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  padding: 10px 5px;
}
.counterTable1 td {
  border-bottom: 1px solid #ddd;
  padding: 10px 5px 8px 5px;
  color: #444;
  font-size: 14px;
}
.counterTable1 tr:nth-child(odd) {
  background-color: #fff;
}



.infoTable {
  width: 100%;
}
.infoTable td {
  border-bottom: 1px solid #eee;
  padding: 10px 5px 5px 5px;
  color: #444;
  font-size: 16px;
  color: #444;
}
.infoTable tr td:nth-child(odd) {
  width: 33.33%;
  font-size: 14px;
  color: #888;
  text-align: right;
}

.zebras .zebra{
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #ddd;
  background: #eee;
}

.zebras .zebra:nth-child(odd){
  background: #FFF;
}


.pager {
  text-align: center;
}
.pager span,
.pager a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 10px;
}
.pager a {
  color: #f70;
  border: 1px solid #f70;
}
.pager span {
  color: #888;
  border: 1px solid #888;
}

.pager span.active {
    background: #f70;
    color:#fff;
}
#top-menu {
  position: fixed;
  z-index: 1000;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  height: 70px;
  border-bottom: 1px solid #000;
  background: #2a724c;
}
#top-menu div {
  text-align: center;
  color: #fff;
  font-size: 16px;
}
#top-menu div .icon {
  padding: 5px 0;
  font-size: 20px;
}
#top-menu span {
  color: #fff;
}
.top-in {
  height: 70px;
}
#splitTop {
  height: 90px;
}
.sonMenuItem {
  display: block;
  margin: 5px 0;
  height: 40px;
  line-height: 40px;
  color: #2a724c;
  padding-left: 20px;
}
#login {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 100px;
  width: 380px;
  padding: 20px;
  background: #FFFFFF66;
  border-radius: 10px;
}
img.bg {
  max-width: 100%;
}
.webname {
  color: #2a724c;
  margin:0 15px;  
  font-size: 28px;
  font-weight: 900;  
  text-align: justify;
  text-align: justify-all;
}

.webname:after {
  content:"";
  display:inline-block;
  width:100%;
  height:0;
  
}

.form-group {
  position: relative;
  margin: 20px 0;
}

.form-group{
  padding:0 15px;
  color: #666;
}

.form-group label{
  font-size: 90%;
  line-height: 200%;
  color: #066;
  display: block;
}

.form-group input{
  width: 100%;
  border: 1px solid #DDD;
  padding: 5px ;
}

.form-group select{
  width: 100%;
  border: 1px solid #DDD;
  padding: 5px ;
  font-size: 120%;
}

.form-group.has-error label{
  color: #fa0505;
}

.form-group.has-error input{
  border: 1px solid #fa0505;
}

.form-group.has-error .show{
   border-bottom: 1px solid #fa0505;
   background: #fad1cd;
   padding: 5px 0;
}

.searchBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  text-align: center;
  background: #3ca36c;
  color: #fff;
  border: 0px;
  height: 35px;
}
#login input {
  height: 40px;
  padding-left: 40px;
}
#login .loginIcon {
  position: absolute;
  color: #888;
  top: 10px;
  left: 25px;
  width: 20px;
  height: 20px;
  z-index: 5;
}
.groupList {
  margin-top: 10px;
  border-bottom: 1px solid #888;
}
.groupList .split4,
.groupList .split2,
.groupList .split5,
.groupList .split4-3 {
  padding: 5px;
}

.selectLine{
  background: #fEA;
}

.bgw{
  background: #FFF;
}

.txt-white{
  color:#FFF;
}

.txt-light {
  color: #f70;
}
.txt-greyer {
  color: #AAA;
}

.txt-grey {
  color: #555;
}
.txt-big {
  font-size: 22px;
  color: #f70;
  font-weight: 900;
}
.txt-big2 {
  font-size: 22px;
  color: #999;
  font-weight: 900;
}

.txt-big3 {
  font-size: 30px;
  color: #555;
  font-weight: 900;
}
.txt-del {
  color: #999;
  text-decoration: line-through;
}

.txt-del1 {
  font-size: 14px;
  text-decoration: line-through;
}
.txt-so {
  color: #666;
}
.txt-info {
  font-size: 14px;
  color: #666;
}
.txt-sm {
  font-size: 12px;
  color: #666;
}
.txt-smLight {
  font-size: 12px;
  color: #f70;
}
.txt-bigger {
  font-size: 40px;
  color: #f70;
  font-weight: 900;
}
.txt-green {
  color: #3ca36c;
  font-weight: 900;
}
.txt-tel {
  position: relative;
  left: -10px;
  color: #444;
  font-size: 12px;
}
.groupSelect {
  background: #ddd;
}
.groupPlan {
  background: #ddd;
}
.tab1 li {
  color: #666;
  list-style: none;
  text-align: center;
  padding: 5px 0;
  margin-top: 5px;
}
.tab1 li.active,
.tab2 li.active {
  color: #fff;
  background: #3ca36c;
}
.tab1 li,
.tab1 div,
.tab2 li,
.tab2 div {
  text-align: center;
  padding: 5px 0;
  color: #666;
}
.tab1 .activeItem {
  color: #fff;
  background: #3ca36c;
  text-align: center;
}
.tab2 .activeItem {
  text-align: center;
  color: #fff;
  background: #ff851a;
}
.tab2 li {
  color: #666;
  list-style: none;
  text-align: center;
  padding: 5px 0;
  margin-top: 5px;
}
.levelSelect {
  padding: 6px;
  font-size: 14px;
  color: #888;
  margin-bottom: 10px;
}
.activeDiv {
  background: #81d1a6;
  color: #fff;
  font-weight: 900;
}
.activeDiv1 {
  background: #ff851a;
  color: #fff;
  font-weight: 900;
}
.tab1 li.activeDiv1 {
  color: #fff;
  font-size: 18px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.btn1,
.btn3 {
  display: block;
  padding: 5px;
  text-align: center;
  font-weight: 900;
  color: #fff;
  background: #3ca36c;
  border: 1px solid #000;
}

.btn4{
  display: block;
  width: 100%;
  margin:0 5px;
  padding: 5px;
  text-align: center;
  color: #666;
  background: #EEE;
  border: 1px solid #DDD;
}

.btn5{
  display: block;
  width: 100%;
  margin:0 5px;
  padding: 5px;
  text-align: center;
  color: #FFF;
  background: #f70;
  border: 1px solid #DDD;
}

.btn1 {
  width: 60%;
}
.btn2 {
  margin: 10px;
  color: #f70;
}



.btn3 {
  width: 100%;
}
.ele {
  margin: 20px;
}
.ele label {
  display: block;
  width: 100%;
}
.ele input {
  width: 100%;
  border: 1px solid #888;
  height: 35px;
  line-height: 35px;
}
.form-group input[type=text],
.form-group input[type=password] ,
.form-group textarea{
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  vertical-align: middle;
}
.form-group input[type=checkbox] {
  width: 20px;
  height: 18px;
  margin-left: 30px;
}
.info {
  display: block;
  width: 100%;
  height: 30px;
  background: #f4f4f4;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  padding-left: 20px;
}
.err {
  background: #faa4a4;
}

.warn {
  background: #ffd966;
}

.linediv {
  height: 30px;
}
.ml1 {
  margin-left: 10px;
}
.ml2 {
  margin-left: 20px;
}
.mr1 {
  margin-right: 10px;
}
.mr3 {
  margin-right: 30px;
}
.tab {
  margin-top: 20px;
}
.pl2 {
  padding-left: 20px;
}

.pd{
  padding: 5px 10px
}

.formLabelPd{
  padding: 30px 10px 15px 10px
}

.mb2{
  margin-bottom: 20px;
}

.mt2{
  margin-top: 20px;
}

.pb2{
  padding-bottom: 20px;
}

.bt {
  border-top: 1px solid #888;
}

.bb {
  border-bottom: 1px solid #888;
}
table.groups td {
  padding: 5px;
  border-top: 1px solid #ddd;
}

table.groups th{
  padding: 10px;
  color: #FFF;
}

table.groups {
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.groups tr:nth-child(odd) {
  background-color: #fff;
}
.title,
.title1 {
  margin-bottom: 10px;
  color: #666;
  font-weight: 900;
  font-size: 25px;
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
}
.title {
  border-bottom: 1px solid #3ca36c;
}
.title1 {
  padding-left: 0px;
  display: block;
  width: 100%;
}
.powerGroup {
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  background: #d5f0e1;
}
.powerItem {
  padding: 10px 30px;
}

.out .groupList .split4{
  min-height: 50px;
}

.farmerSonList{
  margin-left: 20px;
}

.farmerSonList>.groupList{
  background: #cffcc5;
  margin-top: 0px;
}

.farmerSonList>.groupList:nth-child(odd){
  background: #FFF;
}
.line{height: 1px;background: #DDD;margin: 10px 0;}
.bb{border-bottom:1px #DDD solid;padding-top: 10px }
.ellip {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ui_grid{
  width: 100%;
}

.ui_div_grid>.titles{
  background: #AAA;
}

.ui_div_grid>.titles>div{
  padding:5px;
  color: #FFF;
  float: left;
  text-align: center;
  font-size: 90%;
}

.ui_div_grid .lineTitle{padding-left: 20px;color: #999;}

.metro_tabs .tab{
  min-height: 100px;
  border-bottom: 5px solid #999;
  margin: 5px;
  text-align: center;
  background: #F5F5F5;
}

.metro_tabs .tab ul{
  list-style: none;
}

.metro_tabs .tab li{
  font-size: 80%;
}

.metro_tabs .tab.actived{
  border-bottom: 5px solid #F70;
  background: #FFF;
}

.tabSelect{list-style: none;margin-bottom: 15px;}
.tabSelect li{display: inline-block;padding: 10px 3px;text-align:center; background: #EEE;}
.tabSelect li.txt-light{background: #FFF;}

.tel{display: inline-block;color: #AAA;}

.groupMenu{background: #FFF;}
.groupMenu .group{
  padding: 5px;
  border-bottom: 1px solid #DDD;
  background: #F5F5F5;
}

.groupMenu a{
  color: #555;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
}

.groupMenu a span{
  font-size: 30px;
  margin: 15px auto;
}

.logbody li{
  color: #666;
  list-style: none;
  padding: 5px;
}


.runTypeTestModel{
  position: fixed;
  z-index: 1000;
  top: 0;
  left:0;
  right:0;
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  background: red;
  opacity: 0.6;
  text-align: center;
  font-size: 14px;
  color: yellow;
}

#ticketImages img{
  max-width: 120px;
  margin:10px;
}

.ticketImgTool{
  position: fixed;
  z-index: 10000;
  width: 50px;
  height: 50px;
  background: #666;
  opacity: 0.2;
  border-radius:50%;
  color: #FFF;
  display: block;
}

.ticketImgTool:hover{
  opacity:0.4;
}

#ticketImgTool-next{
  right:0;
  top: 50%;
  margin: -25px 0 0 0;
  font-size: 30px;
  padding: 10px 18px;
}

#ticketImgTool-prev{
  left:0;
  top: 50%;
  margin: -25px 0 0 0;
  font-size: 30px;
  padding: 10px 18px;
}

#ticketImgTool-rotate-left{
  bottom: 50px;
  left: 50%;
  margin: 0 -100px 0 100px;
  font-size: 25px;
  padding: 13px 13px;
}

#ticketImgTool-rotate-right{
  bottom: 50px;
  left: 50%;
  margin: 0 100px 0 -100px;
  font-size: 25px;
  padding: 13px 13px;
}

.fixBtn{
  position: fixed;
  z-index: 100;
  display: block;
  width: 65px;
  height: 65px;
  padding: 12px;
  background: #EEE;
  orphans: 0.8;
  bottom: 60px;
  right: 60px;
  border-radius: 50%;
  border: 1px solid #666;
  color: #666;
}