body{
font-family:sans-serif;
}
.banner, .head, .item {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */ }

.head {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
width: 100%;
height: 0.98rem;
line-height: 0.98rem;
background:#073e5e;
font-size: 0.42rem;
color: #fff;
height: 100%;
z-index: 100;
text-indent:0.3rem;
}


.banner {
height: 3.2rem;
width: 100%;}

.banner img {
width: 100%;
min-width: 6.4rem;
height: 3.2rem; }
.nav{
padding:0 0.05rem;
background:-webkit-linear-gradient(top, #4a5c8b,#385e90, #2984b6);
background:-webkit-linear-gradient(top, #4a5c8b,#385e90, #2984b6); /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(top, #4a5c8b,#385e90, #2984b6); /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(top, #4a5c8b,#385e90, #2984b6); /* Firefox 3.6 - 15 */
background:linear-gradient(top, #4a5c8b,#385e90, #2984b6); /* 标准的语法 */
/*height:3.8rem;*/
overflow:hidden;
padding-top:0.2rem;
margin-bottom:0.3rem;
}
.nav li{
width:50%;
height:0.6rem;
line-height:0.6rem;
float:left;
margin-bottom:0.3rem;

}
.nav li a{
padding:0 0.24rem;
color:#fff;
font-size:0.28rem;
display:block;
line-height:0.6rem;
}
.nav li img{
width:0.6rem;
height:0.6rem;
border-radius:50%;
border:0.02rem solid rgba(255,255,255, 0.5);
box-sizing:border-box;
float:left;
margin-right:0.2rem;

}
.nav .ul-red li img{
background:#eacdcd;
border:3px solid #e0b3b3;
}
.nav .ul-org li img{
background:#e9d2be;
border:3px solid #dcc0a7;
}
.nav .ul-blue li img{
background:#b9d2e8;
border:3px solid #92b3cf;
}
.i-box{
border:1px solid #dcdcdc;
position:relative;
width:6.3rem;
margin:0 auto 0.3rem auto;
box-sizing:border-box;
}
.i-box .i-box-content{
padding:0.1rem;
}
.i-box .i-box-bg{
background:#f9f9f9;
}
.i-box .i-title{
width:0.26rem;
height:0.72rem;
padding:0.1rem 0.1rem;
color:#fff;
font-size:0.18rem;
background:url(../images/i-title-bg.png) no-repeat;
background-size:0.46rem auto;
font-weight:700;
line-height:0.2rem;
position:absolute;
left:0;
top:-0.07rem;
}
.i-my-info-top{
background:#eee;
width:6rem;
height:2.2rem;
margin:0 auto;
}
.i-my-info-top .i-my-photo{
width:1.8rem;
height:1.8rem;
float:left;
margin:0.1rem 0.34rem 0.1rem 0.56rem;
}
.i-my-info-top .name{
font-weight:700;
font-size:0.3rem;
line-height:0.6rem;
color:#505050;
}
.i-my-info-top .lawyer{
font-size:0.16rem;
color:#767676;
height:0.2rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.i-my-info-top .tel{
color:#767676;
font-size:0.22rem;
line-height:0.4rem;
margin-top:0.2rem;
}
.i-my-info-top .tel-txt{
background:#88abda;
display:inline-block;
width:3.16rem;
height:0.52rem;
line-height:0.52rem;
}
.i-my-info-top .tel a{
color:#fff;
font-weight:700;
font-size:0.36rem;
padding-left:0.1rem;
}
.i-my-info-top .tel a .tel-ico{
display:inline-block;
width:0.3rem;
height:0.42rem;
background:url(../images/i-my-info-tel-ico.png) no-repeat;
background-size:0.3rem auto;
vertical-align:middle;
margin:0 0.03rem 0 0;
}
.i-art-txt{
clear:both;
width:6rem;
margin:0 auto;
padding-top:0.15rem;
}
.i-art-txt a{
color:#666;
font-size:0.2rem;
line-height:0.3rem;
}
.i-art-hot-pic{
text-align:center;
}
.i-art-hot-pic img{
width:6rem;
height:2.2rem;
}
.i-art-list li{
padding:0.2rem 0;
}
.i-art-list .tle{
font-weight:700;
color:#333;
font-size:0.24rem;
line-height:0.3rem;
height:0.3rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.i-art-list .txt{
color:#666;
font-size:0.18rem;
display:block;
height:0.3rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.i-art-list .ico{
height:0.48rem;
width:0.48rem;
background:url(../images/i-art-list-ico.jpg) no-repeat;
background-size:0.48rem auto;
display:inline-block;
float:left;
margin:0.04rem 0.05rem 0 0.05rem;
}
.i-myphoto-list {
/*width:6.4rem;*/
overflow:hidden;
padding:0.03rem 0 0 0.03rem;
}
.i-myphoto-list li{
width:1.8rem;
height:2.2rem;
float:left;
margin:0 0.10rem 0.2rem 0.10rem;
overflow:hidden;
}
.i-myphoto-list li img{
width:1.8rem;
height:2.2rem;
}
.i-field-list{
padding:0.1rem 0 0.1rem 0.64rem;
overflow:hidden;
}
.i-field-list li{
float:left;
padding:0.1rem 0.13rem 0.1rem 0;
}
.i-field-list a{
border:1px solid #c2ca84;
background:#f4f5e8;
border-radius:2px;
width:1.65rem;
height:0.46rem;
text-align:center;
color:#666;
font-size:0.24rem;
display:block;
line-height:0.46rem;
box-sizing:border-box;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.i-lxwm-list{
padding:0.1rem 0.2rem 0.1rem 0.78rem;	
color:#333;
line-height:0.5rem;
font-size:0.24rem;
}
.i-lxwm-list li{
line-height:0.46rem;
/*overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;*/
}
.i-lxwm-list a{
color:#333;
}
.i-msg-list{
padding:0 0.2rem 0 0.78rem;	
}
.i-msg-list li{
border-bottom:1px solid #ccc;
padding:0.15rem 0.05rem;
}
.i-msg-list .txt{
font-size:0.24rem;
color:#333;
margin-bottom:0.08rem;
}
.i-msg-list .time{
color:#666;
font-size:0.18rem;
}
.i-msg-list-more{
color:#333;
font-size:0.2rem;
padding:0.2rem 0;
height:0.3rem;
line-height:0.3rem;
display:block;

}
.i-ask{
height:0.65rem;
margin:0 0 0.3rem 0;
}
.i-ask input{
border:1px solid #96b4cd;
height:0.65rem;
line-height:0.6rem;
border-right:0;
font-size:0.24rem;
width:4.94rem;
vertical-align:middle;
padding-left:0.05rem;
border-radius:0;
border-right:0;
-webkit-appearance:none;
box-sizing:border-box;
}
.i-ask button{
height:0.65rem;
vertical-align:top;
border:none;
background:#2789bb;
color:#fff;
width:1.46rem;
font-size:0.24rem;
}
.footer-info {
/*margin-top: 0.3rem; */}

.footer-info p, .footer-info p a {
background-color: #fff;
color: #999;
height:0.6rem;
line-height: 0.6rem;
font-size: 0.24rem;
text-align: center;
width: 100%;
/*border-top:1px solid #ccc;*/ }


/** 底部导航开始 **/
.other {
width: 6.4rem;
position: fixed;
z-index: 9;
bottom: 0;
height: 0.88rem;
background:#333; 
/*overflow:hidden;*/
}
body{
padding-bottom:0.88rem;
}
.other-menu{position:relative;z-index:2}
.other-menu a {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #333;
display: block;
line-height: 1.16rem;
text-align: center;
height: 0.88rem;
width: 1.6rem;
float: left;
color:#ccc;
font-size: 0.22rem;
position:relative;
padding-top:0.1rem;
border-right: 1px solid #434343;
 }
.other-menu a:hover{
background:#3c3c3c;
}
.other-menu a.hover{
background:#3c3c3c;
color:#fff;
}
.other-menu a .ico {
width:0.4rem;
height:0.4rem;
display:inline-block;
vertical-align:-0.18rem;
position:absolute;
left:50%;
margin-left:-0.2rem;
}
.other-pop{
position:absolute;
bottom:-3.88rem;
right:0;
width:1.6rem;
opacity:0;
overflow:hidden;
transition: all 0.35s;
z-index:1;
border-radius:0.05rem 0.05rem 0 0
}
.other-pop a{
display:block;
width:1.6rem;
height:0.8rem;
line-height:0.8rem;
padding-top:0;
font-size:0.22rem;
border-bottom:0.01rem solid #5c5c5c;
background:rgba(60,60,60,0.95);
top:-3.40rem;
color:#fff;
text-align:center;
}
.other-pop-active {
opacity:1;
bottom:0.76rem;
right:0;
}

/** 底部导航结束 **/