﻿
body {  
  background-color: #f0efed;
}

.clearfix:before,.clearfix:after {
	content:"";
	display:table
}
.clearfix:after {clear:both}
.clearfix {zoom:1}

.navlogin
{
    list-style-type: none;
	padding: 0px;
	margin: 0px;
	background-color:Red;
}

.navlogin li
{
    display:inline-block;
    border:#CCC 0px solid;
	float:left;
	background-color:blue;	
}

.login_desc
{
    width:100%;
    }
    
.login_desc h1
{
    width:100%;
    text-align:left;
    font-size:16px;
    font-weight:bold;
    color:Black;
    
 }
 
 .login_desc ul
{
    width:100%;
    text-align:left;   
    color:Black;    
	padding: 10px;
	margin: 10px;
 }

/*
 * bootstrap style
 *
*/
.navbar-inverse .navbar-inner {
 
    background-color: #f6f5f4;
    background-repeat: repeat-x;
    border-bottom: 0px solid #046ca3;
    height: 50px;
    background-image: linear-gradient(to bottom, #007af8, #007af8);
}
.brand, .navbar-inverse .nav > li > a {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand {
  color: #fff;
  /*background-color: #c60815;*/
}
.navbar-inverse .navbar-link {
  color: #fff;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffaa25;
}




/*
 * body
 *
*/
.bs-body{margin-top:100px;min-height:300px;background-color:#ffffff}
/*
 * Footer
 *
 * Separated section of content at the bottom of all pages, save the homepage.
*/
.bs-footer {
  padding-top: 40px;
  padding-bottom: 30px;
  margin-top: 40px;
  color: #777;
  text-align: left;
  border-top: 1px solid #e5e5e5;
  background-color:#f5f5f5
}
.footer-links {
  margin: 10px 0;
  padding-left: 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
} 


/*
 * 报修订水底部开始
*/

#footerbg
{
    background-color:#f6f5f4;
    border:0px;
    }

#footer{
	width:100%;
	height:51px;	/*为了js能过获取到高度*/	
	bottom:0px;
	left:0;
	
	/*z-index:-1;	为了iphone5输入时footer不跟上来*/
	z-index:9999;
}    
    

#footer .nav_menu{
	box-shadow: 0px -2px 5px 0 rgba(0,0,0,0.1);
	border-top:0px solid #dedede;
	height:50px;
	text-align:center;
}

#footer .nav_menu ul{
	background:rgba(128, 128, 128, 0.2);
	display:-moz-box;		/* Firefox */
	display:-webkit-box;	/* Safari and Chrome */
	display:box;
	height:50px;
	list-style-type: none;
	width:100%;
}

#footer .nav_menu ul li{
	-moz-box-flex:1.0;		/* Firefox */
	-webkit-box-flex:1.0;	/* Safari and Chrome */
	box-flex:1.0;
	text-align: center;
	border-left:1px solid #e5e5e5;
	background:#fff;
}

#footer .nav_menu ul li a{
	position:relative;
	display:block;
	padding-top:27px;
	height:23px;
	color:#343333;
	font-size:0.7em;
	
}

#footertable
{
    width:100%;
    height:50px;
    margin:0px;
	padding:0px;
    }

#footertable td
{
    text-align: center;
	border-left:1px solid #e5e5e5;
	background:#fff;
	text-align:center;
	color:#000;
	margin:0px;
	padding:0px;
}

#footertable td a
{
    position:relative;
	display:block;
	padding-top:27px;
	height:23px;
	color:#343333;
	font-size:0.7em;
	
}

