* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif, Microsoft YaHei;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
}

ul, li {
	list-style: none;
}

a {
	text-decoration: none;
}

body {
	padding-bottom: 40px;
}

.check {
	border: 1px #666 solid;
	height: 16px;
	width: 16px;
	display: inline-block;
	border-radius: 2px;
	vertical-align: middle;
}

.checked {
	background: #a0a0a0 url("/images/select.png") no-repeat 0 0;
	background-size: 100%;
	border-color: #a0a0a0;
}

.text {
	padding: 3px 5px;
	border: 1px #999 solid;
	border-radius: 4px;
	font-size: 14px;
	background: #f8f8f8;
	width: 120px;
	display: inline-block;
	vertical-align: middle;
}

.date {
	background: #fff url(/images/bi_date_icon.png) no-repeat right -5px
		center;
}

.select {
	height: 26px;
	line-height: 26px;
	border: 1px #999 solid;
	font-size: 14px;
	border-radius: 4px;
	background: #f8f8f8;
	width: 120px;
	display: inline-block;
	vertical-align: middle;
}
/*top*/
.top {
	background: #d0d0d0;
	height: 3px;
}
/*head*/
.head .logo {
	height: 30px;
	vertical-align: middle;
	margin-left: 18px;;
}

.head {
	background: #f0f0f0;
	font-size: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3;
	border-bottom: 1px #bababa solid;
}

.head a {
	padding: 3px 4px;
	display: inline-block;
	line-height: 20px;
	border: 1px #bababa solid;
	color: #5a5a5a;
	width: 100px;
	text-align: center;
	background: linear-gradient(to bottom, #f1f1f1, #dddddd);
}

.head a.selected {
	background: #d0d0d0;
	color: #303030;
	border-bottom: 1px #d0d0d0 solid;
}

.head a:hover {
	background: #d0d0d0;
}

.head .menu {
	position: absolute;
	left: 120px;
	top: 3px;
	z-index: 4;
}

.head .menu div {
	position: absolute;
	left: 109px;
	top: 28px;
}

.head .menu .report {
	position: absolute;
	left: 225px;
	top: 28px;
}

.head .menu div a {
	display: block;
	background: #f8f8f8;
	border-bottom: 1px #e0e0e0 solid
}

.head .menu div a:hover {
	background: #fff;
}

.head .menu div a:first-child {
	border-top: none;
}

.head .menu div a:last-child {
	border-top: none;
	border-left: 1px #d0d0d0 solid;
}

.head .menu a:nth-child(n+2) {
	border-left: none;
}

.right_info {
	position: absolute;
	right: 15px;
	top: 3px;
	font-size: 14px;
}

.right_info a {
	color: #1e6bca;
	width: 40px;
	font-size: 14px;;
	border: none;
	border-radius: 2px;
	padding: 1px 4px;
	background: none;
}

.search {
	background: #d0d0d0;
	padding: 5px 10px;
	position: relative;
	overflow: hidden;
	*zoom: 1;
	border-top: 1px #bababa solid;
}

.search .block {
	width: 45%;
	float: left;
	display: inline-block;
}

.search .block span label {
	display: inline-block;
	vertical-align: middle;
}

.search .block span {
	display: inline-block;
	margin-right: 10px;
}

.search .block a {
	padding: 3px;
	display: inline-block;
	border: 1px #999 solid;
	margin: 0 5px;
	font-size: 14px;
	color: #333;
	border-radius: 4px;
	width: 40px;
	text-align: center;
	background: linear-gradient(to bottom, #f1f1f1, #dddddd);
	vertical-align: middle;
}

.search .block span label {
	color: #666;
	font-size: 14px;
}

.search h1 {
	padding-left: 10px;
	font-size: 16px;
	margin: 0;
	line-height: 30px;
}

.search .back {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 14px;
	width: 60px;
}
/*table*/
#example_wrapper th {
	text-align: center;
	padding: 5px;
	font-weight: normal;
	font-size: 16px;
}

#example td {
	text-align: center;
	padding: 5px;
	font-size: 14px;
}

#example td.white {
	color: #fff;
}

#example td.blue {
	color: #02e2f4;
}

