|
|
@@ -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;
|
|
|
}
|
