.zzui-card{margin-bottom: 15px;}
.zzui-card .card-header{}
.zzui-card .form-group{margin-bottom: .4rem}
.zzui-card .col-form-label{font-weight: 700;}

.zzui-card-two{}
.zzui-card-two .card-header{font-size: 1.4rem;font-weight: bold;line-height: 2.80rem;}

.navbar{
	background-color: #0141a2;
}
.navbar .navbar-brand{
	font-size: 1.5rem;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.navbar .navbar-nav .nav-link{
	font-size: 1.4rem;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;	
}
.navbar .navbar-nav .nav-link .icon-phone{
    width: 1.5rem;
    margin: 0 .5rem 0 0;
}
.banner img{
	width: 100%;
}
.col .col-img{
	width: 100%;
	margin: 2.2rem 0;
}
.col .tijiao{
    position: absolute;
    color: #FFFFFF;
    top: 4rem;
    right: 3rem;
}
.col .tijiao .bold{
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 2.5rem;
}
.bg{
	background-color: #f5f6f8;
	padding-bottom: 4rem;
}

.map img{
	width: 100%;
}
.search{
	margin: .5rem 0 0 0;
}
.search .form-control{
    border-radius: 1.5rem;
    background-color: #eef2f8;
    height: calc(2.2em + .75rem + 2px);
    padding: .375rem 1.2rem;
}
.name{
    font-size: 1.4rem;
    font-weight: bold;
    color: #0941a0;
    letter-spacing: 1px;
    margin: 1.6rem 0 0 0;
}
.address{
	margin: 1rem 0 0 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #bcbcbc;
	font-size: 1.0rem;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2.0rem;
	padding-bottom: 1rem;
}
.address .address-name{
	font-size: 1.1rem;
	font-weight: bold;
	display: block;
}
.address span{
	margin: 0 1rem 0 0;
}
.address .btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.address .btn .btn-blue{
	width: 65px;
	height: 33px;
	border: 1px solid #0941a0;
	border-radius: .4rem;
	background-color: #e0e9f9;
	color: #0941a0;
	text-align: center;
	line-height: 33px;
	padding: 0;
	margin: 0 1rem 0 0;
}
.address .btn .btn-red{
	width: 65px;
	height: 33px;
	border: 1px solid #a00909;
	border-radius: .4rem;
	background-color: #f9e0e0;
	color: #a00909;
	text-align: center;
	line-height: 33px;
	padding: 0;
}
.img-top{
	width: 100%;
}
.box-mine{
    position: relative;
    margin: -23rem 1.5rem 0 1.5rem;
    padding: 1rem 5rem;
    border: 1px solid #e6e7e8;
    border-radius: .6rem;
    font-size: 1.2rem;
    box-sizing: border-box;
    background-color: #FFFFFF;
}
.box-mine .head-pic{
	width: 140px;
	text-align: center;
	letter-spacing: 1px;
	margin: 0 auto;
}
.box-mine .head-pic img{
	width: 100%;
	border-radius: 50%;
	margin: 1rem 0 1rem 0;
}
.box-mine .head-desc{
	width: 80%;
	margin: 1rem auto 2rem auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	letter-spacing: 1px;
}
.box-mine .head-desc .num{
    font-size: 2.2rem;
    font-weight: bold;
    color: #0941a0;
    margin: 0 0 .5rem 0;
}
.box-mine2{
    margin: 2rem 1.5rem 0 1.5rem;
    padding: 1rem 2rem;
    border: 1px solid #e6e7e8;
    border-radius: .6rem;
    font-size: 1.2rem;
    box-sizing: border-box;
    background-color: #FFFFFF;	
	display: flex;
	align-items: center;
	justify-content: flex-start;
	letter-spacing: 1px;
}
.box-mine2 .icon{
	width: 100px;
	border-right: 2px dashed #8ba6d2;
	text-align: center;
	padding: 1rem 2rem 1rem 0;
}
.box-mine2 .icon img{
	width: 100%;
}
.box-mine2 .name2{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
}
.box-mine2 .name2 .bold{
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 0 2rem;
}
.box-mine2 .name2 .color-gray{
	font-size: 1.2rem;
	color: #999999;
}
.top-bg{
	padding: 2rem 1.5rem 2rem 1.5rem;
	background-color: #1676fe;
}
.top-bg .top{
	display: flex;
	align-items: center;
	justify-content: center;
}
.top-bg .top .arrow{
	width: 4rem;
}
.top-bg .top .arrow image{
	width: 100%;
}
.top-bg .top .title{
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #FFFFFF;
    flex: 1;
    text-align: center;
    padding: 0 1rem 0 0;
}
.top-bg .desc{
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 1rem 2rem 1rem;
}
.top-bg .desc .txt{
    font-size: 1.2rem;
    color: #FFFFFF;
    letter-spacing: 1px;
    margin: 0 3rem 0 0;
}
.top-bg .desc .txt .bold{
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 .5rem 0;
}
.top-bg .desc .icon img{
	width: 100%;
}
.box-info{
    margin: -3.5rem 1.5rem 0 1.5rem;
    padding: 1rem 2rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    box-sizing: border-box;
    background-color: #FFFFFF;
    letter-spacing: 1px;	
}
.box-info .box-title{
	font-size: 1.4rem;
	font-weight: bold;
	padding: .5rem 0 1rem 0;
}
.box-info .form-group{
    display: flex;
    align-items: center;
    justify-content: space-between;	
    padding-bottom: .5rem;    
}
.box-info .form-group label{
	margin: 0;
}
.box-info .form-group .form-control{
    width: auto;
    flex: 1;
    margin-left: 1rem;
    font-size: 1.2rem;	
}
.box-info .form-group2 .help-block{
	font-size: 1rem;
	color: #bbbbbb;
	margin: 1rem 0 0 0;
}
.box-info .checkbox{
	font-size: 1.0rem;
	margin: 1rem 0 0 0;
}
.box-info .checkbox .form-check{
    padding-left: 1.85rem;
}
.box-info .checkbox input[type=checkbox]{
    margin-left: -22px;
}
.box-info .btn-next{
	width: 100%;
	margin: 3rem 0 2rem 0;
	background: linear-gradient(to bottom right, #5b8cf5, #5889f4, #5084f3, #366fef, #316aee);
    border-radius: 1.8rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding: .6rem 0;
}
.zzui-title{
	font-size: 1.5rem;
	letter-spacing: 1px;
	color: #000000;
	padding: 2rem 0 .5rem 0;	
}
.box-info2{
    margin: 1rem 1.5rem 0 1.5rem;
    padding: 1rem 2rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    box-sizing: border-box;
    background-color: #FFFFFF;
    letter-spacing: 1px;	
}

.flow-box{
	border-top: 1px solid #dddddd;
	margin: 2rem 2rem 0 2rem;;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
}
.flow-box .step{
	margin: -1.3rem 0 0 0;
	font-size: 1.4rem;
}
.flow-box .step .num{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #999999;
	text-align: center;
    line-height: 42px;
    font-size: 1.6rem;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 auto 1rem auto;
}
.flow-box .step.hover{
	color: #0f50df;
}
.flow-box .step.hover .num{
	background-color: #0f50df;
}

.box-info2 .checkbox2{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
    margin: 0 1rem;	
    font-size: 1.2rem;
}
.box-info2 .checkbox2 .list{
    flex: 1;
    margin-left: 1rem;	
}
.box-info2 .checkbox2 .list label{
	margin-right: 1rem;
}
.box-info2 .checkbox2 .list label.nospace{
	margin-right: 0;
}
.box-info2 .form{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.box-info2 .form .form-group000{
    width: 46.7%;
    margin: 0 1rem 1rem 1rem;
}
.box-info2 .form .form-group2{
	width: 100%;
}
.box-info2 .content{
	height: 9rem;
	background-color: #faf9f9;
	border-radius: .6rem;
	margin: 0 0 1rem 0;
	box-sizing: border-box;	
}
.sign{
	margin: .5rem 0 1rem 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.sign div{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.sign .form-control{
	width: 4rem;
	border: none;
	background-color: transparent;
}
.zzui-buttonbox{
	margin: 3rem 1.5rem 20px 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.zzui-buttonbox .icon{
    width: 8rem;
    text-align: center;
    color: #111111;
}
.zzui-buttonbox .icon img{
	margin: 0 auto;
	padding-bottom: .3rem;
	display: block;
}
.zzui-buttonbox .btn-next{
	width: 100%;
	background: linear-gradient(to bottom right, #5b8cf5, #5889f4, #5084f3, #366fef, #316aee);
    font-size: 1.4rem;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding: .6rem 0;
}
.box-info2 .btn-add{
	width: 100%;
	height: 4rem;
	line-height: 2rem;
	font-size: 1.2rem;
	color: #666666;
	background-color: #eeeeee;
	text-align: center;
	margin: 1rem;
}
.box-info2 .checkbox3{
	margin-bottom: 1.5rem;
}
.box-info2 .checkbox3 .txt{
	width: 5rem;
	border: none;
	border-bottom: 1px solid #000000;
	border-radius: 0;
}
.txt-content{
	margin: 1.5rem 3rem;
	font-size: 1.2rem;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2rem;
}
.txt-content .words{
	text-indent: 2.5rem;
	display: block;
}
.txt-content2{
	margin: 0;
}
.txt-center{
	text-align: center;
	margin: 1.5rem 0;
}
.form-control2{
	width: 100%;
	border: none;
	border-bottom: 1px solid #000000;
	border-radius: 0;
	margin: 0 0 1rem 0;
}

/*=====以下是样式=====*/
body{background: #f5f5f5;}

.wrapper{width: 1140px;margin: 15px auto 30px auto;}
.wrap-container{width: 1200px;margin: 0 auto;}
.wrap-white{background-color:#fff;width: 1200px;margin: 0 auto;padding: 20px 30px;}

/*跳转提示页面*/
.notice_page .notice_hd{border-bottom: 1px solid #eaeaea;font-size: 18px;height: 40px;line-height: 40px;}
.notice_page .notice_bd{height:100%;width:460px;margin:60px auto 0;padding-left: 160px;padding-bottom: 70px;}
.notice_page.success .notice_bd{background: url(../images/notice/success.png) 60px 0 no-repeat;}
.notice_page.error .notice_bd{background: url(../images/notice/ignore.png) 60px 0 no-repeat;}
.notice_page .notice_cont{font-size: 14px;margin-bottom:15px;color:#000}
.notice_page .notice_second{margin-bottom:15px;}
.notice_page .notice_link{height:40px;padding:0;}
.notice_page .notice_link a{display:inline-block;padding:5px 15px 5px 30px;color:#676767;border:1px solid #ccc;border-radius:3px;}
.notice_page .notice_link .notice_retun{background:#e8e8e8 url('../images/notice/404_return.png') no-repeat 5px center;margin-right:20px;}
.notice_page .notice_link .notice_home{background:#e8e8e8 url('../images/notice/404_home.png') no-repeat 5px center}

.family-box{margin-top: .5rem}
.family-box .form-group {margin-bottom: .5rem;}
.family-box .form-control{height: calc(1.5em + 0.5rem + 2px);padding: 0.25rem 0.5rem;font-size: .875rem;line-height: 1.5;border-radius: 0.2rem;}

/*登记法律援助案件*/
.ctui-lawcase .col-sm-2{padding-right: 10px;padding-left: 10px;}
.ctui-lawcase .col-sm-4{padding-right: 10px;padding-left: 10px;}
.ctui-lawcase .col-sm-5{padding-right: 10px;padding-left: 10px;}
.ctui-lawcase .col-sm-8{padding-right: 10px;padding-left: 10px;}
.ctui-lawcase .col-sm-10{padding-right: 10px;padding-left: 10px;}
.ctui-lawcase .ctui-controll{margin-bottom: 10px;}