/****************** 婚姻 帮助模块 help-area *******************/
.help-area{
	width: 100%;
}
.help-area img{
	width: 100%;
}
.help-area .module-title{
	padding-bottom: 0;
}
.help-area .zixu-box{
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.help-area .content-box{
	width: 100%;
	padding-bottom: 0.5rem;
}
.help-area .content-box .help-pagination{
	bottom: 0px;
}
.help-area .content-box .swiper-pagination-bullet{
	width: 12px;
    height: 12px;
	background: #999;
	opacity: .8;
}
.help-area .content-box .swiper-pagination-bullet-active{
	background: #005389;
}
.help-area .help-slide .top-box{
	padding: 0 0.3rem;
	padding-top: 0.5rem;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
}
.help-area .help-slide .top-box .left{
	flex: 1;
}
.help-area .help-slide .top-box .title{
	font-size: 0.3rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.2rem;
}
.help-area .help-slide .top-box .descrip{
	font-size: 0.24rem;
	color: #666;
	line-height: 0.46rem;
}
.help-area .help-slide .top-box .right{
	flex: none;
	width: 3.3rem;
}
.help-area .help-slide .down-box{
	padding: 0 0.2rem;
	padding-top: 0.3rem;
}
.help-area .help-slide .down-box .title{
	text-align: center;
	font-size: 0.3rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.3rem;
}
.help-area .help-slide .down-box .pro-list{
	width: 100%;
	overflow: hidden;
}
.help-area .help-slide .down-box .pro-list .item{
	width: 50%;
	float: left;
	padding: 0 0.1rem;
	margin-bottom: 0.2rem;
}
.help-area .help-slide .down-box .pro-list .item .text-box{
	width: 100%;
	display: inline-flex;
	height: 0.8rem;
	background-color: #51c77e;
	align-items: center;
	justify-content: center;
	font-size: 0.24rem;
	color: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.help-area .help-slide .down-box .pro-list .item .text-box.green{
	background-color: #51c77e;
}
.help-area .help-slide .down-box .pro-list .item .text-box.orange{
	background-color: #ff7933;
}
.help-area .help-slide .down-box .pro-list .item .text-box.purple{
	background-color: #d069ff;
}
.help-area .help-slide .down-box .pro-list .item .text-box.blue{
	background-color: #34bdb8;
}

/************** 婚姻业务领域类型 hy-business **************/
.hy-business{
	width: 100%;
}
.hy-business .module-title{
	padding-bottom: 0.4rem;
}
.hy-business .zixu-box{
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
}
.hy-business .list{
	width: 100%;
	overflow: hidden;
	padding: 0 0.2rem;
}
.hy-business .list .item{
	width: 33.33%;
	float: left;
	padding: 0 0.1rem;
	margin-bottom: 0.2rem;
}
.hy-business .list .item .link-box{
	display: block;
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	padding-bottom: 0.1rem;
}
.hy-business .list .item .pic-box{
	width: 100%;
	height: 2.1rem;
	overflow: hidden;
	font-size: 0;
	margin-bottom: 0.2rem;
}
.hy-business .list .item .pic-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hy-business .list .item .name{
	text-align: center;
	font-size: 0.3rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.2rem;
}
.hy-business .list .item .text-box{
	font-size: 0.24rem;
	color: #666;
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
}
.hy-business .list .item .text-box .left{
	padding-right: 0.3rem;
}
.hy-business .list .item .text-box p{
	margin-bottom: 0.1rem;
}

/************** 起诉程序 sue-flow **************/
.sue-flow{
	width: 100%;
}
.sue-flow .module-title{
	padding-bottom: 0.2rem;
}
.sue-flow .zixu-box{
	padding-bottom: 0.4rem;
	padding-top: 0.2rem;
}
.sue-flow .list{
	padding: 0 0.3rem;
}
.sue-flow .list .item{
	width: 100%;
	padding: 0.2rem 0;
}
.sue-flow .list .item .link-box{
	display: flex;
	display: -ms-flexbox;
	width: 100%;
	align-items: center;
}
.sue-flow .list .item .link-box .left{
	flex: none;
	width: 2.6rem;
	height: 1.8rem;
	overflow: hidden;
}
.sue-flow .list .item .link-box .left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sue-flow .list .item .link-box .right{
	flex: 1;
	padding: 0.1rem 0;
	padding-left: 0.4rem;
}
.sue-flow .list .item .link-box .right .title{
	font-size: 0.26rem;
	color: #333;
	font-weight: bold;
	line-height: 0.4rem;
	margin-bottom: 0.1rem;
}
.sue-flow .list .item .link-box .right .descrip{
	font-size: 0.24rem;
	color: #333;
	line-height: 0.4rem;
}
.sue-flow .sue-btn-box{
	text-align: center;
	padding: 0.2rem 0.3rem 0.6rem;
	overflow: hidden;
}
.sue-flow .sue-btn-box .link-btn{
	display: inline-block;
	width: 100%;
	padding: 0.25rem 0 0.2rem;
	font-size: 0.36rem;
	color: #fff;
	text-align: center;
	border-radius: 0.5rem;
	background: #005389;
}

/************** 合同起诉程序 ht-flow **************/
.sue-flow.ht-flow .list .item .link-box .left{
	width: 2.2rem;
	height: 1.5rem;
	overflow: hidden;
}

/************** 损害程序 sh-flow **************/
.sue-flow.sh-flow .module-title {
    padding-bottom: 0.1rem;
}
.sue-flow.sh-flow .list{
	padding-right: 0.2rem;
}
.sue-flow.sh-flow .list .item{
	border-bottom: 1px solid #ddd;
	padding: 0.3rem 0;
}
.sue-flow.sh-flow .list .item:nth-last-of-type(1){
	border-bottom: 1px solid #fff;
}
.sue-flow.sh-flow .list .item .link-box .left{
	width: 2.2rem;
	height: 1.5rem;
	overflow: hidden;
}
.sue-flow.sh-flow .list .item .link-box .right {
    padding: 0;
    padding-left: 0.4rem;
}

/************** 刑事程序 xs-flow **************/
.sue-flow.xs-flow .module-title {
    padding-bottom: 0.1rem;
}
.sue-flow.xs-flow .zixu-box {
    padding-bottom: 0.5rem;
	padding-top: 0.3rem;
}
.xs-flow .sue-container{
	padding-bottom: 0.4rem;
}
.xs-flow .sue-pagination{
	bottom: 0;
}
.xs-flow .swiper-pagination-bullet{
	width: 12px;
    height: 12px;
	background: #999;
	opacity: .8;
}
.xs-flow .swiper-pagination-bullet-active{
	background: #005389;
}
.sue-flow.xs-flow .list{
	padding-right: 0.2rem;
}
.sue-flow.xs-flow .list .item{
	border-bottom: 1px solid #ddd;
	padding: 0.3rem 0;
}
.sue-flow.xs-flow .list .item:nth-last-of-type(1){
	border-bottom: 1px solid transparent;
}
.sue-flow.xs-flow .list .item .link-box .left{
	width: 2.2rem;
	height: 1.5rem;
	overflow: hidden;
}
.sue-flow.xs-flow .list .item .link-box .right {
    padding: 0;
    padding-left: 0.4rem;
}

/************** 债权债务程序 zq-flow **************/
.sue-flow.zq-flow .module-title {
    padding-bottom: 0.4rem;
}
.sue-flow.zq-flow .zixu-box {
    padding-bottom: 0.8rem;
}
.sue-flow.zq-flow .content-box {
    padding-bottom: 0.4rem;
}
.zq-flow .tab-box{
	width: 100%;
	padding: 0 0.15rem;
	display: flex;
	display: -ms-flexbox;
	margin-bottom: 0.2rem;
}
.zq-flow .tab-box .tab-item{
	flex: 1;
	margin: 0 0.15rem;
	height: 0.5rem;
	background-color: #999;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 4px;
}
.zq-flow .tab-box .tab-item.active{
	background-color: #005389;
}
.zq-flow .sue-pagination{
	bottom: 0;
}
.zq-flow .swiper-pagination-bullet{
	width: 12px;
    height: 12px;
	background: #999;
	opacity: .8;
}
.zq-flow .swiper-pagination-bullet-active{
	background: #005389;
}
.sue-flow.zq-flow .list .item{
	border-bottom: 1px solid #ddd;
	padding: 0.3rem 0;
}
.sue-flow.zq-flow .list .item:nth-last-of-type(1){
	border-bottom: 1px solid #fff;
}
.sue-flow.zq-flow .list .item .link-box .left{
	width: 2.2rem;
	height: 1.5rem;
	overflow: hidden;
}
.sue-flow.zq-flow .list .item .link-box .right {
    padding: 0;
    padding-left: 0.4rem;
}

/****************** 可切换业务领域 swiper-bus-area *******************/
.swiper-bus-area{
	width: 100%;
}
.swiper-bus-area .module-title{
	padding-bottom: 0.4rem;
}
.swiper-bus-area .zixu-box{
	padding-top: 0;
	padding-bottom: 0.4rem;
}
.swiper-bus-area .content-box{
	width: 100%;
	padding-bottom: 0.3rem;
}
.swiper-bus-area .tab-box{
	width: 100%;
	padding: 0 0.3rem;
	display: flex;
	display: -ms-flexbox;
	margin-bottom: 0.4rem;
}
.swiper-bus-area .tab-box .tab-item{
	flex: 1;
	margin: 0 0.14rem;
	height: 0.5rem;
	background-color: #999;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 4px;
}
.swiper-bus-area .tab-box .tab-item.active{
	background-color: #005389;
}
.swiper-bus-area .area-container{
	padding-bottom: 0.5rem;
}
.swiper-bus-area .area-pagination{
	bottom: 0;
}
.swiper-bus-area .swiper-pagination-bullet{
	width: 12px;
    height: 12px;
	background: #999;
	opacity: .8;
}
.swiper-bus-area .swiper-pagination-bullet-active{
	background: #005389;
}
.swiper-bus-area .list{
	width: 100%;
	padding: 0 0.2rem;
	overflow: hidden;
}
.swiper-bus-area .list .item{
	width: 50%;
	padding: 0 0.1rem;
	overflow: hidden;
	float: left;
	margin-bottom: 0.2rem;
}
.swiper-bus-area .list .item .link-box{
	width: 100%;
	display: block;
	border-radius: 4px;
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 0.1rem;
}
.swiper-bus-area .list .item .link-box .name{
	width: 100%;
	text-align: center;
	padding: 0.25rem 0 0.3rem;
	font-size: 0.3rem;
	font-weight: bold;
	color: #333;
}
.swiper-bus-area .list .item .link-box .sort-box p{
	text-align: center;
	font-size: 0;
}
.swiper-bus-area .list .item .link-box .sort-box p span{
	display: inline-block;
	min-width: 1.2rem;
	border-radius: 4px;
	border: 1px solid #26b95e;
	padding: 0.05rem 0.1rem;
	margin: 0 0.1rem;
	margin-bottom: 0.2rem;
	text-align: center;
	font-size: 0.24rem;
	color: #26b95e;
}
.swiper-bus-area .list .item .link-box .sort-box p .green{
	border: 1px solid #26b95e;
	color: #26b95e;
}
.swiper-bus-area .list .item .link-box .sort-box p .orange{
	border: 1px solid #ff7933;
	color: #ff7933;
}
.swiper-bus-area .list .item .link-box .sort-box p .purple{
	border: 1px solid #d069ff;
	color: #d069ff;
}
.swiper-bus-area .list .item .link-box .sort-box p .blue{
	border: 1px solid #34bdb8;
	color: #34bdb8;
}

/****************** 服务优势 gw-advantage *******************/
.gw-advantage{
	width: 100%;
}
.gw-advantage .module-title{
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
}
.gw-advantage .zixu-box{
	padding-top: 0rem;
	padding-bottom: 0.4rem;
}
.gw-advantage .content-box{
	padding-bottom: 0.4rem;
}
.gw-advantage .link-box{
	display: block;
}
.gw-advantage .link-box img{
	width: 100%;
}

/************** 房产问题模块 fc-problem-area **************/
.fc-problem-area{
	width: 100%;
}
.fc-problem-area .module-title{
	padding-bottom: 0.4rem;
}
.fc-problem-area .list{
	width: 100%;
	overflow: hidden;
	padding: 0 0.2rem;
	padding-bottom: 0.5rem;
}
.fc-problem-area .list .item{
	width: 50%;
	float: left;
	padding: 0 0.1rem;
	margin-bottom: 0.2rem;
}
.fc-problem-area .list .item .link-box{
	display: block;
	width: 100%;
	height: 3.6rem;
	border-radius: 4px;
	background-color: #26b95e;
	overflow: hidden;
	position: relative;
}
.fc-problem-area .list .item.green .link-box{
	background-color: #26b95e;
}
.fc-problem-area .list .item.orange .link-box{
	background-color: #ff7933;
}
.fc-problem-area .list .item.purple .link-box{
	background-color: #d069ff;
}
.fc-problem-area .list .item.blue .link-box{
	background-color: #34bdb8;
}
.fc-problem-area .list .item .name-box{
	position: relative;
	width: 100%;
	background-color: rgb(0, 0, 0, 0.2);
	padding: 0.15rem 0 0.15rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fc-problem-area .list .item.green .name-box{
	background-color: #119e47;
}
.fc-problem-area .list .item.orange .name-box{
	background-color: #ee5302;
}
.fc-problem-area .list .item.purple .name-box{
	background-color: #a111e3;
}
.fc-problem-area .list .item.blue .name-box{
	background-color: #11859e;
}
.fc-problem-area .list .item .name-box .text{
	font-size: 0.3rem;
	color: #fff;
}
.fc-problem-area .list .item .name-box .triangle{
	width: 16px;
	height: 8px;
	display: inline-block;
	font-size: 0;
	overflow: hidden;
	position: absolute;
	bottom: -5px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}
.fc-problem-area .list .item .name-box .triangle:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 3px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #119e47;
}
.fc-problem-area .list .item.green .name-box .triangle:before{
	border-top-color: #119e47;
}
.fc-problem-area .list .item.orange .name-box .triangle:before{
	border-top-color: #ee5302;
}
.fc-problem-area .list .item.purple .name-box .triangle:before{
	border-top-color: #a111e3;
}
.fc-problem-area .list .item.blue .name-box .triangle:before{
	border-top-color: #11859e;
}
.fc-problem-area .list .item .descrip{
	font-size: 0.24rem;
	color: #fff;
	padding: 0.2rem 0.3rem;
	line-height: 0.4rem;
}
.fc-problem-area .list .item .btn-box{
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-bottom: 0.3rem;
	text-align: center;
	display: flex;
	justify-content: center;
}
.fc-problem-area .list .item .btn-box .btn{
	display: inline-flex;
	width: 1.8rem;
	height: 0.6rem;
	background-color: #fff;
	border-radius: 0.3rem;
	justify-content: center;
	align-items: center;
	font-size: 0.28rem;
	color: #26b95e;
}
.fc-problem-area .list .item.green .btn-box .btn{
	color: #26b95e;
}
.fc-problem-area .list .item.orange .btn-box .btn{
	color: #ff7933;
}
.fc-problem-area .list .item.purple .btn-box .btn{
	color: #d069ff;
}
.fc-problem-area .list .item.blue .btn-box .btn{
	color: #34bdb8;
}

/************** 刑事关键点 xs-key-points **************/
.xs-key-points{
	width: 100%;
}
.xs-key-points .module-title{
	padding-bottom: 0.4rem;
}
.xs-key-points .zixu-box{
	padding-bottom: 0.4rem;
	padding-top: 0.2rem;
}
.xs-key-points .list{
	width: 100%;
	overflow: hidden;
	padding: 0 0.1rem;
}
.xs-key-points .list .item{
	width: 33.33%;
	float: left;
	margin-bottom: 0.25rem;
}
.xs-key-points .list .link-box{
	width: 100%;
	display: block;
}
.xs-key-points .list .pic-box{
	text-align: center;
}
.xs-key-points .list .pic-box img{
	width: 2.1rem;
}
.xs-key-points .list .title{
	text-align: center;
	font-size: 0.28rem;
	color: #333;
	font-weight: bold;
	padding: 0.1rem 0;
}
.xs-key-points .list .descrip{
	text-align: center;
	font-size: 0.24rem;
	color: #666;
	line-height: 0.4rem;
}

/************** 交通事故领域 jt-bus-area **************/
.jt-bus-area{
	width: 100%;
}
.jt-bus-area .module-title{
	padding-bottom: 0.4rem;
}
.jt-bus-area .zixu-box{
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
}
.jt-bus-area .link-box{
	display: block;
	width: 100%;
}
.jt-bus-area .link-box img{
	width: 100%;
}

/************** 交通事故解决问题 jt-solve-pro **************/
.jt-solve-pro{
	width: 100%;
}
.jt-solve-pro .module-title{
	padding-bottom: 0.4rem;
}
.jt-solve-pro .tab-box{
	margin-bottom: 0.4rem;
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
}
.jt-solve-pro .tab-box .tab-item{
	width: 1.5rem;
	height: 0.5rem;
	margin: 0 0.15rem;
	background-color: #999;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 4px;
}
.jt-solve-pro .tab-box .tab-item.active{
	background-color: #005389;
}
.jt-solve-pro .list{
	width: 100%;
	padding: 0 0.3rem;
}
.jt-solve-pro .list .item{
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	margin-bottom: 0.3rem;
}
.jt-solve-pro .list .item img{
	width: 0.32rem;
}
.jt-solve-pro .list .item .text{
	font-size: 0.24rem;
	color: #666;
	margin-left: 0.2rem;
}
.jt-solve-pro .btn-box{
	width: 100%;
	text-align: center;
	padding-bottom: 0.4rem;
	padding-top: 0.2rem;
}
.jt-solve-pro .btn-box .link-btn{
	display: inline-block;
	width: 4.6rem;
	height: 0.88rem;
	border-radius: 0.5rem;
	background-color: #005389;
	text-align: center;
	line-height: 0.88rem;
	font-size: 0.3rem;
	color: #fff;
}