#example td a {
	color: #fff;
	font-size: 14px;
}

#example label {
	width: 40px;
	display: inline-block;
	color: #c0c0c0;
}

#example_info {
	display: none;
}

#example2_wrapper th {
	text-align: center;
	padding: 5px;
	font-weight: normal;
	font-size: 16px;
}

#example2 td {
	text-align: center;
	padding: 5px;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#example2 td.white {
	color: #fff;
}

#example2 td.blue {
	color: #02e2f4;
}

#example2 td a {
	color: #1C86EE;
	font-size: 14px;
}

#example2 label {
	width: 40px;
	display: inline-block;
	color: #c0c0c0;
}

#example2_info {
	display: none;
}

/*底部*/
.foot {
	width: 100%;
	background: #111;
	width: 100%;
	text-align: center;
	line-height: 24px;
	position: fixed;
	bottom: 0;
	left: 0;
	color: #555;
	font-size: 12px;
}

/*flow pic*/
.flow_list {
	margin: 0 20px;
	margin-right: 0;
}

.flow_list div {
	width: 25%;
	height: 30%;
	display: inline-block;
	vertical-align: top;
}

.flow_list_1 {
	margin: 0 20px;
	margin-right: 0;
}

.flow_list_1 div {
	width: 33%;
	height: 40%;
	display: inline-block;
	vertical-align: top;
}

/*登陆*/
.login {
	width: 500px;
	margin: 0 auto;
	border: 1px #151515 solid;
	text-align: center;
	margin-top: 10%;
	border-radius: 4px;
	padding: 20px 0;
	padding-bottom: 40px;
}

.login input {
	margin: 0 auto;
	text-align: center;
	border: 1px #999 solid;
	line-height: 30px;
	border-radius: 4px;
	background: #eee;
	display: block;
	width: 300px;
}

.login img {
	width: 120px;
	display: block;
	margin: 30px auto;
}

.login input[type="button"] {
	background: #800000;
	color: #fff;
	border-color: #800000;
}

/*sub detail*/
.main .left {
	width: 77%;
	float: left;
	border-right: 1px #800000 solid;
	box-sizing: border-box;
	padding-top: 10px;
}

.main .left .left_bottom {
	margin-top: 10px;
}

.sub_menu {
	border-top: 1px #800000 solid;
	border-bottom: 1px #800000 solid;
	line-height: 30px;
}

.sub_menu a {
	display: inline-block;
	padding: 0 20px;
	line-height: 30px;
	background: #959595;
	color: #000;
	border-right: 1px #000 solid;
}

.sub_menu a.selected {
	background: #800000;
	color: #fff;
}

.main .right {
	width: 23%;
	float: right;
	padding-top: 5px;
}

.block ul {
	overflow: auto;
	height: 85%;
}

.block li {
	margin: 10px;
}

.main .left .block li {
	width: 45%;
	display: inline-block;
	margin: 5px 10px;
}

.block li a {
	display: block;
	position: relative;
}

.block li h2 {
	display: inline-block;
}

.block li label {
	position: absolute;
	right: 0;
	top: 0;
	color: #7f7f7e;
	font-size: 14px;
}

.block li i {
	color: #3399d2;
	display: inline-block;
}

.block h1 {
	color: #02e2f4;
	border-bottom: 1px #800000 solid;
	border-top: 1px #800000 solid;
	line-height: 30px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
}

.block_list {
	margin: 10px 20px;
	overflow: hidden;
	*zoom: 1;
}

.newsblock {
	width: 49.5%;
	display: inline-block;
	float: left;
	background: #fff;
	padding: 10px 20px;
	margin-bottom: 15px;
}

.newsblock:nth-child(2n+2) {
	float: right;
}

.newsblock h1 {
	font-size: 18px;
	font-weight: bold;
	color: #b40707;
	border-bottom: 2px #b1b1b1 solid;
	margin-top: 5px;
	position: relative;
}

.newsblock h1 i {
	border-bottom: 2px #b40707 solid;
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 100px;
}

.newsblock ul {
	margin-left: 20px;
}

.newsblock li {
	position: relative;
}

