style.css格式修复

stmms-web/src/main/webapp/static/mark-new/css/style.css

@@ -1,1421 +1,1520 @@
-@charset "utf-8";
-/* CSS Document */
-html {
-	height: 100%;
-}
-
-body {
-	margin: 0;
-	padding: 0px 0 0 0;
-	font-size: 14px;
-	background: #f5f4f4;
-}
-
-input
-,
-textarea
-,
-{
-margin
-:
- 
-0;
-padding
-:
- 
-0;
-font-size
-:
- 
-14
-px
-;
-
-    
-outline
-:
- 
-none
-;
-
-
-}
-html:root body,html:root input,html:root button,html:root textarea,html:root select { '
-	font-family: "微软雅黑", Fixedsys;
-	';
-}
-
-form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-	ont-style: normal;
-}
-
-fieldset {
-	border-left: none;
-	border-right: none;
-	font-size: 14px;
-	border-top: solid 1px #decfa0;
-	border-bottom: none;
-}
-
-legend {
-	color: #4971b9;
-	margin-left: 10px;
-}
-
-a {
-	text-decoration: none;
-	color: #484848;
-	outline: none;
-}
-
-a:hover {
-	text-decoration: none;
-	color: #279437;
-}
-
-a img {
-	border: none;
-}
-
-i,em {
-	font-style: normal;
-}
-/* 通用样式 */
-.fl {
-	float: left;
-}
-
-.fr {
-	float: right;
-}
-
-.oh {
-	overflow: hidden;
-}
-
-.hd {
-	display: none
-}
-
-.width2 {
-	width: 200px;
-}
-
-.padding5 {
-	padding: 5px;
-}
-
-.padding10 {
-	padding: 10px;
-}
-
-.domain {
-	padding: 3px;
-	min-height: 30px;
-}
-
-.border {
-	border-color: #ccc;
-	border-left: none;
-	border-right: none;
-}
-
-.mr-t {
-	margin-top: 5px;
-}
-
-.mr2-t {
-	margin-top: 10px;
-}
-
-.hide {
-	display: none;
-}
-
-.show {
-	display: block;
-}
-/*回评*/
-.image-view-popover {
-	width: 100%;
-	background: #fff;
-	position: absolute;
-}
-
-.image-view-popover .popover-header {
-	height: 50px;
-	background: #eff3f6;
-	border-bottom: solid 1px #dce0e2;
-}
-
-.image-view-popover .popover-header .title {
-	font-size: 26px;
-	line-height: 46px;
-	font-weight: bold;
-	color: #3163a1;
-	margin-left: 15px;
-	float: left;
-}
-
-.image-view-popover .popover-header .image-switch {
-	float: left;
-	margin: 9px 0px 8px 15px;
-}
-
-.image-view-popover .popover-header .image-switch a {
-	padding: 3px 8px;
-	text-align: center;
-	margin: 3px 5px;
-	border: #c1c1c1 solid 1px;
-	background-image: -moz-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f7), to(#e8e8e5));
-	background-image: -webkit-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: -o-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: linear-gradient(to bottom, #f9f9f7, #e8e8e5);
-	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
-	color: #333333;
-	border-radius: 2px;
-	display: block;
-	float: left;
-}
-
-.image-view-popover .popover-header .image-switch a:hover {
-	border: #004898 solid 1px;
-	background-image: -moz-linear-gradient(top, #0082cb, #006baa);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
-	background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
-	background-image: -o-linear-gradient(top, #0082cb, #006baa);
-	background-image: linear-gradient(to bottom, #0082cb, #006baa);
-	color: #fff;
-}
-
-.image-view-popover .popover-header .image-switch a.curr {
-	border: #004898 solid 1px;
-	background: #006baa;
-	background-image: -moz-linear-gradient(top, #0082cb, #006baa);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
-	background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
-	background-image: -o-linear-gradient(top, #0082cb, #006baa);
-	background-image: linear-gradient(to bottom, #0082cb, #006baa);
-	color: #fff;
-}
-
-.image-view-popover .popover-header .image-control {
-	margin: 9px 15px 8px 15px;
-	float: left;
-}
-
-.image-view-popover .popover-header .image-control a {
-	padding: 3px 8px;
-	text-align: center;
-	margin: 3px 5px;
-	border: #c1c1c1 solid 1px;
-	background-image: -moz-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f7), to(#e8e8e5));
-	background-image: -webkit-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: -o-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: linear-gradient(to bottom, #f9f9f7, #e8e8e5);
-	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
-	color: #333333;
-	border-radius: 2px;
-	display: block;
-	float: left;
-}
-
-.image-view-popover .popover-header .image-control a:hover {
-	border: #004898 solid 1px;
-	background-image: -moz-linear-gradient(top, #0082cb, #006baa);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
-	background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
-	background-image: -o-linear-gradient(top, #0082cb, #006baa);
-	background-image: linear-gradient(to bottom, #0082cb, #006baa);
-	color: #fff;
-}
-
-.image-view-popover .popover-header .image-control a.curr {
-	border: #004898 solid 1px;
-	background: #006baa;
-	background-image: -moz-linear-gradient(top, #0082cb, #006baa);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
-	background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
-	background-image: -o-linear-gradient(top, #0082cb, #006baa);
-	background-image: linear-gradient(to bottom, #0082cb, #006baa);
-	color: #fff;
-}
-
-.image-view-popover .popover-header .image-close {
-	margin-top: 15px;
-	margin-right: 15px;
-	cursor: pointer;
-	float: right;
-}
-
-.image-view-popover .popover-content {
-	padding: 10px;
-}
-
-.image-content {
-	position: relative;
-	overflow: hidden;
-}
-
-.mark-steps {
-	background-color: #cbd0d3;
-	height: 100%;
-}
-
-.mark-steps .header {
-	background-color: #2da5da;
-	height: 40px;
-	line-height: 40px;
-	font-size: 14px;
-	color: #fff;
-	text-align: center;
-	white-space: nowrap;
-}
-
-.mark-steps .header .useinfo {
-	width: 55%;
-	color: #fff;
-	padding: 0 5px 0 10px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	display: block;
-	float: left;
-}
-
-.mark-steps .header .logout {
-	width: 30%;
-	color: #fff;
-	padding: 0 20px 0 5px;
-}
-
-.mark-steps .tips {
-	padding: 5px;
-}
-
-.mark-steps .tips .tools {
-	
-}
-
-.mark-steps .tips .setp {
-	margin-top: 5px;
-}
-
-.mark-steps .tips .text {
-	padding: 0 55px;
-	line-height: 28px;
-}
-
-.mark-steps .tips .on {
-	width: 74px;
-	height: 28px;
-	background: url(../images/on.png) no-repeat;
-	display: block;
-	margin-left: 50px;
-}
-
-.mark-steps .tips .off {
-	width: 74px;
-	height: 28px;
-	background: url(../images/off.png) no-repeat;
-	display: block;
-	margin-left: 50px;
-}
-/*键盘给分*/
-.mark-steps .step-board {
-	padding: 5px 5px 5px 5px;
-}
-
-.mark-steps .step-board .step-list {
-	position: relative;
-	overflow: hidden;
-}
-
-.mark-steps .step-board .header {
-	color: #fff;
-	font-size: 14px;
-	font-weight: bold;
-	background: #5d6d7d;
-	height: 16px;
-	line-height: 16px;
-	text-align: center;
-	display: block;
-}
-
-.mark-steps .step-board .sublist {
-	
-}
-
-.mark-steps .step-board .sublist .fraction {
-	background: #ececec;
-	height: 39px;
-	line-height: 39px;
-	color: #ed5321;
-	display: block;
-	text-align: center;
-	font-family: "微软雅黑";
-	font-size: 25px;
-	font-weight: bold;
-	margin: 4px 0;
-}
-.mark-steps .step-board .newSubListCss{height: 30px; line-height: 29px; color: #333; display: block;text-align: center; font-family: "微软雅黑"; font-size: 20px; font-weight: normal; margin: 5px 0 5px 0;}
-.mark-steps .step-board .newSubListCss .red{ color: #ed5321; font-weight: bold; font-size: 20px; }
-/*.sidebar .step-list .sublist .up{ height:27px; text-align:center; cursor:pointer;}
-.sidebar .step-list .sublist .down{height:22px; text-align:center; cursor:pointer;}*/
-
-.mark-steps  .picture-list{ height: 80px !important;overflow: auto; border-bottom: solid 1px #BBBBBB;}
-.mark-steps  .picture-list .pictureScore{ margin: 5px; overflow: hidden;}
-.mark-steps  .picture-list .pictureScore ul li{ float: left; height: 30px; width: 50px; border: solid 1px #cccccc; background-color: #FFFFFF; margin: 5px 5px;}
-.mark-steps  .picture-list .pictureScore ul li p{ font-size: 20px; line-height: 30px; color: #999999; text-align: center;}
-.mark-steps  .picture-list .pictureScore ul li a{display: block; font-size: 20px; line-height: 30px; color: #999999; text-align: center;}
-.mark-steps  .picture-list .pictureScore ul li a:hover{ background-color: #ED5321; color: #FFFFFF;}
-.mark-steps  .picture-list .pictureScore ul li.selected{ background-color: #ED5321; border: solid 1px #ED5321;}
-.mark-steps  .picture-list .pictureScore ul li.selected p{ color: #FFFFFF;}
-.mark-steps  .picture-list .pictureScore ul li.unable{ background-color: #dedede; border: solid 1px #dedede;}
-.mark-steps  .picture-list .pictureScore ul li.unable p{ color: #999999;}
-/*轨迹模式下提供“X”、“√”等标记符号   */
-.mark-steps .step-board .step-list .done {
-	width: 100%;
-	height: 118px;
-	background: #c6fde7;
-	margin-bottom: 5px;
-}
-
-.mark-steps .step-board .step-list .done .number {
-	-webkit-box-sizing: border-box;
-	width: 49%;
-	height: 118px;
-	float: left;
-	border-right: #ced0ce dashed 1px;
-}
-
-.mark-steps .step-board .step-list .done .number .title {
-	height: 30px;
-	border-bottom: #ced0ce dashed 1px;
-	font-weight: bold;
-	color: #309c52;
-	text-align: center;
-	line-height: 30px;
-}
-
-.mark-steps .step-board .step-list .done .number .num {
-	height: 88px;
-	font-weight: bold;
-	font-size: 40px;
-	color: #ed5321;
-	text-align: center;
-	line-height: 88px;
-}
-
-.mark-steps .step-board .step-list .done .score {
-	width: 50%;
-	height: 118px;
-	float: right;
-	text-align: center;
-	-webkit-box-sizing: border-box;
-}
-
-.mark-steps .step-board .step-list .done .score .title {
-	font-weight: bold;
-	width: 100%;
-	height: 30px;
-	line-height: 30px;
-	color: #309c52;
-	margin-bottom: 5px;
-	overflow: hidden;
-}
-
-.mark-steps .step-board .step-list .done .score .icon {
-	width: 100%;
-	height: 27px;
-	float: right;
-	font-size: 22px;
-	color: #309c52;
-}
-
-.mark-steps .step-board .step-list .done .score .num {
-	font-weight: bold;
-	width: 100%;
-	height: 24px;
-	float: right;
-	font-size: 30px;
-	color: #309c52;
-}
-
-.mark-steps .step-board .step-list .current {
-	width: 100%;
-	height: 118px;
-	background: #ffe2d7;
-	margin-bottom: 5px;
-}
-
-.mark-steps .step-board .step-list .current .number {
-	-webkit-box-sizing: border-box;
-	width: 49%;
-	height: 118px;
-	float: left;
-	border-right: #ced0ce dashed 1px;
-}
-
-.mark-steps .step-board .step-list .current .number .title {
-	height: 30px;
-	border-bottom: #ced0ce dashed 1px;
-	font-weight: bold;
-	color: #309c52;
-	text-align: center;
-	line-height: 30px;
-}
-
-.mark-steps .step-board .step-list .current .number .num {
-	height: 88px;
-	font-weight: bold;
-	font-size: 40px;
-	color: #ed5321;
-	text-align: center;
-	line-height: 88px;
-}
-
-.mark-steps .step-board .step-list .current .score {
-	width: 50%;
-	height: 118px;
-	float: right;
-	text-align: center;
-	-webkit-box-sizing: border-box;
-}
-
-.mark-steps .step-board .step-list .current .score .title {
-	font-weight: bold;
-	width: 100%;
-	height: 30px;
-	line-height: 30px;
-	color: #309c52;
-	margin-bottom: 5px;
-	overflow: hidden;
-}
-
-.mark-steps .step-board .step-list .current .score .icon {
-	width: 100%;
-	height: 27px;
-	float: right;
-	font-size: 22px;
-	color: #309c52;
-}
-
-.mark-steps .step-board .step-list .current .score .num {
-	font-weight: bold;
-	width: 100%;
-	height: 24px;
-	float: right;
-	font-size: 30px;
-	color: #309c52;
-}
-
-.mark-steps .step-board .step-list .todo {
-	width: 100%;
-	height: 118px;
-	background: #e0e2e4;
-	margin-bottom: 5px;
-}
-
-.mark-steps .step-board .step-list .todo .number {
-	-webkit-box-sizing: border-box;
-	width: 49%;
-	height: 118px;
-	float: left;
-	border-right: #ced0ce dashed 1px;
-}
-
-.mark-steps .step-board .step-list .todo .number .title {
-	height: 30px;
-	border-bottom: #ced0ce dashed 1px;
-	font-weight: bold;
-	color: #8d8d8d;
-	text-align: center;
-	line-height: 30px;
-}
-
-.mark-steps .step-board .step-list .todo .number .num {
-	height: 88px;
-	font-weight: bold;
-	font-size: 40px;
-	color: #8d8d8d;
-	text-align: center;
-	line-height: 88px;
-}
-
-.mark-steps .step-board .step-list .todo .score {
-	width: 50%;
-	height: 118px;
-	float: right;
-	text-align: center;
-	-webkit-box-sizing: border-box;
-}
-
-.mark-steps .step-board .step-list .todo .score .title {
-	font-weight: bold;
-	width: 100%;
-	height: 30px;
-	line-height: 30px;
-	color: #8d8d8d;
-	margin-bottom: 5px;
-	overflow:hidden;
-}
-
-.mark-steps .step-board .step-list .todo .score .icon {
-	width: 100%;
-	height: 27px;
-	float: right;
-	font-size: 22px;
-	color: #8d8d8d;
-}
-
-.mark-steps .step-board .step-list .todo .score .num {
-	font-weight: bold;
-	width: 100%;
-	height: 24px;
-	float: right;
-	font-size: 30px;
-	color: #8d8d8d;
-}
-/*分值列表*/
-.score-board {
-	width: 283px;
-}
-
-.score-board .header {
-	width: 273px;
-	height: 39px;
-	padding: 0 5px;
-	background-color: #5d6d7d;
-	line-height: 39px;
-	font-size: 14px;
-	color: #fff;
-	font-weight: bold;
-	cursor: pointer;
-	float: left;
-}
-
-.score-board .header .span1 {
-	width: 120px;
-}
-
-.score-board .header-close {
-	margin-top: 10px;
-	float: right;
-}
-
-.score-board .header-text {
-	margin-top: -10px;
-	float: right;
-	color: #fff;
-}
-
-.score-board .footer {
-	width: 263px;
-	height: 39px;
-	line-height: 39px;
-	font-weight: bold;
-	color: #fff;
-	padding: 0 10px;
-	background: #5d6d7d;
-	float: left;
-}
-
-.score-board .footer .font {
-	font-size: 22px;
-	text-align: left;
-	font-family: "微软雅黑", Fixedsys;
-	float: left;
-}
-
-.score-board .footer .yellow {
-	color: #ffd800;
-}
-
-.score-board .footer .button {
-	width: 55px;
-	height: 26px;
-	line-height: 26px;
-	text-align: center;
-	margin-top: 7px;
-	margin-left: 5px;
-	color: #fff;
-	font-size: 16px;
-	font-weight: bold;
-	background: #ed5321;
-	display: block;
-	float: right;
-}
-
-.score-board .content {
-	width: 271px;
-	border: solid 1px #5d6d7d;
-	background: #e6eaed;
-	padding: 5px;
-	float: left;
-}
-
-.score-board .content .sublist {
-	width: 271px;
-	margin: 2px 0;
-	float: left;
-}
-
-.score-board .content .sublist:hover {
-	background: #fce9ce;
-}
-
-.score-board .content .sublist .number {
-	width: 55px;
-	padding: 4px 0;
-	font-size: 12px;
-	font-weight: bold;
-	color: #46565f;
-	word-wrap: break-word;
-	float: left;
-	text-align: right;
-}
-
-.score-board .content .sublist .fraction {
-	width: 211px;
-	margin-left: 5px;
-	word-wrap: break-word;
-	float: right;
-	text-align: left;
-}
-
-.score-board .content .sublist .fraction a {
-	width: 24px;
-	height: 24px;
-	line-height: 24px;
-	margin: 2px;
-	font-size: 12px;
-	color: #333333;
-	background: #d0d5d9;
-	border: solid 1px #9ea3a7;
-	text-align: center;
-	display: block;
-	float: left;
-}
-
-.score-board .content .sublist .fraction a:hover {
-	background: #ed5321;
-	color: #fff;
-	border: #ed5321 solid 1px;
-}
-
-.score-board .content .sublist .fraction a.active {
-	background: #ed5321;
-	color: #fff;
-	border: #ed5321 solid 1px;
-}
-
-.score-board-popover {
-	float: right;
-	top: 48px;
-	right: 15.3%;
-	position: absolute;
-}
-/*回评列表*/
-.mark-sidebar {
-	background-color: #cbd0d3;
-	height: 100%;
-}
-
-.mark-sidebar .header {
-	background-color: #46617b;
-	height: 40px;
-	line-height: 40px;
-	font-size: 20px;
-	border-bottom: #46617b solid 1px;
-	color: #fff;
-	text-align: center;
-}
-
-.mark-sidebar .header p {
-	float: left;
-	padding: 0 10px;
-}
-
-.mark-sidebar .header a {
-	float: right;
-	padding: 15px 10px 0 0;
-}
-
-.mark-sidebar .header .yellow {
-	color: #ffd800;
-}
-
-.mark-sidebar .m-pagination {
-	padding: 11px 0;
-	text-align: center;
-}
-
-.mark-sidebar .m-pagination a {
-	padding: 5px 8px;
-	text-align: center;
-	color: #fff;
-	font-size: 14px;
-	background: #5a7686;
-	margin: 0 5px;
-	text-align: center;
-}
-
-.mark-sidebar .m-pagination a:hover {
-	background: #ed5321;
-}
-
-.mark-sidebar .m-pagination a.active {
-	background: #ed5321;
-}
-
-.mark-sidebar .m-pagination {
-	padding: 11px 0;
-	text-align: center;
-}
-
-.mark-sidebar .m-pagination i {
-	padding: 5px 8px;
-	text-align: center;
-	color: #fff;
-	font-size: 14px;
-	background: #acacac;
-	margin: 0 5px;
-	text-align: center;
-}
-
-.mark-sidebar .sublist {
-	
-}
-
-.mark-sidebar .sublist .titel {
-	background: #2da5da;
-	height: 37px;
-	line-height: 37px;
-	color: #fff;
-	border: #2297cc solid 1px;
-	text-align: center;
-}
-/*图片内容区开始*/
-.center-content {
-	
-}
-
-.center-content .header {
-	background: #5d6d7d;
-	color: #fff;
-	padding: 0 10px;
-}
-
-.center-content .header .text {
-	float: left;
-    padding: 10px 0;
-}
-
-.center-content .header .text i {
-	padding: 0 2px;
-}
-
-.center-content .header .text em {
-	color: #ffe400;
-}
-/*.center-content .header .pictures{ color:#fff; margin-left:10px; cursor:pointer; float:left;}
-.center-content .header .pictures .L-btn{ background:#cbd0d3; width:93px; height:28px; padding:5px 10px; color:#4b555e; font-weight:bold;}
-.center-content .header .pictures .M-btn{ background:#e0e2e4; height:28px; padding:5px 10px; color:#354f67;}*/
-.center-content .header .header-btn {
-	
-}
-
-.center-content .header .btn {
-    background: #cbd0d3;
-    padding: 3px 6px 3px 6px;
-    margin: 0px 3px 0 0;   
-    color: #4b555e;
-    font-weight: bold;
-    float: left;
-}
-/*.center-content .header .fraction{ font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#008f58; text-align:right; float:right;}
-*/
-.center-content .header .fraction .active {
-	font-size: 45px;
-	color: #f53c00;
-}
-
-.center-content .tips {
-    word-wrap: break-word;
-    text-align: left;
-    float: right;
-    margin-top: 6px;
-}
-/*.center-content .tips .help{ width:25%;color:#fff; padding:0 5px 0 5px; float:left;}
-*/
-.center-content .tips .useinfo {
-	color: #fff;
-	padding: 0 5px 0 10px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	display: block;
-	float: left;
-}
-
-.center-content .tips .logout {
-	color: #fff;
-	padding: 0 5px 0 5px;
-	float: left;
-}
-
-.center-content .content {
-	height: 100%;
-	margin: 0;
-	padding: 0;
-	overflow: hidden;
-	position: relative;
-}
-/*从这里开始是评卷详细信息*/
-.mark-detail {
-	
-}
-
-.mark-detail .m-close {
-	font-size: 17.5px;
-	font-weight: bold;
-	color: #006998;
-	padding: 11px 19px;
-	background: #91d2f0;
-	cursor: pointer;
-	float: right;
-}
-
-.mark-detail .m-open {
-	font-size: 17.5px;
-	font-weight: bold;
-	color: #0079af;
-	padding: 11px 19px;
-	background: #b5e3f8;
-	float: right;
-}
-
-.mark-detail .m-open .yellow {
-	color: #ed5321;
-}
-
-.mark-detail-float {
-	float: right;
-	bottom: 5px;
-	right: 15.3%;
-	position: absolute;
-}
-/*小助手样式*/
-.assistant {
-	position: absolute;
-}
-/*图片属性*/
-.image-popover {
-	
-}
-
-.image-popover .image-control {
-	width: 330px;
-	border: #c4e0ed solid 1px;
-	background: #f2fbff;
-	float: left;
-}
-
-.image-popover .image-control .control-row {
-	width: 310px;
-	padding: 5px 6px;
-	float: left;
-}
-
-.image-popover .image-control .control-row .title {
-	width: 60px;
-	font-weight: bold;
-	font-size: 14px;
-	color: #006d9d;
-	font-family: "宋体";
-	margin-top: 10px;
-	text-align: right;
-	float: left;
-}
-
-.image-popover .image-control .control-row .content {
-	width: 250px;
-	word-wrap: break-word;
-	float: left;
-}
-
-.image-popover .image-control .control-row .content a {
-	padding: 6px 12px;
-	text-align: center;
-	margin: 3px 5px;
-	border: #c1c1c1 solid 1px;
-	background-image: -moz-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f7), to(#e8e8e5));
-	background-image: -webkit-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: -o-linear-gradient(top, #f9f9f7, #e8e8e5);
-	background-image: linear-gradient(to bottom, #f9f9f7, #e8e8e5);
-	/*text-shadow:0px 0px 1px #fff;
-*/
-	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
-	color: #333333;
-	border-radius: 2px;
-	display: block;
-	float: left;
-}
-
-.image-popover .image-control .control-row .content a:hover {
-	border: #004898 solid 1px;
-	background-image: -moz-linear-gradient(top, #0082cb, #006baa);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
-	background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
-	background-image: -o-linear-gradient(top, #0082cb, #006baa);
-	background-image: linear-gradient(to bottom, #0082cb, #006baa);
-	color: #fff;
-}
-
-.image-popover .image-control .control-row .content a.curr {
-	border: #004898 solid 1px;
-	background: #006baa;
-	background-image: -moz-linear-gradient(top, #0082cb, #006baa);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
-	background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
-	background-image: -o-linear-gradient(top, #0082cb, #006baa);
-	background-image: linear-gradient(to bottom, #0082cb, #006baa);
-	color: #fff;
-}
-
-.image-popover .image-popover-close {
-	padding: 8px 8px;
-	background: #e4e4e4;
-	border: #c4e0ed solid 1px;
-	border-left: none;
-	font-size: 14px;
-	font-family: "宋体";
-	font-weight: bold;
-	color: #017eb5;
-	text-align: center;
-	float: left;
-	cursor: pointer;
-}
-/*弹出窗口*/
-.warning-popover {
-	width: 400px;
-	min-height: 150px;
-	background: #f2dede;
-	border: #eed3d7 solid 1px;
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	margin: -100px 0 0 -200px;
-	text-align: center;
-}
-
-.warning-popover p {
-	font-size: 28px;
-	color: #b94a48;
-	text-align: center;
-	padding: 30px 15px;
-	line-height: 35px;
-}
-
-.warning-popover .text-c {
-	margin: 0px 10px 10px 10px;
-}
-
-.message-popover {
-	width: 400px;
-	min-height: 150px;
-	background: #fff;
-	font-family: "微软雅黑", Fixedsys;
-	border: #5d6d7d solid 1px;
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	margin: -150px 0 0 -200px;
-	text-align: center;
-}
-
-.message-popover .popover-header {
-	width: 100%;
-	height: 46px;
-	background: #5d6d7d;
-	color: #fff;
-}
-
-.message-popover .popover-header .title {
-	font-size: 22px;
-	font-weight: bold;
-	color: #fff;
-	margin: 0px;
-	padding: 13px 0 0 13px;
-	float: left;
-}
-
-.message-popover .popover-header .image-close {
-	margin: 0px;
-	padding: 13px 13px 0 0px;
-	cursor: pointer;
-	float: right;
-}
-
-.message-popover .popover-cont {
-	font-size: 18px;
-	color: #005277;
-	text-align: left;
-	padding: 15px;
-	line-height: 30px;
-	word-wrap: break-word;
-}
-
-.message-popover .text-c {
-	margin: 0px 0 15px 0;
-	width: 100px;
-	text-align: center;
-}
-
-.message-popover2 {
-	width: 400px;
-	font-family: "微软雅黑", Fixedsys;
-	min-height: 150px;
-	background: #fff;
-	border: #ffcc00 solid 1px;
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	margin: -150px 0 0 -200px;
-	text-align: center;
-}
-
-.message-popover2 .popover-header {
-	width: 100%;
-	height: 46px;
-	background: #eabb00;
-	color: #fff;
-}
-
-.message-popover2 .popover-header .title {
-	font-size: 22px;
-	font-weight: bold;
-	color: #000;
-	margin: 0px;
-	padding: 13px 0 0 13px;
-	float: left;
-}
-
-.message-popover2 .popover-header .image-close {
-	margin: 0px;
-	padding: 13px 13px 0 0px;
-	cursor: pointer;
-	float: right;
-}
-
-.message-popover2 .popover-cont {
-	font-size: 18px;
-	color: #fd3435;
-	text-align: center;
-	padding: 15px;
-	line-height: 30px;
-	text-align: left;
-}
-
-.message-popover2 .text-c {
-	margin: 0px 0 15px 0;
-	width: 100px;
-	text-align: center;
-}
-
-.user-input {
-	font-family: "微软雅黑", Fixedsys;
-	width: 94%;
-	height: 25px !important;
-	font-size: 14px;
-	font-weight: bold;
-	border-top: #a5c7c8 solid 1px;
-	border-left: #99b3d3 solid 1px;
-	border-right: #bec9d7 solid 1px;
-	border-bottom: #e2e7ed solid 1px;
-	font-size: 14px;
-	padding: 10px !important;
-	border-radius: 0px;
-	overflow: hidden;
-}
-
-.wrong {
-    font-size: 18px;
-    color: #f00;
-    line-height: 30px;
-}
-.message-popover .popover-cont .username,.password,.password2 {
-    font-size: 12px;
-    color: #f00;
-    line-height: 30px;
-    padding-left: 20px;
-}
-a.button.all-zero-button {
-	margin-right: 20px;
-}
-.message-popover .popover-cont .username-input,.password-input,.password2-input{
-    width: 200px;
-}
-.message-popover .text-userInfo {
-    margin: 0px 0 15px 0;
-    width: 50px;
-    float: right;
-    margin-right: 20px;
-}
-
-.password-input,.password2-input{
-    margin-left: 20px;
-}
-
-.username-input{
-    margin-left: 12px;
-}
-.message-popover .popover-cont .username,.password,.password2 {
-    font-size: 12px;
-    color: #f00;
-    line-height: 30px;
-    padding-left: 20px;
-}
-.message-popover .popover-cont .username-input,.password-input,.password2-input{
-    width: 200px;
-}
-.message-popover .text-userInfo {
-    margin: 0px 0 15px 0;
-    width: 50px;
-    float: right;
-    margin-right: 20px;
-}
-
-.password-input,.password2-input{
-    margin-left: 20px;
-}
-
-.username-input{
-    margin-left: 12px;
-}
-.buttonCss .selected{
-    background-image: -webkit-linear-gradient(top, #eaeaea, #ED5321);
-}
-.buttonCss{
-    border-bottom: 1px solid #b50505;!important;
-}
-
-.sheet, .sheet > * {
-	list-style: none;
-	outline: none;
-	-webkit-tap-highlight-color: transparent;
-	-webkit-box-sizing: border-box;
-	box-sizing: border-box;
-}
-.sheet .popover-cont {
-	width: 100%;
-	height: -webkit-calc(100vh - 51px);
-	height: -moz-calc(100vh - 51px);
-	height: calc(100vh - 51px);
-	padding: 15px;
-	overflow-y: scroll;
-}
-/** 回评*/
-.cl {
-	zoom: 1;
-}
-.cl:after {
-	content: ".";
-	display: block;
-	height: 0;
-	clear: both;
-	visibility: hidden;
-}
-.header {
-	overflow: hidden;
-}
-.mark-sidebar {
-	position: relative;
-	overflow: hidden;
-}
-.c-mn {
-	height: calc(100% - 41px); 
-	height: -webkit-calc(100% - 41px); 
-	height: -moz-calc(100% - 41px);
-	background: #FFF;
-}
-.c-mn nav {
-	background: #F5F4F4;
-}
-.image-content {
-	height: 100%;
-}
-.mark-steps {
-	position: relative;
-	height: 100%;
-	overflow: hidden;
-}
-/*c-scbar*/
-.c-scbar {
-	height: 44px;
-	padding: 8px;
-	overflow: hidden;
-
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-.c-scbar td {
-	line-height: 28px;
-	color: #455B71;
-}
-.c-scbar td.sc span {
-	position: relative;
-	display: inline-table;
-	width: 100%;
-	height: 28px;
-	overflow: hidden;
-	background: #FFF;
-	padding: 0 30px 0 10px;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-.c-scbar input[type="text"] {
-	float: left;
-	width: 100%;
-	height: 28px;
-	overflow: hidden;
-	font-size: 13px;
-	color: #455B71;
-	background: none;
-	border: 0;
-	box-shadow: none;
-	padding: 0;
-	margin: 0;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-.c-scbar td.sc span em {
-	position: absolute;
-	right: 0;
-	top: 0;
-	width: 30px;
-	height: 28px;
-	background: url(../images/sc.png) no-repeat 50% 50%;
-}
-.c-scbar input[type="checkbox"] {
-	float: left;
-	margin: 8px 0 0 8px;
-}
-.c-scbar em.disabled {
-	color: #919FAC;
-}
-
-/*c-page*/
-.c-page {
-	z-index: 1;
-	position: absolute;
-	left: 0;
-	bottom: 0;
-	width: 100%;
-	height: 42px;
-	overflow: hidden;
-	line-height: 26px;
-	text-align: right;
-	color: #FFF;
-	background: #5D6D7D;
-	padding: 8px 10px;
-
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-.c-page a {
-	float: left;
-	display: block;
-	width: 26px;
-	height: 26px;
-	overflow: hidden;
-	text-indent: -9999em;
-	background: #405468 url(../images/back.png) no-repeat 50% 50%;
-}
-.c-page a.next {
-	margin-left: 5px;
-	background-image: url(../images/next.png);
-}
-.c-page a:hover {
-	background-color: #FFD800;
-}
-/*c-table*/
-.c-table {
-	height: -webkit-calc(100vh - 127px);
-	height: -moz-calc(100vh - 127px);
-	height: calc(100vh - 127px);
-	overflow-y: auto;
-}
-.c-table .table th, .c-table .table td {
-	border-top: none;
-	border-bottom: 1px solid #5d6d7d;
-}
-.c-table .table .up {
-	display: inline-block;
-	width: 8px;
-	height: 8px;
-	background: url(../images/o_up.gif) no-repeat 100% 50%;
-	margin-left: 5px;
-}
-.c-table .table .down {
-	display: inline-block;
-	width: 8px;
-	height: 8px;
-	background: url(../images/o_down.gif) no-repeat 100% 50%;
-	margin-left: 5px;
-}
-.c-table .table td.tips {
-	background: url(../images/tips.gif) no-repeat 0 0;
-}
-.c-table .table tr.active > td.tips {
-    background-color: #5a7686;
-}
-.c-table .table tr:hover td.tips {
-    background-color: #A2B2BB;
-}
-.c-table .loding {
-	width: 100%;
-}
-.c-table .loding td {
-	width: 100%;
-	height: 100px;
-	vertical-align: middle;
-	text-align: center;
-	border: 0;
-}
-.c-table .loding td p {
-	line-height: 20px;
-	padding-top: 10px;
-}
-.c-table .loding tr:hover td {
-	background: none;
-}
-/* 仲裁 */
-td.info {
-	position:relative;
-	padding: 4px 10px; 
-	text-align: center; 
-	word-break: break-all;
-}
-td.info .jiao {
-	position: absolute;
-	top: -5px;
-	left: 45%;
-	width: 8px;
-	height: 5px;
-	background: url(../images/jiao.png) no-repeat 0 0;
-}
-tr:hover .jiao {
-	background: url(../images/jiao_hover.png) no-repeat 0 0;
+@charset "utf-8";
+/* CSS Document */
+html {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    padding: 0px 0 0 0;
+    font-size: 14px;
+    background: #f5f4f4;
+}
+
+input, textarea {
+    margin: 0;
+    padding: 0;
+    font-size: 14px;
+    outline: none;
+}
+
+html:root body, html:root input, html:root button, html:root textarea, html:root select {
+' font-family: "微软雅黑", Fixedsys;
+';
+}
+
+form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, p {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    ont-style: normal;
+}
+
+fieldset {
+    border-left: none;
+    border-right: none;
+    font-size: 14px;
+    border-top: solid 1px #decfa0;
+    border-bottom: none;
+}
+
+legend {
+    color: #4971b9;
+    margin-left: 10px;
+}
+
+a {
+    text-decoration: none;
+    color: #484848;
+    outline: none;
+}
+
+a:hover {
+    text-decoration: none;
+    color: #279437;
+}
+
+a img {
+    border: none;
+}
+
+i, em {
+    font-style: normal;
+}
+
+/* 通用样式 */
+.fl {
+    float: left;
+}
+
+.fr {
+    float: right;
+}
+
+.oh {
+    overflow: hidden;
+}
+
+.hd {
+    display: none
+}
+
+.width2 {
+    width: 200px;
+}
+
+.padding5 {
+    padding: 5px;
+}
+
+.padding10 {
+    padding: 10px;
+}
+
+.domain {
+    padding: 3px;
+    min-height: 30px;
+}
+
+.border {
+    border-color: #ccc;
+    border-left: none;
+    border-right: none;
+}
+
+.mr-t {
+    margin-top: 5px;
+}
+
+.mr2-t {
+    margin-top: 10px;
+}
+
+.hide {
+    display: none;
+}
+
+.show {
+    display: block;
+}
+
+/*回评*/
+.image-view-popover {
+    width: 100%;
+    background: #fff;
+    position: absolute;
+}
+
+.image-view-popover .popover-header {
+    height: 50px;
+    background: #eff3f6;
+    border-bottom: solid 1px #dce0e2;
+}
+
+.image-view-popover .popover-header .title {
+    font-size: 26px;
+    line-height: 46px;
+    font-weight: bold;
+    color: #3163a1;
+    margin-left: 15px;
+    float: left;
+}
+
+.image-view-popover .popover-header .image-switch {
+    float: left;
+    margin: 9px 0px 8px 15px;
+}
+
+.image-view-popover .popover-header .image-switch a {
+    padding: 3px 8px;
+    text-align: center;
+    margin: 3px 5px;
+    border: #c1c1c1 solid 1px;
+    background-image: -moz-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f7), to(#e8e8e5));
+    background-image: -webkit-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: -o-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: linear-gradient(to bottom, #f9f9f7, #e8e8e5);
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
+    color: #333333;
+    border-radius: 2px;
+    display: block;
+    float: left;
+}
+
+.image-view-popover .popover-header .image-switch a:hover {
+    border: #004898 solid 1px;
+    background-image: -moz-linear-gradient(top, #0082cb, #006baa);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
+    background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
+    background-image: -o-linear-gradient(top, #0082cb, #006baa);
+    background-image: linear-gradient(to bottom, #0082cb, #006baa);
+    color: #fff;
+}
+
+.image-view-popover .popover-header .image-switch a.curr {
+    border: #004898 solid 1px;
+    background: #006baa;
+    background-image: -moz-linear-gradient(top, #0082cb, #006baa);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
+    background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
+    background-image: -o-linear-gradient(top, #0082cb, #006baa);
+    background-image: linear-gradient(to bottom, #0082cb, #006baa);
+    color: #fff;
+}
+
+.image-view-popover .popover-header .image-control {
+    margin: 9px 15px 8px 15px;
+    float: left;
+}
+
+.image-view-popover .popover-header .image-control a {
+    padding: 3px 8px;
+    text-align: center;
+    margin: 3px 5px;
+    border: #c1c1c1 solid 1px;
+    background-image: -moz-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f7), to(#e8e8e5));
+    background-image: -webkit-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: -o-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: linear-gradient(to bottom, #f9f9f7, #e8e8e5);
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
+    color: #333333;
+    border-radius: 2px;
+    display: block;
+    float: left;
+}
+
+.image-view-popover .popover-header .image-control a:hover {
+    border: #004898 solid 1px;
+    background-image: -moz-linear-gradient(top, #0082cb, #006baa);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
+    background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
+    background-image: -o-linear-gradient(top, #0082cb, #006baa);
+    background-image: linear-gradient(to bottom, #0082cb, #006baa);
+    color: #fff;
+}
+
+.image-view-popover .popover-header .image-control a.curr {
+    border: #004898 solid 1px;
+    background: #006baa;
+    background-image: -moz-linear-gradient(top, #0082cb, #006baa);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
+    background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
+    background-image: -o-linear-gradient(top, #0082cb, #006baa);
+    background-image: linear-gradient(to bottom, #0082cb, #006baa);
+    color: #fff;
+}
+
+.image-view-popover .popover-header .image-close {
+    margin-top: 15px;
+    margin-right: 15px;
+    cursor: pointer;
+    float: right;
+}
+
+.image-view-popover .popover-content {
+    padding: 10px;
+}
+
+.image-content {
+    position: relative;
+    overflow: hidden;
+}
+
+.mark-steps {
+    background-color: #cbd0d3;
+    height: 100%;
+}
+
+.mark-steps .header {
+    background-color: #2da5da;
+    height: 40px;
+    line-height: 40px;
+    font-size: 14px;
+    color: #fff;
+    text-align: center;
+    white-space: nowrap;
+}
+
+.mark-steps .header .useinfo {
+    width: 55%;
+    color: #fff;
+    padding: 0 5px 0 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+    float: left;
+}
+
+.mark-steps .header .logout {
+    width: 30%;
+    color: #fff;
+    padding: 0 20px 0 5px;
+}
+
+.mark-steps .tips {
+    padding: 5px;
+}
+
+.mark-steps .tips .tools {
+
+}
+
+.mark-steps .tips .setp {
+    margin-top: 5px;
+}
+
+.mark-steps .tips .text {
+    padding: 0 55px;
+    line-height: 28px;
+}
+
+.mark-steps .tips .on {
+    width: 74px;
+    height: 28px;
+    background: url(../images/on.png) no-repeat;
+    display: block;
+    margin-left: 50px;
+}
+
+.mark-steps .tips .off {
+    width: 74px;
+    height: 28px;
+    background: url(../images/off.png) no-repeat;
+    display: block;
+    margin-left: 50px;
+}
+
+/*键盘给分*/
+.mark-steps .step-board {
+    padding: 5px 5px 5px 5px;
+}
+
+.mark-steps .step-board .step-list {
+    position: relative;
+    overflow: hidden;
+}
+
+.mark-steps .step-board .header {
+    color: #fff;
+    font-size: 14px;
+    font-weight: bold;
+    background: #5d6d7d;
+    height: 16px;
+    line-height: 16px;
+    text-align: center;
+    display: block;
+}
+
+.mark-steps .step-board .sublist {
+
+}
+
+.mark-steps .step-board .sublist .fraction {
+    background: #ececec;
+    height: 39px;
+    line-height: 39px;
+    color: #ed5321;
+    display: block;
+    text-align: center;
+    font-family: "微软雅黑";
+    font-size: 25px;
+    font-weight: bold;
+    margin: 4px 0;
+}
+
+.mark-steps .step-board .newSubListCss {
+    height: 30px;
+    line-height: 29px;
+    color: #333;
+    display: block;
+    text-align: center;
+    font-family: "微软雅黑";
+    font-size: 20px;
+    font-weight: normal;
+    margin: 5px 0 5px 0;
+}
+
+.mark-steps .step-board .newSubListCss .red {
+    color: #ed5321;
+    font-weight: bold;
+    font-size: 20px;
+}
+
+/*.sidebar .step-list .sublist .up{ height:27px; text-align:center; cursor:pointer;}
+.sidebar .step-list .sublist .down{height:22px; text-align:center; cursor:pointer;}*/
+
+.mark-steps .picture-list {
+    height: 80px !important;
+    overflow: auto;
+    border-bottom: solid 1px #BBBBBB;
+}
+
+.mark-steps .picture-list .pictureScore {
+    margin: 5px;
+    overflow: hidden;
+}
+
+.mark-steps .picture-list .pictureScore ul li {
+    float: left;
+    height: 30px;
+    width: 50px;
+    border: solid 1px #cccccc;
+    background-color: #FFFFFF;
+    margin: 5px 5px;
+}
+
+.mark-steps .picture-list .pictureScore ul li p {
+    font-size: 20px;
+    line-height: 30px;
+    color: #999999;
+    text-align: center;
+}
+
+.mark-steps .picture-list .pictureScore ul li a {
+    display: block;
+    font-size: 20px;
+    line-height: 30px;
+    color: #999999;
+    text-align: center;
+}
+
+.mark-steps .picture-list .pictureScore ul li a:hover {
+    background-color: #ED5321;
+    color: #FFFFFF;
+}
+
+.mark-steps .picture-list .pictureScore ul li.selected {
+    background-color: #ED5321;
+    border: solid 1px #ED5321;
+}
+
+.mark-steps .picture-list .pictureScore ul li.selected p {
+    color: #FFFFFF;
+}
+
+.mark-steps .picture-list .pictureScore ul li.unable {
+    background-color: #dedede;
+    border: solid 1px #dedede;
+}
+
+.mark-steps .picture-list .pictureScore ul li.unable p {
+    color: #999999;
+}
+
+/*轨迹模式下提供“X”、“√”等标记符号   */
+.mark-steps .step-board .step-list .done {
+    width: 100%;
+    height: 118px;
+    background: #c6fde7;
+    margin-bottom: 5px;
+}
+
+.mark-steps .step-board .step-list .done .number {
+    -webkit-box-sizing: border-box;
+    width: 49%;
+    height: 118px;
+    float: left;
+    border-right: #ced0ce dashed 1px;
+}
+
+.mark-steps .step-board .step-list .done .number .title {
+    height: 30px;
+    border-bottom: #ced0ce dashed 1px;
+    font-weight: bold;
+    color: #309c52;
+    text-align: center;
+    line-height: 30px;
+}
+
+.mark-steps .step-board .step-list .done .number .num {
+    height: 88px;
+    font-weight: bold;
+    font-size: 40px;
+    color: #ed5321;
+    text-align: center;
+    line-height: 88px;
+}
+
+.mark-steps .step-board .step-list .done .score {
+    width: 50%;
+    height: 118px;
+    float: right;
+    text-align: center;
+    -webkit-box-sizing: border-box;
+}
+
+.mark-steps .step-board .step-list .done .score .title {
+    font-weight: bold;
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+    color: #309c52;
+    margin-bottom: 5px;
+    overflow: hidden;
+}
+
+.mark-steps .step-board .step-list .done .score .icon {
+    width: 100%;
+    height: 27px;
+    float: right;
+    font-size: 22px;
+    color: #309c52;
+}
+
+.mark-steps .step-board .step-list .done .score .num {
+    font-weight: bold;
+    width: 100%;
+    height: 24px;
+    float: right;
+    font-size: 30px;
+    color: #309c52;
+}
+
+.mark-steps .step-board .step-list .current {
+    width: 100%;
+    height: 118px;
+    background: #ffe2d7;
+    margin-bottom: 5px;
+}
+
+.mark-steps .step-board .step-list .current .number {
+    -webkit-box-sizing: border-box;
+    width: 49%;
+    height: 118px;
+    float: left;
+    border-right: #ced0ce dashed 1px;
+}
+
+.mark-steps .step-board .step-list .current .number .title {
+    height: 30px;
+    border-bottom: #ced0ce dashed 1px;
+    font-weight: bold;
+    color: #309c52;
+    text-align: center;
+    line-height: 30px;
+}
+
+.mark-steps .step-board .step-list .current .number .num {
+    height: 88px;
+    font-weight: bold;
+    font-size: 40px;
+    color: #ed5321;
+    text-align: center;
+    line-height: 88px;
+}
+
+.mark-steps .step-board .step-list .current .score {
+    width: 50%;
+    height: 118px;
+    float: right;
+    text-align: center;
+    -webkit-box-sizing: border-box;
+}
+
+.mark-steps .step-board .step-list .current .score .title {
+    font-weight: bold;
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+    color: #309c52;
+    margin-bottom: 5px;
+    overflow: hidden;
+}
+
+.mark-steps .step-board .step-list .current .score .icon {
+    width: 100%;
+    height: 27px;
+    float: right;
+    font-size: 22px;
+    color: #309c52;
+}
+
+.mark-steps .step-board .step-list .current .score .num {
+    font-weight: bold;
+    width: 100%;
+    height: 24px;
+    float: right;
+    font-size: 30px;
+    color: #309c52;
+}
+
+.mark-steps .step-board .step-list .todo {
+    width: 100%;
+    height: 118px;
+    background: #e0e2e4;
+    margin-bottom: 5px;
+}
+
+.mark-steps .step-board .step-list .todo .number {
+    -webkit-box-sizing: border-box;
+    width: 49%;
+    height: 118px;
+    float: left;
+    border-right: #ced0ce dashed 1px;
+}
+
+.mark-steps .step-board .step-list .todo .number .title {
+    height: 30px;
+    border-bottom: #ced0ce dashed 1px;
+    font-weight: bold;
+    color: #8d8d8d;
+    text-align: center;
+    line-height: 30px;
+}
+
+.mark-steps .step-board .step-list .todo .number .num {
+    height: 88px;
+    font-weight: bold;
+    font-size: 40px;
+    color: #8d8d8d;
+    text-align: center;
+    line-height: 88px;
+}
+
+.mark-steps .step-board .step-list .todo .score {
+    width: 50%;
+    height: 118px;
+    float: right;
+    text-align: center;
+    -webkit-box-sizing: border-box;
+}
+
+.mark-steps .step-board .step-list .todo .score .title {
+    font-weight: bold;
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+    color: #8d8d8d;
+    margin-bottom: 5px;
+    overflow: hidden;
+}
+
+.mark-steps .step-board .step-list .todo .score .icon {
+    width: 100%;
+    height: 27px;
+    float: right;
+    font-size: 22px;
+    color: #8d8d8d;
+}
+
+.mark-steps .step-board .step-list .todo .score .num {
+    font-weight: bold;
+    width: 100%;
+    height: 24px;
+    float: right;
+    font-size: 30px;
+    color: #8d8d8d;
+}
+
+/*分值列表*/
+.score-board {
+    width: 283px;
+}
+
+.score-board .header {
+    width: 273px;
+    height: 39px;
+    padding: 0 5px;
+    background-color: #5d6d7d;
+    line-height: 39px;
+    font-size: 14px;
+    color: #fff;
+    font-weight: bold;
+    cursor: pointer;
+    float: left;
+}
+
+.score-board .header .span1 {
+    width: 120px;
+}
+
+.score-board .header-close {
+    margin-top: 10px;
+    float: right;
+}
+
+.score-board .header-text {
+    margin-top: -10px;
+    float: right;
+    color: #fff;
+}
+
+.score-board .footer {
+    width: 263px;
+    height: 39px;
+    line-height: 39px;
+    font-weight: bold;
+    color: #fff;
+    padding: 0 10px;
+    background: #5d6d7d;
+    float: left;
+}
+
+.score-board .footer .font {
+    font-size: 22px;
+    text-align: left;
+    font-family: "微软雅黑", Fixedsys;
+    float: left;
+}
+
+.score-board .footer .yellow {
+    color: #ffd800;
+}
+
+.score-board .footer .button {
+    width: 55px;
+    height: 26px;
+    line-height: 26px;
+    text-align: center;
+    margin-top: 7px;
+    margin-left: 5px;
+    color: #fff;
+    font-size: 16px;
+    font-weight: bold;
+    background: #ed5321;
+    display: block;
+    float: right;
+}
+
+.score-board .content {
+    width: 271px;
+    border: solid 1px #5d6d7d;
+    background: #e6eaed;
+    padding: 5px;
+    float: left;
+}
+
+.score-board .content .sublist {
+    width: 271px;
+    margin: 2px 0;
+    float: left;
+}
+
+.score-board .content .sublist:hover {
+    background: #fce9ce;
+}
+
+.score-board .content .sublist .number {
+    width: 55px;
+    padding: 4px 0;
+    font-size: 12px;
+    font-weight: bold;
+    color: #46565f;
+    word-wrap: break-word;
+    float: left;
+    text-align: right;
+}
+
+.score-board .content .sublist .fraction {
+    width: 211px;
+    margin-left: 5px;
+    word-wrap: break-word;
+    float: right;
+    text-align: left;
+}
+
+.score-board .content .sublist .fraction a {
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    margin: 2px;
+    font-size: 12px;
+    color: #333333;
+    background: #d0d5d9;
+    border: solid 1px #9ea3a7;
+    text-align: center;
+    display: block;
+    float: left;
+}
+
+.score-board .content .sublist .fraction a:hover {
+    background: #ed5321;
+    color: #fff;
+    border: #ed5321 solid 1px;
+}
+
+.score-board .content .sublist .fraction a.active {
+    background: #ed5321;
+    color: #fff;
+    border: #ed5321 solid 1px;
+}
+
+.score-board-popover {
+    float: right;
+    top: 48px;
+    right: 15.3%;
+    position: absolute;
+}
+
+/*回评列表*/
+.mark-sidebar {
+    background-color: #cbd0d3;
+    height: 100%;
+}
+
+.mark-sidebar .header {
+    background-color: #46617b;
+    height: 40px;
+    line-height: 40px;
+    font-size: 20px;
+    border-bottom: #46617b solid 1px;
+    color: #fff;
+    text-align: center;
+}
+
+.mark-sidebar .header p {
+    float: left;
+    padding: 0 10px;
+}
+
+.mark-sidebar .header a {
+    float: right;
+    padding: 15px 10px 0 0;
+}
+
+.mark-sidebar .header .yellow {
+    color: #ffd800;
+}
+
+.mark-sidebar .m-pagination {
+    padding: 11px 0;
+    text-align: center;
+}
+
+.mark-sidebar .m-pagination a {
+    padding: 5px 8px;
+    text-align: center;
+    color: #fff;
+    font-size: 14px;
+    background: #5a7686;
+    margin: 0 5px;
+    text-align: center;
+}
+
+.mark-sidebar .m-pagination a:hover {
+    background: #ed5321;
+}
+
+.mark-sidebar .m-pagination a.active {
+    background: #ed5321;
+}
+
+.mark-sidebar .m-pagination {
+    padding: 11px 0;
+    text-align: center;
+}
+
+.mark-sidebar .m-pagination i {
+    padding: 5px 8px;
+    text-align: center;
+    color: #fff;
+    font-size: 14px;
+    background: #acacac;
+    margin: 0 5px;
+    text-align: center;
+}
+
+.mark-sidebar .sublist {
+
+}
+
+.mark-sidebar .sublist .titel {
+    background: #2da5da;
+    height: 37px;
+    line-height: 37px;
+    color: #fff;
+    border: #2297cc solid 1px;
+    text-align: center;
+}
+
+/*图片内容区开始*/
+.center-content {
+
+}
+
+.center-content .header {
+    background: #5d6d7d;
+    color: #fff;
+    padding: 0 10px;
+}
+
+.center-content .header .text {
+    float: left;
+    padding: 10px 0;
+}
+
+.center-content .header .text i {
+    padding: 0 2px;
+}
+
+.center-content .header .text em {
+    color: #ffe400;
+}
+
+/*.center-content .header .pictures{ color:#fff; margin-left:10px; cursor:pointer; float:left;}
+.center-content .header .pictures .L-btn{ background:#cbd0d3; width:93px; height:28px; padding:5px 10px; color:#4b555e; font-weight:bold;}
+.center-content .header .pictures .M-btn{ background:#e0e2e4; height:28px; padding:5px 10px; color:#354f67;}*/
+.center-content .header .header-btn {
+
+}
+
+.center-content .header .btn {
+    background: #cbd0d3;
+    padding: 3px 6px 3px 6px;
+    margin: 0px 3px 0 0;
+    color: #4b555e;
+    font-weight: bold;
+    float: left;
+}
+
+/*.center-content .header .fraction{ font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#008f58; text-align:right; float:right;}
+*/
+.center-content .header .fraction .active {
+    font-size: 45px;
+    color: #f53c00;
+}
+
+.center-content .tips {
+    word-wrap: break-word;
+    text-align: left;
+    float: right;
+    margin-top: 6px;
+}
+
+/*.center-content .tips .help{ width:25%;color:#fff; padding:0 5px 0 5px; float:left;}
+*/
+.center-content .tips .useinfo {
+    color: #fff;
+    padding: 0 5px 0 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+    float: left;
+}
+
+.center-content .tips .logout {
+    color: #fff;
+    padding: 0 5px 0 5px;
+    float: left;
+}
+
+.center-content .content {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    position: relative;
+}
+
+/*从这里开始是评卷详细信息*/
+.mark-detail {
+
+}
+
+.mark-detail .m-close {
+    font-size: 17.5px;
+    font-weight: bold;
+    color: #006998;
+    padding: 11px 19px;
+    background: #91d2f0;
+    cursor: pointer;
+    float: right;
+}
+
+.mark-detail .m-open {
+    font-size: 17.5px;
+    font-weight: bold;
+    color: #0079af;
+    padding: 11px 19px;
+    background: #b5e3f8;
+    float: right;
+}
+
+.mark-detail .m-open .yellow {
+    color: #ed5321;
+}
+
+.mark-detail-float {
+    float: right;
+    bottom: 5px;
+    right: 15.3%;
+    position: absolute;
+}
+
+/*小助手样式*/
+.assistant {
+    position: absolute;
+}
+
+/*图片属性*/
+.image-popover {
+
+}
+
+.image-popover .image-control {
+    width: 330px;
+    border: #c4e0ed solid 1px;
+    background: #f2fbff;
+    float: left;
+}
+
+.image-popover .image-control .control-row {
+    width: 310px;
+    padding: 5px 6px;
+    float: left;
+}
+
+.image-popover .image-control .control-row .title {
+    width: 60px;
+    font-weight: bold;
+    font-size: 14px;
+    color: #006d9d;
+    font-family: "宋体";
+    margin-top: 10px;
+    text-align: right;
+    float: left;
+}
+
+.image-popover .image-control .control-row .content {
+    width: 250px;
+    word-wrap: break-word;
+    float: left;
+}
+
+.image-popover .image-control .control-row .content a {
+    padding: 6px 12px;
+    text-align: center;
+    margin: 3px 5px;
+    border: #c1c1c1 solid 1px;
+    background-image: -moz-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f7), to(#e8e8e5));
+    background-image: -webkit-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: -o-linear-gradient(top, #f9f9f7, #e8e8e5);
+    background-image: linear-gradient(to bottom, #f9f9f7, #e8e8e5);
+    /*text-shadow:0px 0px 1px #fff;
+*/
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
+    color: #333333;
+    border-radius: 2px;
+    display: block;
+    float: left;
+}
+
+.image-popover .image-control .control-row .content a:hover {
+    border: #004898 solid 1px;
+    background-image: -moz-linear-gradient(top, #0082cb, #006baa);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
+    background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
+    background-image: -o-linear-gradient(top, #0082cb, #006baa);
+    background-image: linear-gradient(to bottom, #0082cb, #006baa);
+    color: #fff;
+}
+
+.image-popover .image-control .control-row .content a.curr {
+    border: #004898 solid 1px;
+    background: #006baa;
+    background-image: -moz-linear-gradient(top, #0082cb, #006baa);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0082cb), to(#006baa));
+    background-image: -webkit-linear-gradient(top, #0082cb, #006baa);
+    background-image: -o-linear-gradient(top, #0082cb, #006baa);
+    background-image: linear-gradient(to bottom, #0082cb, #006baa);
+    color: #fff;
+}
+
+.image-popover .image-popover-close {
+    padding: 8px 8px;
+    background: #e4e4e4;
+    border: #c4e0ed solid 1px;
+    border-left: none;
+    font-size: 14px;
+    font-family: "宋体";
+    font-weight: bold;
+    color: #017eb5;
+    text-align: center;
+    float: left;
+    cursor: pointer;
+}
+
+/*弹出窗口*/
+.warning-popover {
+    width: 400px;
+    min-height: 150px;
+    background: #f2dede;
+    border: #eed3d7 solid 1px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin: -100px 0 0 -200px;
+    text-align: center;
+}
+
+.warning-popover p {
+    font-size: 28px;
+    color: #b94a48;
+    text-align: center;
+    padding: 30px 15px;
+    line-height: 35px;
+}
+
+.warning-popover .text-c {
+    margin: 0px 10px 10px 10px;
+}
+
+.message-popover {
+    width: 400px;
+    min-height: 150px;
+    background: #fff;
+    font-family: "微软雅黑", Fixedsys;
+    border: #5d6d7d solid 1px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin: -150px 0 0 -200px;
+    text-align: center;
+}
+
+.message-popover .popover-header {
+    width: 100%;
+    height: 46px;
+    background: #5d6d7d;
+    color: #fff;
+}
+
+.message-popover .popover-header .title {
+    font-size: 22px;
+    font-weight: bold;
+    color: #fff;
+    margin: 0px;
+    padding: 13px 0 0 13px;
+    float: left;
+}
+
+.message-popover .popover-header .image-close {
+    margin: 0px;
+    padding: 13px 13px 0 0px;
+    cursor: pointer;
+    float: right;
+}
+
+.message-popover .popover-cont {
+    font-size: 18px;
+    color: #005277;
+    text-align: left;
+    padding: 15px;
+    line-height: 30px;
+    word-wrap: break-word;
+}
+
+.message-popover .text-c {
+    margin: 0px 0 15px 0;
+    width: 100px;
+    text-align: center;
+}
+
+.message-popover2 {
+    width: 400px;
+    font-family: "微软雅黑", Fixedsys;
+    min-height: 150px;
+    background: #fff;
+    border: #ffcc00 solid 1px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin: -150px 0 0 -200px;
+    text-align: center;
+}
+
+.message-popover2 .popover-header {
+    width: 100%;
+    height: 46px;
+    background: #eabb00;
+    color: #fff;
+}
+
+.message-popover2 .popover-header .title {
+    font-size: 22px;
+    font-weight: bold;
+    color: #000;
+    margin: 0px;
+    padding: 13px 0 0 13px;
+    float: left;
+}
+
+.message-popover2 .popover-header .image-close {
+    margin: 0px;
+    padding: 13px 13px 0 0px;
+    cursor: pointer;
+    float: right;
+}
+
+.message-popover2 .popover-cont {
+    font-size: 18px;
+    color: #fd3435;
+    text-align: center;
+    padding: 15px;
+    line-height: 30px;
+    text-align: left;
+}
+
+.message-popover2 .text-c {
+    margin: 0px 0 15px 0;
+    width: 100px;
+    text-align: center;
+}
+
+.user-input {
+    font-family: "微软雅黑", Fixedsys;
+    width: 94%;
+    height: 25px !important;
+    font-size: 14px;
+    font-weight: bold;
+    border-top: #a5c7c8 solid 1px;
+    border-left: #99b3d3 solid 1px;
+    border-right: #bec9d7 solid 1px;
+    border-bottom: #e2e7ed solid 1px;
+    font-size: 14px;
+    padding: 10px !important;
+    border-radius: 0px;
+    overflow: hidden;
+}
+
+.wrong {
+    font-size: 18px;
+    color: #f00;
+    line-height: 30px;
+}
+
+.message-popover .popover-cont .username, .password, .password2 {
+    font-size: 12px;
+    color: #f00;
+    line-height: 30px;
+    padding-left: 20px;
+}
+
+a.button.all-zero-button {
+    margin-right: 20px;
+}
+
+.message-popover .popover-cont .username-input, .password-input, .password2-input {
+    width: 200px;
+}
+
+.message-popover .text-userInfo {
+    margin: 0px 0 15px 0;
+    width: 50px;
+    float: right;
+    margin-right: 20px;
+}
+
+.password-input, .password2-input {
+    margin-left: 20px;
+}
+
+.username-input {
+    margin-left: 12px;
+}
+
+.message-popover .popover-cont .username, .password, .password2 {
+    font-size: 12px;
+    color: #f00;
+    line-height: 30px;
+    padding-left: 20px;
+}
+
+.message-popover .popover-cont .username-input, .password-input, .password2-input {
+    width: 200px;
+}
+
+.message-popover .text-userInfo {
+    margin: 0px 0 15px 0;
+    width: 50px;
+    float: right;
+    margin-right: 20px;
+}
+
+.password-input, .password2-input {
+    margin-left: 20px;
+}
+
+.username-input {
+    margin-left: 12px;
+}
+
+.buttonCss .selected {
+    background-image: -webkit-linear-gradient(top, #eaeaea, #ED5321);
+}
+
+.buttonCss {
+    border-bottom: 1px solid #b50505;
+!important;
+}
+
+.sheet, .sheet > * {
+    list-style: none;
+    outline: none;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.sheet .popover-cont {
+    width: 100%;
+    height: -webkit-calc(100vh - 51px);
+    height: -moz-calc(100vh - 51px);
+    height: calc(100vh - 51px);
+    padding: 15px;
+    overflow-y: scroll;
+}
+
+/** 回评*/
+.cl {
+    zoom: 1;
+}
+
+.cl:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+
+.header {
+    overflow: hidden;
+}
+
+.mark-sidebar {
+    position: relative;
+    overflow: hidden;
+}
+
+.c-mn {
+    height: calc(100% - 41px);
+    height: -webkit-calc(100% - 41px);
+    height: -moz-calc(100% - 41px);
+    background: #FFF;
+}
+
+.c-mn nav {
+    background: #F5F4F4;
+}
+
+.image-content {
+    height: 100%;
+}
+
+.mark-steps {
+    position: relative;
+    height: 100%;
+    overflow: hidden;
+}
+
+/*c-scbar*/
+.c-scbar {
+    height: 44px;
+    padding: 8px;
+    overflow: hidden;
+
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.c-scbar td {
+    line-height: 28px;
+    color: #455B71;
+}
+
+.c-scbar td.sc span {
+    position: relative;
+    display: inline-table;
+    width: 100%;
+    height: 28px;
+    overflow: hidden;
+    background: #FFF;
+    padding: 0 30px 0 10px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.c-scbar input[type="text"] {
+    float: left;
+    width: 100%;
+    height: 28px;
+    overflow: hidden;
+    font-size: 13px;
+    color: #455B71;
+    background: none;
+    border: 0;
+    box-shadow: none;
+    padding: 0;
+    margin: 0;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.c-scbar td.sc span em {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 30px;
+    height: 28px;
+    background: url(../images/sc.png) no-repeat 50% 50%;
+}
+
+.c-scbar input[type="checkbox"] {
+    float: left;
+    margin: 8px 0 0 8px;
+}
+
+.c-scbar em.disabled {
+    color: #919FAC;
+}
+
+/*c-page*/
+.c-page {
+    z-index: 1;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 42px;
+    overflow: hidden;
+    line-height: 26px;
+    text-align: right;
+    color: #FFF;
+    background: #5D6D7D;
+    padding: 8px 10px;
+
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.c-page a {
+    float: left;
+    display: block;
+    width: 26px;
+    height: 26px;
+    overflow: hidden;
+    text-indent: -9999em;
+    background: #405468 url(../images/back.png) no-repeat 50% 50%;
+}
+
+.c-page a.next {
+    margin-left: 5px;
+    background-image: url(../images/next.png);
+}
+
+.c-page a:hover {
+    background-color: #FFD800;
+}
+
+/*c-table*/
+.c-table {
+    height: -webkit-calc(100vh - 127px);
+    height: -moz-calc(100vh - 127px);
+    height: calc(100vh - 127px);
+    overflow-y: auto;
+}
+
+.c-table .table th, .c-table .table td {
+    border-top: none;
+    border-bottom: 1px solid #5d6d7d;
+}
+
+.c-table .table .up {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background: url(../images/o_up.gif) no-repeat 100% 50%;
+    margin-left: 5px;
+}
+
+.c-table .table .down {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background: url(../images/o_down.gif) no-repeat 100% 50%;
+    margin-left: 5px;
+}
+
+.c-table .table td.tips {
+    background: url(../images/tips.gif) no-repeat 0 0;
+}
+
+.c-table .table tr.active > td.tips {
+    background-color: #5a7686;
+}
+
+.c-table .table tr:hover td.tips {
+    background-color: #A2B2BB;
+}
+
+.c-table .loding {
+    width: 100%;
+}
+
+.c-table .loding td {
+    width: 100%;
+    height: 100px;
+    vertical-align: middle;
+    text-align: center;
+    border: 0;
+}
+
+.c-table .loding td p {
+    line-height: 20px;
+    padding-top: 10px;
+}
+
+.c-table .loding tr:hover td {
+    background: none;
+}
+
+/* 仲裁 */
+td.info {
+    position: relative;
+    padding: 4px 10px;
+    text-align: center;
+    word-break: break-all;
+}
+
+td.info .jiao {
+    position: absolute;
+    top: -5px;
+    left: 45%;
+    width: 8px;
+    height: 5px;
+    background: url(../images/jiao.png) no-repeat 0 0;
+}
+
+tr:hover .jiao {
+    background: url(../images/jiao_hover.png) no-repeat 0 0;
 }