@charset "utf-8";
/* CSS Document */

body{ font-size:12px; font-family:"微软雅黑"; margin:0; padding:0; background:#fff;}
a{ text-decoration:none;}
ul,ol,div,p,span,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
li{ list-style:none;}
img{ border:0px;}
*:focus {outline:none;} 
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*::-webkit-scrollbar { width:8px;}
::-webkit-scrollbar-track {    border-radius: 10px;}
::-webkit-scrollbar-thumb { border-radius: 10px;    background: rgba(0,0,0,0.08);}*/

.OnlineMarking_head{transition: all 0.3s ease-out;min-width: 1000px;width: 100%;height: 55px;position: fixed;top:0px;left:0px;z-index: 998; background: #fff;box-shadow: 0 1px 8px rgba(0,0,0,.3);}
.OnlineMarking_head a.return{ letter-spacing:2px;  border-radius:2px; margin-top:10px;font-weight:bold; padding:0px 20px; display:block; height:35px; width:auto; float:left; text-align:center; line-height:35px; color:#666;  }
.OnlineMarking_head a.return img{ width:25px; margin-right:10px; margin-top:5px; float:left;}
.OnlineMarking_head .On_progress{ float:right; line-height:55px; font-size:14px; color:#333;}
.OnlineMarking_head .On_progress em{ font-style:normal; font-size:16px; font-weight:bold;}
.OnlineMarking_head .OnlineMarking_head_btn{ width:auto; height:auto; float:right;margin-right:30px;}
.OnlineMarking_head .OnlineMarking_head_btn a{ background:#2196f3;letter-spacing:2px;  border-radius:2px; margin-top:10px; margin-left:20px; font-weight:bold; padding:0px 20px; display:block; height:35px; width:auto; float:left; text-align:center; line-height:35px; color:#fff; margin-left:30px;box-shadow:0 1px 2px #666;box-shadow: 0 0 6px #fff;}



.OnlineMarking_topic{ width:370px; height:100%; background:#fff; border-left:1px solid #ccc; position:fixed;position:fixed; right:0px; top:56px;overflow:hidden; z-index:100;}
.OnlineMarking_topic .OnlineMarking_topic_con{ width:100%; float:left; overflow:hidden; overflow-y:auto;}
.OnlineMarking_topic .OnlineMarking_topic_con::-webkit-scrollbar { width:8px;}
.OnlineMarking_topic .OnlineMarking_topic_con::-webkit-scrollbar-track {    border-radius: 10px;}
.OnlineMarking_topic .OnlineMarking_topic_con::-webkit-scrollbar-thumb { border-radius: 10px;    background: rgba(0,0,0,0.08);}

.OnlineMarking_topic .OM_topic_title{ font-size:14px; color:#9b9b9b; padding-top:20px; background:#fff; position:relative; z-index:99; float:left; width:100%;}
.OnlineMarking_topic .OM_topic_title .Total{ text-align:right; width:25%; margin-right:5%; height:30px; line-height:30px; color:#9b9b9b; font-size:14px; float:right;}
.OnlineMarking_topic .OM_topic_title .Total b{ color:#2196f3; font-size:18px;}
.OnlineMarking_topic .OM_topic_title h2{ font-weight:normal;height:30px; line-height:30px; width:50%; margin-left:5%; color:#333; font-size:16px; float:left; position:relative;}
.OnlineMarking_topic .OM_topic_title .P_fullmarks:hover,.OnlineMarking_topic .OM_topic_title .P_zero:hover{ color:#2196f3; cursor:pointer;}
.OnlineMarking_topic ul{width:90%; float:left; margin-left:5%;}
.OnlineMarking_topic ul li{ width:20%; height:35px; margin-bottom:5px; line-height:35px; float:left; text-align:center; position:relative;}
.OnlineMarking_topic ul li:nth-child(1){ width:30%;}
.OnlineMarking_topic ul li:nth-child(2){ width:30%;}

.OnlineMarking_topic .OM_topic_data ul li:nth-child(2){border-bottom:1px solid #ccc;}

.OnlineMarking_topic .OM_topic_data ul li span{ float:left; margin-left:18%; width:25px; height:25px; margin-top:5px; text-align:center; border-radius:50%; border:1px solid #fff; overflow:hidden;}
.OnlineMarking_topic .OM_topic_data ul li span:nth-child(2){ float:left; margin-left:12%;}
.OnlineMarking_topic .OM_topic_data ul li span:nth-child(1){ background:url(../../images/OnlineMarking/gou.png) no-repeat center center; background-size:90% 90%;}
.OnlineMarking_topic .OM_topic_data ul li span:nth-child(2){ background:url(../../images/OnlineMarking/x.png) no-repeat center center; background-size:90% 90%;}
.OnlineMarking_topic .OM_topic_data ul li span.zt1{ border:1px solid #979797; box-shadow:0 2px 6px #f0f0f0; }
.OnlineMarking_topic .OM_topic_data ul li span:nth-child(1).zt2{  border:1px solid #2196f3;background:url(../../images/OnlineMarking/gouB.png) #2196f3 no-repeat center center; background-size:90% 90%;}
.OnlineMarking_topic .OM_topic_data ul li span:nth-child(2).zt2{ border:1px solid #2196f3; background:url(../../images/OnlineMarking/xB.png) #2196f3 no-repeat center center; background-size:90% 90%;}

.OnlineMarking_topic ul li input{ width:90%; height:33px; border:0px;}
.OnlineMarking_topic ul li .xian{ transition:all 0.25s cubic-bezier(0.47,0,0.745,0.715);width:100%; height:2px; border-bottom:2px solid #2196f3; position:absolute; bottom:-1px; left:0px; transform:scale(0);-webkit-transform:scale(0);}
.OnlineMarking_topic ul li .xian.clickC{ transform:scale(1);-webkit-transform:scale(1);}
.OnlineMarking_topic ul p{ float:right; width:70%; line-height:12px; color:red; display:none;}
.OnlineMarking_topic ul.error .xian{transform:scale(1);-webkit-transform:scale(1);border-bottom:2px solid red;}
.OnlineMarking_topic ul.error input{ color:red;}
.OnlineMarking_topic ul.error p{display:block;}



.keyboard{ width:100%; height:310px; position:absolute; bottom:0px; border-top:1px solid #ccc; padding:15px 0; z-index:100; background:#fff;}
.keyboard .ss{ cursor:pointer; width:100%; height:20px;position:absolute; left:0px; top:0px; text-align:center; border-radius:0 0 4px 4px;}
.keyboard .ss:hover{ background: #d7d7d7;}
.keyboard .ss img{ height:20px; transform:rotate(180deg);}
.keyboard ol{ width:80%; margin-left:10%; float:left; height:auto; margin-top:10px;}
.keyboard ol li{ box-shadow:0px 1px 3px  rgba(0,0,0,.3); width:63px; float:left; margin-right:10px; margin-bottom:10px; height:63px; text-align:center; line-height:63px; border-radius:4px; border:1px solid #ccc; font-size:18px; cursor:pointer;}
.keyboard ol li.click{ background:#2196f3; color:#fff; border:1px solid #2196f3;}
.keyboard ol li.disabled{ background:#ccc; color:#fff;border:1px solid #ccc;}
.keyboard ol li:nth-child(4),.keyboard ol li:nth-child(8){ height:138px; line-height:138px; float:right; margin-right:5px;}
.keyboard ol li:nth-child(12){ width:138px;}
.OnlineMarking_content{ width:80%;height:500px; margin-top:56px; float:left; overflow:hidden; overflow-y:auto; position:relative;}
.OnlineMarking_content::-webkit-scrollbar { width:8px;}
.OnlineMarking_content::-webkit-scrollbar-track {    border-radius: 10px;}
.OnlineMarking_content::-webkit-scrollbar-thumb { border-radius: 10px;    background: rgba(0,0,0,0.1);}

.OnlineMarking_content .con{ width:70%; height:auto; margin-left:15%; float:left;  padding:30px 0; margin-top:20px; position:relative;}
.OnlineMarking_content .con .con_zi{ float:left; height:auto; width:auto; position:relative; margin-bottom:20px;background:#fff;}
.OnlineMarking_content .con .con_zi canvas{position:absolute; top:0px; left:0px;}
.OnlineMarking_content .con img{ width:100%; float:left;}
.OnlineMarking_content .cz_btn{z-index:99; transition:all 0.3s; width:auto; height:auto; position:absolute; right:20px; top:10px; opacity:0;}
.OnlineMarking_content .cz_btn ul{ background:#fff; width:auto; height:auto; float:left; border:1px solid #2196f3; border-radius:4px;}
.OnlineMarking_content .cz_btn ul li{cursor:pointer; width:30px; height:30px; border-right:1px solid #2196f3; color:#2196f3; float:left; text-align:center; line-height:30px;}
.OnlineMarking_content .cz_btn ul li:nth-last-child(1){ border-right:0px;}
.OnlineMarking_content .cz_btn ul li.click{ color:#fff; background:#2196f3; }
.OnlineMarking_content a.look{ background:#fff;transition:all 0.3s; width:auto; height:30px; position:absolute; left:20px; top:10px; opacity:0; border:1px solid #2196f3; border-radius:4px;color:#2196f3;text-align:center; line-height:30px; padding:0 15px; z-index:99;}


.ModelAnswer{width:80%; height:250px; position:fixed; bottom:-250px; border-top:1px solid #d7d7d7; background:#fff;}
.ModelAnswer a{ position:absolute; top:-30px; left:30px; border-radius:6px 6px 0 0; height:30px; line-height:30px; background:#d7d7d7; padding:0 15px; color:#666;}
.ModelAnswer a img{ float:right; margin:3px 0 0 15px; transition:all 0.3s;}
.ModelAnswer .ModelAnswer_data{ width:100%; height:250px; overflow:hidden; overflow-y:auto;}
.ModelAnswer_data::-webkit-scrollbar { width:8px;}
.ModelAnswer_data::-webkit-scrollbar-track {    border-radius: 10px;}
.ModelAnswer_data::-webkit-scrollbar-thumb { border-radius: 10px;    background: rgba(0,0,0,0.1);}
.ModelAnswer .ModelAnswer_data .ModelAnswer_data_zi{ width:70%; margin-left:15%;} 
.ModelAnswer .ModelAnswer_data .ModelAnswer_data_zi img{ width:100%;}


/*在线阅评分列表*/
.OnlineMarkingYC_con{width: calc(100% - 200px); position:absolute; right:0px; top:110px; display:none; }
.OnlineMarkingYC_con .OnMaYC_data{ float:left; height:auto;width: calc(100% - 92px); background:#fff;    border: 1px solid #e9e9e9; margin-left:45px;}
.OnlineMarkingYC_con h1{ width: calc(100% - 92px); margin-left:46px; color:#999; font-weight:normal; margin-top:20px; margin-bottom:10px; font-size:14px; position:relative;}
.OnlineMarkingYC_con h1 span{margin-left:20px; font-size:14px; color:#333; font-weight:bold;}
.OnlineMarkingYC_con h1 a{position:absolute; top:4px; left:70px;}
.OnlineMarkingYC_con h1 img#sm_yj{width:18px;}
.OnlineMarkingYC_con h1 .sm_yj{ width:150px; position:absolute; left:-75px; top:26px; height:auto; z-index:99; padding:10px;box-shadow:0px 1px 3px  rgba(0,0,0,.3); background:#fff; display:none;}
.OnlineMarkingYC_con h1 .sm_yj img{ width:100%; margin:0px; float:left;}
.OnlineMarkingYC_con h1 .sm_yj p{ width:100%; line-height:20px; text-align:center;float:left; font-size:12px; color:#333;}
.operation_row .right{ width:auto; padding-right:30px; padding-left:15px; height:55px; float:right; }
.OnlineMarkingYC_con .OnMaYC_data ul{ width:100%; height:45px; position:relative; float:left;}
.OnlineMarkingYC_con .OnMaYC_data ul li{ width:20%; height:45px; float:left; line-height:45px; text-align:left; position:relative;}
.OnlineMarkingYC_con .OnMaYC_data ul li:nth-child(1){ width:45%;text-indent:45px;}
.OnlineMarkingYC_con .OnMaYC_data ul li:nth-child(3){ width:35%;}
.OnlineMarkingYC_con .OnMaYC_data ul li .OnProgress{ width:80%; height:15px; border-radius:10px; background:#e2e2e2; margin-top:15px;}
.OnlineMarkingYC_con .OnMaYC_data ul li .OnProgress span{ float:left; height:15px; width:40%;border-radius:10px; background:#ffa726; position:relative;}
.OnlineMarkingYC_con .OnMaYC_data ul li .OnProgress span em{ position:absolute; right:5px; color:#fff; top:0px; height:15px; line-height:15px; font-style:normal;}
.OnlineMarkingYC_con .OnMaYC_data ul i{ position:absolute; right:10px; width:28px; height:28px; top:8px;}
.OnlineMarkingYC_con .OnMaYC_data ul i img{ width:100%;}
.OnMaYC_data .OnMaYC_title{ float:left; font-weight:bold; font-size:12px; width:100%; position:relative; top:0px; width:100%;line-height:45px; border-bottom: 1px solid #e9e9e9;}
.OnMaYC_data .OnMaYC_title ul{ width:100%; height:auto; float:left;  color:#333;}
.OnMaYC_data .OnMaYC_content{ float:left; clear:both; width:100%; height:auto;}
.OnMaYC_data .OnMaYC_content .OnMarking{ cursor:pointer;}
.OnMaYC_data .OnMaYC_content .OnMarking:hover{ color:#ff9800;}
.OnMaYC_content .OnMaYC_level1{ width:100%; height:auto;float:left;  color:#252525;    border-bottom: 1px solid #e9e9e9; font-weight:bold; position:relative;}
.OnMaYC_content .OnMaYC_level1 .OnMaYC_level2{width:100%; height:auto; float:left; color:#252525; font-weight:normal;}
.OnMaYC_content .OnMaYC_level1 .OnMaYC_level2 ul li:nth-child(1){  text-indent:80px;}
.OnMaYC_content .OnMaYC_level1:nth-last-child(1){ border-bottom:0px;}


.tagWinHint{ transition:all 0.1s ease-out; width:auto; height:35px; background:#323232; border-radius:4px; color:#fff; line-height:35px; padding:0 10px; position:fixed; z-index:10002; transform:scale(0); transform-origin:top center;}



.mask{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); display:block; z-index:9999; display:none;}

.NewGuideThrre{ width:100%; height:100%; position:fixed; top:0px; left:0px;z-index:10000;}
.NewGuideThrre p{ font-size:24px; color:#fff;font-family:"微软雅黑"; letter-spacing:2px;}
.NewGuideThrre p.p1{ position:fixed; top:20px; right:350px;}
.NewGuideThrre p span{ float:left; margin-left:10px;}
.NewGuideThrre p.p1 img{ float:left;}
.NewGuideThrre p.p2{ width:310px;position:absolute; top:35%; right:400px;}
.NewGuideThrre p.p2 img:nth-child(1){ position:absolute; top:-40px; left:50%; margin-left:-20px;} 
.NewGuideThrre p.p2 img:nth-child(3){ margin:10px 0 0 110px;}

.NewGuideThrre p.p3{ position:absolute; bottom:200px; right:400px;}
.NewGuideThrre p.p3 img:nth-child(1){ position:relative; top:-10px;}
.NewGuideThrre p.p3 img:nth-child(2){ position:relative; position:absolute; top:40px; left:50%; margin-left:-80px;}
.NewGuideThrre .zz{ width:371px; background:rgba(0,0,0,0.5); position:fixed; bottom:340px; right:0px; height:50px;}
.NewGuideThrre p.p4{ width:400px; position:absolute; top:50%; left:15%;}
.NewGuideThrre p.p4 img{ margin:10px 0 0 150px;}

@media screen and (max-width:1180px){
		.OnlineMarking_topic{ width:300px; }
         .OnlineMarking_content .con{ width:80%; margin-left:10%; }
		 .keyboard{ height:240px;}
		 .keyboard ol li{ width:48px;height:48px; line-height:48px;}
		.keyboard ol li:nth-child(4),.keyboard ol li:nth-child(8){ height:108px; line-height:108px; }
		.keyboard ol li:nth-child(12){ width:108px;}
	
		 .ModelAnswer .ModelAnswer_data .ModelAnswer_data_zi{ width:80%; margin-left:10%;} 
		 .NewGuideThrre p.p1{  right:280px;}
		 .NewGuideThrre p.p2{right:350px;}
         .NewGuideThrre p.p3{bottom:180px; right:350px;}
		 .NewGuideThrre .zz{ width:301px;position:fixed; bottom:270px; right:0px; height:50px;}





		}