.newsblock li i {
	position: absolute;
	height: 2px;
	width: 3px;
	display: block;
	left: -15px;
	top: 14px;
	background: #b40707;
}

.newsblock li a {
	color: #333;
	display: block;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.rankblock0 {
	width: 85%;
	display: inline-block;
	float: left;
	background: 131212;
	padding: 10px 120px;
	margin-bottom: 15px;
}

.rankblock0:nth-child(2n+2) {
	float: left;
}

.rankblock0 h1 {
	font-size: 18px;
	font-weight: bold;
	color: #b40707;
	border-bottom: 2px #b1b1b1 solid;
	margin-top: 5px;
	position: relative;
}

.rankblock0 h1 i {
	border-bottom: 2px #b40707 solid;
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 100px;
}

.rankblock0 ul {
	margin-left: 20px;
}

.rankblock0 li {
	position: relative;
}

.rankblock0 li i {
	position: absolute;
	height: 2px;
	width: 3px;
	display: block;
	left: -15px;
	top: 14px;
	background: #b40707;
}

.rankblock0 li a {
	color: #1C86EE;
	display: block;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.rankblock1 {
	width: 42%;
	display: inline-block;
	float: left;
	background: 131212;
	padding: 10px 120px;
	margin-bottom: 15px;
}

.rankblock1:nth-child(2n+2) {
	float: left;
}

.rankblock1 h1 {
	font-size: 18px;
	font-weight: bold;
	color: #b40707;
	border-bottom: 2px #b1b1b1 solid;
	margin-top: 5px;
	position: relative;
}

.rankblock1 h1 i {
	border-bottom: 2px #b40707 solid;
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 100px;
}

.rankblock1 ul {
	margin-left: 20px;
}

.rankblock1 li {
	position: relative;
}

.rankblock1 li i {
	position: absolute;
	height: 2px;
	width: 3px;
	display: block;
	left: -15px;
	top: 14px;
	background: #b40707;
}

.rankblock1 li a {
	color: #1C86EE;
	display: block;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.rankblock2 {
	width: 42%;
	display: inline-block;
	float: center;
	background: 131212;
	padding: 10px 120px;
	margin-bottom: 15px;
}

.rankblock2:nth-child(2n+2) {
	float: center;
}

.rankblock2 h1 {
	font-size: 18px;
	font-weight: bold;
	color: #b40707;
	border-bottom: 2px #b1b1b1 solid;
	margin-top: 5px;
	position: relative;
}

.rankblock2 h1 i {
	border-bottom: 2px #b40707 solid;
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 100px;
}

.rankblock2 ul {
	margin-left: 20px;
}

.rankblock2 li {
	position: relative;
}

.rankblock2 li i {
	position: absolute;
	height: 2px;
	width: 3px;
	display: block;
	left: -15px;
	top: 14px;
	background: #b40707;
}

.rankblock2 li a {
	color: red;
	display: block;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.loading {
	width: 100%;
	text-align: center;
	height: 100%;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 10;
	ver-align: middle;
}

.loading div {
	display: inline-block;
	margin-top: 15%;
	width: 50px;
	height: 50px;
	border-radius: 4px;
	background: #353535;
	overflow: hidden;
}

.showdetail {
	width: 100%;
	text-align: center;
	height: 100%;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 10;
	ver-align: middle;
}

.showdetail div {
	display: inline-block;
	margin-top: 0px;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: #D3D3D3;
	overflow: hidden;
}

.switch_span {
	text-align: center;
	height: 22.5px;
	line-height: 22.5px;
	margin-left: 8px;
	vertical-align: middle;
	display: inline-block;
}

input[type="checkbox"].switch_1 {
	font-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 3.5em;
	height: 22.5px;
	background: #ddd;
	border-radius: 3em;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	vertical-align: middle;
}

input[type="checkbox"].switch_1:checked {
	background: #4CAF50;
}

input[type="checkbox"].switch_1:after {
	position: absolute;
	content: "";
	width: 1.5em;
	height: 22.5px;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
	box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
	-webkit-transform: scale(.7);
	transform: scale(.7);
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

input[type="checkbox"].switch_1:checked:after {
	left: calc(100% - 1.5em);
}

.subbutton {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 7px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 2px;
	font-size: 12px;
}

.pure-table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #cbcbcb;
}

.pure-table caption {
	color: #000;
	font: italic 85%/1 arial, sans-serif;
	padding: 1em 0;
	text-align: center;
}

.pure-table td, .pure-table th {
	border-left: 1px solid #cbcbcb;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: .5em 1em;
}

.pure-table thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}

.pure-table td {
	background-color: transparent;
}

.pure-table-bordered td {
	border-bottom: 1px solid #cbcbcb;
}

.pure-table-bordered tbody>tr:last-child>td {
	border-bottom-width: 0;
}

.optionblack {
	font-weight: normal;
	color: black;
}

.optionred {
	font-weight: normal;
	color: red;
}

.bodytable {
	table-layout: fixed;
}

.bodytable td {
	color: #888;
	height: 42px;
	padding-left: 5px;
}

.modal {
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
	background-color: #f4f4f4;
	margin: 15% auto;
	width: 40%;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0
		rgba(0, 0, 0, 0.2);
	animation-name: modalopen;
	animation-duration: 1s;
}

.modal-header h2, .modal-footer h3 {
	margin: 0;
}

.modal-header {
	background-color: coral;
	padding: 5px;
	color: #fff;
}

.closeBtn {
	color: #fff;
	float: right;
	font-size: 30px;
}

.closeBtn:hover, .closeBtn:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-body {
	padding: 10px 20px;
}

.modal-footer {
	color: #fff;
	background-color: coral;
	padding: 10px;
	text-align: center;
}

@
keyframes modalopen {
	from {opacity: 0
}

to {
	opacity: 1
}

}
.circleButton {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 0px solid black;
	/
	this
	gets
	rid
	of
	bootstrap
	shadow/
	margin
	:
	1px;
}

.cardBox {
	width: 350px;
	height: 430px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
	text-align: center;
	float: left;
	margin-left: 20px;
	padding: 5px;
	line-height: 1;
	margin-top: 20px;
}

.headerBox {
	color: #5BC0DE;
	padding: 0px;
	height: 25px;
}

.bodyBox {
	padding: 10px;
}

.bodyBox p {
	margin-left: 25px;
	text-align: center;
	margin: 0 0 4px;
}

.bodyBox p span {
	display: -moz-inline-box;
	display: inline-block;
	width: 75px;
	text-align: center;
	font-size: 16px;
}

.page {
    width: 100%;
    height: 1240px;
    background-color: #EEEEEE;
    margin-top: 10px;
}

.page .main {
    padding: 10px;
    margin: 0px;
}

.page .main .block {
    display: inline-block;
    width: 24%;
    height: 250px;
    margin-right: 10px;
    margin-bottom: 20px;
    background-color: #EEEEEE;
}

.page .main .block:nth-child(3n) {
    margin-right: 0;
}

 .optionselect_red {
    font-weight: bolder;
    color: red;
  }

  .optionselect_blue {
    font-weight: bolder;
    color: blue;
  }

  .optionblack {
    font-weight: normal;
    color: black;
  }
  
   #cover {
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height: 100%;
    filter: alpha(opacity=60);
    /*设置透明度为60%*/
    opacity: 0.6;
    /*非IE浏览器下设置透明度为60%*/
    display: none;
    z-Index: 999;
  }

  #modal {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
    background-color: #fff;
    display: none;
    cursor: pointer;
    z-Index: 9999;
  }

  .button {
    margin-left: 40%;
    margin-top: 10px;
    width: 60px;
    height: 30px;
  }
  
  	.optionselect {
		font-weight: bolder;
		color: red;
	}

	.optionblack {
		font-weight: normal;
		color: black;
	}

	.tab {
		cursor: point;
		width: 20px;
		line-height: 22px;
		margin: 0px auto;
		text-align: center;
		background: #eee;
		border-radius: 4px;
		padding: 4px 2px;
	}

	.tab:hover {
		background: #d0d0d0;
		border: 1px solid #d0d0d0;
	}

	.selectedTag {
		background: #d0d0d0;
		border: 1px solid #d0d0d0;
	}