#footertable td a.home
{   
	top:5px; 	
	background: url("/images/weixin/theme2/home2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.homeactive
{   
	top:5px; 	
	background: url("/images/weixin/theme2/home1.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.repair
{   
	top:5px; 	
	background: url("/images/weixin/theme2/bx2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.repairactive
{   
	top:5px; 	
	background: url("/images/weixin/theme2/bx1.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.service
{   
	top:5px; 	
	background: url("/images/weixin/theme2/service2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.serviceactive
{   
	top:5px; 	
	background: url("/images/weixin/theme2/service1.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.water
{   
	top:5px; 	
	background: url("/images/weixin/theme2/dingshui2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.wateractive
{   
	top:5px; 	
	background: url("/images/weixin/theme2/dingshui1.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}


#footertable td a.zixun
{   
	top:5px; 	
	background: url("/images/weixin/theme2/zixun2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.zixunactive
{   
	top:5px; 	
	background: url("/images/weixin/theme2/zixun1.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}


#footertable td a.toushu
{   
	top:5px; 	
	background: url("/images/weixin/theme2/toushu2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}


#footertable td a.toushuactive
{   
	top:5px; 	
	background: url("/images/weixin/theme2/toushu1.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}


#footertable td a.jianyi
{   
	top:5px; 	
	background: url("/images/weixin/theme2/jianyi2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.jianyiactive
{   
	top:5px; 	
	background: url("/images/weixin/theme2/jianyi1.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.bangding
{   
	top:5px; 	
	background: url("/images/weixin/theme2/bangding2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}

#footertable td a.bangdingactive
{   
	top:5px; 	
	background: url("/images/weixin/theme2/bangding1.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
}
/*
 * 报修订水底部结束
*/


/* --------------- 顶部tab导航 e7e8e9-------------------------*/
nav.nav_tabs{
	background: #0f9aed;
	height: 38px;
	width: 100%;
	overflow: hidden;
	
	-moz-box-shadow:0px 0px 2px #333333; 
	-webkit-box-shadow:0px 0px 2px #333333; 
	box-shadow:0px 0px 2px #333333; 	
	    
	color: #60883b;
	display:block;
	margin:0px; padding:0;	
}


/*
	如果定了display:box则该容器定义为了内联元素，
	使用margin:0px auto让其居中是无效的，
	要想使其居中只能通过它的父容器的text-align:center
*/
nav.nav_tabs ul {
	display:-moz-box;		/* Firefox */
	display:-webkit-box;	/* Safari and Chrome 97bcfe*/
	display:box;
	height: 38px;
	width: 100%;
	background: #0f9aed;
	list-style-type:none;
	margin:0px;
	padding:0px;	
}

nav.nav_tabs ul li{
	/*box-flex 可伸缩的容器，主要让子容器针对父容器的宽度按一定规则进行划分*/
	-moz-box-flex:1.0;		/* Firefox */
	-webkit-box-flex:1.0;	/* Safari and Chrome */
	box-flex:1.0;

	height: 38px;
	line-height:38px;
	text-align: center;
	font-weight:normal;
	font-size: 1.0em;
	
}

.nav_tabs ul li a{
	color: #fff;
	display:block;
}

nav.nav_tabs ul li:nth-child(1){border-left: 0;}

nav.nav_tabs ul li.active {
	/*box-shadow: h-shadow v-shadow blur spread color inset;*/
	box-shadow: 0 -1px 0 0 #0f9aed inset ;
	background: #fff;
}


nav.nav_tabs ul li.active a{
	font-weight:bold;
	color: #017dc7;
}
nav.nav_tabs ul li a:hover, 
nav.nav_tabs ul li a:active {
	color: #773402;
	text-decoration: none;
	text-shadow: 0px 0px 0px #333;
}
/*==================顶部导航结束===================================*/

/*==表单输入开始====*/
#tableBill
{
    margin-top:10px;
    padding:0px;
}

.bg_greyd{ background:#8a8a8a}
.m_wrap{width: 100%;}
header{ font-size:19px; color:#fff; background:#ec6c00;position:fixed;top:0;left:0;width:100%; text-align:center;z-index:100; height:45px;}
header .p12{ position:relative;}
.topleft1{ position:absolute; top:8px;color:#fff; left:12px;vertical-align:center}
.topmid{ height:21px;line-height:21px;padding-top:10px;}
.topright{ position:absolute; top:8px;color:#fff; right:12px; height:19px;}
.topright img{ vertical-align:center}

#tophead {margin:0px;padding:0px;vertical-align:middle;background:#98b7ff; }
#tophead img{max-width:100%;height:auto;}

.toptitlerow{
	font-size:12px; color:#605f62; background:#e9ecf2;padding-top:6px;padding-left:4px;width:100%;height:30px; text-align:left;vertical-align:middle;z-index:100;font-weight:bold;
}


/*---------列表------------------*/
#mainlist
{
    margin:10px 0px 0px 0px;
    padding:0px;    
}

#mainlist ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;    
}

ul.main_list li{
	padding:0px 10px;
	border-bottom:0px solid #e1e1e1;
	list-style-type:none;
}
	
ul.main_list li:last-child{border-bottom:0 none;}

ul.main_list li a{
	padding:0px 0px 2px 0px;
	display:block;
	position:relative;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background-color:#f6f5f4;
	border-top:0px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	
}

ul.main_list li a:hover{
	 text-decoration:none;
	 background-color:#d9f0fe;
	 border:1px solid #dcdad9;
}


ul.main_list li a h3
{  
    font-size:1.1em;
    color:#888787;
    font-weight:normal;
    color:#345786;
}

ul.main_list li a time,ul.main_list li a i {
	font-style:normal;
	font-size:0.8em;
	color:#aaa;
	margin-right:20px;
}

/*----单据状态----*/
ul.main_list li a b{
	float:right;
}

.billblue
{
    color:#366db9;
    }
    
.billblack
{
    color:#737272;
    }
    
.billred
{
    color:#923b15;
    }
    
.v_pageing
{
   width:100%;
   text-align:center;  
}

#RowsDefault
{    margin:10px;
    }

/**--------个人中心右箭头--------------**/
#PsersonCenterId
{
    margin:10px;
}

#PsersonCenterId ul.list-group li.list-group-item
{
    margin:0px;
    padding:0px;
    height:40px;
    vertical-align:middle;
}

#PsersonCenterId ul.list-group li.list-group-item a
{   
   margin:0px;
   padding:0px;
   color:#502f03;
}

#PsersonCenterId ul.list-group li.list-group-item a i0
{   
   margin-right:10px;
   float:right;
}

#PsersonCenterId ul.list-group li.list-group-item a i0 img
{   
   width:10px;
   height:10px;
}

#PsersonCenterId ul.list-group li.list-group-item a:link
{  
   text-decoration:none;
   width:auto;
   height:40px;
   margin:0px;
   padding-left:20px;
   display:block;
   line-height:40px;
   vertical-align:middle;  
   color:#502f03;
}

#PsersonCenterId ul.list-group li.list-group-item a:hover
{  
   margin:0px;
   padding-left:20px;
   text-decoration:none;
   background-color:#f4f5f6;
   vertical-align:middle;
   width:auto;
   height:40px;
   color:#502f03;
   display:block;  /**设置成块状才能设置高度**/
}

#PsersonCenterId ul.list-group li.list-group-item a:active
{  
   text-decoration:none;
}
/*---------个人中心结束--------------*/


/*---------维修开始--------------*/
#RepCount
{   
    margin:10px 10px 10px 10px;
    padding:0px;
}

#WaterMain
{   
    margin:0px;
}

ul.list-group li.list-group-item i1
{   
   margin-left:20px;
}

ul.list-group li.list-group-item i2
{   
   margin-left:20px;
}
ul.list-group li.list-group-item i3
{   
   margin-left:10px;
}
/*---------维修结束--------------*/
/*---------订水开始--------------*/

ul.list-group li.list-group-item img
{   
   width:140px;
   height:140px;
}

ul.list-group li.list-group-item i4
{   
   margin-left:20px;
   margin-top:20px;
   position:absolute;
   font-size:12px;
}

ul.list-group li.list-group-item i5
{   
   margin-left:20px;
   margin-top:50px;
   position:absolute;
   font-size:12px;
}

ul.list-group li.list-group-item i6
{   
   margin-left:20px;
   margin-top:80px;
   position:absolute;
   font-size:12px;
}

ul.list-group li.list-group-item i7
{   
   margin-left:20px;
   margin-top:100px;
   position:absolute;
   font-size:12px;
}

ul.list-group li.list-group-item i8
{   
   color:Red;
   font-weight:bold;
   font-size:18px;
}

ul.list-group li.list-group-item i9
{   
    float:right;
}


div.panel-heading i3
{
    float:right;
 }
 
.inputordercount
{	
	color:red;
	width: 40px;
	height: 32px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	box-shadow: 2px 0px 2px 2px rgba(0,0,0,0.1);
	border: 1px solid #C3CED9;
    border-radius: 5px 5px 5px 5px;
	
}
/*---------维修订水结束--------------*/


/**-------**/
#bottomnavnewid
{
    width:100%;
    height:100%;
    background-color:blue;
    
}

.bottomnavnewul
{    
	height: 38px;
	width: 100%;	
	margin:0px;
	padding:0px;	
	float:left; 
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;	
 }
 
.bottomnavnewulli
{
   
    list-style: none;    
    width: 100px; /*每个元素的初始化宽度*/   
    padding-top:0px;
    margin: 0px;
    margin: 0px;
    flex:auto;  /*这是关键*/   
    color:black;
    height:auto;   
    text-align:center;
    vertical-align:bottom;
 }
 
 .bottomnavnewulli a.bangding
{
    top:2px; 	
	background: url("/images/weixin/theme2/bangding2.png");
	background-repeat:no-repeat;
    background-position:center;    
	background-size: 25px auto;	
	text-align:center;
	background-color:Red;
	height:40px;
	line-height:40px;

 }
 
 /**--------新底部导航开始--------**/ 
 #footernavrow
 {
     border-top:1px solid #e1e1e1;    
 }
 
 #footernavrow .col-xs-4
 {
     padding-top:14px;
     text-align:center;
     border-right:1px solid #e1e1e1;   
     height:50px;
 }

 #footernavrow .col-xs-4 a
 {     
     color:Black;
     text-decoration:none;
}
 /**--------新底部导航结束--------**/ 
 
 /***咨询问答查看****/
 
  #AskViewId1
  {
      margin:10px;
      padding:0px;
      }
 
 #AskViewId1 div.col-xs-2
 {     
     margin:0px;
     padding:0px;
     text-align:center;
}

 #AskViewId1 div.col-xs-2 i1
 {
     font-size:0.9em;
}

 #AskViewId2
  {
      margin:10px;
      padding:0px;
      }
 
 #AskViewId2 div.col-xs-2
 {     
     margin:0px;
     padding:0px;
     text-align:center;
}

 #AskViewId2 div.col-xs-2 i1
 {
     font-size:0.9em;
}


/********************************************************/
/****报修详情****/
.repaircircle {
	width: 40px;
	height: 40px;
	background-color: #5ec3ff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color:#fff;
	text-align:center;
	vertical-align:middle;	
    padding-top:6px;
    font-size:1.4em;
    font-weight:bold;
    border: 1px solid green;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);

}

#RepairViewId
{
    margin:10px;
}

.nav_tabs ul li i2
{
    float:right;
}


#RepairViewId div i2
{
    float:right;
}

/******网上商城开始********/
#MallMain
{   
    margin:0px 0px 0px 0px;  
}
#MallMain ul.list-group li.list-group-item


#MallMain ul.list-group li.list-group-item i1
{   
   margin-left:20px;
}

#MallMain ul.list-group li.list-group-item i2
{   
   margin-left:20px;
}

#MallMain ul.list-group li.list-group-item div.itemrows
{  
   height:30px;
   width:100%;
}

#MallMain ul.list-group li.list-group-item i3
{  
   float:right;
}

#MallMain ul.list-group li.list-group-item img
{   
   width:140px;
   height:140px;
}

#MallMain ul.list-group li.list-group-item i4
{   
   margin-left:20px;
   margin-top:0px;
   position:absolute;
   font-size:12px;
}

#MallMain ul.list-group li.list-group-item i5
{   
   margin-left:20px;
   margin-top:30px;
   position:absolute;
   font-size:12px;
}

#MallMain ul.list-group li.list-group-item i6
{   
   margin-left:20px;
   margin-top:60px;
   position:absolute;
   font-size:12px;
}

#MallMain ul.list-group li.list-group-item i7
{   
   margin-left:20px;
   margin-top:80px;
   position:absolute;
   font-size:12px;
}

#MallMain ul.list-group li.list-group-item i8
{   
   color:Red;
   font-weight:bold;
   font-size:18px;
}

#MallMain ul.list-group li.list-group-item i9
{   
   margin-left:20px;
   margin-top:110px;
   position:absolute;
   font-size:12px;
}

i10
{   
   color:#333;
   font-weight:bold;
   font-size:12px;
   font-style:italic;
   text-decoration:line-through;   
   margin-left:6px;
}

#MallMain ul.list-group li.list-group-item i10
{   
   color:#000;
   font-weight:bold;
   font-size:16px;
   font-style:italic;
   text-decoration:line-through;
}


#MallMain ul.list-group li.list-group-item div.spliter
{  
   height:1px;
   background-color:#f0efed;
   margin:10px 0px 10px 0px;
}

#MallMain ul.list-group li.list-group-item span
{    
   font-size:14px;
}



nav.nav_tabs ul li div.buyright 
{
    text-align:right;
    padding-right:0px;
    width:100%;
    height:100%;    
    margin:0px;
}

nav.nav_tabs ul li div.buycount {
			
	width: 18px;
	height:18px;
	background-color: #ff1307;
	
	color:#fff;		
   
    font-size:0.8em;
    font-weight:bold;
    
	margin-top:4px;
	margin-right:0px;
    padding:0px;
    
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);		
	
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	vertical-align:top;
	text-align:center;
	float:right;
	line-height:20px;
}

#MallOrderBuy
{
 margin-top:10px;   
 }

#MallOrderBuy i1
{
    color:Red;
    font-size:1.1em;
    font-weight:bold;
}


#MallOrderBuy i2
{
    float:right;    
    font-size:1.1em;    
}

#MallOrderBuy i3
{
    float:right;    
    font-size:0.6em;    
}


/******网上商城结束********/

/******头像圆形********/
.headimg
{
    width: 80px;
	height:80px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;

}

#liInfoView.list-group-item p img
{
    max-width:100%;height: auto;width:100%;    
}

/******新生服务********/
.tableWK{
	BORDER-BOTTOM: #e3e3e3  1px solid; 
	BORDER-LEFT: #e3e3e3  1px solid; 
	BORDER-RIGHT: #e3e3e3  1px solid; 
	BORDER-TOP: #e3e3e3  1px solid;
}

.trBG1
{
	height: 31px;
	background-image: url(../images/weixin/theme3/table_head_bg.jpg);
	color: #000000;
}


.tdBG8{
    BORDER-BOTTOM: #e3e3e3  0px solid; 
	BORDER-LEFT: #e3e3e3  1px solid; 
	BORDER-RIGHT: #e3e3e3  0px solid; 
	BORDER-TOP: #e3e3e3  1px solid;
	font-family: "宋体";
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color:#3f3e3e;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	height:28px;
	background-color:#ffffff;
}

