/* 全局标签 */
html {height:100%;}
body {margin:0; padding:0;font-size:14px; background:#f5f4f4; font-family:"微软雅黑", Fixedsys;}
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;}
.hide{ display:none;}
.show {display: block;}
/*回评*/
.image-view-popover{ width:90%; margin:25px auto;background:#fff; border:#fcfeff solid 1px;}
.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;}

.sidebar{ background-color:#80c8e9; height:100%;}
.sidebar .header{ background-color:#2da5da; height:40px; line-height:40px; font-size:14px; border-bottom:#2297cc solid 1px; color:#fff; text-align:center;white-space:nowrap;}
.sidebar .header .useinfo{ width:55%; color:#fff; padding:0 5px 0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block; float:left;}
.sidebar .header .logout{ width:30%;color:#fff; padding:0 20px 0 5px;}
.sidebar .tips{ padding:5px;}
.sidebar .tips .tools{}
.sidebar .tips .setp{ margin-top:5px;}
.sidebar .tips .text{ padding:0 55px; line-height:28px;}
.sidebar .tips .on{ width:74px; height:28px; background:url(../images/on.png) no-repeat; display:block; margin-left:50px;}
.sidebar .tips .off{ width:74px; height:28px; background:url(../images/off.png) no-repeat; display:block;margin-left:50px;}
/*键盘给分*/
.sidebar .step-list{ padding:0 5px 5px 5px;}
.sidebar .step-list .header{ color:#fff; font-size:14px; font-weight:bold;  background:#2da5da; border:#2297cc solid 1px; height:37px; line-height:37px; text-align:center;}
.sidebar .step-list .sublist{}
.sidebar .step-list .sublist .up{ height:27px; text-align:center; cursor:pointer;}
.sidebar .step-list .sublist .down{height:22px; text-align:center; cursor:pointer;}
.sidebar .step-list .sublist .done{ background:#c6fde7; height:78px; margin-bottom:5px;}
.sidebar .step-list .sublist .done .title{ font-weight:bold; color:#007246; padding:8px;}
.sidebar .step-list .sublist .done .title .number{ text-align:left;}
.sidebar .step-list .sublist .done .title .interval{ text-align:right; float:right;}
.sidebar .step-list .sublist .done .content{ font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;color:#007246;text-align:center; padding:8px 0;}
.sidebar .step-list .sublist .textL{ text-align:right;}
.sidebar .step-list .sublist .textR{ text-align:left;}

.sidebar .step-list .sublist .current{ background:#ffdacf; height:78px; margin-bottom:5px;}
.sidebar .step-list .sublist .current .title{ font-weight:bold; color:#d83f0d; padding:8px;}
.sidebar .step-list .sublist .current .title .number{ text-align:left;}
.sidebar .step-list .sublist .current .title .interval{ text-align:right; float:right;}
.sidebar .step-list .sublist .current .content{ font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#d83f0d; text-align:center; padding:8px 0;}

.sidebar .step-list .sublist .todo{ background:#e3e3e3; height:78px; margin-bottom:5px;}
.sidebar .step-list .sublist .todo .title{ font-weight:bold; color:#7b7b7b; padding:8px;}
.sidebar .step-list .sublist .todo .title .number{ text-align:left;}
.sidebar .step-list .sublist .todo .title .interval{ text-align:right; float:right;}
.sidebar .step-list .sublist .todo .content{ font-size:40px; font-weight:bold; color:#7b7b7b; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:8px 0;}
/*分值列表*/
.score-board{ width:283px;}
.score-board .header{ width:273px; height:39px; padding:0 5px; background-color:#0079af; line-height:39px; font-size:14px; color:#fff; font-weight:bold; cursor:pointer; float:left;}
.score-board .header-close{margin-top:10px;float:right;}
.score-board .footer{width:233px; height:39px; line-height:39px; color:#fff; padding:0 25px; background:#0079af; float:left;}
.score-board .footer .font{font-size:24px; text-align:center; font-family:"微软雅黑", Fixedsys; float:left;}
.score-board .footer .yellow{ color:#ffd800; }
.score-board .footer .button{ width:60px; height:26px; line-height:26px; text-align:center; margin-top:7px; margin-left:15px;color:#fff; font-size:16px; font-weight:bold; background:#ed5321; display:block;float:left;}
.score-board .content{ width:271px; border: solid 1px #1182b4; background:#eef9fe; 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:#1b6789;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:#eef9fe; border:solid 1px #94b2c0; text-align:center;display:block; float:left;}
.score-board .content .sublist .fraction a:hover{ background:#0079af; color:#fff; border:#0079af 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-history{ background-color:#80c8e9; height:100%; }
.mark-history .header{background-color:#2da5da; height:40px; line-height:40px; font-size:20px; border-bottom:#2297cc solid 1px; color:#fff; text-align:center;}
.mark-history .header p{ float:left; padding:0 10px;}
.mark-history .header a{float:right; padding:15px 10px 0 0;}
.mark-history .header .yellow{ color:#ffd800;}
.mark-history .m-pagination{padding:11px 0; text-align:center;}
.mark-history .m-pagination a{ padding:5px 8px;text-align:center;color:#fff; font-size:14px; background:#0079af; margin:0 5px; text-align:center;}
.mark-history .m-pagination a:hover{background:#ed5321;}
.mark-history .m-pagination a.active{background:#ed5321;}
.mark-history .m-pagination{padding:11px 0; text-align:center;}
.mark-history .m-pagination i{ padding:5px 8px;text-align:center;color:#fff; font-size:14px; background:#acacac; margin:0 5px; text-align:center;}
.mark-history .sublist{}
.mark-history .sublist .titel{ background:#2da5da; height:37px; line-height:37px; color:#fff; border:#2297cc solid 1px; text-align:center;}
/*图片内容区开始*/
.center-content{}
.center-content .header{ background:#e5f7ff; color:#007ac1;height:21px; padding:10px; }
.center-content .header .text{color:#007ac1; font-size:16px; float:left;}
.center-content .header .text i{ padding:0 5px;}
.center-content .header .pictures{ color:#fff; margin-left:10px; cursor:pointer; float:left;}
.center-content .header .pictures .L-pic{ background:#1fa6e2; width:93px; height:28px; padding:5px 10px;}
.center-content .header .pictures .R-pic{ background:#ed5321; width:25px; height:28px; padding:5px 10px; margin-left:1px;}
.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 .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{right:1%; left:auto;top:77px;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;  
   height:150px;
   background:#f2dede;
    border:#eed3d7 solid 1px;
   position:absolute;  
   left:50%;  
   top:50%;  
   margin:-100px 0 0 -200px;}
.warning-popover p{ font-size:28px; color:#b94a48; text-align:center; padding:35px 15px;}
.warning-popover .text-c{ margin:0px 135px;}