body, html, form {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #000;
}

a {
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

p, ul, header {
	margin: 0;
	padding: 0;
}

	ul li {
		list-style: none;
		list-style-type: none;
	}

* {
	font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,”宋体”;
	font-size: 12px;
}

.color1 {
	color: #898989;
}

img {
	border: none;
}

.fl {
	display: block;
	float: left;
}

.fr {
	display: block;
	float: right;
}

.pl20 {
	padding-left: 20px;
}

.pr20 {
	padding-right: 20px;
}

.br1 {
	border-right: solid 1px #EBEBEB;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.bt1 {
	border-bottom: solid 1px #EBEBEB;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}



.ft10 {
	font-size: 10px;
}

.ft11 {
	font-size: 11px;
}

.ft12 {
	font-size: 12px;
}

.ft13 {
	font-size: 13px;
}

.ft14 {
	font-size: 14px;
}

.ft15 {
	font-size: 15px;
}

.ft16 {
	font-size: 16px;
}

.ft89 {
	color: #898989;
}

.fwb500 {
	font-weight: 500;
}

.fwb {
	font-weight: bold;
}

.pt22 {
	padding-top: 22px;
}
/*index*/
header {
	width: 100%;
}

	header .head_bg {
		width: 100%;
		height: 220px;
		display: inline-block;
		text-align: center;
		background-image: url(../images/head_bg.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 1100px 220px;
	}



.content_modular {
	background-color: white;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}

	.content_modular ul li {
		width: 33%;
		float: left;
		height: 75px;
		background-position: center;
		background-repeat: no-repeat;
		/*background-size: 41px 44px;*/
		background-size: 36px 38px;
		margin: 10px 0;
	}

		.content_modular ul li a {
			display: inline-block;
			line-height: 20px;
			padding-top: 65px;
			width: 100%;
			text-align: center;
			color: black;
			text-decoration: none;
			font-size: 14px;
			font-weight: 500;
		}

		.content_modular ul li.cm_1 {
			background-image: url(../images/cm_1.png);
		}

		.content_modular ul li.cm_1_1 {
			background-image: url(../images/cm_1_gray.png);
		}

		.content_modular ul li.cm_2 {
			background-image: url(../images/cm_2.png);
		}

		.content_modular ul li.cm_3 {
			background-image: url(../images/cm_3.png);
		}

		.content_modular ul li.cm_4 {
			background-image: url(../images/cm_4.png);
		}

		.content_modular ul li.cm_5 {
			background-image: url(../images/cm_5.png);
		}

		.content_modular ul li.cm_6 {
			background-image: url(../images/cm_6.png);
		}

		.content_modular ul li.cm_7 {
			background-image: url(../images/cm_7.png);
		}

		.content_modular ul li.cm_8 {
			background-image: url(../images/cm_8.png);
		}

		.content_modular ul li.cm_9 {
			background-image: url(../images/cm_9.png);
		}

		.content_modular ul li.cm_10 {
			background-image: url(../images/cm_10.png);
		}


.pi {
	height: 70px;
	width: 100%;
	margin: 0 auto;
	z-index: 1000;
	position: relative;
	margin-bottom: 0px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-top: -40px;
	background-color: #fff;
}

.person {
	height: 40px;
	line-height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	width: 100%;
	padding-top: 15px;
}

	.person img {
		width: 22px;
		height: 22px;
		padding-top: 3px;
	}

	.person span.name1 {
		color: #000;
	}

		.person span.name1 a {
			color: #DD495A;
		}

.roles2 {
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	width: 100%;
}

.my_case {
	padding: 0 1px;
	border-bottom: solid 1px #E8E8E8;
	height: 95px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	width: 100%;
}

	.my_case ul {
		padding: 0;
		margin: 0;
	}

		.my_case ul li {
			float: left;
			width: 50%;
			height: 95px;
			display: block;
		}

			.my_case ul li a {
				display: block;
				width: 100%;
				height: 95px;
				color: #000;
			}

.p_img {
	padding-left: 5px;
}

.f_g {
	color: #898989;
}

.f_g2 {
	color: #ABABAB;
}

.register, .case {
	height: 95px;
	line-height: 95px;
}

.case {
	background-image: url(../images/case.png);
	background-position: 12% center;
	background-repeat: no-repeat;
	background-size: 22px 25px;
}

.register {
	background-image: url(../images/register.png);
	background-position: 12% center;
	background-repeat: no-repeat;
	background-size: 23px 25px;
}

	.register p, .case p {
		padding-left: 30%;
		line-height: 22px;
	}

.case_font p {
	line-height: 22px;
}

.my_other {
	width: 100%;
	height: 120px;
	float: left;
}

	.my_other ul {
		margin: 0;
		padding: 0;
	}

		.my_other ul li {
			float: left;
			width: 25%;
			height: 120px;
			text-align: center;
			background-repeat: no-repeat;
			background-size: 46px 52px;
			background-position: center 20px;
		}

			.my_other ul li a {
				display: inline-block;
				width: 100%;
				height: 120px;
				color: #000;
			}

			.my_other ul li p {
				padding-top: 78px;
			}

.other_1 {
	background-image: url(../images/1.png);
}

.other_2 {
	background-image: url(../images/2.png);
}

.other_3 {
	background-image: url(../images/3.png);
}

.other_4 {
	background-image: url(../images/4.png);
}

.helper {
	width: 100%;
	height: 155px;
	background-color: #fff;
	margin-bottom: 5px;
}

.service {
	width: 100%;
	height: 200px;
	background-color: #fff;
	margin-bottom: 5px;
}

.lawsuit {
	width: 100%;
	height: 160px;
	background-color: #fff;
	margin-bottom: 5px;
}

.clear {
	clear: both;
}

.h_header, .s_header, .l_header {
	height: 40px;
	width: 96%;
	margin: 0 auto;
	border-bottom: solid 1px #EBEBEB;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}

.h_title, .s_title, .l_title {
	line-height: 14px;
	height: 14px;
	border-left: solid 5px #EE2920;
	position: absolute;
	top: 15px;
	left: 15px;
	text-indent: 5px;
}

.h_ul, .s_ul, .l_ul {
	float: left;
	width: 100%;
}

	.h_ul ul, .s_ul ul, .l_ul ul {
		margin: 0;
		padding: 0;
	}

		.h_ul ul li, .l_ul ul li {
			width: 25%;
			float: left;
			height: 100px;
			background-repeat: no-repeat;
			background-size: 46px 52px;
			background-position: center 20px;
		}

			.h_ul ul li a, .l_ul ul li a {
				width: 100%;
				height: 100px;
				display: block;
				text-align: center;
				color: #000;
			}

			.h_ul ul li p, .l_ul ul li p {
				padding-top: 78px;
			}

		.s_ul ul li {
			width: 50%;
			float: left;
			height: 80px;
			background-repeat: no-repeat;
			background-size: 36px 36px;
			background-position: 15% center;
			border-left: solid 1px #EBEBEB;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

			.s_ul ul li a {
				width: 100%;
				height: 80px;
				display: block;
				vertical-align: middle;
				color: #000;
			}

			.s_ul ul li p {
				vertical-align: middle;
				padding-left: 35%;
				padding-top: 30px;
			}

.hl_1 {
	background-image: url(../images/h_1.png);
}

.hl_2 {
	background-image: url(../images/h_2.png);
}

.hl_3 {
	background-image: url(../images/h_3.png);
}

.hl_4 {
	background-image: url(../images/h_4.png);
}

.hl_5 {
	background-image: url(../images/h_5.png);
}

.sl_1 {
	background-image: url(../images/s_1.png);
}

.sl_2 {
	background-image: url(../images/s_2.png);
}

.sl_3 {
	background-image: url(../images/s_3.png);
}

.sl_4 {
	background-image: url(../images/s_4.png);
}

.bb1 {
	border-bottom: solid 1px #EBEBEB;
}

.ll_1 {
	background-image: url(../images/l_1.png);
}

.ll_2 {
	background-image: url(../images/l_2.png);
}

.description {
	width: 100%;
	height: 100px;
	padding-top: 10px;
}

	.description div {
		background-image: url(../images/description.png);
		background-repeat: no-repeat;
		background-size: 400px 90px;
		background-color: #74c8ae;
		height: 90px;
		margin: auto 10px;
		background-position: center top;
	}

		.description div a {
			display: block;
			height: 100px;
			width: 100%;
		}

.case_name {
	position: absolute;
	top: 60px;
	max-width: 90%;
	background: rgba(0,0,0,0.3);
	border-radius: 0 10px 10px 0;
	color: white;
	padding: 5px;
}

/*choice*/
.mask {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	min-height: 295px;
}

.choices {
	width: 90%;
	height: 295px;
	margin: 0 auto;
	overflow: hidden;
	opacity: 1;
	background-color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: fixed;
	top: 50%;
	left: 5%;
	display: block;
	margin-top: -147px;
}

	.choices div {
		height: 110px;
		text-align: center;
		line-height: 110px;
	}

	.choices p {
		text-align: center;
		line-height: 55px;
		height: 55px;
	}

	.choices div a {
		display: block;
		height: 110px;
		width: 100%;
		color: #000;
	}

	.choices .choice1 a {
		color: #906E55;
	}

	.choices .choice2 a {
		color: #4F6483;
	}

.choice1, .choice2 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 10px;
	height: 110px;
}

.choice1 {
	background-color: #FEF3F1;
}

.choice2 {
	background-color: #E8F2FB;
	margin-top: 10px;
	color: #4F6483;
}
/*register*/
.re_Informing {
	width: 100%;
	background-color: #108ee9;
	margin-bottom: 10px;
}

.re_page {
	width: 100%;
	color: #fff;
}

.re_title {
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 34px;
	padding-top: 5px;
}

.re_content1, .re_content2 {
	padding: 0 14px;
	text-indent: 24px;
	font-size: 14px;
}

	.re_content2 p {
		font-size: 14px;
		padding-top: 5px;
	}

.re_more {
	text-align: center;
	line-height: 34px;
}

	.re_more a {
		color: #fff;
		font-size: 14px;
	}

.re_Court {
	height: 20px;
	background-color: #108ee9;
	padding: 15px 0;
	margin-bottom: 10px;
	width: 100%;
}

.re_c_left {
	color: #898989;
	line-height: 50px;
}

.re_c_right {
	line-height: 50px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	outline: medium;
}

.re_c_right2 {
	line-height: 38px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	outline: medium;
}

.re_c_right2_1 {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: solid 2px #2588d8;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: medium;
	background-color: #fff;
	padding: 5px 10px;
}

	.re_c_right2_1:hover {
		border: solid 2px #125EB6;
	}

.re_c_right3 {
	line-height: 34px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	outline: medium;
}

.setcase_content {
	margin-top: 5px;
}

.re_data {
	width: 96%;
	margin: 0px 2%;
	height: auto;
	background-color: #fff;
	margin-top: 10px;
	border-radius: 5px;
}

.re_data_title {
	line-height: 35px;
	height: 35px;
	padding-left: 15px;
}

.re_data_list {
	height: auto;
	padding: 0 20px 10px 20px;
}

	.re_data_list span {
		line-height: 40px;
	}

.hide {
	width: 80px;
	height: 80px;
	background-image: url(../images/camera.png);
	position: relative;
	display: inline-block;
	overflow: hidden;
	color: #1E88C7;
	text-decoration: none;
	text-indent: 0;
	line-height: 20px;
}

.container {
	width: 100%;
	height: 100px;
	/*overflow: auto;*/
	clear: both;
}

.z_photo {
	width: 100%;
	/*overflow: auto;*/
	clear: both;
}

.wrap {
	margin: 0 auto;
}

	.wrap img {
		width: 80px;
		height: 80px;
		max-width: 100%;
	}

.z_addImg {
	float: left;
	margin-right: 0.2rem;
}

.z_file {
	width: 80px;
	height: 80px;
	background: url(../images/camera.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-right: 0.2rem;
}

	.z_file input::-webkit-file-upload-button {
		width: 1rem;
		height: 1rem;
		border: none;
		position: absolute;
		outline: 0;
		opacity: 0;
	}

	.z_file input#file {
		display: block;
		width: auto;
		border: 0;
		vertical-align: middle;
		outline: none;
	}
/*遮罩层*/

.z_mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

.z_alert {
	width: 80%;
	height: 2.25rem;
	border-radius: .2rem;
	background: #fff;
	font-size: .24rem;
	text-align: center;
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -2rem;
}

	.z_alert p:nth-child(1) {
		line-height: 1.5rem;
	}

	.z_alert p:nth-child(2) span {
		display: inline-block;
		width: 49%;
		height: .75rem;
		line-height: .75rem;
		float: left;
		border-top: 1px solid #ddd;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

.z_cancel {
	border-right: 1px solid #ddd;
}

.Sign {
	width: 80px;
	height: 80px;
	background-image: url(../images/pen.png);
}

.re_btn {
	height: 50px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	margin-top: 10px;
}

.sub_btn {
	border: none;
	background-color: #108ee9;
	height: 40px;
	line-height: 40px;
	color: #fff;
	width: 94%;
	font-size: 14px;
	text-align: center;
	margin-left: 3%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
/*mysetupcase*/
.setcase_header, .cal_header {
	height: 85px;
	width: 100%;
	background-color: #108ee9;
	background-image: url(../images/setcase.png);
	background-size: 400px 85px;
	background-position: center;
	background-repeat: no-repeat;
}

	.setcase_header .seth_div, .cal_header .cal_div {
		width: 86%;
		height: 85px;
		margin: 0 auto;
	}

		.setcase_header .seth_div div, .cal_header .cal_div div {
			margin-top: 28px;
		}

	.setcase_header .seth_img img, .cal_header .cal_img img {
		height: 32px;
	}

.addcase {
	border: none;
	width: 110px;
	height: 28px;
	background-color: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #108ee9;
	font-weight: bold;
	font-size: 14px;
}

.addcase2 {
	margin: 10px 3%;
	border: none;
	width: 94%;
	height: 34px;
	background-color: #108ee9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #ffffff;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 34px;
}

.setcase_Prompt, .m_hall_Prompt {
	height: auto;
	background-color: #FEFFB3;
	width: 100%;
	font-size: 12px;
	text-indent: 14px;
	line-height: 24px;
	color: #999933;
	margin: 0 auto;
}

.sc_l_left {
	width: 35%;
	height: 100%;
}

.sc_l_left_state {
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-indent: 10px;
	color: white;
	margin-top: 8px;
	-moz-border-top-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

	.sc_l_left_state.sh {
		background-color: #27E4C7;
		background: -webkit-linear-gradient(left, #43FEA0, #27E4C7); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #43FEA0, #27E4C7); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #43FEA0, #27E4C7); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #43FEA0, #27E4C7); /* 标准的语法 */
	}

	.sc_l_left_state.shwtg {
		background-color: #C73333;
		background: -webkit-linear-gradient(left, #DE5421, #C73333); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #DE5421, #C73333); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #DE5421, #C73333); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #DE5421, #C73333); /* 标准的语法 */
	}

	.sc_l_left_state.shtg {
		background-color: #0aa6b4;
		background: -webkit-linear-gradient(left, #0ad8eb, #0aa6b4); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #0ad8eb, #0aa6b4); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #0ad8eb, #0aa6b4); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #0ad8eb, #0aa6b4); /* 标准的语法 */
	}

	.sc_l_left_state.yzf {
		background-color: #404040;
		background: -webkit-linear-gradient(left, #848484, #404040); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #848484, #404040); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #848484, #404040); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #848484, #404040); /* 标准的语法 */
	}

.sc_list {
	height: 115px;
	width: 100%;
	background-color: white;
}

.sc_l_left_date {
	height: 55px;
	padding: 10px 0;
	width: 100%;
	text-align: center;
}

	.sc_l_left_date .sc_year {
		font-size: 14px;
		line-height: 24px;
	}

	.sc_l_left_date .sc_md {
		font-size: 24px;
		line-height: 24px;
	}

.sc_l_right {
	width: 65%;
	height: 100%;
}

	.sc_l_right ul {
		padding: 0;
		margin: 0;
		width: 100%;
		height: 85px;
		padding-top: 30px;
	}

		.sc_l_right ul li {
			float: left;
			padding-right: 8px;
		}

			.sc_l_right ul li img {
				width: 60px;
				height: 60px;
			}
/*mycase*/
.mycase_header {
	height: 85px;
	width: 100%;
	background-color: #108ee9;
	background-image: url(../images/mycase.png);
	background-size: 400px 85px;
	background-position: center;
	background-repeat: no-repeat;
}

	.mycase_header .seth_div {
		width: 86%;
		height: 85px;
		margin: 0 auto;
	}

		.mycase_header .seth_div div {
			margin-top: 28px;
		}

	.mycase_header .seth_img img {
		height: 32px;
	}

.addmycase {
	border: none;
	width: 70px;
	height: 28px;
	background-color: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #108ee9;
	font-weight: bold;
	font-size: 12px;
}

.mycase_search {
	width: 100%;
	margin: 10px auto;
}

.mycase_input {
	width: 96%;
	height: 100%;
	margin: 0 auto;
}

	.mycase_input input {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: none;
		height: 34px;
		background-color: transparent;
		font-size: 14px;
		outline: medium;
		top: 0px;
		width: 96%;
		background-color: white;
		background-image: url(../images/search.png);
		background-position: 9px center;
		background-size: 16px 16px;
		background-repeat: no-repeat;
		text-indent: 32px;
	}

.mycase_content {
	width: 100%;
	height: auto;
}

.my_case_head2 {
	width: 100%;
	background-color: #fff;
}

.mycase_content .my_case_head2 .my_case_user {
	line-height: 30px;
	font-size: 14px;
	margin: 0 10px;
	border-bottom: solid 1px #ebebeb;
}

	.mycase_content .my_case_head2 .my_case_user span {
		color: #ac1219;
		font-size: 14px;
	}

.mycase_content .my_case_head2 .Comment {
	padding: 0 10px;
	line-height: 30px;
	font-size: 14px;
}

.my_case_head {
	width: 100%;
	height: 40px;
	background-color: #fff;
}

	.my_case_head ul {
		padding: 0;
		margin: 0;
		height: 40px;
		width: 100%;
		border-bottom: solid 1px #eee;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

		.my_case_head ul li {
			float: left;
			width: 50%;
			text-align: center;
			height: 40px;
		}

			.my_case_head ul li a {
				display: block;
				line-height: 40px;
				color: #9F9F9F;
				font-size: 14px;
			}

				.my_case_head ul li a.active {
					color: #108ee9;
					border-bottom: solid 2px #108ee9;
				}

.my_case_head3 {
	width: 100%;
	height: 40px;
	background-color: #fff;
}

	.my_case_head3 ul {
		padding: 0;
		margin: 0;
		height: 40px;
		width: 100%;
		border-bottom: solid 1px #eee;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

		.my_case_head3 ul li {
			float: left;
			width: 25%;
			text-align: center;
			height: 40px;
		}

			.my_case_head3 ul li a {
				display: block;
				line-height: 40px;
				color: #9F9F9F;
				font-size: 14px;
			}

				.my_case_head3 ul li a.active {
					color: #108ee9;
					border-bottom: solid 2px #108ee9;
				}

.my_case_choice {
	height: 20px;
	margin: 10px auto;
	width: 100%;
}

	.my_case_choice div {
		width: 50%;
		text-align: center;
	}

		.my_case_choice div span {
			font-size: 14px;
		}

	.my_case_choice select {
		border: none;
		padding: 0 5px;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background: url(../images/arrow.png) no-repeat scroll right center transparent;
		padding-right: 14px;
		background-size: 8px 6px;
	}

.my_case_list {
	width: 100%;
	height: auto;
	background-color: #fff;
	margin-top: 10px;
}

	.my_case_list .list_title {
		height: 40px;
		width: 100%;
		padding: 0 15px;
		font-size: 14px;
		font-weight: bold;
		line-height: 40px;
		border-bottom: solid 1px #eee;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

		.my_case_list .list_title a {
			color: #000;
			font-size: 14px;
			display: block;
			width: 100%;
			height: 40px;
		}

	.my_case_list .list_content {
		color: #9F9F9F;
		background-color: #fff;
		padding-bottom: 5px;
	}

		.my_case_list .list_content table {
			width: 100%;
			border: none;
			font-size: 14px;
			line-height: 20px;
		}

			.my_case_list .list_content table tr td {
				padding-left: 15px;
			}
/*casedetail*/
.casedet_head, .m_hall_head {
	height: 50px;
	width: 100%;
	text-indent: 52px;
	line-height: 50px;
	background-color: white;
	background-image: url(../images/NE.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 32px 37px;
}

	.casedet_head span, .m_hall_head span {
		font-size: 16px;
		font-weight: bold;
	}

.casedet_content {
	margin-top: 10px;
	position: relative;
}

	.casedet_content .case_c_l {
		background-color: #fff;
		height: auto;
		margin-right: 55px;
	}

	.casedet_content .case_c_r {
		width: 55px;
		height: auto;
		position: fixed;
		right: 0px;
		top: 185px;
	}

	.casedet_content .case_c_l .case_c_title {
		height: 70px;
		border-bottom: solid 1px #EBEBEB;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		background-image: url(../images/NE.png);
		background-repeat: no-repeat;
		background-size: 22px 25px;
		background-position: 10px 10px;
	}

		.casedet_content .case_c_l .case_c_title div {
			color: #898989;
			font-size: 14px;
			line-height: 16px;
		}

		.casedet_content .case_c_l .case_c_title .case_c_bg {
			padding-top: 20px;
			padding-left: 52px;
		}

		.casedet_content .case_c_l .case_c_title .contact span {
			font-size: 13px;
			line-height: 30px;
			padding-left: 20px;
		}

		.casedet_content .case_c_l .case_c_title .contact a {
			display: inline-block;
			width: 55px;
			height: 16px;
			background-color: #eee;
			color: #898989;
			text-align: center;
			line-height: 16px;
		}

		.casedet_content .case_c_l .case_c_title div .name1 {
			font-size: 14px;
			font-weight: bold;
			color: #000;
		}

		.casedet_content .case_c_l .case_c_title div .name2 {
			font-size: 14px;
			color: #000;
			font-weight: bold;
		}

.case_confirm div span {
	line-height: 34px;
	padding-left: 20px;
	font-weight: bold;
}

.case_confirm .cc_list {
	margin-left: 20px;
	width: 85%;
	margin-bottom: 10px;
}

	.case_confirm .cc_list div {
		border: solid 1px #ebebeb;
		width: 100%;
		height: 60px;
		background-image: url(../images/WPS_W.PNG);
		background-repeat: no-repeat;
		background-size: 32px 32px;
		background-position: 14px 14px;
	}

		.case_confirm .cc_list div span {
			padding-left: 64px;
			font-size: 14px;
			font-weight: bold;
			line-height: 40px;
		}

	.case_confirm .cc_list img {
		/*width: 60%;*/
	}

.case_confirm .cc_input {
	height: 50px;
	width: 100%;
	border-top: solid 1px #ebebeb;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	.case_confirm .cc_input input {
		border: none;
		height: 32px;
		width: 90px;
		text-align: center;
		line-height: 32px;
		background-color: #108ee9;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		color: white;
		font-size: 14px;
		float: right;
		margin-right: 10px;
		margin-top: 9px;
		outline: medium;
	}

.cc_input2 {
	padding-bottom: 10px;
}

	.cc_input2 input {
		border: none;
		height: 32px;
		width: 90px;
		text-align: center;
		line-height: 32px;
		background-color: #108ee9;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		color: white;
		font-size: 14px;
		margin-left: 10px;
		margin-top: 9px;
		outline: medium;
	}

.layui-layer {
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

.r_box {
	padding-top: 5px;
}

.myregister {
	padding-top: 0px;
	margin-bottom: 0px;
}

	.myregister a {
		border: none;
		height: 42px;
		width: 95%;
		text-align: center;
		line-height: 42px;
		border-bottom: 1px solid #F6F6F6;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		color: #000;
		font-size: 14px;
		margin-left: 10px;
		outline: medium;
		display: block;
	}

.myclose a {
	border: none;
	height: 42px;
	width: 95%;
	text-align: center;
	line-height: 42px;
	border-top: 6px solid #F6F6F6;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #000;
	font-size: 14px;
	margin-left: 10px;
	outline: medium;
	display: block;
}

.case_c_r ul {
	margin: 0;
	padding: 0;
}

	.case_c_r ul li {
		width: 50px;
		height: 45px;
		background-image: url(../images/case_c_r.png);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 50px 25px;
		padding-left: 5px;
	}

		.case_c_r ul li a {
			display: block;
			width: 50px;
			height: 45px;
			color: white;
			line-height: 26px;
			text-indent: 8px;
		}

.Wrapper {
	/*min-height: 90%;*/
}

	.Wrapper .FooterPush {
		height: 80px;
	}

	.Wrapper .FooterPush2 {
		height: 220px;
	}

.casedet_footer {
	height: 40px;
	width: 100%;
	background-color: #fff;
	bottom: 0px;
	position: fixed;
}

.casedet_footer2 {
	height: 80px;
	width: 100%;
	background-color: #fff;
	bottom: 0px;
	position: fixed;
}

.c_f_list {
	height: 40px;
	background-color: #EDEDED;
	width: 100%;
}

	.c_f_list ul {
		margin: 0;
		padding: 0;
		padding-left: 10px;
	}

		.c_f_list ul li {
			float: left;
			padding-top: 8px;
		}

			.c_f_list ul li a {
				display: block;
				padding: 0 9px;
				color: #898989;
				line-height: 24px;
			}

				.c_f_list ul li a.active {
					background-color: white;
					height: 24px;
					line-height: 24px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px;
					color: #000;
					font-weight: bold;
				}

.c_f_btn {
	width: 100%;
	height: 40px;
}

	.c_f_btn a {
		display: block;
		width: 100%;
		height: 40px;
		text-align: center;
		font-size: 14px;
		color: #108ee9;
		line-height: 40px;
	}
/*pay*/
.pay_money {
	width: 95%;
	height: 115px;
	background-image: url(../images/pay_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 600px 115px;
	margin: 0 auto;
}

	.pay_money .pm_title {
		width: 100%;
		text-align: center;
		padding-top: 23px;
	}

		.pay_money .pm_title span {
			font-size: 14px;
			font-weight: bold;
		}

		.pay_money .pm_title img {
			display: inline-block;
			width: 25px;
			vertical-align: middle;
			padding-right: 10px;
		}

	.pay_money .pm_pay {
		color: #108ee9;
		text-align: center;
		line-height: 54px;
	}

		.pay_money .pm_pay .pm_mon {
			font-size: 24px;
		}

			.pay_money .pm_pay .pm_mon input {
				border: 1px #d8dce5 solid;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				height: 24px;
				line-height: 24px;
				padding-left: 6px;
				appearance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
			}

.pay_detail {
	width: 100%;
	margin: 0 auto;
}

	.pay_detail .pd_list {
		height: 42px;
		margin: 0 15px;
		border-bottom: solid 1px #EBEBEB;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

		.pay_detail .pd_list span {
			line-height: 42px;
			font-size: 12px;
		}

		.pay_detail .pd_list .pd_l_l {
			color: #898989;
		}

		.pay_detail .pd_list .pd_l_r {
			float: right;
		}

.pay_btn {
	text-align: center;
	padding-top: 50px;
}

	.pay_btn input {
		width: 90%;
		height: 38px;
		line-height: 38px;
		color: white;
		background-color: #108ee9;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
	}
/*speak.aspx*/
.speak_content {
	width: 100%;
	background-color: #fff;
}

	.speak_content .speak_con {
		min-height: 100px;
		padding: 0 15px;
		font-size: 14px;
		padding-top: 10px;
	}

	.speak_content .speak_met {
		height: 60px;
	}

		.speak_content .speak_met ul {
			margin: 0;
			padding: 0;
		}

			.speak_content .speak_met ul li {
				width: 33%;
				height: 60px;
				text-align: center;
				background-repeat: no-repeat;
				background-size: 25px 25px;
				background-position: center 10px;
				float: left;
			}

				.speak_content .speak_met ul li a {
					display: block;
					width: 100%;
					height: 25px;
					padding-top: 35px;
					text-align: center;
					color: #898989;
				}

				.speak_content .speak_met ul li.speak_2_2 a, .speak_content .speak_met ul li.speak_3_2 a {
					color: #108ee9;
				}

				.speak_content .speak_met ul li.speak_1 {
					background-image: url(../images/speak_1.png);
				}

				.speak_content .speak_met ul li.speak_2 {
					background-image: url(../images/speak_2_1.png);
				}

				.speak_content .speak_met ul li.speak_2_2 {
					background-image: url(../images/speak_2_2.png);
				}

				.speak_content .speak_met ul li.speak_3 {
					background-image: url(../images/speak_3_1.png);
				}

				.speak_content .speak_met ul li.speak_3_2 {
					background-image: url(../images/speak_3_2.png);
				}

.speak_for, .speak_notice, .speak_Aut {
	height: 48px;
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
}

	.speak_for span, .speak_for2 span, .speak_for3 span, .speak_notice span, .speak_Aut span {
		font-size: 14px;
		padding: 0 20px 0 14px;
		line-height: 45px;
	}

.speak_for2 {
	height: 170px;
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
}

.speak_for3 {
	min-height: 48px;
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
}

	.speak_for3 span {
		padding-right: 10px;
	}

.speak_notice .holder, .speak_Aut .holder {
	float: right;
	padding-top: 11px;
}

.speak_btn {
	width: 100%;
	padding-top: 20px;
	margin: 0 auto;
	text-align: center;
}

	.speak_btn input {
		width: 90%;
		height: 38px;
		line-height: 38px;
		color: white;
		background-color: #108ee9;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
	}
/* ==================================================================== */
/* CHECKBOX TYPE 10 ---------------------------------------------------- */
/* ==================================================================== */

.speak_cb {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.holder .center input[type="checkbox"] {
	display: none;
}

/*input[type="checkbox"] {
	display: none;
}*/

[id^="checkbox-10-"] + label {
	background-color: #fafbfa;
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 15px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	width: 20px;
	height: 6px;
}

	[id^="checkbox-10-"] + label:after {
		content: ' ';
		position: absolute;
		top: 0;
		-webkit-transition: box-shadow 0.1s ease-in;
		transition: box-shadow 0.1s ease-in;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 100px;
		box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
	}

	[id^="checkbox-10-"] + label:before {
		content: ' ';
		position: absolute;
		background: white;
		top: 1px;
		left: 1px;
		z-index: 999999;
		width: 22px;
		-webkit-transition: all 0.1s ease-in;
		transition: all 0.1s ease-in;
		height: 22px;
		border-radius: 100px;
		box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
	}

[id^="checkbox-10-"]:active + label:after {
	box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

[id^="checkbox-10-"]:active + label:before {
	width: 37px;
}

[id^="checkbox-10-"]:checked:active + label:before {
	width: 37px;
	left: 20px;
}

[id^="checkbox-10-"] + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

[id^="checkbox-10-"]:checked + label:before {
	content: ' ';
	position: absolute;
	left: 15px;
	border-radius: 100px;
}

[id^="checkbox-10-"]:checked + label:after {
	content: ' ';
	font-size: 1.5em;
	position: absolute;
	background: #4cda60;
	box-shadow: 0 0 1px #4cda60;
}
/* ==================================================================== */
/* CHECKBOX TYPE 10 end---------------------------------------------------- */
/* ==================================================================== */

/*court_online*/
.court_judge {
	width: 100%;
	height: 190px;
}

	.court_judge .c_name, .court_plaintiff .c_name {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0 15px;
	}

	.court_judge .c_content, .court_plaintiff .c_content {
		width: 100%;
		background-color: #000;
		height: 150px;
	}

.court_btn {
	padding-top: 10px;
	text-align: center;
}

	.court_btn input {
		font-size: 14px;
		height: 40px;
		width: 100%;
		border: none;
		background-color: #393939;
		color: white;
		outline: medium;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
/*mediation_Special.aspx*/
.ms_header {
	height: 105px;
	width: 100%;
	background-color: #B8210E;
}

	.ms_header .ms_l, .ms_header .ms_r {
		width: 50%;
		height: 105px;
		background-repeat: no-repeat;
		background-size: 34px 34px;
		background-position: center 20px;
		text-align: center;
	}

	.ms_header a {
		text-align: center;
		display: block;
		width: 100%;
		height: 105px;
		padding-top: 65px;
		color: white;
	}

	.ms_header .ms_l {
		background-image: url(../images/ms_l.png);
	}

	.ms_header .ms_r {
		background-image: url(../images/ms_r.png);
	}

.ms_nav {
	width: 100%;
}

	.ms_nav ul {
		margin: 0;
		padding: 0;
	}

		.ms_nav ul li {
			float: left;
			width: 50%;
			height: 50px;
			text-align: center;
			border-bottom: solid 1px #ebebeb;
			background-color: #fff;
		}

			.ms_nav ul li a {
				display: block;
				width: 100%;
				height: 48px;
				line-height: 50px;
				color: #898989;
			}

				.ms_nav ul li a.active {
					color: #000;
					font-size: 14px;
					font-weight: bold;
					border-bottom: solid 2px #108ee9;
				}

	.ms_nav .ms_list {
		background-color: #fff;
		margin-bottom: 10px;
	}

		.ms_nav .ms_list .ms_l_date {
			height: 42px;
			width: 100%;
			border-bottom: solid 1px #ebebeb;
		}

			.ms_nav .ms_list .ms_l_date span {
				line-height: 42px;
				padding-left: 15px;
			}

		.ms_nav .ms_list .ms_l_title {
			height: 65px;
			width: 100%;
		}

			.ms_nav .ms_list .ms_l_title .ms_l_sub {
				padding: 0 15px;
			}

				.ms_nav .ms_list .ms_l_title .ms_l_sub a {
					display: block;
					width: 100%;
					font-size: 14px;
					font-weight: bold;
					padding-top: 10px;
					color: #000;
				}

			.ms_nav .ms_list .ms_l_title .ms_l_inf {
				padding: 0 15px;
				color: #898989;
				line-height: 34px;
			}

				.ms_nav .ms_list .ms_l_title .ms_l_inf span {
					width: 50%;
					display: inline-block;
				}
/*mediator_list.aspx*/
.mdl_header {
	height: 95px;
	width: 100%;
	background-color: #fff;
	background-image: url(../images/mediator_list.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1050px 45px;
	text-align: center;
}

	.mdl_header .mdl_title {
		font-size: 15px;
		font-weight: bold;
		padding-top: 16px;
	}

	.mdl_header .mdl_court {
		background-size: 21px 24px;
		width: 100%;
		height: 30px;
		margin: 0 auto;
		padding-top: 15px;
	}

		.mdl_header .mdl_court select {
			border: none;
			padding: 0 5px;
			height: 20px;
			line-height: 20px;
			font-size: 14px;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			background: url(../images/arrow_w.png) no-repeat scroll right center transparent;
			padding-right: 14px;
			background-size: 8px 6px;
			color: white;
		}

.mdl_list .mdl_l_content {
	width: 95%;
	height: 92px;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

	.mdl_list .mdl_l_content .mdl_lc_l {
		padding-top: 14px;
		padding-left: 60px;
	}

		.mdl_list .mdl_l_content .mdl_lc_l .mdl_name {
			font-size: 16px;
			line-height: 26px;
		}

		.mdl_list .mdl_l_content .mdl_lc_l span {
			line-height: 20px;
			font-size: 14px;
		}

	.mdl_list .mdl_l_content .mdl_lc_r {
		padding-top: 20px;
		padding-right: 10px;
	}

		.mdl_list .mdl_l_content .mdl_lc_r a {
			width: 74px;
			height: 28px;
			display: block;
			font-size: 14px;
			line-height: 28px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border: solid 1px #C84E3E;
			text-align: center;
			color: #C84E3E;
			background-color: #FFEBEA;
		}
/*mediate_seek*/
.m_seek_title {
	height: 34px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
}

.m_seek_list, .m_seek_list2 {
	width: 100%;
	background-color: #fff;
}

	.m_seek_list ul {
		margin: 0;
		padding: 0;
	}

		.m_seek_list ul li {
			height: 44px;
			border-bottom: solid 1px #ebebeb;
		}

			.m_seek_list ul li input[type='text'] {
				border: none;
				height: 42px;
				font-size: 14px;
				appearance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
				outline: medium;
				width: 62%;
				background-color: transparent;
			}

			.m_seek_list ul li span {
				display: inline-block;
				width: 33%;
				height: 44px;
				line-height: 44px;
				font-size: 14px;
				color: #898989;
				text-indent: 15px;
			}

.m_seek_title2 {
	height: 34px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	text-indent: 15px;
}

	.m_seek_title2 a {
		display: block;
		width: 20px;
		height: 20px;
		float: right;
		padding-right: 25px;
		padding-top: 6px;
	}

		.m_seek_title2 a img {
			width: 20px;
		}

.m_seek_list2 ul li {
	padding-left: 15px;
}

.m_seek_list ul li a {
	text-align: center;
	line-height: 44px;
	color: #0036e8;
	display: block;
	height: 44px;
}

.m_seek_list2 ul .m_seek_l1, .m_seek_list2 ul .m_seek_l2 {
	border-bottom: solid 1px #ebebeb;
}

.m_seek_list2 ul .m_seek_l1 {
	height: 60px;
}

.m_seek_list2 ul .m_seek_l2 {
	height: 165px;
}

.m_seek_list2 ul .m_seek_l1 input[type='text'] {
	border: none;
	height: 58px;
	font-size: 14px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: medium;
	width: 99%;
	background-color: transparent;
}

.m_seek_list2 ul .m_seek_l2 textarea {
	border: none;
	height: 143px;
	font-size: 14px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: medium;
	line-height: 30px;
	padding: 10px 0;
	width: 98%;
	background-color: transparent;
}

.m_seek_footer {
	height: 38px;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

	.m_seek_footer input {
		width: 90%;
		height: 38px;
		line-height: 38px;
		color: white;
		background-color: #108ee9;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
	}
/*mediation_enter.aspx*/
.m_enter_head {
	height: 150px;
	width: 100%;
}

	.m_enter_head a {
		display: block;
		height: 150px;
		width: 100%;
		background-image: url(../images/head.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 101px 84px;
	}

.m_enter_list {
	width: 100%;
}

	.m_enter_list ul li {
		height: 55px;
		border-bottom: solid 1px #ebebeb;
	}

		.m_enter_list ul li span {
			font-size: 14px;
			color: #898989;
			display: inline-block;
			line-height: 55px;
			height: 55px;
			width: 30%;
			text-indent: 15px;
		}

		.m_enter_list ul li input {
			border: none;
			height: 42px;
			font-size: 14px;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			outline: medium;
			width: 65%;
			background-color: transparent;
		}

.m_enter_footer {
	text-align: center;
	width: 100%;
	padding-top: 15px;
}

	.m_enter_footer input {
		width: 90%;
		height: 38px;
		line-height: 38px;
		color: white;
		background-color: #108ee9;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
	}
/*mediate_hall.aspx*/
.m_hall_footer {
	height: 40px;
	width: 100%;
	background-color: #fff;
	margin-top: -40px;
}

.m_hall_content {
	width: 100%;
}

	.m_hall_content .m_hall_list {
		margin-top: 10px;
		width: 100%;
		background-color: #fff;
	}

		.m_hall_content .m_hall_list .m_hl_title {
			height: 60px;
			border-bottom: solid 1px #ebebeb;
			color: #898989;
			font-size: 14px;
			position: relative;
		}

			.m_hall_content .m_hall_list .m_hl_title img {
				width: 25px;
				height: 25px;
				-moz-border-radius: 12px;
				-webkit-border-radius: 12px;
				border-radius: 12px;
				position: absolute;
				top: 8px;
				left: 10px;
			}

			.m_hall_content .m_hall_list .m_hl_title span.m_hl_name1 {
				font-size: 14px;
				color: #2932E1;
			}

			.m_hall_content .m_hall_list .m_hl_title span.m_hl_lt {
				padding-left: 48px;
				padding-top: 14px;
				display: inline-block;
			}

			.m_hall_content .m_hall_list .m_hl_title span.m_hl_name2 {
				font-size: 14px;
				color: #000;
			}

			.m_hall_content .m_hall_list .m_hl_title span.m_hl_time {
				padding-left: 20px;
				font-size: 12px;
			}

.m_hall_list .m_hl_content {
	padding: 10px 15px;
}

	.m_hall_list .m_hl_content span {
		font-size: 14px;
		line-height: 22px;
		font-weight: bold;
	}
/*Calculator*/
.cal_header .cal_help a {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fff;
	text-align: center;
	line-height: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #898989;
}

.cal_content .cal_list, .cal_result .cal_list {
	width: 100%;
	background-color: white;
	margin-top: 10px;
}

	.cal_content .cal_list span, .cal_result .cal_list span {
		line-height: 30px;
		text-indent: 14px;
		height: 30px;
		display: block;
	}

.cal_content .cal_inf, .cal_result .cal_inf, .cal_result .cal_inf2 {
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
}

.cal_inf ul li .cal_span {
	color: #108EE9;
	font-size: 14px;
}

.cal_content .cal_list {
	padding-top: 10px;
}

	.cal_content .cal_list p {
		font-size: 13px;
		line-height: 22px;
		padding: 3px 10px;
	}

		.cal_content .cal_list p b {
			font-size: 13px;
			font-weight: inherit;
			display: block;
			padding-left: 14px;
			padding-top: 3px;
		}

.cal_content .cal_inf ul li, .cal_result .cal_inf ul li，.cal_result .cal_inf2 ul li {
	height: 40px;
	width: 100%;
	overflow: hidden;
}

	.cal_content .cal_inf ul li span {
		display: inline-block;
		padding-left: 15px;
		font-size: 14px;
		color: #898989;
		width: 95px;
		line-height: 40px;
	}

	.cal_content .cal_inf ul li select {
		line-height: 40px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
		font-size: 14px;
		outline: medium;
	}

	.cal_content .cal_inf ul li input[type='text'] {
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		width: 58%;
		border: none;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		outline: medium;
		background-color: transparent;
	}

	.cal_content .cal_inf ul li input[type='checkbox'] {
		display: none;
	}

/* ==================================================================== */
/* CHECKBOX TYPE 3 ---------------------------------------------------- */
/* ==================================================================== */

[id^="checkbox-3-"] + label {
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 9px;
	border-radius: 1000px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
}

	[id^="checkbox-3-"] + label:active {
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.2);
	}

[id^="checkbox-3-"]:checked + label {
	background-color: #ECF2F7;
	border: 1px solid #92A1AC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}

	[id^="checkbox-3-"]:checked + label:before {
		content: ' ';
		border-radius: 100px;
		position: absolute;
		background: #253C4B;
		opacity: 0.8;
		display: none;
		box-shadow: inset 0 15px 23px -10px rgba(187, 230, 240, 0.3), 0 2px 2px rgba(0, 0, 0, 0.1);
		top: 3px;
		left: 3px;
		width: 12px;
		height: 12px;
	}

	[id^="checkbox-3-"]:checked + label:before {
		content: ' ';
		display: block;
	}


#checkbox-3-2:checked + label:before {
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
}

#checkbox-3-3:checked + label:before {
	top: 5px;
	left: 5px;
	width: 28px;
	height: 28px;
}

#checkbox-3-2 + label {
	width: 10px;
	height: 10px;
}

#checkbox-3-3 + label {
	width: 20px;
	height: 20px;
}

#checkbox-3-2 + label {
	width: 10px;
	height: 10px;
}

#checkbox-3-3 + label {
	width: 20px;
	height: 20px;
}
/* ==================================================================== */
/* CHECKBOX TYPE 3 end---------------------------------------------------- */
/* ==================================================================== */
.cal_btn {
	margin: 10px 0;
	text-align: center;
}

	.cal_btn input.res_btn {
		width: 90%;
		height: 38px;
		line-height: 38px;
		color: #108ee9;
		background-color: #fff;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
	}

	.cal_btn input.cal_btn2 {
		width: 90%;
		height: 38px;
		line-height: 38px;
		color: white;
		background-color: #108ee9;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
		margin-bottom: 10px;
	}

.cal_result {
	margin-top: 20px;
	margin-bottom: 20px;
}

	.cal_result .cal_inf ul li {
		font-size: 14px;
		width: 100%;
	}

		.cal_result .cal_inf ul li span {
			display: inline-block;
			padding-left: 15px;
			font-size: 14px;
			color: #898989;
			width: 70px;
			line-height: 40px;
		}

		.cal_result .cal_inf ul li input[type='text'] {
			height: 36px;
			line-height: 36px;
			font-size: 14px;
			width: 60%;
			border: none;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			outline: medium;
			background-color: transparent;
		}

	.cal_result .cal_inf2 ul li span {
		display: inline-block;
		padding-left: 15px;
		font-size: 14px;
		color: #898989;
		width: 120px;
		line-height: 40px;
	}

	.cal_result .cal_inf2 ul li input[type='text'] {
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		border: none;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		outline: medium;
		background-color: transparent;
	}
/*login*/
.login_header {
	padding-top: 80px;
	text-align: center;
}

	.login_header img {
		width: 100px;
	}

.form-title {
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.login_footer {
	width: 500px;
	text-align: center;
	margin: 0 auto;
	top: 20%;
}

	.login_footer .title {
		height: 20px;
	}

	.login_footer .login_user {
		margin-bottom: 15px;
	}

	.login_footer .login_psw {
		margin-bottom: 15px;
	}

	.login_footer .login_btn {
		margin-bottom: 10px;
	}

	.login_footer .login_roles {
		margin-bottom: 10px;
	}

		.login_footer .login_roles select {
			background-color: transparent;
		}

	.login_footer .login_user input, .login_footer .login_psw input {
		width: 90%;
		height: 36px;
		background-position: 10px center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-color: transparent;
		border: solid 1px #ddd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-indent: 40px;
		color: #333;
		font-size: 14px;
		line-height: 36px;
		outline: medium;
	}

	.login_footer .login_user input {
		background-image: url(../images/login_user2.png);
	}

	.login_footer .login_psw input {
		background-image: url(../images/login_psw2.png);
	}

	.login_footer .login_btn input {
		width: 90%;
		height: 38px;
		line-height: 38px;
		color: white;
		background-color: #108ee9;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
	}

	.login_footer .login_register a {
		float: left;
		padding-left: 5%;
		font-size: 14px;
		color: white;
	}

@media screen and (max-width: 768px) {
	.login_footer {
		width: 100%;
		text-align: center;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
	}

		.login_footer .login_user {
			margin-bottom: 15px;
		}

		.login_footer .login_psw {
			margin-bottom: 15px;
		}

		.login_footer .login_btn {
			margin-bottom: 10px;
		}

		.login_footer .login_roles {
			margin-bottom: 10px;
		}

			.login_footer .login_roles select {
				background-color: transparent;
			}

		.login_footer .login_user input, .login_footer .login_psw input {
			width: 90%;
			height: 36px;
			background-position: 10px center;
			background-repeat: no-repeat;
			background-size: 20px 20px;
			background-color: transparent;
			border: solid 1px #ddd;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			text-indent: 40px;
			color: #333;
			font-size: 14px;
			line-height: 36px;
			outline: medium;
		}

		.login_footer .login_user input {
			background-image: url(../images/login_user.png);
		}

		.login_footer .login_psw input {
			background-image: url(../images/login_psw.png);
		}

		.login_footer .login_roles input {
			background-image: url(../images/login_code2.png);
		}

		.login_footer .login_btn input {
			width: 90%;
			height: 38px;
			line-height: 38px;
			color: white;
			background-color: #108ee9;
			border: none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			font-size: 14px;
			outline: medium;
		}

		.login_footer .login_register a {
			float: left;
			padding-left: 5%;
			font-size: 14px;
			color: white;
		}
}

@media screen and (max-width: 480px) {
	.login_footer {
		width: 96%;
		text-align: center;
		margin-top: 5%;
		margin-left: auto;
		margin-right: auto;
		height: 315px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background-color: #fff;
	}

		.login_footer .login_user {
			margin-bottom: 20px;
		}

		.login_footer .login_psw {
			margin-bottom: 20px;
		}

		.login_footer .login_btn {
			margin-bottom: 15px;
		}

		.login_footer .login_roles {
			margin-bottom: 15px;
		}

			.login_footer .login_roles select {
				background-color: transparent;
			}

			.login_footer .login_user input, .login_footer .login_psw input, .login_footer .login_roles input {
				width: 90%;
				height: 36px;
				background-position: 10px center;
				background-repeat: no-repeat;
				background-size: 20px 20px;
				background-color: transparent;
				border: solid 1px #ddd;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				text-indent: 40px;
				color: #333;
				font-size: 14px;
				line-height: 36px;
				outline: medium;
			}

			.login_footer .login_roles input {
				width: 57% !important;
			}

		.login_footer .login_user input {
			background-image: url(../images/login_user2.png);
		}

		.login_footer .login_psw input {
			background-image: url(../images/login_psw2.png);
		}

		.login_footer .login_roles input {
			background-image: url(../images/login_code2.png);
		}

		.login_footer .login_btn input {
			width: 90%;
			height: 38px;
			line-height: 38px;
			color: white;
			background-color: #108ee9;
			border: none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			font-size: 14px;
			outline: medium;
		}

		.login_footer .login_register a {
			float: left;
			padding-left: 5%;
			font-size: 14px;
			color: white;
		}
}
/*homepage*/
.Court_header {
	height: 40px;
	width: 100%;
	background-color: white;
	line-height: 40px;
}

	.Court_header .icon_back {
		display: block;
		position: absolute;
		left: 15px;
		top: 14px;
		width: 15px;
		height: 15px;
		background-image: url(../images/icon_back.png);
		background-repeat: no-repeat;
		background-size: 9px 15px;
	}

	.Court_header .icon_out {
		display: block;
		position: absolute;
		right: 15px;
		top: 10px;
		width: 20px;
		height: 20px;
		background-image: url(../images/icon_out.png);
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}

	.Court_header h1 {
		text-align: center;
		margin: 0 auto;
		width: 50%;
		height: 40px;
		color: #000;
		font-size: 16px;
	}

	.Court_header.c_b {
		background-color: #108ee9;
	}

		.Court_header.c_b .icon_back {
			display: block;
			position: absolute;
			left: 15px;
			top: 14px;
			width: 15px;
			height: 15px;
			background-image: url(../images/icon_back2.png);
			background-repeat: no-repeat;
			background-size: 9px 15px;
		}

		.Court_header.c_b .icon_out {
			display: block;
			position: absolute;
			right: 15px;
			top: 10px;
			width: 20px;
			height: 20px;
			background-image: url(../images/icon_out2.png);
			background-repeat: no-repeat;
			background-size: 20px 20px;
		}

		.Court_header.c_b h1 {
			text-align: center;
			margin: 0 auto;
			width: 50%;
			height: 40px;
			color: #fff;
			font-size: 16px;
		}

.user_name {
	width: 100%;
	height: 30px;
	background-color: #f5f5f5;
	box-shadow: 3px 3px 1px #d1d1d1;
}

	.user_name span {
		text-align: left;
		padding: 0 10px;
		line-height: 30px;
	}

.court_list {
	width: 94%;
	margin: 0 3%;
	padding-top: 50px;
}

	.court_list ul {
		width: 100%;
	}

		.court_list ul li {
			float: left;
			width: 48%;
			height: 130px;
			text-align: center;
			padding-top: 4%;
		}

.pt4 {
	padding-top: 4%;
}

.pr4 {
	padding-right: 4%;
}

.mr4 {
	margin-right: 4px;
}

.court_list ul li .cl_bg1, .court_list ul li .cl_bg2, .court_list ul li .cl_bg3, .court_list ul li .cl_bg4, .court_list ul li .cl_bg5, .court_list ul li .cl_bg6 {
	width: 100%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 100%;
	box-shadow: 0 0 1px rgba(0,0,0,0.125),0 1px 3px rgba(0,0,0,.2);
}

.court_list ul li .cl_bg1 {
	background-color: #17a2b8 !important;
}

.court_list ul li .cl_bg2 {
	background-color: #28a745 !important;
}

.court_list ul li .cl_bg3 {
	background-color: #ffc107 !important;
}

.court_list ul li .cl_bg4 {
	background-color: #dc3545 !important;
}

.court_list ul li .cl_bg5 {
	background-color: #dc3545 !important;
}

.court_list ul li .cl_bg6 {
	background-color: #dc3545 !important;
}

.court_list ul li div a {
	display: block;
	width: 100%;
	color: white;
	font-size: 14px;
	padding-top: 90px;
	height: 40px;
}

.court_list ul li .cl_bg1 a, .court_list ul li .cl_bg2 a, .court_list ul li .cl_bg3 a, .court_list ul li .cl_bg4 a, .court_list ul li .cl_bg5 a, .court_list ul li .cl_bg6 a {
	background-size: 75px 75px;
	background-repeat: no-repeat;
	background-position: center 10px;
}

.court_list ul li .cl_bg1 a {
	background-image: url(../images/cl_bg1.png);
}

.court_list ul li .cl_bg2 a {
	background-image: url(../images/cl_bg2.png);
}

.court_list ul li .cl_bg3 a {
	background-image: url(../images/cl_bg3.png);
}

.court_list ul li .cl_bg4 a {
	background-image: url(../images/cl_bg4.png);
}

.court_list ul li .cl_bg5 a {
	background-image: url(../images/cl_bg5.png);
}

.court_list ul li .cl_bg6 a {
	background-image: url(../images/cl_bg5.png);
}
/*Experiment*/
.exp_header {
	height: 85px;
	width: 100%;
	background-color: #108ee9;
	margin-bottom: 10px;
	background-image: url(../images/setcase4.png);
	background-repeat: no-repeat;
	background-size: 400px 85px;
}

.exp_table {
	width: 100%;
	display: block;
}

	.exp_table table {
		width: 100%;
		border-collapse: collapse;
		padding: 0;
		margin-top: 5px;
	}

table, tr, td {
	margin: 0px;
	padding: 0px;
}

.exp_table table tbody tr td {
	position: relative;
}

.icon_tb {
	position: absolute;
	right: 10px;
	top: 22px;
}

.exp_table table tbody tr td .tb_score {
	position: absolute;
	right: 10px;
	top: 30%;
	font-size: 14px;
}

.exp_table table tbody tr td .icon_tb img, .icon_tb2 img {
	width: 15px;
}

.icon_tb2 {
	position: absolute;
	right: 10px;
	top: 15px;
}

[id^="tb_s"] {
	line-height: 22px;
	padding: 8px 40px 8px 15px;
	background-color: #fff;
	border-bottom: solid 1px #ebebeb;
}

	[id^="tb_s"] a {
		color: #000;
		font-size: 14px;
		display: block;
	}

[id^="tb_h"] {
	background-color: white;
}

	[id^="tb_h"] p {
		line-height: 22px;
		font-size: 12px;
		padding: 5px 15px;
		border-bottom: solid 1px #ebebeb;
		color: #333;
	}

.tb_link {
	color: #898989;
}

	.tb_link a {
		color: #108ee9;
		display: inline-block;
		width: 22%;
		text-align: center;
	}
/*Exp_Roles*/
.er_header, .er_authority {
	padding: 8px 15px;
	background-color: #fff;
	line-height: 22px;
	border-bottom: solid 1px #ebebeb;
}

	.er_header span {
		line-height: 22px;
		font-size: 14px;
		font-weight: bold;
	}

	.er_header p {
		line-height: 22px;
		font-size: 12px;
		color: #898989;
	}

.er_authority {
	border-bottom: none;
}

	.er_authority span {
		line-height: 22px;
		font-size: 14px;
	}

.er_table {
	background-color: #fff;
	width: 100%;
}

	.er_table table {
		padding: 0 15px;
		width: 100%;
	}

		.er_table table thead {
			width: 100%;
		}

			.er_table table thead tr td {
				font-size: 14px;
				font-weight: bold;
			}

		.er_table table tr td {
			line-height: 30px;
			height: 30px;
			border-bottom: solid 1px #ebebeb;
		}

			.er_table table tr td a {
				color: #108ee9;
				font-size: 14px;
			}

.case_roles {
	margin-top: 10px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
}
/*Roles_list*/
.rl_table {
	width: 100%;
	background-color: #fff;
}

	.rl_table table {
		padding: 0 15px;
		width: 100%;
	}

		.rl_table table tr td {
			line-height: 40px;
			font-size: 14px;
			width: 50%;
		}

			.rl_table table tr td a {
				color: #2932E1;
				font-size: 14px;
			}
/*pay_search*/
.ps_bg {
	background-color: #fff;
	height: 180px;
	width: 100%;
	background-image: url(../images/pay_search.png);
	background-repeat: no-repeat;
	background-size: 65px 56px;
	background-position: center 30px;
}

.ps_btn {
	text-align: center;
	padding-top: 20px;
}

	.ps_btn input {
		width: 90%;
		height: 38px;
		line-height: 38px;
		color: white;
		background-color: #108ee9;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
	}

.ps_bg .ps_txt {
	width: 100%;
	text-align: center;
	padding-top: 110px;
}

	.ps_bg .ps_txt input {
		width: 90%;
		height: 50px;
		line-height: 50px;
		background-color: #f4f4f4;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: none;
		font-size: 18px;
		text-align: center;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

.exp_table span {
	color: #108ee9;
}
/*文本框统一样式*/
.speak_for input, .speak_for2 input, .speak_for3 input, textbox {
	border: 1px #d8dce5 solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 24px;
	line-height: 24px;
	padding-left: 6px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

textarea {
	border: 1px #d8dce5 solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 24px;
	text-indent: 6px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.querybutton {
	min-width: 55px;
	width: 100%;
	border: none;
	background-color: #108ee9;
	color: white;
	height: 36px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

/*分页*/
.pager {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: right;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

	.pager table {
		float: right;
	}

		.pager table tr td {
			line-height: 30px;
			height: 30px;
		}

.pageNumberClass {
	color: #004EA2;
	margin-right: 4px;
	padding: 2px 7px;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #ccc;
}

.pageNumberClassd {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #108ee9;
	border: solid 1px #108ee9;
	margin-right: 4px;
	padding: 2px 7px;
}

.pageNumberClass:hover {
	background: #108ee9;
	color: White;
	border: solid 1px #108ee9;
}

.pageFirstClass {
	color: #004EA2;
	margin-right: 4px;
	padding: 2px 7px;
	text-decoration: none;
	line-height: 200%;
	border: solid 1px #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.pageLastClass {
	color: #004EA2;
	margin-right: 4px;
	padding: 2px 7px;
	text-decoration: none;
	line-height: 200%;
	border: solid 1px #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.pageFirstClass:hover {
	background: #108ee9;
	color: White;
	border: solid 1px #108ee9;
}

.pageLastClass:hover {
	background: #108ee9;
	color: White;
	border: solid 1px #108ee9;
}

.pageCountClass {
	padding-right: 10px;
}

/*案件详情*/
.case_page {
	margin: 0 auto;
	padding-top: 10px;
	width: 96%;
	height: auto;
	background-color: white;
	-moz-box-shadow: 2px 2px 5px #888888, -2px -2px 5px #888888;
	-webkit-box-shadow: 2px 2px 5px #888888, -2px -2px 5px #888888;
	box-shadow: 2px 2px 5px #888888, -2px -2px 5px #888888;
}

	.case_page .case_page_title {
		line-height: 20px;
		text-align: center;
		padding: 12px 5px;
	}

		.case_page .case_page_title span {
			font-size: 18px;
		}

	.case_page table {
		width: 86%;
		margin: 0 auto;
	}

		.case_page table tr td {
			border-top: solid 1px #ccc;
			border-left: solid 1px #ccc;
			padding: 0 3px;
			line-height: 26px;
		}

			.case_page table tr td.case_page_last {
				border-bottom: solid 1px #ccc;
			}

			.case_page table tr td.case_page_right {
				border-right: solid 1px #ccc;
			}

	.case_page .case_page_content {
		margin: 0 auto;
		width: 94%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

		.case_page .case_page_content .title {
			line-height: 34px;
			font-size: 14px;
		}

		.case_page .case_page_content span {
			line-height: 22px;
			font-size: 12px;
		}

.case_b_btn {
	padding-top: 20px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

	.case_b_btn input {
		width: 65px;
		border: none;
		background-color: #108ee9;
		color: white;
		height: 26px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}
/*案例修改*/
.case_list {
	width: 100%;
	height: auto;
	background-color: white;
	padding-top: 10px;
}

.case_list_ul ul li {
	line-height: 24px;
	padding: 6px 10px;
}

	.case_list_ul ul li span {
		font-size: 14px;
	}

	.case_list_ul ul li input.case_input {
		border: 1px #d8dce5 solid;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		height: 24px;
		line-height: 24px;
		padding-left: 6px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

	.case_list_ul ul li .t_left {
		float: left;
	}

	.case_list_ul ul li table {
		float: left;
	}

	.case_list_ul ul li .button {
		width: 60px;
		height: 28px;
		line-height: 28px;
		color: white;
		background-color: #108ee9;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		outline: medium;
	}

.rbtnlist label {
	font-size: 14px;
}

/*去掉安卓手机下拉框灰色背景*/
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	padding-right: 20px;
	padding-left: 5px;
	background: url('../images/arrow_drop_down.png') no-repeat scroll right 5px center transparent;
	background-size: 15px 9px;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: rgba(0,0,0,0);
}
/*在线开庭*/

.court_btn1 input {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	height: 30px;
	background-color: transparent;
	font-size: 14px;
	outline: medium;
	top: 0px;
	width: 96%;
	background-color: white;
	background-position: 9px center;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	text-indent: 12px;
}

.court_btn2 {
	min-width: 55px;
	width: 100%;
	border: none;
	background-color: #108ee9;
	color: white;
	height: 32px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	line-height: 32px;
}

.c_f_list2 {
	height: 40px;
	background-color: #EDEDED;
	width: 100%;
}

	.c_f_list2 p {
		height: 40px;
		line-height: 40px;
	}

	.c_f_list2 span {
		color: #898989;
		line-height: 40px;
		text-indent: 3%;
		display: inline-block;
	}

.case_btn {
	position: absolute;
	height: 60px;
	bottom: 0px;
	width: 100%;
}

.exp_nav {
	width: 100%;
	line-height: 24px;
	padding: 5px 0;
	text-indent: 10px;
	background-color: white;
}

	.exp_nav span {
		font-size: 14px;
		color: #898989;
	}

	.exp_nav a {
		font-size: 14px;
		color: #898989;
	}
/*外壳*/
.hull_bg {
	width: 100%;
	height: 100%;
	background-color: white;
}

.iphone_black {
	background-image: url(../images/hull/iphone_black.png);
}

.iphone_gold {
	background-image: url(../images/hull/iphone_gold.png);
}

.iphone_silver {
	background-image: url(../images/hull/iphone_Silver.png);
}

#iphone {
	width: 390px;
	height: 793px;
	margin: 0 auto;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}

	#iphone iframe {
		background-color: white;
		margin-top: 97px;
		margin-left: 26px;
	}

	#iphone .type {
		position: absolute;
		left: 400px;
		top: 10px;
		width: 90px;
	}

		#iphone .type li {
			margin-top: 5px;
		}

		#iphone .type a {
			font-size: 14px;
			cursor: pointer;
			border: solid 1px #ddd;
			width: 60px;
			height: 30px;
			line-height: 30px;
			display: block;
			text-align: center;
		}

			#iphone .type a.black {
				background-color: black;
				color: white;
			}

			#iphone .type a.gold {
				background-color: #B59563;
				color: #fff;
			}

			#iphone .type a.silver {
				background-color: silver;
				color: #fff;
			}
/*new*/
.n_title {
	width: 96%;
	margin: 0 auto;
	height: 36px;
	line-height: 36px;
	color: #898989;
}

.n_table {
	width: 100%;
	background-color: #fff;
}

	.n_table .n_user, .n_table .n_ide {
		height: 36px;
		line-height: 36px;
		border-bottom: solid 1px #ddd;
		width: 100%;
		margin: 0 auto;
	}

.w50 {
	width: 140px !important;
}

.w80 {
	width: 80px !important;
}

.w150 {
	width: 150px;
}

.mw195 {
	max-width: 195px;
}

.n_table a {
	font-size: 14px;
	width: 95px;
	text-align: center;
	display: inline-block;
	border-left: 1px #ddd solid;
	float: right;
	color: #0099ff;
}

.n_table .n_user span, .n_table .n_ide span {
	color: #000;
	font-size: 15px;
	padding-left: 2%;
	display: inline-block;
	width: 70px;
}

.n_table input {
	border: none;
	height: 34px;
	font-size: 15px;
	width: 70%;
}

.n_info {
	padding: 20px 0px;
}

	.n_info p a {
		text-align: center;
		color: #0099ff;
	}

	.n_info p {
		line-height: 24px;
		text-align: center;
	}

		.n_info p.n_sure {
			color: #898989;
			padding: 0 10px;
		}

.n_btn {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
}

	.n_btn input {
		width: 100%;
		height: 40px;
		text-align: center;
		border: none;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: white;
		background-color: #108EE9;
		cursor: pointer;
		font-size: 15px;
	}

.ide_content {
	width: 96%;
	margin: 0 auto;
}

	.ide_content .title {
		font-size: 18px;
		color: #000;
		padding: 30px 0;
		text-align: center;
	}

.ide_person {
	background-image: url(../images/person.png);
	background-position: center center;
	height: 90px;
	width: 100%;
	background-repeat: no-repeat;
}

.ide_con {
	font-size: 18px;
	padding: 10px 18px;
	text-align: center;
}

.ide_check {
	padding-top: 40px;
}

	.ide_check a {
		color: #0099ff;
	}

	.ide_check input {
		float: left;
		display: block !important;
	}

	.ide_check label {
		color: #898989;
	}

.id_ver {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
}

	.id_ver input {
		width: 100%;
		height: 40px;
		text-align: center;
		border: none;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #333;
		background-color: #f8f8f8;
		cursor: pointer;
		font-size: 15px;
		border: solid 1px #ccc;
	}

.pt15 {
	padding-top: 15px;
}

.n_step {
	height: 40px;
	border-top: 5px solid #E0E0E0;
}

	.n_step ul li {
		float: left;
		width: 33.3%;
		line-height: 40px;
		text-align: center;
		margin-top: -5px;
		color: #898989;
	}

		.n_step ul li.active {
			border-top: 5px solid #108EE9;
			color: #0099ff;
		}

.n_ico {
	background-image: url(../images/NE.png);
	background-size: 25px;
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	background-repeat: no-repeat;
	background-position: 20px 8px;
	padding-left: 56px;
	color: #333;
	font-weight: 600;
}

.n_txt {
	font-size: 20px;
	padding: 10px 20px;
	color: #666;
}

.plr10 {
	padding: 40px 10px;
}

.cl {
	height: 36px;
	line-height: 36px;
	padding-left: 15px;
}

	.cl a {
		color: white;
	}

.h_i {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #898989;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -130px;
	border: solid 10px #ccc;
}

.h_con {
	color: white;
	text-align: center;
	font-size: 16px;
	padding-top: 280px;
}

.n_sign .title {
	width: 100%;
	text-align: center;
}

.n_con {
	margin: 10px;
	padding: 10px 0;
	border: solid 1px #ccc;
}
/*new end*/


/*demo*/
.pi_demo {
	height: 30px;
	width: 100%;
	margin: 0 auto;
	z-index: 1000;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

.c_bg {
	background-color: #f5f5f5;
	width: 100%;
}

	.c_bg ul li {
		margin-top: 10px;
		overflow: hidden;
	}

.c_img {
	width: 45px;
}

	.c_img img {
		/*border: solid 1px #ccc;*/
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

.c_talk {
	background-color: white;
	padding: 7px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 10px;
	max-width: 70%;
	border: solid 1px #ebebeb;
}

	.c_talk .c_name {
		font-size: 14px;
		font-weight: 600;
	}

	.c_talk .c_con {
		font-size: 14px;
		margin-top: 10px;
	}

.dio .d_dio_f {
	background-image: url(../images/d_l.png);
	width: 293px;
	height: 161px;
	margin: 0 auto;
	margin-top: 5px;
}

.dio .d_dio_r {
	background-image: url(../images/d_r.png);
	width: 293px;
	height: 161px;
	margin: 0 auto;
	margin-top: 5px;
}

.d_dio_f span, .d_dio_r span {
	display: block;
	width: 225px;
	height: 85px;
	padding-top: 30px;
	padding-left: 50px;
	margin-right: 20px;
}

.d_man2 {
	background-image: url(../images/man2.png);
	width: 140px;
	height: 269px;
	margin-left: 20px;
	position: relative;
}

	.d_man2 span, .d_man1 span {
		display: block;
		position: absolute;
		bottom: -20px;
		left: 20px;
	}


.d_man1 {
	background-image: url(../images/man1.png);
	width: 74px;
	height: 264px;
	margin-right: 20px;
	position: relative;
}

.demo_menu {
	position: absolute;
	width: 210px;
	top: 45px !important;
	left: -200px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

	.demo_menu span {
		cursor: pointer;
		display: block;
		margin-bottom: 8px;
		width: 70px;
		background-color: rgba(40,115,175,0.75);
	}

	.demo_menu .down {
		background-color: inherit !important;
		width: 0 !important;
		height: 0 !important;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		border-top: 20px solid lightgreen;
		margin-left: 15px;
	}

	.demo_menu .demo_li {
		display: inline-block;
		height: 30px;
		padding: 0 2px;
		border-radius: 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	.demo_menu .complete {
		background-color: #d9534f;
	}

	.demo_menu .Ongoing {
		background-color: #449d44;
	}
/*提示信息*/
.tips {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #3399cc;
	padding-top: 40px;
}

	.tips .t_bg {
		padding: 5px;
	}

	.tips .t_content {
		color: #333;
		line-height: 24px;
		padding: 8px 15px;
		text-indent: 2em;
	}

		.tips .t_content div {
			font-size: 14px !important;
		}

		.tips .t_content .t_title {
			font-size: 18px !important;
			line-height: 42px;
			text-align: center;
			text-indent: 0px;
			font-weight: bold;
			color: white;
		}

		.tips .t_content .t_title2 {
			font-size: 14px !important;
			line-height: 42px;
			text-align: center;
			text-indent: 0px;
			font-weight: bold;
			color: white;
		}

.t_btn {
	margin-top: 10px;
}

	.t_btn a {
		width: 40%;
		height: 34px;
		line-height: 34px;
		display: inline-block;
		text-align: center;
		font-size: 14px;
		float: left;
	}

.btn_s a {
	background-color: #2588d8;
	color: #fff;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

.btn_b a {
	background-color: #B7BBBF;
	color: #fff;
	margin-left: 30px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.btn_s a:hover {
	background-color: #1a79c6;
	transition: ease background-color 0.3s;
	-webkit-transition: ease background-color 0.3s;
	-moz-transition: ease background-color 0.3s;
}
/*end提示信息*/
.content {
}

.t_menu_swiper {
	height: 36px;
	border-bottom: 1px #f6f6f6 solid;
}

	.t_menu_swiper div {
		margin-top: 5px;
		margin-bottom: 1px;
	}

		.t_menu_swiper div a {
			color: #ccc;
			font-size: 14px;
			margin-bottom: 5px;
			height: 22px;
			padding: 0px 4px;
			display: inline-block;
		}

	.t_menu_swiper .s_box {
		width: 80px;
		text-align: center;
		float: left;
	}

	.t_menu_swiper div a.active {
		color: #333 !important;
		font-weight: bold;
		border-bottom: 2px solid #108ee9 !important;
	}

.hid {
	display: none;
}
/*选择法院*/
.mycourt {
	border: 1px solid #dedddd;
	width: 94%;
	height: 180px;
	margin: 10px 3%;
	border-radius: 3px;
	background-color: #ffffff;
	overflow: hidden;
}

.c_li {
	height: 40px;
}

	.c_li .swiper-slide {
		height: 40px !important;
		line-height: 40px;
		padding-left: 20px;
		color: #dedddd;
		font-size: 14px;
	}

	.c_li .swiper-wrapper {
		padding-top: 40px;
	}

	.c_li .swiper-slide.swiper-slide-active {
		color: #333;
		border-top: solid 1px #dedddd;
		border-bottom: solid 1px #dedddd;
	}

.case_box {
	border: 1px solid #dedddd;
	width: 94%;
	height: 100px;
	margin: 10px 3%;
	border-radius: 8px;
	background-color: #ffffff;
}

	.case_box .c_btn {
		padding: 6px 20px;
		border: 1px solid #999999;
		margin: 5px 0px 5px 15px;
		float: left;
		border-radius: 4px;
	}
/*end选择法院*/
/*立案须知*/
.notice {
	width: 86%;
	margin: 10px 7%;
	font-size: 13px;
	line-height: 20px;
}

	.notice .n_content {
		width: 100%;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bolder;
		line-height: 30px;
		text-align: center;
		padding-top: 40px;
	}

	.notice p {
		font-size: 14px;
		line-height: 22px;
		text-indent: 2em;
	}

.notice_box {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 5px;
}

	.notice_box .nb_chk {
		width: 90%;
		margin: 0 auto;
		color: #808080;
		height: 20px;
	}
/*end立案须知*/
/*上传资料*/
.re_Court {
	padding-top: 60px;
}

.fb_font {
	background-color: #fbf3f1;
	color: #ed7f30;
	font-size: 10px;
	padding: 8px 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/*end上传资料*/
.btn-footer {
	height: 53px;
	background-color: white;
	position: fixed;
	bottom: 0px;
	width: 100%;
	box-shadow: 0px -2px 2px rgba(0,0,0,0.5);
}

.h60 {
	height: 60px;
}

.btn-footer2 {
	position: fixed;
	bottom: 8px;
	width: 100%;
}

.c_tag {
	color: #ffffff;
	text-align: center;
	width: 100%;
	float: left;
}

	.c_tag span {
		display: inline-block;
		padding: 1px 5px;
		border: 1px solid #99ccff;
		background-color: rgba(255,255,255,0.25);
		border-radius: 2px;
	}
/*3d*/
.d_left {
	border-radius: 10px;
	height: 260px;
	width: 100%;
	background-color: white;
	background-image: url(../images/3d_left.png);
	background-position: 10px 20px;
	background-repeat: no-repeat;
	background-size: 122px 220px;
	margin: 10px 0px;
}

	.d_left p {
		font-size: 14px;
		text-indent: 0px;
		padding: 40px 14px 0px 150px;
	}

	.d_left b {
		padding: 20px 14px 0px 150px;
		font-size: 14px;
		text-indent: 0px;
		display: block;
	}

.d_right {
	border-radius: 10px;
	height: 260px;
	width: 100%;
	background-color: white;
	background-image: url(../images/3d_right.png);
	background-position: top 15px right 10px;
	background-repeat: no-repeat;
	background-size: 142px 220px;
	margin: 10px 0px;
}

	.d_right p {
		font-size: 14px;
		text-indent: 0px;
		padding: 30px 150px 0px 14px;
	}
/*步骤*/
.about4 {
	width: 210px;
	margin: 40px auto 0 auto;
}

.about4_main {
	position: relative;
	padding-left: 0px;
	overflow: hidden;
}

.line {
	width: 0px;
	height: 100%;
	background-color: #26a69a;
	position: absolute;
	left: 26px;
	z-index: -1;
}

.about4_main ul li {
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 16px;
	position: relative;
}

	.about4_main ul li:before, .about4_main ul li:after {
		content: '';
		position: absolute;
		top: 26px;
		width: 2px;
		height: 44px;
		left: 8px;
		background: #B7BBBF;
		margin-left: -2px;
	}

	.about4_main ul li:last-child {
		margin-bottom: 0px;
	}

.cx-main-box::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 7px;
	width: 12px;
	height: 12px;
	margin: -8px 0 0 -8px;
	border-radius: 50%;
	z-index: 2;
	border: 2px solid #B7BBBF;
}

.cx-main-box::after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 15px;
	width: 25px;
	height: 2px;
	background: #B7BBBF;
}

.cx-main-box {
	display: block;
	min-width: 80px;
	min-height: 40px;
	width: 120px;
	background: #B7BBBF;
	border-radius: 4px;
	padding: 0px 20px;
	cursor: pointer;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	margin-left: 30px;
}

.about4_main .active::before, .about4_main .active::after {
	background: #2588d8;
}

.about4_main .active .cx-main-box::before {
	border: 2px solid #2588d8;
}

.about4_main .active .cx-main-box::after {
	background: #2588d8;
}

.about4_main .active .cx-main-box {
	background: #2588d8;
	color: white;
}


.about4_main .visited::before, .about4_main .visited::after {
	background: #2588d8;
}

.about4_main .visited .cx-main-box::before {
	border: 2px solid #d9534f;
	background: #d9534f;
}

.about4_main .visited .cx-main-box::after {
	background: #d9534f;
}

.about4_main .visited .cx-main-box {
	background: #d9534f;
	color: white;
}

.js_ed:before, .js_ed::after {
	height: 0px !important;
}
/*end步骤*/
/*login*/
.m_t {
	height: 48px;
	width: 100%;
	background-color: #72B5C5;
}

	.m_t img {
		width: 333px;
		height: 48px;
	}

.mycase_btn {
	display: initial !important;
	background-color: #108ee9;
	color: #fff !important;
	padding: 5px 18px;
	font-size: 14px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
/*课前练习*/
.p_test .page_main {
	background-color: #fff;
	margin-bottom: 10px;
	width: 100%;
}

.main_title {
	padding: 10px 20px;
	font-size: 14px;
}

	.main_title b {
		font-size: 14px;
	}

.main_choices div {
	border-top: 1px #EBEBEB solid;
	padding: 10px 20px;
}

.p_btn {
	padding-bottom: 10px;
}

	.p_btn input {
		border: none;
		background-color: #108ee9;
		height: 36px;
		line-height: 36px;
		color: #fff;
		width: 94%;
		font-size: 14px;
		text-align: center;
		margin-left: 3%;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}
/*end 课前练习*/