﻿html { height: 100%; }
body { height: 100%; width: 100%; min-height: 673px; min-width: 1024px; position: relative; }
.information { position: absolute; left: 0; top: 0; width: 280px; height: 300px; border: solid 1px #ccc; border-top: none; border-left: none; background-color: #eee; overflow: hidden; }
.information_pic { text-align: center; margin: 10px 0; }
.information_name { font-size: 16px; padding-top: 5px; }
.information_center { margin-left: 24px; }
    .information_center li { line-height: 24px; }
.information_sub { text-align: center; margin-top: 10px; }
.information_sub_span { width: 90px; height: 24px; line-height: 24px; letter-spacing: 5px; text-indent: 5px; background-color: #fb8b00; display: inline-block; border-radius: 3px; color: #ffffff; font-size: 16px; cursor: pointer;text-align:center; }
    .information_sub_span:hover { background-color: #f9a742; }
.information_sub_rbtn { margin-left:10px; }
.information_center_ulli_gw,.information_sub_fzfx { display:none;}
.information_sub_message { width:60px;text-align:center;margin-right:15px;display:none;}
.zlck_box { position: fixed; top: 0px; padding: 15px 10px; background-color: #fff; left: 290px; /*display:none;*/ z-index: 4; right: 17px; padding-top: 30px; }
/*左边列表*/
.main_left { width: 280px; position: absolute; left: 0; top: 300px; bottom: 0; overflow: hidden; }
    .main_left .tmlx { width: 100%; height: 300px; overflow-y: auto; border: 1px solid #ccc; border-bottom: none; border-top: none; }
    .main_left .tmzt { width: 100%; height: 100px; background: #fff; border: 1px solid #ccc; border-top: none; }
.tmzt div { float: left; margin: 10px 0 0 35px; }
.tmzt p { clear: both; line-height: 20px; color: red; padding: 10px 5px 0 5px; text-indent: 2em; }
.tmzt .not_done, .tmzt .has_done, .tmzt .not_check { float: left; width: 15px; height: 15px; border: 1px solid #bbbbbb; margin-right: 3px; }
.fgtip_b { display:none;color:#093db9;}
.fgtip_r { display:none;}
.shOn { color:#093db9;}
.fhDone {color:#a70c0c;}
.has_done { background: #b7e7f9; border-color: transparent !important; }
.not_check { background-image: url(../images/mark.png); background-repeat: no-repeat; }
.tmlx div { background: #fff; }
.tmlx .list_title { height: 28px; background: #ccc; padding-left: 10px; line-height: 28px; cursor: pointer; }
.topicDiv { width: 25px; height: 25px; line-height: 23px; border: 1px solid #bbbbbb; text-align: center; display: inline-block; margin: 11px; cursor: pointer; }
.Mdiv { display: block; width: 100%; border: none; border-bottom: 1px solid #bbbbbb; margin: 0; text-align: left;padding-left:10px;}
.mtitle { display:inline-block;width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:top;}
/*右边部分*/
.main_right { position: absolute; top: 8px; bottom: 0; left: 280px; right: 0; overflow-y: auto; }
    .main_right .bigbox { padding-left: 4%; padding-top: 60px; }
        .main_right .bigbox img { cursor: pointer; }
.bigbox h3 { font-size: 16px; }
.main_right .smallbox { padding-left: 5px; max-width: 1280px; }
.smallbox .smallbox_answer { line-height: 25px; letter-spacing: 3px; margin: 5px 0 5px 30px; }
.smallbox img { width: 50px; height: 50px; vertical-align: top; text-indent: 0; }
.smallbox .xzt > input, .smallbox .xzt > span, .smallbox .xzt > div { float: left; }
.smallbox .xzt > input { margin-top: 7px; }
.smallbox .xzt > div { max-width: 94%; }
.smallbox_title { line-height: 28px; letter-spacing: 3px; margin: 10px 0; }
    .smallbox_title > span, .smallbox_title > div { float: left; }
    .smallbox_title > div { max-width: 94%; }
.tk_title { letter-spacing: 0; }
.smallbox input { line-height: 35px; margin-right: 8px; }
/*.smallbox .smallbox_title_input { border-bottom: solid 1px #000000; height: 25px; line-height: 25px; margin-left: 8px; width: 150px; }*/
.smallbox_title .smallbox_title_input { border-bottom: solid 1px #000000; height: 25px; line-height: 25px; margin-left: 8px; width: 150px; }
.judgment_false { margin-left: 20px; }
.smallbox .space_input { border-bottom: solid 1px #bbbbbb; line-height: 20px; margin: 3px 0; width: 370px; }
.answertextbox { clear: both; border: solid 1px #bbbbbb; width: 97%; min-height: 150px; font-size: 15px; text-indent: 2em; padding: 10px; line-height: 25px; letter-spacing: 2px; margin-bottom: 30px; }
.upimg { width: 66px; height: 25px; background-color: #319F32; color: #ffffff; cursor: pointer; line-height: 25px; display: block; margin: 10px; margin-top: 0px; text-align: center; }
.webuploader-pick { padding: 0 5px; }
.upimg div:last-child { width: 100% !important; height: 100% !important; }
.qbutton, .abutton { margin-left: 64px; }
.abutton { margin-bottom: 30px; }
.Aqustionbox, .Aanserwbox { min-height: 101px; }
    .Aqustionbox span, .Aanserwbox span { float: left; margin-top: 38px; }
    .Aqustionbox dl, .Aanserwbox dl { float: left; width: 70px; padding: 5px; margin: 10px; cursor: pointer; border: solid 1px transparent; }
        .Aqustionbox dl.choosed, .Aanserwbox dl.choosed { border: solid 1px #2da3ce; }
    .Aqustionbox dt, .Aanserwbox dt { height: 44px; width: 35px; background: url(../images/fujian.png) no-repeat; margin: 0 auto; }
    .Aqustionbox dd, .Aanserwbox dd { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; }
.Equstionbox, .Eanserwbox { float: left; min-height: 90px; }
.Eanserwbox { margin-left: 30px; }
    .Equstionbox span, .Eanserwbox span { float: left; margin-top: 38px; }
    .Equstionbox dl, .Eanserwbox dl { float: left; width: 70px; padding: 5px; margin: 10px; }
    .Equstionbox dt, .Eanserwbox dt { height: 44px; width: 35px; background: url(../images/Excel.png) no-repeat; margin: 0 auto; }
    .Equstionbox dd, .Eanserwbox dd { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.window { display: none; width: 400px; height: 130px; border: solid 1px #0094ff; border-radius: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); z-index: 9999; background-color: #ffffff; box-shadow: 0px 0px 5px 1px #0094ff; }
    .window p { margin-top: 40px; margin-bottom: 20px; font-size: 18px; text-align: center; letter-spacing: 2px; }
    .window button { height: 25px; width: 80px; border: none; background-color: #0094ff; color: #fff; margin-left: 151px; }
        .window button:hover { cursor: pointer; background-color: #66cdcc; }
.mediumbox { padding-left: 5px; max-width: 1280px; }
.mediumbox_title { line-height: 25px; letter-spacing: 3px; margin: 20px 0; }
.mediumbox img { width: 50px; height: 50px; vertical-align: top; text-indent: 0; }
.mediumbox_title > span, .mediumbox_title > div { float: left; }
.mediumbox_title > div { max-width: 94%; }
.main_right_top { position: absolute; z-index: 6; left: 280px; right: 0; height: 8px; display: none; }
    .main_right_top img { width: 50px; height: 50px; vertical-align: top; text-indent: 0; cursor:pointer;}
    .main_right_top .main_right_top_main { overflow: hidden; height: 100%; width: 100%; }
.main_right_top_text { position: absolute; top: 0; bottom: 8px; overflow: auto; width: 100%; }
    .main_right_top_text h3 { font-size: 16px; }
.main_right_drag_line { width: 100%; height: 8px; background-color: #fb8b00; cursor: ns-resize; position: absolute; bottom: 0; }
.main_right_top_button { height: 20px; width: 40px; background-color: #ffa500; cursor: pointer; border-radius: 0 0 5px 5px; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; }
.main_right_top_icon { background: url(../images/s.png) no-repeat; background-position: 0 -15px; height: 15px; width: 15px; margin: 2px 0 0 13px; }
.main_right_top_button.show .main_right_top_icon { background-position: 0 0; }
/*遮罩层*/
.shandow { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5);z-index:9998; }
/*原始图片大小*/
.img_win { display: none;height:100%; width:100%; text-align:center; display:flex;justify-content:center; align-items:center;}
    .img_win img { max-height:100%; max-width:100%;}
/*单题切换按钮*/
.qustion_button_box { position: fixed; left: 300px; top: 15px; z-index: 5; padding:15px;background-color:#fff;}
    .qustion_button_box div { float: left; margin-right: 20px; width: 90px; height: 24px; background-color: #fb8b00; color: #fff;font-size:16px; line-height: 24px; text-align: center; letter-spacing: 5px; text-indent: 5px; cursor: pointer; }
        .qustion_button_box div:last-child { margin-right:0;}
        .qustion_button_box div:hover { background-color: #2da3ce; }
/*倒计时*/
#myDynamicContent { transform: translateX(-30%); -ms-transform: translateX(-30%); -moz-transform: translateX(-30%); -webkit-transform: translateX(-30%); -o-transform: translateX(-30%); position:relative;top:5px;height:18px !important;}
#div_info { display: none; }

#excleWin { display: none; }
.excleWin_top { height: 35px; margin-top: 8px; text-align: left; }
    .excleWin_top span { display: inline-block; background: #ff9000; height: 25px; line-height: 25px; letter-spacing: 1px; padding: 0px 15px; margin: 0px 5px; color: #fff; cursor: pointer; }
        .excleWin_top span:hover { background: #41b3dd; }
#WebOffice { left: 0px; top: 0px; width: 100%; height: 670px; }
/*新增功能样式*/
.left_contrl_button { position: absolute; left: 280px; top: 50%; margin-top: -20px; font-size: 30px; height: 40px; width: 20px; line-height: 32px; background: #ffa500; color: #ffffff; border-radius: 0 5px 5px 0; cursor: pointer; z-index: 7; }
.mediumbox_title .btn_box { width: 94%; }
.mediumbox_title .video_play, .mediumbox_title .btn_themedatapath { float: none; height: 28px; line-height: 28px; color: #ffffff; background-color: #2da3ce; width: 80px; border-radius: 3px; clear: both; text-indent: 3px; text-align: center; cursor: pointer; position: relative; top: 10px; display: inline-block; margin: 0 20px 10px 0; }
    .mediumbox_title .video_play:hover, .mediumbox_title .btn_themedatapath:hover { background-color: #80c3dc; }
.video_play_win { display:none;height:100%;width:100%;}
#video { height:100%;width:100%;}

.rwckWin { display:none;width:100%;height:100%;}
.rwckList { margin:5px 10px;}
.excleWin_top .excleWin_rwzl { display:none;}
.excleWin_top .excleWin_fuhe { display:none;}
.excleWin_top .excleWin_fhfk { display:none;}
.messega_show { display:none;padding-top:30px;height:100%;overflow:auto;}
.message_bar { border-bottom:solid 1px #ccc;}
    .message_bar:nth-child(2n+1) { background-color:#eee;}
    .message_bar:first-child { background-color:#70B3ED;line-height:30px;color:#fff;position:absolute;top:0;width:100%;}
    .message_bar span { display:inline-block;vertical-align:middle;line-height:24px;letter-spacing:1px;font-size:16px;}
.m_index { width:8%;vertical-align:middle;text-align:center;}
.send_man { width:10%;vertical-align:middle;text-align:center;}
.m_time {width:24%;vertical-align:middle; text-align:center;}
.m_text {width:58%; vertical-align:middle;padding-left:10px;border-left:solid 1px #ccc;}
.fhfk_box { height:100%;width:100%;}
    .fhfk_box p { padding:10px;font-size:16px;}
    .fhfk_box textarea { width:100%;text-indent:2em;border:solid 1px #ccc;border-right:none;border-left:0;font-size:16px;letter-spacing:1px;line-height:20px;}
.fksend { width:60px;text-align:center;position:relative;margin-left:50%;left:-30px;margin-top:6px;}
/*闪烁动画 - css3专用*/
@keyframes flash {
  from, 50%, to {
    background-color: #fb8b00;
  }

  25%, 75% {
    background-color: #66cdcc;
  }
}
.flash {
  animation-name: flash;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
/*作答说明*/
.zdsmdiv { width: 100%; height: 100%; display: none; }
.zdsmdiv_div_main { width: 100%; height: 100%; overflow: auto; }
    .zdsmdiv_div_main textarea { width:100%;height:98%;letter-spacing:3px;font-size:16px;line-height:35px;padding-top:2%;padding-left:10%;padding-right:9%; }
.hide { display: none; }