@charset "utf-8";
.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; font-family: 'Microsoft Yahei'; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, optgroup, strong, th, var { font-weight: inherit; font-style: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
q:after, q:before { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
legend { color: #000; }
button, input, optgroup, option, select, textarea { font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; }
a { text-decoration: none; cursor: pointer; }
a:focus, a:hover, a:link, a:visited { outline: 0; text-decoration: none; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f20 { font-size: 20px; }
.f30 { font-size: 30px; }
.fb { font-weight: 700; }
.fn { font-weight: 400; }
.t2 { text-indent: 2em; }
.lh150 { line-height: 150%; }
.lh180 { line-height: 180%; }
.lh200 { line-height: 200%; }
.unl { text-decoration: underline; }
.no_unl { text-decoration: none; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-right: 0; margin-left: 0; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.clearfix:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; }
.vm { verticle-align: middle; }
.pr { position: relative; }
.pa { position: absolute; }
.inline-block { display: inline-block; }
.block { display: block; }
.abs-right { position: absolute; right: 0; }
.zoom { zoom: 1; }
.hidden { visiility: hidden; }
.none { display: none!important; }
.far-away { position: absolute; clip: rect(0,0,0,0); pointer-events: none; }
.transparent { opacity: 0; }
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w800 { width: 800px; }
.w { width: 100%; }
.wp15 { width: 15%; }
.wp30 { width: 30%; }
.wp70 { width: 70%; }
.h50 { height: 50px; }
.h80 { height: 80px; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.h { height: 100%; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m30 { margin: 30px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }
.ml0 { margin-left: 0; }
.ml3 { margin-left: 3px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml100 { margin-left: 100px; }
.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 50px; }
.mr100 { margin-right: 100px; }
.p0 { padding: 0; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p15 { padding: 15px; }
.p30 { padding: 30px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt50 { padding-top: 50px; }
.pt100 { padding-top: 100px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb50 { padding-bottom: 50px; }
.pb100 { padding-bottom: 100px; }
.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl100 { padding-left: 100px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr100 { padding-right: 100px; }
.auto { width: auto; }
.red { color: red; }
.cke_reset.cke_widget_mask, .cke_widget_drag_handler { display: none; }
body { color: #333; font-size: 12px; font-family: 'Microsoft Yahei'; }
.mianall { position: absolute; top: 0; left: 0; overflow-x: hidden; width: 100%; height: 100%; }
.mainbody .innerInfo { position: relative; }
.w1000 { margin: 0 auto; width: 1000px; }
.w380 { margin-bottom: 5px; width: 380px; }
.w217 { width: 217px; }
.tooltip-inner { line-height: 25px; }
.header { position: fixed; top: 0; left: 0; z-index: 9; display: block; padding: 0; width: 100%; height: 65px; background: #2cbfde; box-shadow: 0 2px 4px rgba(0,0,0,.1); color: #333; line-height: 65px; }
.header .logo { float: left; padding: 0px; height: 65px; background: #fff; }
.mainbody { position: absolute; top: 80px; left: 0; z-index: 2; display: block; overflow-x: hidden; width: 100%; background: #dedede; }
.mainbody .innerInfo { height: 100%; }
.forcode .mainbody { position: absolute; top: 0; left: 0; z-index: 2; display: block; overflow-x: hidden; width: 100%; height: 100%; background: #dedede; }
a, a:hover, a:link { color: #333; text-decoration: none; }
.nav>li>a { padding: 0; color: #fff; font-weight: 700; font-size: 14px; }
.nav>li>a:focus, .nav>li>a:hover { background: 0 0; }
.header ul li.userName a { color: #fff; }
.forcode .mainbody .innerInfo .left { position: absolute; left: 0; display: block; width: 40%; height: 100%; background: #f4f8fb; }
.forcode .mainbody .innerInfo .right { position: absolute; left: 40%; width: 60%; height: 100%; background: #e9f0f6; }
.forcode .mainbody .innerInfo .left .info { overflow-y: scroll; margin-top: 65px; padding: 20px 20px 20px 20px; height: calc(100% - 105px); }
.forcode .mainbody .innerInfo .right .info { padding: 0 0 20px; padding-top: 65px; height: 100%; }
.codeshow { opacity: 0; }
.loadshow { position: absolute; top: 60px; z-index: 999; padding: 20%; width: 100%; height: 100%; background: #fff; text-align: center; }
.forcode .CodeMirror-fullscreen { position: initial; }
.answerBody img { max-width: 100%; }
.foranswer .answerBody pre { color: #fff; }
.foranswer .answerBody pre pre { margin: 10px 0; }
.foranswer .answerBody table td { border: 1px solid #fff; }
.foranswer .answerBody em { font-style: italic; }
.foranswer .answerBody strong { font-weight: 700; }
.s1None .cke_toolgroup .cke_button__drawingboard, .s2None .cke_toolgroup .cke_button__mathjax, .s3None .cke_toolgroup .cke_button__codesnippet, .s4None .cke_button__mobileupload, .s5None #uploadContent, .s5None .cke_button__fileupload { display: none; }
.s8None .cke_button__recordupload { display:none;}
textarea.inputviewBox:focus { outline: 1px solid #2cbfde; }
.noticeTips.forall { position: fixed; top: 50%; right: 20px; z-index: 999; display: inline-block; margin-top: -144px; width: 34px; }
.editor-title {
    background: #eee;
    padding: 6px 10px; font-weight: bold; display: none;
}
.noticeTips.forall ul { float: left; }
.noticeTips.forall ul li.mianli { position: relative; z-index: 999999; float: initial; clear: both; padding: 4px 10px 4px 10px; width: 34px; border-radius: 5px; box-shadow: 3px 3px 3px #ccc; color: #fff; font-size: 14px; margin-bottom: 20px; }
.noticeTips.forall ul li.mianli:last-child { margin-bottom: 0px; }
.forcode .noticeTips.forall ul li.mianli { position: relative; z-index: 999999; clear: initial; width: 75px;  float: right; margin-right: 10px;  margin-bottom: 0px; }
.noticeTips.forall ul li.mianli i.fa { height: 30px; text-align: center; font-size: 16px; line-height: 30px; }
.forEn .noticeTips.forall ul li.mianli i.fa { position: relative; height: 30px; text-align: center; font-size: 16px; line-height: 30px; }
.noticeTips.forall ul li.mianli i.tip { position: absolute; top: 2px; right: 5px; font-size: 12px; }
.noticeTips.forall ul li.mianli span.im { display: none; }
.forcode .noticeTips.forall { position: fixed; top: auto; bottom: 43px; left: 20px; width: initial; max-width: 35%; }
.noticeTips.forall ul li.immMessage { background: #2cbfde; }
.noticeTips.forall ul li.showqa { display: none; }
.noticeTips.forall ul li.onlineRefer { background: #ff8a00; top: initial; }
.forcode .noticeTips.forall ul li.onlineRefer { top: 0; background: #ff8a00; }
.qnum { padding: 7px 0; width: 50px!important; height: 36px!important; font-size: 14px; }
.qnum.hadAnstrue { border: 2px solid #2cbfde!important; background: #2cbfde; box-shadow: 0 1px 2px #2cbfde; color: #fff; }
.qnum.nowAnstrue { border: 2px solid #ffa400!important; background: #ff8a00; box-shadow: 0 1px 2px #ffa400; color: #fff; }
.form-horizontal .control-label { font-size: 14px; }
.header .nav>li>a { padding: 0; }
.header .nav>li.textName>a { cursor: default; }
.header .nav>li>a:focus, .header .nav>li>a:hover { background: 0 0; }
.mainbody .innerInfo .helptip { position: absolute; top: 200px; right: 90px; width: 220px; font-size: 14px; }
.forEn .mainbody .innerInfo .helptip { top: 200px; right: 50px; width: 249px; }
.mainbody .innerInfo .helptip .left { float: left; width: 20%; text-align: left; }
.mainbody .innerInfo .helptip .right { float: left; width: 100%; text-align: left; line-height: 45px; }
.mainbody .innerInfo .helptip .right i.fa.fa-info-circle { position: relative; top: 4px; color: #ff8a00; font-size: 24px; }
.mainbody .innerInfo .helptip .right i.fa.fa-question-circle { position: relative; top: 4px; color: #ff8a00; font-size: 24px; }
.mainbody .innerInfo .helptip .tooltip-inner { width: 350px; max-width: 350px; text-align: left; }
.mainbody .innerInfo .lowtime { position: absolute; top: 130px; left: 50px; width: 200px; text-align: left; font-size: 14px; }
.mainbody .innerInfo .lowtime .strong { font-weight: 700; }
.calcInfo { padding: 0; }
.clickarea { cursor: pointer; }
.noticeTips.forall .MessageBox { position: absolute; display: none; width: 350px; min-height: 100px; border: 2px solid #2cbfde; background: rgba(255,255,255,1); color: #333; }
.noticeTips.forall .immMessage .tip { padding: 0 5px; width: auto; border-radius: 10px; background: rgba(218,96,96,1); color: #fff; font-style: normal; }
.noticeTips.forall .onlineRefer .tip { padding: 0 5px; width: auto; border-radius: 10px; background: rgba(218,96,96,1); color: #fff; font-style: normal; }
.noticeTips.forall .immMessage .MessageBox { position: absolute; right: 40px; bottom: 0; }
.noticeTips.forall .onlineRefer .MessageBox { position: absolute; top: initial; right: 40px; bottom:0px; }
.forcode .noticeTips.forall .onlineRefer .MessageBox { top: initial; right: initial; bottom: 43px; left: 0; }
.forcode .noticeTips.forall .immMessage .MessageBox { top: initial; right: initial; bottom: 43px; left: 0; }
.noticeTips.forall .MessageBox ul { float: left; padding: 0 10px; width: 100%; font-weight: 400; line-height: 25px; }
.noticeTips.forall .immMessage .MessageBox ul { overflow-y: scroll; padding: 0; height: 200px; text-align: left; }
.noticeTips.forall .immMessage .MessageBox ul li { padding: 0 10px 0 30px; background: url(../images/li-left.png) no-repeat 14px 11px; cursor: default; }
.noticeTips.forall .MessageBox ul li .time { color: #2cbfde; font-weight: 700; }
.noticeTips.forall .MessageBox .toolguider { clear: both; padding: 2px 8px 2px; width: 100%; background: #2cbfde; color: #fff; text-align: right; font-size: 14px; }
.noticeTips.forall .onlineRefer .MessageBox .toolguider { background: #ff8a00; }
.noticeTips.forall .MessageBox .toolguider i { transition: all .2s linear 0s; }
.noticeTips.forall .MessageBox .toolguider i:hover { transform: rotate(180deg); }
.noticeTips.forall ul li.mianli .toolguider i.fa { font-size: 20px; cursor: pointer; }
.noticeTips.forall .immMessage .MessageBox ul li { margin-bottom: 20px; }
.noticeTips.forall .onlineRefer .MessageBox { width: 350px; border: 2px solid #ff8a00; }
.noticeTips.forall .onlineRefer .MessageBox .InfoBox { overflow-y: scroll; padding: 0 20px; padding-top: 10px; padding-bottom: 10px; height: 170px; border: 0 none; border-bottom: 1px solid #ccc; border-radius: 5px; color: #333; color: #fff; cursor: default; }
.noticeTips.forall .onlineRefer .MessageBox .InfoBox li { padding: 5px 10px; line-height: 20px; }
.noticeTips.forall .onlineRefer .MessageBox .InputBox { padding: 0 20px 5px; }
.noticeTips.forall .onlineRefer .MessageBox .InputBox .messtype { position: relative; width: 100%; min-height: 30px; text-align: left; line-height: 30px; }
.noticeTips.forall .onlineRefer .MessageBox .InputBox .messtype ul { position: absolute; bottom: 30px; left: -10px; display: none; width: auto; }
.noticeTips.forall .onlineRefer .MessageBox .InputBox .messtype ul li { padding: 2px 15px; background: rgba(0,0,0,.8); color: #fff; cursor: pointer; }
.noticeTips.forall .onlineRefer .MessageBox .InputBox .messtype ul li:hover { background: rgba(0,0,0,.6); }
.noticeTips.forall .onlineRefer .MessageBox .InputBox .messtype:hover ul { display: inherit; }
.noticeTips.forall .onlineRefer .MessageBox .inputviewBox { padding: 5px 10px; width: 245px; height: 50px; border: 0 none; background: #dedede; color: #333; resize: none; }
.forEn .noticeTips.forall .onlineRefer .MessageBox .inputviewBox { width: 240px; }
.noticeTips.forall .onlineRefer .MessageBox .InputBox .btn { margin-left: 10px; border: 1px solid #ff8a00; background: #ff8a00; cursor: pointer; }
input.btn.focus, input.btn:focus, input.btn:hover { color: #fff; }
.modal-header { display: none; }
.modal-body { color: #ff8a00; text-align: center; font-weight: 700; font-size: 18px; }
.modal-body .foriframe { position: absolute; z-index: 0; width: 100%; height: 100%; }
.alert-danger { border: none; background: 0 0; color: #ff8a00; }
.modal-footer { border: none; text-align: center; }
.modal-footer .btn { float: none; display: inline-block; margin-bottom: 0; padding: 6px 12px; width: 110px; border: 1px solid transparent; border-radius: 0; background: #2cbfde none repeat scroll 0 0; color: #fff; vertical-align: middle; text-align: center; white-space: nowrap; font-weight: 400; font-size: 14px; line-height: 1.42857; cursor: pointer; -moz-user-select: none; }
.modal-content { border-radius: 0; box-shadow: none; }
.modal.fade .modal-dialog { border: 8px solid rgba(0,0,0,.6); background: #f3f6fa; }
.modal-dialog .modal-content { border-radius: 0; }
.btn-main { box-shadow: 0 2px 5px rgba(0,28,88,.3); color: #fff; }
.mainbody.forall { background: #f5f5f5; }
.smallScreen { position: absolute; top: 0; left: 0; z-index: 999999; display: none; padding-top: 50%; width: 100%; height: 50%; background: #fff; text-align: center; }
.infoview .left { padding: 0 10%; }
.infoview .fa-close { position: absolute; right: 0; bottom: 40%; }
.exammiddle img.cke_reset { display: none; }
.index .mainbody { background: #fff; }
.header .logoindex { position: relative; float: left; padding: 0 20px 0 0; height: 60px; }
.header .logoindex span { position: absolute; top: 18px; margin: 0 5px; padding: 0 20px; width: 200px; height: 25px; border-left: 1px solid rgba(255,255,255,.5); font-size: 16px; line-height: 25px; }
.header .indexcontact { float: right; width: auto; font-size: 14px; }
.header .indexcontact i { position: relative; top: 4px; margin-right: 3px; width: 26px; height: 26px; border: 2px solid #fff; border-radius: 13px; text-align: center; font-size: 22px; line-height: 26px; }
.header .indexcontact i.fa-user { margin-left: 20px; }
.index .header.forall ul li.spe { padding-left: 3px; }
.header.forall ul li { margin-top: 18px; padding: 0 20px; height: 25px; border-right: 1px solid rgba(255,255,255,.5); line-height: 25px; }
.header.forall ul li a { color: #fff; }
.header.forall ul li a:hover { color: rgba(255,255,255,.6); }
.header.forall ul li:first-child { padding-right: 0; border-right: none; }
.header.forall ul li.spe a { color: #ff8a00; font-weight: 700; }
.index .mainbody .innerInfo { position: relative; top: 100px; height: calc(100% - 200px); }
.index .mainbody .innerInfo .pcexam { float: left; width: 480px; min-height: 200px; }
.index .mainbody .innerInfo .mobileexam { float: right; width: 480px; min-height: 200px; }
.index .mainbody .innerInfo .pcexam .title { margin-bottom: 20px; height: 40px; color: #2cbfde; font-weight: 700; font-size: 35px; line-height: 40px; }
.index .mainbody .innerInfo .pcexam .info { padding: 0 0 20px 0; min-height: 400px; border-radius: 5px; background: #f2f2f2; }
.index .mainbody .innerInfo .mobileexam .title { margin-bottom: 20px; height: 40px; color: #ff8a00; font-weight: 700; font-size: 35px; line-height: 40px; }
.index .mainbody .innerInfo .mobileexam .info { padding: 0 0 20px 0; min-height: 400px; border-radius: 5px; background: #f2f2f2; }
.index .mainbody .innerInfo .mobileexam .title i { position: relative; top: 2px; font-size: 40px; }
.index .mainbody .innerInfo .pcexam .info .info1 { clear: both; padding: 0; height: 50px; background: #0cd0ff; text-align: center; line-height: 50px; }
.index .mainbody .innerInfo .pcexam .info .info1 span.text { color: #fff; font-weight: 700; font-size: 18px; }
.index .mainbody .innerInfo .pcexam .info .info2 .tip { margin-bottom: 50px; height: 50px; text-align: center; font-size: 16px; line-height: 50px; }
.index .mainbody .innerInfo .pcexam .info .info2 .tip .start { color: #ff8a00; font-size: 30px; }
.index .mainbody .innerInfo .pcexam .info .info2 { clear: both; margin-top: 30px; padding: 0 30px; }
.index .mainbody .innerInfo .pcexam .info .info2 .camera { float: left; padding: 15px 0 15px 20px; width: 200px; background: #0cd0ff url(../images/camera.png) no-repeat 30px 15px; color: #fff; text-align: center; font-weight: 700; font-size: 20px; cursor: pointer; }
.index .mainbody .innerInfo .pcexam .info .info2 .camera:hover { opacity: .8; }
.index .mainbody .innerInfo .pcexam .info .info2 .nocamera { float: right; padding: 15px 0 15px 20px; width: 200px; background: #ff8a00 url(../images/nocamera.png) no-repeat 30px 15px; color: #fff; text-align: center; font-weight: 700; font-size: 20px; cursor: pointer; }
.index .mainbody .innerInfo .pcexam .info .info2 .nocamera:hover { opacity: .8; }
.index .mainbody .innerInfo .pcexam .info .info3 { clear: both; margin-top: 30px; margin-top: 50px; padding: 0 0 0 20px; color: #666; text-align: center; font-size: 14px; }
.index .mainbody .innerInfo .mobileexam .info .info1 { clear: both; padding: 0; height: 50px; background: #ff8a00; text-align: center; line-height: 50px; }
.index .mainbody .innerInfo .mobileexam .info .info1 span.text { color: #fff; font-weight: 700; font-size: 18px; }
.index .mainbody .innerInfo .mobileexam .info .info2 { clear: both; margin-top: 60px; padding: 0 19px; text-align: center; }
.index .mainbody .innerInfo .mobileexam .info .info3 { clear: both; margin-top: 40px; padding: 0 0 0 20px; color: #666; text-align: center; font-size: 14px; }
.loginform { position: absolute; top: 0; left: initial; width: 100%; height: 100%; min-width: 200px; min-height: 200px; background: #2cbfde; }
.loginform .loginlogo { box-sizing: content-box; margin: 0 auto 0; padding-top: 150px; padding-bottom: 60px; width: 665px; height: 40px; background: url(../images/login-top.png) no-repeat 350px bottom; line-height: 40px; }
.loginform .loginlogo span { float: right; padding-right: 0; height: 30px; color: #fff; text-align: right; font-size: 20px; }
.loginform .mainform { position: relative; margin: -40px auto 0; width: 665px; min-height: 300px; border: 8px solid rgba(0,0,0,.3); border-radius: 5px; }
.loginform .mainform .wrapper { padding: 50px 0; background: #fff; }
.loginform .mainform .main { padding: 0 56px 0 46px; width: 426px; border-right: 1px solid #ccd1d9; }
.loginform .mainform .form-icon i { position: absolute; top: 2px; left: 8.5px; z-index: 20; width: 30px; color: #ccd1d9; text-align: center; font-size: 17px; line-height: 30px; }
.loginform .mainform .submain { position: absolute; top: 50px; right: 0; width: 220px; text-align: center; }
.loginform .mainform .form-icon { position: relative; }
.loginform .mainform .form-lg .form-control, .loginform .mainform .form-lg .form-control-feedback { overflow-y: hidden; padding-top: 0; padding-bottom: 0; height: 46px; font-size: 16px; }
.loginform .mainform .form-lg .form-control-feedback { top: 0; margin-top: 8px; }
.loginform .mainform .form-lg .form-control, .loginform .mainform .form-lg .form-control-feedback { overflow-y: hidden; padding-top: 0; padding-bottom: 0; height: 46px; font-size: 16px; }
.loginform .mainform .form-icon .form-control, .loginform .mainform .text-error { padding-left: 40px; }
.loginform .mainform .text-error { line-height: 24px; }
.loginform .mainform .form-icon i.fa-lock { font-size: 22px; }
label { display: inline-block; margin-bottom: 5px; max-width: 100%; font-weight: 700; }
label.check-box, label.check-box>.btn { padding: 0; border-color: transparent; background: rgba(0,0,0,0) none repeat scroll 0 0; box-shadow: none; color: #656d78; font-weight: 400; }
label.check-box .check-icon, label.check-box>.btn .check-icon { line-height: 20px; }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; vertical-align: middle; line-height: 2em; cursor: pointer; }
label.check-box .check-icon>i { color: #2cbfde; transition: opacity .15s ease-in-out 0s, color .15s ease-in-out 0s; }
label.check-box .check { display: inline-block; height: 20px; font-size: 20px; line-height: 20px; opacity: 0; }
.btn, .btn-primary { border-color: #2cbfde; background: #2cbfde; font-weight: 700; }
.btn-primary:hover { border-color: #39b4ef; background: #39b4ef; opacity: .8; }
.btn:hover { opacity: .8; }
.editorbanner .line1 { overflow: hidden; height: 60px; }
a.btn-link { border-radius: 0; color: #428bca; font-weight: 400; }
a.btn-link, a.btn-link.active, a.btn-link.disabled, a.btn-link:active, a.btn-link:focus, a.btn-link:hover, a.btn-link[disabled] { border-color: transparent; background-color: transparent; box-shadow: none; color: #009ee7; text-decoration: none; }
.has-error .form-control { border-color: #a94442; box-shadow: 0 1px 1px rgba(0,0,0,.075) inset; }
.has-error .text-error { color: #ed5565; }
label.check-box.active .check, label.check-box>.active .check { opacity: 1; }
.loginform .submain .circle { clear: both; width: 100px; height: 100px; border: 4px solid #ccc; border-radius: 50px; color: #ccc; font-size: 60px; line-height: 100px; }
.loginform .submain a.unl { text-decoration: underline; }
.logininfo .form-control { margin-top: 3px; width: auto; }
.leavepage1 { position: absolute; top: 0; left: 0; overflow: hidden; width: 800px; height: 400px; min-width: 200px; min-height: 200px; background: #e3efbd; }
.leavepage1 .info { position: relative; z-index: 99; margin: 0 auto; width: 100%; height: 100%; background: #e3efbd url(../images/leavebg1.jpg) no-repeat 70px 50px; }
.leavepage1 .info .mess { margin: 0 auto; padding-top: 100px; padding-left: 300px; width: 1000px; text-align: left; }
.leavepage1 .info .mess .line1 { color: #739f00; font-size: 40px; line-height: 50px; }
.leavepage1 .info .mess .line2 { margin-top: 20px; font-weight: 700; font-size: 20px; line-height: 30px; }
.leavepage1 .info .mess .line2 span { color: red; font-size: 35px; }
.leavepage1 .info .mess .line3 { margin-top: 20px; margin-bottom: 20px; max-width: 400px; font-size: 16px; line-height: 30px; }
.leavepage1 .info .mess .line4 a { padding: 10px 30px; border-radius: 0; color: #fff; }
.leavepage5 { position: absolute; top: 0; left: 0; overflow: hidden; width: 800px; height: 400px; min-width: 200px; min-height: 200px; background: #fff7d0; }
.leavepage5 .info { position: relative; z-index: 99; margin: 0 auto; width: 100%; height: 100%; background: #fff7d0 url(../images/leavebg5.jpg) no-repeat scroll 100px 50px; }
.leavepage5 .info .mess { margin: 0 auto; padding-top: 100px; padding-left: 300px; text-align: left; }
.leavepage5 .info .mess .line1 { color: #739f00; font-size: 40px; line-height: 50px; }
.leavepage5 .info .mess .line2 { margin-top: 20px; font-weight: 700; font-size: 20px; line-height: 30px; }
.leavepage5 .info .mess .line2 span { color: red; font-size: 35px; }
.leavepage5 .info .mess .line3 { margin-top: 20px; margin-bottom: 20px; font-size: 16px; line-height: 30px; padding-right: 20px; }
.leavepage5 .info .mess .line4 a { padding: 10px 30px; border-radius: 0; color: #fff; }
.leavepage5 .info .mess.en { margin: 0 auto; padding-top: 70px; padding-left: 300px; text-align: left; }
.forEn .leavepage5 .info .mess { padding-top: 58px; padding-right: 20px; }
.qrCodeRight { float: right; padding-left: 17px; font-size: 14px; line-height: 38px; text-align: left; }
.forEn .qrCodeRight { max-width: 420px; }
.forEn .noticeTips.forall ul li.mianli.en { width: 34px; text-align: center; line-height: 14px; }
.noticeTips.forall .MessageBox .toolguider .fa-close { font-size: 18px; }
.form-control:focus { outline: 0; border-color: #2cbfde; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.endexampage { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; min-width: 200px; min-height: 200px; background: #c9f6fc; }
.endexampage .info { position: relative; z-index: 99; margin: 0 auto; width: 100%; height: 100%; background: #c9f6fc url(../images/endexambg.jpg) no-repeat center 50px; }
.endexampage .info .mess { margin: 0 auto; padding-top: 230px; padding-left: 400px; width: 1000px; text-align: left; }
.endexampage .info .mess .line1 { color: #0090b5; font-size: 40px; line-height: 50px; }
.endexampage .info .mess .line2 { margin-top: 20px; font-weight: 700; font-size: 20px; line-height: 30px; }
.endexampage .info .mess .line2 span { color: red; font-size: 35px; }
.endexampage .info .mess .line3 { margin-top: 20px; margin-bottom: 20px; font-size: 18px; line-height: 30px; line-height: 35px; }
.mainbody.forall .innerInfo { padding-bottom: 80px; }
.mainbody.forall .innerInfo .stepinfo .mainBox { background: #fff; box-shadow: 1px 1px 1px rgba(200,200,200,.1); }
.mainbody.forall .innerInfo .stepinfo { float: left; margin-bottom: 100px; width: 100%; }
.mainbody.forall .innerInfo .stepinfo .list { clear: both; margin-top: 5px; padding-top: 15px; padding-bottom: 10px; height: 74px; }
.mainbody.forall .innerInfo .stepinfo .list ul li { position: relative; float: left; width: 250px; text-align: center; font-size: 16px; }
.mainbody.forall .innerInfo .stepinfo .list ul li:last-child { float: right; margin-right: 0; }
.mainbody.forall .innerInfo .stepinfo .list ul li span { margin-right: 8px; padding: 0 7px; height: 16px; border-radius: 16px; color: #ccc; font-size: 45px; font-family: Haettenschweiler, Calibri; line-height: 16px; }
.mainbody.forall .innerInfo .stepinfo .list ul li div { padding: 0 0 10px; color: #ccc; }
.mainbody.forall .innerInfo .stepinfo .list ul li.cur div, .mainbody.forall .innerInfo .stepinfo .list ul li.cur span, .mainbody.forall .innerInfo .stepinfo .list ul li:hover div, .mainbody.forall .innerInfo .stepinfo .list ul li:hover span { color: #2cbfde; }
.mainbody.forall .innerInfo .stepinfo .list ul li .guider-line { position: absolute; top: -1px; right: -60px; width: 120px; height: 1px; border-bottom: 1px solid #ddd; }
.mainbody.forall .innerInfo .stepinfo .list ul li.cur div, .mainbody.forall .innerInfo .stepinfo .list ul li:hover div { font-weight: 700; }
.mainbody.forall .innerInfo .stepinfo .list.num3 ul li { width: 330px; }
.mainbody.forall .innerInfo .stepinfo .list.num5 ul li { width: 200px; }
.mainbody.forall .innerInfo .stepinfo .tip { padding: 20px 0 10px; background: #fff; }
.mainbody.forall .innerInfo .stepinfo .tip .title { clear: both; margin: 0 150px; padding: 5px 20px; border: 1px dashed #ff8a00; background: #fff9f9; color: #ff8a00; text-align: center; font-size: 16px; line-height: 35px; }
.mainbody.forall .innerInfo .stepinfo .stepform { padding: 10px 50px 10px; min-height: 300px; background: #fff; }
.mainbody.forall .innerInfo .stepinfo .stepform.step1 { padding-left: 200px; }
.mainbody.forall .innerInfo .stepinfo .stepform table { width: 100%; line-height: 30px; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.left { padding: 5px 0 5px 20px; width: 20%; background: 0 0; text-align: right; font-weight: 700; font-size: 14px; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right { padding: 5px 20px 5px 20px; width: 80%; background: 0 0; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right input[type=text] { padding: 6px 15px; width: 200px; height: 32px; border: 1px solid #ccc; font-size: 14px; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right label { margin-right: 20px; color: #666; font-weight: 400; font-size: 14px; }
.mainbody.forall .innerInfo .stepinfo .toolguider { text-align: center; }
.mainbody.forall .innerInfo .stepinfo .monitorBoxFooter.toolguider { padding-left: 95px; }
.forEn .mainbody.forall .innerInfo .stepinfo .monitorBoxFooter.toolguider { padding-left: 130px; }
.mainbody.forall .innerInfo .stepinfo .toolguider .bottom { height: 39px; color: #666; vertical-align: bottom; font-size: 16px; }
.mainbody.forall .innerInfo .stepinfo .toolguider .edit { padding: 6px 20px; border: 1px solid #2cbfde; background: #fff; color: #2cbfde; font-weight: 700; font-size: 16px; line-height: 25px; }
.mainbody.forall .innerInfo .stepinfo .toolguider .edit.editComplete { padding: 6px 20px; border: 1px solid #2cbfde; background: #2cbfde; color: #fff; font-weight: 700; font-size: 16px; line-height: 25px; }
.mainbody.forall .innerInfo .stepinfo .toolguider .next { padding: 6px 20px; background: #2cbfde; color: #fff; font-weight: 700; font-size: 16px; line-height: 25px; }
.mainbody.forall .innerInfo .stepinfo .toolguider .cancel { padding: 6px 20px; border: 1px solid #2cbfde; background: #fff; color: #2cbfde; font-weight: 700; font-size: 16px; line-height: 25px; }
.mainbody.forall .innerInfo .stepinfo .toolguider { margin: 20px auto 0; width: 70%; }
.mainbody.forall .innerInfo .stepinfo .toolguider.ct .next { margin: 0 auto; width: initial; text-align: center; }
.mainbody.forall .innerInfo .stepinfo .toolguider.ct.w200 .next { width: initial; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right input[type=text].w100 { width: 100px; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right input[type=text].w250 { width: 250px; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right input[type=text].w300 { width: 300px; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right input[type=radio] { display: none; }
.stepinfo .must { position: relative; top: 2px; color: red; }
.stepinfo .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; vertical-align: middle; line-height: 2em; }
.stepinfo .option .question-option { display: table-cell; vertical-align: middle; white-space: nowrap; cursor: pointer; }
.stepinfo label.sets-radio .select { display: inline-block; height: 20px; font-size: 2em; line-height: 20px; opacity: 0; }
.stepinfo label.sets-radio.active>.radio-icon>i, label.sets-radio>.active>.radio-icon>i { color: #2cbfde; }
.stepinfo label.sets-radio.active .select, label.sets-radio>.active .select { opacity: 1; }
.stepinfo label.sets-radio .radio-icon>i { color: #2cbfde; transition: color .1s ease-in-out 0s, opacity .1s ease-in-out 0s; }
.stepinfo label.sets-radio.active>.radio-icon>i, label.sets-radio>.active>.radio-icon>i { color: #2cbfde; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right .fa-stack-1x, .mainbody.forall .innerInfo .stepinfo .stepform table tr td.right .fa-stack-2x { width: 18px; border-radius: 9px; background: #fff; box-shadow: 1px 1px 1px 1px #999 inset; color: #f6f6f6; font-weight: 700; font-size: 14px; line-height: 18px; }
.mainbody.forall .innerInfo .stepinfo .stepform table tr td.right .fa-check { display: none; color: #2cbfde; }
.mainbody.forall .innerInfo .stepinfo .stepform .rule { font-size: 14px; line-height: 25px; }
.mainbody.forall .innerInfo .stepinfo .toolguider.limited .next { background: #ccc; }
.mainbody.forall .innerInfo .stepinfo .tip.phototip { text-align: left; font-size: 18px; }
.mainbody.forall .innerInfo .stepinfo .stepform .flash { position: relative; padding: 0 70px; text-align: center; }
.btn a, button.btn { font-weight: 700; }
.mainbody.forall button:focus { outline: 0; }
.form-control[disabled], fieldset[disabled] .form-control { border-radius: 0; background-color: #f4f4f4; }
.form-control, fieldset .form-control { border-radius: 0; background-color: #fff; }
.hd { display: none; }
.parctise .examlisttitle { margin-bottom: 30px; text-align: center; font-size: 30px; }
.parctise .table thead tr th { border: 10px solid #fff; background: #2cbfde; color: #fff; text-align: center; font-weight: 700; font-size: 16px; }
.parctise .table tbody tr td, .parctise .table tbody tr th { border: 10px solid #fff; background: #f6f6f6; text-align: center; font-size: 14px; line-height: 35px; }
.parctise .table tbody tr td:nth-child(2), .parctise .table thead tr th:nth-child(2) { border-right: 0; }
.parctise .table tbody tr td:nth-child(3), .parctise .table tbody tr td:nth-child(4), .parctise .table thead tr th:nth-child(3), .parctise .table thead tr th:nth-child(4) { border-right: 0; border-left: 0; }
.parctise .table tbody tr td:nth-child(5), .parctise .table thead tr th:nth-child(5) { border-left: 0; }
.parctise .formCmt { margin: 30px 10px 0; padding: 20px 0 20px 120px; min-height: 125px; border-radius: 10px; background: #fff7e7 url(../images/light.png) no-repeat scroll 30px 20px; line-height: 30px; }
.parctise .table tbody tr th, .parctise a { padding-top: 13px; color: #ff8a00; text-decoration: none; font-size: 16px!important; }
.parctise .table tbody tr th a:hover { font-size: 17px; }
.parctise .table tbody tr th a { position: relative; top: -4px; }
.parctise .table tbody tr th span { position: relative; top: -4px; }
.parctise .table tbody tr:hover td, .parctise .table tbody tr:hover th { background: #efefef; }
.parctise .table tbody tr td.left { font-weight: 700; }
.infoview { position: fixed; bottom: 0; z-index: 200; padding: 10px 0; width: 100%; min-height: 50px; background: #000; background: rgba(218,96,96,1); box-shadow: 3px 3px 3px 3px #333; color: #fff; text-align: center; font-size: 16px; }
.infoview .circle { width: 20px; font-size: 20px; }
.infoview .fr { margin-right: 20px; cursor: pointer; }
.mainbody.forall .innerInfo .stepinfo .toolguider.limited .nocamera.btn { background: #2cbfde; }
.btn-submit { padding: 10px 80px; background: #ff8a00; }
.panel.parctise .table tr th { font-weight: 700; font-size: 16px; line-height: 25px; }
.wangguoxiang { color: red; }
.codePre { padding: 10px 10px 10px 20px; background: #dedede; }
.forwaiting { position: absolute; top: 50%; left: 20%; z-index: 0; width: 60%; height: 30px; border: 1px solid #6da807; border-radius: 10px; background-color: #6da807; background-image: linear-gradient(-45deg, transparent 0, transparent .8em, #96d923 .9em, #96d923 2.1em, transparent 2.1em, transparent 2.9em, #96d923 3.1em); background-size: 3em 3em; box-shadow: 1vw 3vh 10vh rgba(109,168,7,.8); animation: 750ms linear 0s normal none infinite running warning-animation; }
.forwaiting::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; border-radius: 10px; background-image: linear-gradient(to bottom, #6da807, rgba(171,226,77,.6) 15%, transparent 60%, #6da807); content: ""; }
#showc { position: relative; overflow: hidden; margin: 0 auto; width: 273px; height: 273px; }
#showc img { cursor: pointer; }
#showc a { padding: 6px 20px; border-radius: 5px; background: #2cbfde; color: #fff; font-size: 14px; }
#showc a:hover, #showc:hover a { opacity: .8; }
.clickBtn { margin-top: -60px; width: 100%; text-align: center; }
.showphoto { position: relative; padding: 0; border: 0; }
.panel { border: none; border-radius: 0; box-shadow: 1px 1px 1px rgba(200,200,200,.1); }
.mobileMonitorBox .showphoto { margin-bottom: 0; }
.mobileMonitorBox #showc { height: 278px; }
.cke_dialog_ui_vbox_child { max-width: 300px; }
.monitorLayout { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,.4); }
.monitorBox.showInDialog { position: fixed; top: 20%; left: 50%; z-index: 999; margin-left: -265px; padding-top: 10px; width: 530px; height: 420px; border: 5px solid #ccc; background: #fff; text-align: center; }
.monitorBox.showInDialog.heightLimited { overflow: hidden; height: 360px; }
.monitorBox { overflow: hidden; margin-right: 1px; height: 65px; text-align: right; }
.monitorBox .close { display: none; }
.monitorBox.showInDialog .close { position: relative; top: -5px; right: 5px; display: block; }
.monitorBox .open { position: absolute; top: 0; left: 0; z-index: 9999; float: left; width: 100%; height: 100%; cursor: pointer; }
.liveNessResult { position: relative; padding: 10px 20px 0; width: 550px; line-height: 25px; }
.liveNessResult .blue { color: #2cbfde; font-weight: 700; font-size: 16px; }
.liveNessResult .red { color: red; font-weight: 700; font-size: 16px; }
.liveNessResult .tip { margin-top: 20px; font-weight: 700; }
.liveNessResult .smalltip { position: absolute; top: 0; right: 0; color: #ccc; }
.liveNessResult .smalltip span { color: #888; font-weight: 700; }
.cke_toolbar:last-child .cke_button_label { display: block; font-family: microsoft yahei; }
.showBox .col-sm-9 { color: #666; font-size: 14px; line-height: 20px; }
.col-sm-9 span.ng-binding { float: left; display: block; padding: 7px 20px; padding-left: 16px; min-width: 250px; background: #efefef; }
@-webkit-keyframes warning-animation { 0% {
background-position:0 0;
}
100% {
background-position:3em 0;
}
}
@-moz-keyframes warning-animation { 0% {
background-position:0 0;
}
100% {
background-position:3em 0;
}
}
@keyframes warning-animation { 0% {
background-position:0 0;
}
100% {
background-position:3em 0;
}
}
.header ul li { float: right; padding: 0 30px; width: auto; height: 65px; font-size: 16px; line-height: 60px; }
.header ul li:first-child { padding-right: 0; }
.header ul li.userName { padding: 10px 0 20px 20px; padding-right: 0; color: #fff; text-align: right; font-size: 14px; line-height: 20px; }
.forcode .header ul li.userName { margin-right: 16px; }
.header ul li.userName .lineuser { overflow: hidden; height: 20px; max-width: 150px; text-overflow: ellipsis; white-space: nowrap; }
.header ul li.userName i { padding-right: 20px; width: 1px; height: 20px; border-right: 1px solid #fff; }
.header ul li.userName span { float: left; overflow: hidden; height: 20px; max-width: 80px; text-overflow: ellipsis; white-space: nowrap; }
.header ul li.textName { padding-top: 5px; height: 65px; background: #ff8a00; color: #fff; font-size: 14px; line-height: 25px; }
.header ul li.textName .time { font-weight: 700; font-size: 20px; }
.header ul li.monitor { padding-right: 0; width: 210px; cursor: initial; }
.forEn .header ul li.monitor { width: 230px; }
.header ul li.monitor .text, .header ul li.monitor .text.successMonitor { float: left; margin-right: 10px; padding-left: 10px; background: rgba(0,0,0,0) url(../images/camera.png) no-repeat scroll 3px 14px; min-width: 90px; min-height: 60px; }
.header ul li.monitor .text.errorMonitor { background: rgba(0,0,0,0) url(../images/camera_err.png) no-repeat scroll 3px 14px; padding-left: 37px; }
.header ul li.monitor { color: #fff; }
.header ul li.monitor .camera { position: relative; top: -7px; left: 2.5px; width: 22px; height: 20px; font-size: 12px; }
.header ul li.examlist { padding-right: 20px; color: #fff; cursor: pointer; }
.header ul li.examlist .qbtitle { font-weight: 700; }
.header ul li.examlist .line { position: absolute; top: 0; right: 0; float: right; margin-top: 20px; padding-left: 30px; height: 20px; border-right: 1px solid #fff; }
.header ul li #exam-part-progress { line-height: 30px; }
.header ul li #exam-part-progress ul li { padding: 0; height: 35px; line-height: 30px; }
.header ul .partList { float: none; }
.header .logo img { height: 100%; }
.mianall { background: #f5f5f5; }
input.btn { float: right; padding: 3px 8px; height: 100%; border: 1px solid #2cbfde; border-radius: 0; background: #2cbfde none repeat scroll 0 0; color: #fff; }
.footer { position: absolute; bottom: 0; z-index: 9; width: 100%; height: 40px; background: #b2b6bf; color: #fff; text-align: center; line-height: 40px; }
.noticeTips .immMessage .clickarea .fa-envelope { font-size: 14px; }
.noticeTips .onlineRefer .clickarea .fa-comments { font-size: 14px; }
.loadexam .modal-dialog { width: 800px; height: 400px; }
.loadexam .modal-dialog .info { height: 384px; background: #c9f6fc url(../images/loadexambg.jpg) no-repeat 50px 50px; }
.loadexam .modal-dialog .modal-body { padding: 0; height: 384px; }
.loadexam .modal-dialog .info .mess { padding-top: 100px; padding-left: 300px; text-align: left; }
.loadexam .modal-dialog .info .mess .line1 { color: #333; font-size: 30px; }
.loadexam .modal-dialog .info .mess .line2 { margin-bottom: 10px; color: #999; font-weight: 400; font-size: 20px; }
.loadexam .modal-dialog .info .mess .line2 .time { margin-left: 20px; color: red; font-size: 35px; }
.loadexam .modal-dialog .info .mess .line3 .blue { color: #2cbfde; font-weight: 400; font-size: 16px; }
.loadexam .modal-dialog .info .mess .line3 .blue .red { padding: 0 5px; color: red; font-size: 24px; }
.loadexam .modal-dialog .info .mess .line3 .gray { margin-top: 10px; color: #999; font-weight: 400; font-size: 16px; }
.loadexam .modal-dialog .info .mess .line3 .apply { margin-top: 10px; }
.loadexam .modal-dialog .info .mess .line3 .apply .btn { padding: 6px 40px; padding: 10px 50px; border: 0; border-radius: 0; background: #2cbfde; color: #fff; font-size: 16px; }
.loadexam .modal-dialog .info .mess .line3 .apply .btn.gray { border: 0 solid #ccc; background: #ccc; }
.loadexam { overflow: initial; }
.loadexam .modal-dialog { top: 150px; }
#cxdialog.cxdialog { display: block; margin-top: -72px; margin-left: -215px; border: 5px solid rgba(0,0,0,.3); border-radius: 5px; }
#cxdialog.cxdialog .showtip { padding: 20px 20px 0; max-width: 610px; min-width: 300px; text-align: center; font-size: 16px; }
#cxdialog.cxdialog .showtip i.fa { color: #2cbfde; font-size: 40px; opacity: .8; }
#cxdialog.cxdialog .showtip tr td:nth-child(2n) { padding-left: 20px; text-align: left; line-height: 30px; }
#cxdialog.cxdialog .cxdialog_btns { border-top: none; text-align: center; }
#cxdialog.cxdialog .cxdialog_btns a { padding: 6px 30px; height: 34px; border-radius: 0; background: #2cbfde; color: #fff; font-weight: 400; line-height: 24px; }
#cxdialog.cxdialog .cxdialog_btns a:hover { opacity: .8; }
#cxdialog.cxdialog>a[rev=close] { position: absolute; top: 4px; right: 4px; z-index: 999999; font-size: 21px; }
#cxdialog.cxdialog .smallshowtip { padding: 10px 30px 0; min-width: 400px; }
#cxdialog.cxdialog.forWin .cxdialog_btns { position: absolute; top: 300px; left: 450px; z-index: 999; }
#cxdialog.cxdialog.forMonit .leavepage5 .info .mess .line1{    font-size: 35px;}
#cxdialog.cxdialog.forMonit .cxdialog_btns { position: absolute; bottom: 0px; right: 20px; z-index: 999; }
#cxdialog.cxdialog .cxdialog_btns a.btn_no { border: 1px solid #2cbfde; background: 0 0; color: #2cbfde; }
#cxdialog.cxdialog .cxdialog_btns a.btn_no.limited { border: 1px solid #ccc; color: #ccc; }
.mainbody .innerInfo .right { float: left; width: 60%; height: 100%; }
.mainbody .innerInfo .left .info { padding: 20px 20px 20px 20px; }
.questionModal { cursor: auto; }
.mainbody .innerInfo .left .info .title { clear: both; margin-bottom: 10px; font-size: 25px; line-height: 30px; }
.mainbody .innerInfo .left .info .title .small { font-size: 18px; }
.isEn.forcode .mainbody .innerInfo .left .info .title .small { clear: both; display: block; width: 100%; }
.mainbody .innerInfo .left .info .guider { clear: both; margin-bottom: 10px; height: 25px; color: #2cbfde; font-weight: 700; font-size: 14px; line-height: 25px; }
.mainbody .innerInfo .left .info .guider .score { float: left; }
.mainbody .innerInfo .left .info .guider .wave { float: right; color: #666; }
.mainbody .innerInfo .left .info .guider .wave .first { color: #2cbfde; font-size: 22px; }
.mainbody .innerInfo .left .info .intro { margin-bottom: 20px; padding: 10px 20px 20px 20px; background: #deeff7; line-height: 20px; }
.mainbody .innerInfo .left .info .intro .titleinfo { margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; text-align: center; font-size: 20px; }
.mainbody .innerInfo .left .info .templet { color: #333; }
.mainbody .innerInfo .left .info .templet .ttitle { margin-bottom: 10px; height: 30px; font-size: 18px; line-height: 30px; }
.mainbody .innerInfo .left .info .templet .inputarea { margin-bottom: 10px; }

.mainbody .innerInfo .left .info  .input { margin:10px 0px 5px; }
.mainbody .innerInfo .left .info  .input.blue { color: #2cbfde; }
.mainbody .innerInfo .left .info  .input.orange { color: #ff8a00; }
.mainbody .innerInfo .left .info  .code { padding: 10px 20px 10px 20px; background: rgba(255, 255, 255,0.5); line-height: 20px;color: #666; }
.mainbody .innerInfo .left .info .code.outputSample tr td{border:1px solid #ccc;}
.mainbody .innerInfo .left .info .code.outputSample tr td{padding:4px 10px;}
.mainbody .innerInfo .left .info  .codestyle { color: #2cbfde; font-weight: 700; }
.mainbody .innerInfo .left .info  .code img{ max-width: 100%;}
.mainbody .innerInfo .left .info .warmtitle { margin-top: 10px; color: #333; }
.mainbody .innerInfo .left .info .warmtip { margin-top: 10px; padding: 10px 20px 10px 20px; background: #e4e4e4; color: #333; color: #2cbfde; line-height: 17px; }
.mainbody .innerInfo .right .info { padding: 0 0 20px; height: calc(100% - 90px); }
.mainbody .innerInfo .right .info .title { position: relative; height: 35px; background: #333; }
.mainbody .innerInfo .right .info .title .titlename { position: relative; top: 5px; left: 30px; float: left; margin-right: 10px; padding: 0 20px; height: 100%; height: 30px; border-radius: 5px 5px 0 0; background: #fff; text-align: center; font-weight: 700; line-height: 30px; cursor: pointer; }
.mainbody .innerInfo .right .info .title .titlename span { color: #ff8a00; font-size: 16px; }
.mainbody .innerInfo .right .info .title .sel { background: #2cbfde; font-weight: 700; }
.mainbody .innerInfo .right .info .title .titlename i { font-weight: 700; }
.mainbody .innerInfo .right .info .title .titlename ul { position: absolute; top: 28px; left: 0; z-index: 999999; display: none; padding: 0; width: 150px; border: 1px solid #ccc; border-radius: 5px; background: rgba(0,0,0,.8) none repeat scroll 0 0; color: #fff; text-align: left; }
.mainbody .innerInfo .right .info .title .titlename:hover ul { display: block; }
.mainbody .innerInfo .right .info .title .titlename ul li { padding: 0 20px; border-bottom: 1px solid #ccc; line-height: 25px; }
.mainbody .innerInfo .right .info .title .titlename:hover ul li { padding: 0 20px; border-bottom: 1px solid #ccc; line-height: 25px; }
.mainbody .innerInfo .right .info .title .titlename:hover ul li:hover { background: #666; }
.mainbody .innerInfo .right .info .codeInfo { height: calc(100% - 115px); position: relative;    display: block; }
.code-font {
    font-size: 14px;
    font-family: Monaco,Menlo,'Ubuntu Mono',Consolas,source-code-pro,monospace;
    background: #272822;
}
.mainbody .innerInfo .right .info .title .toollist { float: right; width: 350px; height: 30px; line-height: 30px; }
.mainbody .innerInfo .right .info .title .toollist a { float: right; margin-right: 15px; padding-top: 8px; height: 20px; color: #fff; font-size: 20px; line-height: 20px; cursor: pointer; }
.mainbody .innerInfo .right .info .title .refresh { margin-left: 40px; color: #fff; font-size: 16px; line-height: 35px; }
.mainbody .innerInfo .right .info .title .refresh .fa-refresh { cursor: pointer; }
.mainbody .innerInfo .right .info .resultInfo { position: absolute; right: -550px; bottom: 40px; z-index: 999; display: none; overflow-y: hidden; width: 505px; height: 70%; background: #292929; box-shadow: 3px 3px 3px #dedede; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title { position: absolute; top: 0; width: 100%; height: 60px; line-height: 60px; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title .buttom { float: left; margin-left: 15px; padding: 0 8px; height: 30px; min-width: 112px; border-color: #ff8a00; background-color: #ff8a00; color: #fff; text-align: center; font-weight: 700; font-size: 14px; line-height: 30px; cursor: pointer; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title .buttom:hover { opacity: .8; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title .buttom.limited { border: 1px solid #ccc; background: #ccc; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title .btn-hide-run-pane { float: right; margin: 0 10px; height: 30px; color: #000; font-weight: 700; font-size: 20px; line-height: 30px; cursor: pointer; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title .btn-hide-run-pane .fa-times { transition: all .2s linear 0s; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title .btn-hide-run-pane .fa-times:hover { transform: rotate(180deg); }
.mainbody .innerInfo .right .info .resultInfo .infolist { overflow-x: hidden; overflow-y: auto; margin: 80px 20px; padding: 20px; height: calc(100% - 150px); background: #000; color: #fff; word-wrap: break-word; line-height: 20px; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title>div { vertical-align: middle; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title>div.alert { margin: 0; padding: 15px 0 15px 12px; height: 60px; border-radius: 0; background: #292929; color: #ff835f; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title>div { vertical-align: middle; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title>div.btn-run-wrapper { padding-left: 5px; width: 1%; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title>div.alert div.alert-danger { padding: 3px 10px; height: 24px; border: medium none #ed5565; border-radius: 5px; background-color: #fef2f3; line-height: 24px; }
.mainbody .innerInfo .right .info .resultInfo .line2 .title>div.alert div.alert-warm { float: left; margin-left: 8px; padding: 3px 10px; width: 336px; height: 30px; border: 4px solid #999; background-color: #fff; font-weight: 700; line-height: 16px; }
.mainbody .innerInfo .right .info .resultInfo .btn-hide-run-pane { position: absolute; right: 20px; bottom: 33px; padding: 6px 36px; border: 1px solid #2cbfde; color: #fff; }
.mainbody .innerInfo .right .info .resultInfo .btn-hide-run-pane:hover { opacity: .8; }
.mainbody .innerInfo .photoright a { margin-top: 20px; padding: 8px 8px; border: 1px solid #dedede; background: #f8f9fb; }
.mainbody .innerInfo .photoright a:hover { background: #efefef; }
article { width: 100%; height: 100%; max-width: 100%; }
.CodeMirror { height: 300px; }
.editorbanner { position: relative; z-index: 999; width: 100%; height: 60px; background: #999; line-height: 60px; }
.editorbanner a { color: #fff; text-decoration: none; font-size: 16px; }
.editorbanner a.link { margin-left: 50px; }
.editorbanner a.beginExam, .editorbanner a.link { position: relative; float: left; margin-top: 15px; margin-left: 20px; padding: 5px 20px; border: 1px solid #fff; border-radius: 0; background: 0 0; font-size: 14px; line-height: 20px; }
.editorbanner a.beginExam.BackWWW{
    color:#ff0000; border:1px solid #ff0000;
}
.editorbanner a.beginExam:hover, .editorbanner a.link:hover { border: 1px solid #2cbfde; background: #2cbfde; }
.editorbanner a.debugbuttom, .editorbanner a.savebuttom { float: right; margin-top: 5px; margin-top: 15px; margin-right: 25px; padding: 5px 40px; border: 1px solid #2cbfde; border-radius: 0; background: #2cbfde; font-size: 14px; line-height: 20px; }
.editorbanner a.debugbuttom, .editorbanner a.savebuttom { position: relative; }
.editorbanner a.savebuttom:hover { opacity: .8; }
.editorbanner a.debugbuttom { border: 1px solid #ff8a00; background: #ff8a00; }
.editorbanner a.debugbuttom:hover { opacity: .8; }
.editorbanner a.debugbuttom.limited { border: 1px solid #ccc; background: #ccc; }
.CodeMirror-fullscreen { top: 95px; }
.editorbanner .line2 { display: none; }
input.btn:active, input.btn:focus { outline: 0; }
.noticeTips.forall .onlineRefer .MessageBox .InputBox .btn:active, .noticeTips.forall .onlineRefer .MessageBox .InputBox .btn:focus { outline: 0; }
.mianall.forcode .footer { position: fixed; z-index: 999; background: #333; }
.forEn .noticeTips .immMessage span.title, .forEn .noticeTips .onlineRefer span.title { display: inline-block; width: 10px; cursor: pointer; word-break: break-all; }
.forEn .calcInfo { float: left; display: inline-block; padding: 0 0; width: 100%; text-align: center; cursor: pointer; word-break: break-all; }
.forEn .forcode .noticeTips .immMessage span.title, .forEn .forcode .noticeTips .onlineRefer span.title { width: initial; }
.forEn .forcode .noticeTips.forall ul li.mianli.en { width: initial; }
.noticeTips .onlineRefer .MessageBox .InfoBox .emp { position: relative; float: right; clear: both; margin-bottom: 10px; padding: 0 10px; max-width: 80%; border-radius: 5px; background: #ff8a00; color: #333; text-align: right; }
.noticeTips .onlineRefer .MessageBox .InfoBox .emp span { font-weight: 700; }
.noticeTips .onlineRefer .MessageBox .InfoBox div.chattype { height: 20px; color: #fff; font-size: 10px; font-size: 11px; line-height: 20px; }
.noticeTips .onlineRefer .MessageBox .InfoBox .itv { position: relative; float: left; clear: both; margin-bottom: 10px; padding: 0 10px; width: 80%; border-radius: 5px; background: #2cbfde; color: #333; text-align: left; }
.noticeTips .onlineRefer .MessageBox .InfoBox .itv .dialogueT { position: absolute; top: 0; left: -6px; display: block; width: 12px; height: 5px; background: url(../images/dialogueT.png) no-repeat 0 0; }
.noticeTips .onlineRefer .MessageBox .InfoBox .emp .dialogueT { position: absolute; top: 0; right: -6px; display: block; width: 12px; height: 5px; background: url(../images/dialogueTY.png) no-repeat 0 0; }
.noticeTips .onlineRefer .MessageBox .InfoBox .itv span { font-weight: 700; }
.questionModal { position: fixed; top: 60px; right: 0; bottom: 0; left: 0; z-index: 200; background: #000 none repeat scroll 0 0; opacity: .5; }
.questionProgress { position: fixed; top: 60px; left: 0; z-index: 200; display: none; padding: 20px 10%; width: 100%; border-top: 1px solid #ccd1d9; background-color: #f7f7f7; box-shadow: 1px 2px 1px rgba(0,0,0,.09); cursor: auto; }
.questionProgress #exam-questionProgress { position: relative; height: 50px; border-bottom: 1px dotted #ccc; }
.questionProgress .timeling { padding-top: 3px; color: #333; text-align: center; font-size: 25px; }
.questionProgress .timeling .time { color: #ff8a00; }
.questionProgress .progressbegin { padding: 2px 15px; color: #393a3b; font-size: 18px; }
.questionProgress .part_list { position: absolute; top: 0; left: 0; overflow: hidden; margin-top: 10px; padding: 5px 0 0 0; min-width: 600px; color: #333; }
ul.partList>li { float: left; margin-right: 25px; padding: 8px 0; background-color: #f7f7f7; text-align: center; font-size: 14px; }
.questionProgress ul.partList>li i { padding-left: 5px; color: #2dbd9b; }
.questionProgress ul.partList .part { display: none; margin-top: 5px; margin-right: 3px; margin-left: 3px; padding: 1px 30px; background: #dedede; }
.questionProgress ul.partList .part:hover, .questionProgress ul.partList .part_now { margin-top: 0; height: 35px; background: #2cbfde; color: #fff; line-height: 35px; }
.questionProgress ul.partList .part_now { display: block; }
#exam-questionProgress .part_list .partList li { margin-right: 0; }
.questionProgress .part_list .part_line { padding: 4px; color: #c9ccce; }
.questionProgress #exam-question-panel { width: 100%; }
#exam-question-panel .qnumb_qums { float: left; margin-top: 12px; padding: 0; width: 65%; color: #c2c4c6; font-size: 14px; }
#exam-question-panel .qnumb_qums .btn-primary { border-color: #2cbfde; background: #2cbfde; }
#exam-question-panel .qnumb_qums .pl30 { padding-left: 30px; }
#exam-question-panel .qnumb_qums .pr30 { padding-right: 30px; }
#exam-question-panel .tipinfo { float: right; width: calc(35%-10px); }
.qnumb_qums ul { float: none; margin: 0; padding: 0; list-style-type: none; }
.qnumb_qums ul>li { float: left; margin: 0 10px 10px 0; font-size: 14px; }
.qnumb_qums ul>li span { margin-right: 8px; border-radius: 3px; font-size: 14px; }
.qnum { padding: 7px 0; width: 50px!important; height: 36px!important; font-size: 14px; }
.qnum.now { border: 2px solid #ffa400!important; background: #ff8a00; box-shadow: 0 1px 2px #ffa400; color: #fff; }
.qnum.answered { border: 2px solid #2cbfde!important; background: #2cbfde; box-shadow: 0 1px 2px #2cbfde; color: #fff; }
.btn { display: inline-block; margin-bottom: 0; padding: 6px 12px; border: 1px solid transparent; border-radius: 0; background: #d6d6d6; background-image: none; vertical-align: middle; text-align: center; white-space: nowrap; font-weight: 400; font-size: 14px; line-height: 1.42857; cursor: pointer; -moz-user-select: none; }
.btn-primary { background: #2cbfde; color: #fff; }
#exam-part-progress .tipinfo { float: right; width: 35%; border-radius: 10px; color: #333; font-size: 12px; line-height: 20px; }
#exam-part-progress .tipinfo .info { padding: 20px; background: #dedede; }
#exam-part-progress .tipinfo .info .tip { font-weight: 700; font-size: 18px; line-height: 30px; }
#exam-part-progress .tipinfo .info .light { margin-left: 20px; width: 54px; height: 96px; background: url(../images/light.png) no-repeat; }
.mainbody .innerInfo .right .info .resultInfo { margin-bottom: 0; }
.mianall.forall { overflow: visible; }
.mianall.forall.foranswer .innerInfo .examtitle .titleleft .title { background: 0 0; }
.mianall.forall.foranswer .innerInfo .examtitle { box-shadow: none; }
.mainbody.forall .innerInfo .examtitle { position: relative; float: left; clear: both; width: 100%; box-shadow: 1px 1px 1px rgba(200,200,200,.1); }
.mainbody.forall .innerInfo .examtitle.noBg { border: 0; background: #f8f9fb; box-shadow: none; }
.mainbody.forall .innerInfo .examtitle .titleleft { float: left; width: 100%; text-align: left; line-height: 30px; }
.mainbody.forall .innerInfo .examtitle .titleleft .title { padding: 10px 15px; background: #fff; font-size: 25px; }
.mainbody.forall .innerInfo .examtitle .titleleft .examtype { color: #2cbfde; font-size: 18px; }
.mainbody.forall .innerInfo .examtitle .titleleft span.examtype { display: block; }
.mainbody.forall .innerInfo .examtitle .onlinetest { color: #2cbfde; text-align: left; font-size: 18px; line-height: 30px; }
.mainbody.forall .innerInfo .examtitle .titleright { position: absolute; right: 20px; right: 0; bottom: 12px; float: left; width: 100%; text-align: right; font-size: 16px; line-height: 25px; }
.mainbody.forall .innerInfo .examtitle .titleright .examtype { float: left; color: #2cbfde; font-size: 18px; }
.mainbody.forall .innerInfo .examtitle .titleright .type { color: #2cbfde; }
.mainbody.forall .innerInfo .examtitle .titleright .Num { margin-left: 5px; color: #2cbfde; font-weight: 700; font-size: 22px; }
.mainbody.forall .innerInfo .examtitle.noBg .titleleft .title { background: 0 0; }
.mainbody.forall .innerInfo .examContent { width: 100%; }
.mainbody.forall .innerInfo .examInfo { padding: 20px 30px; min-height: 200px; background: #fff none repeat scroll 0 0; }
.mainbody.forall .innerInfo .examInfo .examtop { font-weight: 700; font-size: 16px; }
.mainbody.forall .innerInfo .examInfo .examtop .line { margin-right: 10px; padding-left: 10px; width: 1px; border-right: 1px solid #ccc; }
.mainbody.forall .innerInfo .examInfo .examtop .score { color: #ff8a00; }
.mainbody.forall .innerInfo .examInfo .exammiddle .questionIntro { margin: 10px 0; padding: 20px 30px; border-radius: 5px; background: #666; color: #fff; font-size: 14px; line-height: 20px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist { margin-top: 20px; font-size: 14px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .questionIntro audio { width: 100%; }
.mainbody.forall .innerInfo .examInfo .exammiddle .questionIntro video { max-width: 100%; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li { position: relative; margin-bottom: 10px; padding: 0 0 0 20px; min-height: 46px; border: 2px solid #e7e7e7!important; border-radius: 5px; background: #e7e7e7; box-shadow: 0 1px 2px #e7e7e7; font-size: 14px; line-height: 26px; cursor: pointer; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li input[type=radio] { display: none; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li input[type=checkbox] { display: none; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li i.choose { position: absolute; top: calc(50% - 8px); float: left; margin-top: 1%-10px; margin-right: 10px; width: 20px; height: 20px; border: 2px solid #e7e7e7; border-radius: 15px; background: #fff; box-shadow: inset 1px 1px 1px 1px #999; font-size: 15px; line-height: 20px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li i.optABCD { position: relative; position: absolute; top: calc(50% - 12px); left: 50px; float: left; margin: 0 10px; height: 40px; color: #ccc; font-weight: 700; font-size: 50px; font-family: Arial; opacity: .6; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li .info { float: right; margin-right: 30px; margin-left: 10px; padding: 10px 0; width: 800px; min-height: 26px; line-height: 26px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li:hover { border: 2px solid #2cbfde!important; background: #2cbfde; box-shadow: 0 1px 2px #2cbfde; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li.selected { border: 2px solid #ffa400!important; background: #2cbfde; box-shadow: 0 1px 2px #ffa400; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li.selected i.choose, .mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li:hover i.choose { border: 2px solid #2cbfde; background: #fff; box-shadow: inset 1px 1px 1px 1px #999; text-align: right; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li.selected i.optABCD, .mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li:hover i.optABCD { color: #fff; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li.selected .info { color: #fff; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li.selected i.choose { color: #2cbfde; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist .cePinOptionList ul li .info { float: left; }
.mainbody.forall .innerInfo .examContent .exambottom { clear: both; margin: 40px auto 100px; width: 600px; height: 40px; text-align: center; line-height: 40px; }
.mainbody.forall .innerInfo .examContent .exambottom .leftbuttom { margin-right: 30px; padding: 10px 50px; border: 1px solid #2cbfde; background: 0 0; color: #333; color: #2cbfde; }
.mainbody.forall .innerInfo .examContent .exambottom a { font-size: 14px; }
.mainbody.forall .innerInfo .examContent .exambottom .rightbuttom { padding: 10px 50px; background: #2cbfde; color: #fff; }
.mainbody.forall .innerInfo .examContent .exambottom .rightbuttom a { color: #fff; }
.mainbody.forall .innerInfo .examContent .exambottom .saveAnswerBtn { margin-right: 20px; padding: 10px 50px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .multioptionlist ul li i.choose { border-radius: 5px; }
a.btn-submit { padding: 10px 80px; outline: 0; background: #2cbfde; color: #fff; font-weight: 700; font-size: 16px; }
a.btn-submit:active, a.btn-submit:focus, a.btn-submit:hover { background: #2cbfde; opacity: .8; }
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { border-color: #2cbfde; background: #2cbfde; opacity: .8; }
.mainbody.forall .innerInfo .examInfo .exammiddle .InputBox .texta { padding: 10px; width: 100%; height: 320px; border: 1px solid #ccc; background: #fff; font-size: 14px; line-height: 20px; resize: none; }
.texta { overflow: scroll; }
#dialog * { box-sizing: content-box; font-size: 12px; }
#dialog fieldset { display: block; min-width: -webkit-min-content; border: 2px groove threedface; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; -webkit-margin-start: 2px; -webkit-margin-end: 2px; -webkit-padding-before: .35em; -webkit-padding-start: .75em; -webkit-padding-end: .75em; -webkit-padding-after: .625em;     min-height: 96px; margin-bottom:5px;}
canvas { border: 2px dashed gray; }
.container_eraser { cursor: pointer; }
.container_font { cursor: crosshair; }
.speed { top: 15px; }
.ui-selectmenu-text { font-size: 12px; }
#dialog legend { display: block; width: auto; border: none; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; -webkit-padding-start: 2px; -webkit-padding-end: 2px; }
#dialog #myCanvas { width: 875px; }
#dialog #container { width: 877px; }
.painterdialog { display: none; }
.orangeBtn,.orangeBtn:hover,.orangeBtn:focus { border: 1px solid #ff8a00 !important;background: #ff8a00 !important; }
#dialog .redbg { color: red; }
.cke_toolgroup .cke_button__flash, .cke_toolgroup .cke_button__horizontalrule, .cke_toolgroup .cke_button__iframe, .cke_toolgroup .cke_button__image, .cke_toolgroup .cke_button__pagebreak, .cke_toolgroup .cke_button__smiley, .cke_toolgroup .cke_button__specialchar, .cke_toolgroup .cke_button__table { display: none; }
.CodeMirror span { font-family: Monaco, Menlo, Consolas, 'COURIER NEW', monospace; }
.rightbuttom .submitPaper { padding: 10px 60px; }
.cePinQuesTip { display: inline-block; padding: 10px 10px; width: 100%; height: 42px; background: rgba(44,191,222,.5); color: #333; text-align: left; font-weight: 700; font-size: 14px; line-height: 22px; }
.cePinQuesTip .scoreTip { margin-top: -2px; }
.mainbody.forall .cePinOptionList input.inputClass { position: absolute; top: 50%; right: 5px; margin-top: -17px; padding: 4px 10px; width: 110px!important; text-align: center; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist .cePinOptionList ul li i.optABCD { left: 5px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist .cePinOptionList ul li .info { margin-left: 45px; width: 725px; }
.scoreTip span { color: red; font-weight: 700; font-size: 20px; }
@media (max-width:900px) {
.cePinQuesTip { height: initial; }
.mainbody.forall .cePinOptionList input.inputClass { width: 63px!important; }
.w380 { margin-bottom: 0; }
.showBox .stepform.step1 { padding-right: inherit!important; padding-left: 200px; }
.mianall.forall { overflow: hidden; }
.mianall .header .w1000 { width: 100%; }
.mianall .header ul.nav li { padding: 0 20px; }
.mianall .header ul.nav li.userName { padding: 10px 10px 20px 20px; }
.mianall .header ul.nav li.textName { position: absolute; top: 0; left: 10px; float: left; padding: 5px 20px; }
#cxdialog.cxdialog { border: 6px solid rgba(0,0,0,.5); border-radius: 6px; }
#cxdialog.cxdialog .showtip { padding: 30px; width: auto; text-align: center; font-size: 18px; }
#cxdialog.cxdialog .smallshowtip { width: auto; color: #ff8a00; text-align: center; font-weight: 700; font-size: 16px; }
.mianall .questionProgress { padding: 20px 10px; }
.mianall #exam-question-panel .qnumb_qums { width: 100%; }
.mianall #exam-question-panel .qnumb_qums li .btn { padding: 6px 10px; width: 39px!important; height: auto!important; }
.mianall .qnumb_qums ul>li { margin: 0 9px 10px 0; }
.mianall #exam-part-progress .tipinfo { width: 100%; }
.mianall #exam-part-progress .tipinfo .info { margin-top: 10px; }
.mainbody.forall .innerInfo .examtitle { height: 80px; }
.mainbody.forall .innerInfo .examtitle .titleleft { float: none; height: 30px; text-align: left; line-height: 30px; }
.mainbody.forall .innerInfo .examtitle .titleleft .title { padding-left: 10px; }
.mainbody.forall .innerInfo .examtitle .titleright .examtype { float: left; color: #2cbfde; font-size: 18px; }
.mainbody.forall .innerInfo .examtitle .titleright span.examtype { display: block; }
.mainbody.forall .innerInfo .examtitle .titleright { padding: 0 10px; width: 100%; text-align: right; font-size: 16px; line-height: 30px; }
.mainbody.forall .innerInfo .examtitle .onlinetest { padding: 0 10px; color: #2cbfde; text-align: left; font-size: 18px; line-height: 30px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li i.optABCD { left: 40px; display: none; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li .info { float: left; margin-right: 10px; margin-left: 30px; padding: 10px 0; width: initial; white-space: pre-line; word-break: break-all; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist .cePinOptionList ul li .info { float: left; margin: 0; width: initial; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist .cePinOptionList ul li .info pre { margin-right: 80px; width: initial; white-space: normal; word-break: break-all; }
.mainbody.forall .innerInfo .examContent .exambottom { width: auto; }
.mainbody.forall .innerInfo .examContent .exambottom .leftbuttom { float: left; margin-right: 20px; padding: 10px 25px; }
.mainbody.forall .innerInfo .examContent .exambottom .rightbuttom { float: right; padding: 10px 25px; }
.rightbuttom .submitPaper { padding: 10px 45px; }
.mainbody.forall .innerInfo .examContent .exambottom .saveAnswerBtn { float: left; padding: 10px 25px; }
.mobile .noticeTips { display: none; }
}
.CodeMirror { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.CodeMirror-focused .cm-matchhighlight { background-image: url('data:image/png;background-repeat:repeat-x;	base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg=='); background-position: bottom; }
.cm-matchhighlight { background-color: #90ee90; }
.CodeMirror-selection-highlight-scrollbar { background-color: green; }
.codeIntroJsTip { padding-left: 40px; width: 625px; min-height: 180px; background: url(../images/codeTip.jpg) no-repeat left top; color: #333; text-align: left; font-weight: 400; font-size: 14px; line-height: 38px; }
.codeIntroJsTip .line-title { margin-bottom: 22px; padding: 12px 0 0 20px; font-weight: 700; font-size: 20px; }
.codeIntroJsTip .line { padding: 11px 0 0 5px; font-size: 15px; line-height: 25px; }
.codeIntroJsTip .line span.yellow { color: #ff8a00; font-weight: 700; }
.myCalculator { position: relative; top: initial; right: initial; z-index: 999; padding: 4px 10px; width: 34px; height: 81px; border-radius: 5px; background: rgba(0,0,0,.5); box-shadow: 3px 3px 3px #ccc; text-align: center; line-height: 14px; }
.myCalculator a { position: initial; width: 100%; color: #fff; }
.CalculatorBox { position: relative; }
#tree { margin-bottom: 10px; padding: 5px 5px; min-width: 319px; background-color: #deeff7; }
#data { margin-left: 320px; }
#data textarea { display: block; margin: 0; padding: 0; width: 100%; height: 100%; border: 0; background: #fff; line-height: 18px; resize: none; }
#code, #data { font: normal normal normal 12px/18px Consolas, monospace!important; }
#tree .folder { background: url(file_sprite.png) right bottom no-repeat; }
#tree .file { background: url(file_sprite.png) 0 0 no-repeat; }
#tree .file-pdf { background-position: -32px 0; }
#tree .file-as { background-position: -36px 0; }
#tree .file-c { background-position: -72px 0; }
#tree .file-iso { background-position: -108px 0; }
#tree .file-htm, #tree .file-html, #tree .file-xml, #tree .file-xsl { background-position: -126px 0; }
#tree .file-cf { background-position: -162px 0; }
#tree .file-cpp { background-position: -216px 0; }
#tree .file-cs { background-position: -236px 0; }
#tree .file-sql { background-position: -272px 0; }
#tree .file-xls, #tree .file-xlsx { background-position: -362px 0; }
#tree .file-h { background-position: -488px 0; }
#tree .file-cer, #tree .file-crt, #tree .file-pem { background-position: -452px -18px; }
#tree .file-php { background-position: -108px -18px; }
#tree .file-bmp, #tree .file-gif, #tree .file-jpeg, #tree .file-jpg, #tree .file-png { background-position: -126px -18px; }
#tree .file-ppt, #tree .file-pptx { background-position: -144px -18px; }
#tree .file-rb { background-position: -180px -18px; }
#tree .file-htaccess, #tree .file-log, #tree .file-md, #tree .file-text, #tree .file-txt { background-position: -254px -18px; }
#tree .file-doc, #tree .file-docx { background-position: -362px -18px; }
#tree .file-gz, #tree .file-rar, #tree .file-tar, #tree .file-zip { background-position: -416px -18px; }
#tree .file-js { background-position: -434px -18px; }
#tree .file-css { background-position: -144px 0; }
#tree .file-fla { background-position: -398px 0; }
.programmingNotes { float: left; color: #fff; line-height: 35px; }
.programmingNotes span { margin-left: 50px; color: #fff; }
.programmingNotes a { color: #2cbfde; }
#codeComment { float: left; display: none; margin: 5px 0 0 40px; color: red; font-weight: 700; line-height: 30px; }
.versionInfo { position: relative; top: -2px; }
.versionInfo span { padding-left: 5px; font-size: 14px; font-family: microsoft yahei; }
.viewLangInfo { position: absolute; top: 36px; z-index: 999; padding: 10px 20px 10px 20px; width: 100%; background: #999; color: #fff; }
.viewLangInfo a.closeBtn { margin-right: 5px; height: 100%; color: #fff; font-size: 20px; }
.viewLangInfo a.closeBtn i { transition: all .2s linear 0s; }
.viewLangInfo a.closeBtn i:hover { transform: rotate(180deg); }
.viewLangInfo table { width: 100%; }
.viewLangInfo table tr td:nth-child(2) { padding: 0 0 0 20px; width: 30px; vertical-align: middle; }
.viewLangInfo li { padding-left: 15px; background: url(../images/cicle.png) no-repeat left 8px; color: #fff; font-size: 12px; }
.rule blockquote, .rule button, .rule code, .rule dd, .rule div, .rule dl, .rule dt, .rule fieldset, .rule form, .rule h1, .rule h2, .rule h3, .rule h4, .rule h5, .rule h6, .rule input, .rule legend, .rule li, .rule ol, .rule p, .rule pre, .rule td, .rule textarea, .rule th, .rule ul { -webkit-margin-before: .83em; -webkit-margin-after: .83em; }
.rule h2 { font-weight: 700; font-size: 1.5em; }
pre { border: none; background: 0 0; white-space: pre-wrap; }
.mainbody.forall .innerInfo .stepinfo .toolguider .cancel { display: none; padding: 8px 20px; font-size: 16px; line-height: 25px; }
.hasReadAbide { position: relative; }
#hasReadAbide #ReadAbide { position: relative; top: 2px; }
.inputQuesAnsList .inputQuesLi { display: inline-block; margin-bottom: 10px; width: 49%; }
.inputQuesAnsList .inputQuesLi .text-list { position: relative; left: 5px; display: inline-block; width: 30px; height: 30px; background: #2cbfde; color: #fff; text-align: center; line-height: 30px; }
.inputQuesAnsList .inputQuesLi input { overflow: hidden; padding-left: 10px; width: 280px; height: 30px; border: 1px solid #dadada; }
.inputQuesAnsList .inputQuesLi input:hover { border: 1px solid #2cbfde; }
@media (max-width:900px) {
.mianall { position: initial; top: 0; left: 0; overflow-x: initial; width: 100%; height: initial; }
.mainbody { position: initial; top: 90px; left: 0; z-index: 2; display: block; margin-top: 66px; width: 100%; background: #dedede; }
.mainbody .innerInfo { overflow: initial; height: 100%; }
.forcode .mainbody .innerInfo .left { position: initial; left: 0; display: block; width: initial; height: initial; background: #f4f8fb; }
.forcode .mainbody .innerInfo .right { position: initial; left: initial; padding-bottom: 40px; width: 100%; height: initial; background: #e9f0f6; }
.forcode .mainbody .innerInfo .left .info { overflow-y: scroll; margin-top: initial; padding: 20px 10px 20px 10px; height: auto; }
.forcode .mainbody .innerInfo .right .info { padding: 0; padding-top: initial; height: initial; }
.w1000 { width: 100%; }
.form-horizontal .form-group { margin-left: 15px; }
.header .logo { display: none; }
.header ul.nav li.userName { float: right; padding-right: 10px; padding-left: 10px; }
.header ul li.examlist { padding-right: 10px; }
.noticeTips.forall ul li.showqa { display: block; }
.mianall .noticeTips.forall { position: initial; bottom: 40px; z-index: 999; width: 100%; height: 40px; }
.mianall .noticeTips.forall ul { float: left; width: 100%; }
.mianall .noticeTips.forall ul li.mianli { position: initial; z-index: 999999; float: left; clear: initial; margin-right: 0; padding: 0; width: 33.33%; height: 40px; border-right: 1px solid #fff; border-radius: 0; box-shadow: none; color: #fff; text-align: center; font-weight: 700; line-height: 40px; }
.mianall .noticeTips.forall ul li.mianli span.qa { padding-left: 5px; height: 30px; line-height: 30px; }
.mianall .noticeTips.forall ul li.mianli span.im { display: initial; }
.mianall .noticeTips.forall ul li.onlineRefer { top: 0; background: #ff8a00; }
.mianall .noticeTips.forall ul li.showqa { background: #2cbfde; }
.mianall .noticeTips.forall .MessageBox { border-radius: 0; box-shadow: none; }
.mianall .noticeTips.forall .immMessage .MessageBox { position: fixed; top: initial; right: 0; bottom: 0; left: 0; z-index: 999; width: 100%; }
.mianall .noticeTips.forall .onlineRefer .MessageBox { position: fixed; top: initial; right: 0; bottom: 0; left: 0; z-index: 999; text-align: left; }
.mianall .noticeTips.forall .immMessage .MessageBox ul { width: initial; text-align: left; }
.mianall .noticeTips.forall .onlineRefer .MessageBox { width: 100%; }
.modal-body { font-size: 16px; }
.modal.fade .modal-dialog { border: 5px solid rgba(0,0,0,.4); border-radius: 6px; }
.endexampage .info .mess { margin: 0 auto; padding: 100px 10px; width: initial; text-align: left; }
.mainbody.forall .innerInfo { padding-bottom: 30px; }
.mainbody.forall .innerInfo .stepinfo { margin-bottom: 50px; padding: 0 10px; }
.mainbody.forall .innerInfo .stepinfo .list ul li { width: 33%; font-size: 12px; }
.mainbody.forall .innerInfo .stepinfo .list ul li:nth-child(2) { display: none; }
.mainbody.forall .innerInfo .stepinfo .list ul li.cur { float: left; display: block; }
.mainbody.forall .innerInfo .stepinfo .tip { clear: both; margin: 0; padding: 20px 0; color: #ff8a00; text-align: left; font-size: 18px; line-height: 35px; }
.mainbody.forall .innerInfo .stepinfo .stepform.step1 { padding-left: 0; }
.mainbody.forall .innerInfo .stepinfo .toolguider .bottom { line-height: 39px; }
.mainbody.forall .innerInfo .stepinfo .toolguider a.bottom { float: left; }
.mainbody.forall .innerInfo .stepinfo .toolguider .bottom.wzbt { float: left; }
.mainbody.forall .innerInfo .stepinfo .toolguider .edit { float: left; padding: 6px 15px; font-size: 12px; }
.mainbody.forall .innerInfo .stepinfo .toolguider .next { float: right; padding: 6px 15px; }
.mainbody.forall .innerInfo .stepinfo .toolguider { width: 100%; height: 50px; }
.parctise .formCmt { padding: 10px 0 20px 10px; background-image: none; background-size: 30px; line-height: 30px; }
.cxdialog { width: 100%; }
.cxdialog .cxdialog_info .alertbody { padding: 30px 10px 20px 10px; text-align: center; }
.leaveMobile1 .info .mess .line1 i.fa { float: left; height: 100px; font-size: 55px; }
.leaveMobile5 .info .mess .line1 i.fa { float: left; font-size: 55px; }
.mainbody.forall .innerInfo .stepinfo .list ul li span { font-size: 25px; }
.mainbody.forall .innerInfo .stepinfo .list ul li .guider-line { display: none; }
.mainbody.forall .innerInfo .stepinfo .tip .title { margin: 0 10px; font-size: 12px; }
.mainbody.forall .innerInfo .stepinfo .toolguider .cancel, .mainbody.forall .innerInfo .stepinfo .toolguider .edit.editComplete, .mainbody.forall .innerInfo .stepinfo .toolguider .next { margin-left: 0; font-size: 14px; }
.mainbody.forall .innerInfo .stepinfo .toolguider .cancel { font-size: 12px; }
.mainbody.forall .innerInfo .stepinfo .stepform { padding: 10px; }
.hasReadAbide input { position: absolute; top: 4px; left: 0; }
.hasReadAbide label { float: left; margin-left: 20px; }
.mainbody.forall .innerInfo .stepinfo .stepform .rule { display: inline-block; }
#hasReadAbide #ReadAbide { position: relative; top: 20px; }
.panel.parctise .table tr td, .panel.parctise .table tr th { font-size: 12px; line-height: 25px; }
.parctise .table tbody tr th, .parctise a { font-size: 14px; }
.header ul li.examlist .line { border: none; }
.questionProgress #exam-questionProgress { height: 82px; }
.questionProgress .part_list { top: initial; bottom: 0; }
.header ul li.userName { display: none; }
.CodeMirror pre.CodeMirror-line { white-space: pre-wrap; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 4px; }
.parctise .table tbody tr td, .parctise .table tbody tr th { padding-top: 4px; border-top: 15px solid #fff; }
.parctise .table tbody tr th a:hover { font-size: 14px; }
}
.jobtitle { display: inline-block; overflow: hidden; margin-right: 20px; max-width: 500px; text-overflow: ellipsis; white-space: nowrap; }
.forall .jobtitle{ max-width: 600px; }
.forEn .jobtitle { width: 100%; }
.forcode .jobtitle { float: left; max-width: 500px; }
.mainbody.forall .innerInfo .examtitle .titleleft span.examtype { overflow: hidden; max-width: 400px; text-overflow: ellipsis; white-space: nowrap; }
.mainbody.forall .innerInfo .stepinfo .toolguider { text-align: center; }
.introjs-button { background: #2cbfde!important; }
.parctise .table tbody tr td, .parctise .table tbody tr th { line-height: inherit; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; border-top: 1px solid #ddd; vertical-align: middle; line-height: 1.42857143; }
.mainbody.forall .innerInfo .examtitle .titleright span.type { position: relative; top: 4px; display: inline-block; overflow: hidden; max-width: 260px; text-overflow: ellipsis; white-space: nowrap; }
.fa-exclamation-triangle:before, .fa-warning:before { content: "\f071"; font-size: 66px; }
.inputQuesAnsList { position: relative; top: -7px; left: 40px; padding-top: inherit!important; }
.inputQuesAnsList .inputQuesLi { display: inline-block; margin-bottom: 10px; width: 100%; }
.inputQuesAnsList .inputQuesLi .text-list { position: relative; left: 5px; display: inline-block; width: 40px; height: 40px; background: #2cbfde; color: #fff; text-align: center; line-height: 40px; }
.inputQuesAnsList .inputQuesLi input { overflow: hidden; padding-left: 10px; width: 89%; height: 40px; border: 1px solid #dadada; }
.inputQuesAnsList .inputQuesLi input:focus { outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: thin dotted; outline: 0 auto -webkit-focus-ring-color!important; outline-offset: -2px; }
.form-horizontal .control-label { height: 34px; }
.showBox .control-label { float: none!important; }
.showBox .form-group .control-label { position: inherit!important; width: 100%!important; line-height: initial; }
.showBox .col-sm-9 { width: 100%!important; height: inherit!important; }
.personalMustViewBox { margin-right: 10px; margin-bottom: 0; margin-left: 5px; line-height: 33px; }
.personalMustViewBox .control-label { position: inherit!important; width: 100%!important; line-height: initial!important; }
.personalMustViewBox .form-group { margin-right: 0!important; margin-left: 0!important; }
.loginform.tab-1 { top: 75px; height: 320px; min-height: 200px; }
.showBox .stepform.step1 { padding-right: 300px!important; padding-left: 200px!important; }
.showBox .col-sm-9.hoverEdit { position: relative; }
.showBox .col-sm-9.hoverEdit .fa-edit { position: absolute; top: 12px; right: -10px; display: none; color: #ff8a00; font-size: 15px; cursor: pointer; }
.showBox .col-sm-9.hoverEdit:hover .fa-edit { display: block; }
.showBox .col-sm-9.hoverEdit span { border: 1px solid #efefef; }
.showBox .col-sm-9.hoverEdit:hover span { border: 1px solid #ff8a00; }
.answerBody.questionIntro * { font-size: initial; }
.answerBody.questionIntro strong{ font-size:initial;}
.titleBox .fb { font-size: 14px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li img { max-width: 100%; }
@media(max-width:450px) {
.showBox .col-sm-9.hoverEdit .fa-edit { top: 24px; right: 10px; }
.showBox .form-group .control-label { position: inherit!important; margin-bottom: -6px; padding-right: 10px!important; width: 100%!important; line-height: initial!important; }
.showBox .col-sm-9.w380 { padding-bottom: 4px!important; }
.showBox .stepform.step1 { padding-right: inherit!important; padding-left: inherit!important; }
.showBox .form-group { margin-bottom: 0!important; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li:hover { border: 2px solid #e7e7e7!important; background: #e7e7e7; box-shadow: none; }
.form-horizontal .control-label { float: left!important; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li.selected i.choose { border: 2px solid #2cbfde; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li.selected .info { color: #fff; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li .info { color: #000; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li.selected { border: 2px solid #ffa400!important; background: #2cbfde!important; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li:hover i.choose { border: none; }
.parctise .table tbody tr th, .parctise a { padding-top: 13px; color: #ff8a00; text-decoration: none; font-size: 16px!important; }
.forall .examlist { display: none; }
.parctise .tbMain a.btn-submit { color: #fff; font-size: 14px!important; }
.MainContent .logo { margin: 9px 0; height: 60px!important; }
.mianall .header ul.nav li.textName { left: 0; }
.loadexam .modal-dialog .info { height: 270px; background: #c9f6fc; }
.header ul li.userName { display: block; }
li.myCalculator { display: none!important; }
div.appLayout { display: none; }
.form-horizontal .form-group { margin-right: 10px; margin-left: 5px; }
.mainbody.forall .innerInfo .stepinfo .tip { padding-bottom: 0; }
div.personTile { display: block!important; padding: 0 20px; padding-bottom: 20px; text-align: center; font-size: 20px; }
.form-horizontal .control-label { display: inline-block; padding: 0; width: 92px; height: initial; text-align: right; font-size: 12px; line-height: inherit; }
.col-sm-9 span.ng-binding { display: inline-block; overflow: hidden; padding: 7px 20px; padding-left: 10px; width: 177px; background: #efefef; }
.showBox .col-sm-9 { display: inline-block; padding: 13px 0; width: inherit; height: 35px; }
.mainbody.forall .innerInfo .stepinfo .toolguider { padding-bottom: 70px; width: 60%; }
.mainBox .col-sm-9 { display: inline-block; padding: 13px 0; width: 60%; height: 35px; }
input[type=text] { width: 99%!important; }
button.editComplete { float: none!important; }
.mainbody.forall .innerInfo .stepinfo .toolguider .edit.editComplete { margin-left: 30px; }
a.cancel { padding: 9px 20px!important; font-size: 14px!important; }
div.showtip table tbody tr td:first-child { display: none; }
.mainbody.forall .innerInfo .stepinfo .list { display: none; }
div.stepform { padding: 10px 25px 10px 30px!important; }
.hasReadAbide label { text-align: left; line-height: 20px; }
#ReadAbide { top: -7px; }
a.bottom { display: inline-block; margin-left: 30px; }
.mainbody.forall .innerInfo .stepinfo .toolguider.ct .next { margin-right: 45px; }
div.formCmt { display: none; }
div.myExam { margin: 30px 0!important; }
.pcTable { display: none; }
.appTable { display: block; }
.appTable td, .appTable th { margin: 0!important; border-width: 0!important; }
h4.appTitle { margin-bottom: 10px; font-weight: 700; }
.parctise .examlisttitle { font-size: 24px; }
#cxdialog { margin-left: -125px!important; width: 265px; }
#cxdialog.cxdialog .showtip { padding: 3px; min-width: 200px; font-size: 13px; }
#cxdialog.cxdialog .showtip tr td:nth-child(2n) { padding-left: 0; text-align: center; font-size: 13px; line-height: 21px; }
#cxdialog.cxdialog .cxdialog_btns a { padding: 2px 11px; height: 30px; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li { padding-left: 5px; }
.mainbody.forall .innerInfo .examContent .exambottom .rightbuttom { float: none; }
.mainbody.forall .innerInfo .examContent .exambottom { margin-top: 20px; height: 140px; }
.mainbody.forall .innerInfo .examContent .exambottom .leftbuttom { float: none; }
.mainbody.forall .innerInfo .examContent .exambottom .saveAnswerBtn { float: none; }
.parctise .table tbody tr td, .parctise .table tbody tr th { padding-top: 12px; }
.panel.parctise .table tr th { line-height: 20px; }
div.tipinfo { display: none; }
.questionProgress .timeling { font-size: 20px; }
.mainbody.forall .innerInfo .examtitle .titleleft span.examtype { display: none; }
.mainbody.forall .innerInfo .examtitle .titleright { top: 5px; }
.mainbody.forall .innerInfo .examtitle { height: 55px; }
.jobtitle { max-width: 197px; text-overflow: clip; font-size: 22px; }
.mainbody.forall .innerInfo .examtitle .titleright span.type { max-width: 96px; text-overflow: clip; }
.qnumb_qums ul { overflow: auto; height: 167px; }
.mainbody.forall .innerInfo .examInfo { padding: 10px 10px 0; min-height: 400px!important; }
.mainbody.forall .innerInfo .examInfo .exammiddle .questionIntro { padding: 20px 8px; }
.hljs { margin-top: 10px; }
.mainbody.forall .innerInfo .stepinfo { padding: 0; }
.mainbody.forall .innerInfo .examtitle .titleleft .title { display: none; background-color: #f5f5f5; }
textarea { height: 100px!important; }
div.noticeTips { display: none!important; }
#pcEdit { margin-left: 30px; }
#pcNext { margin-right: 30px; }
.alert-warning img { display: none; }
.panel-body { min-height: 545px!important; }
div.examtitle { display: none; }
#cxdialog { margin-left: -148px!important; width: 310px!important; }
div.cxdialog_info>div { padding: 5px!important; }
div.examtitle { display: block; }
.mianall .header ul.nav li.textName { height: 60px!important; }
.header { height: 60px!important; }
.header ul li { height: 60px; }
.mainbody { margin-top: 60px!important; }
.questionProgress ul.partList .part_now { display: block; overflow: hidden; max-width: 260px; text-overflow: ellipsis; white-space: nowrap; }
.mainbody.forall .innerInfo .examtitle .titleleft { height: inherit; }
.mainbody.forall .innerInfo .examtitle { height: inherit; }
.jobtitle { max-width: inherit; text-overflow: clip; white-space: normal; font-size: 22px; }
.mainbody.forall .innerInfo .examtitle .titleright span.type { overflow: visible; width: 80%; max-width: inherit; text-overflow: clip; white-space: normal; }
.mianall.forall.foranswer .innerInfo .examtitle .titleleft .title { display: block; padding-bottom: 0; background: 0 0; }
.mianall.forall.forcode .innerInfo .examtitle .titleleft .title { display: block; }
.mainbody.forall .innerInfo .examtitle .titleright { position: inherit; margin-bottom: 10px; height: 30px; }
.mainbody.forall .innerInfo .examtitle .titleright { margin-top: -38px; margin-bottom: 10px; height: inherit; }
}
.qBody *{
    font-family: inherit;
}
.templet * {
    font-family: "Courier New", Arial, "Microsoft YaHei";
}
.uploadWaring { padding: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #fff9ed; color: #beaf98; }
#loaclFileBtn { display: inline-block; padding: 6px 12px; border: 1px solid transparent; border-radius: 5px; background: #2cbfde; background-image: none; color: #fff; font-size: 14px; cursor: pointer; }
#loaclFileDiv .downClose { float: right; padding: 0 10px; color: #333; font-size: 16px; cursor: pointer; }
#loaclFileDiv .downHref { display: inline-block; overflow: hidden; color: #00f; }
#loaclFileDiv .showTitle { position: relative; top: 4px; display: flex; margin-left: 5px; }
#loadingWC { display: none; margin-top: 10px; height: 26px; border: 1px solid #ddd; text-align: center; font-size: 16px; }
#loadingWC .loadingNC { width: 0%; height: 100%; background-color: #2cbfde; }
.control-label span { word-break: break-all; }
.randPaperBox .randTitle { padding: 10px; color: #666; font-size: 18px; }
.randPaperBox .randTitle .li1 { font-weight: 700; font-size: 20px; }
.randPaperBox .randTitle .li2 { color: #ff8a00; font-weight: 700; font-size: 20px; }
.tagPaperBox thead tr th { padding: 0; height: 0; border: none; }
.tagPaperBox table { margin-top: -30px; }
.chooiseBox { padding: 10px 50px; text-align: center; }
.chooiseBox .ABlist { display: inline-block; margin-top: 10px; margin-right: 20px; width: 270px; height: 128px; border: 2px solid #2cbfde; background: #2cbfde; color: #fff; text-align: center; cursor: pointer; }
.chooiseBox .ABlist .t { height: 60px; font-size: 30px; line-height: 60px; }
.chooiseBox .ABlist .b { overflow: hidden; height: 60px; font-size: 20px; font-size: 20px; line-height: 32px; word-break: break-all; }
.chooiseBox .ABlist:hover { background: #fff; color: #2cbfde; }
.RedialogDiv { padding: 10px; }
.RedialogDiv ul li { position: relative; float: left; margin: 10px 20px 0 0; padding: 4px 10px; border: 1px solid #ccc; cursor: pointer; }
.RedialogDiv ul li.active, .RedialogDiv ul li:hover { border: 1px solid #2cbfde; }
.RedialogDiv .typeTitle { padding: 15px 0 0; height: 60px; font-weight: 700; cursor: pointer; }
.chengxujieshi { clear: both; padding: 10px 0; }
.chengxujieshi .tip { font-weight: 700; }
.chengxujieshi textarea { padding: 5px; width: 100%; }
.RedialogDiv ul li.active i { position: absolute; top: 0; right: 0; display: inline-block; display: none; width: 18px; height: 18px; background: url(../images/icon.png) -87px -60px no-repeat; }
.RedialogDiv ul li.active i { display: block; }
#cxdialog.cxdialog.screenCapture .cxdialog_btns { bottom: 10px; margin-bottom: 10px; padding: 10px 10px; border-top: none; text-align: center; text-align: right; }
@media(max-width:450px) {
.randPaperBox .randTitle { padding: 10px 0 20px; }
a#submitTip span { color: #fff; }
.tagPaperBox table { margin-top: 0; }
.tagPaperBox thead tr th { padding: 8px; }
.loginform.tab-1 { top: 0; height: 320px; min-height: 200px; }
.parctise .table tbody tr th a { position: relative; top: 0; }
}
canvas { border: 2px dashed gray; }
.container_eraser { cursor: pointer; }
.container_font { cursor: crosshair; }
.speed { top: 15px; }
.ui-selectmenu-text { font-size: 12px; }
#loaclFileDiv .downHref { color: #ff8a00; font-weight: bolder; font-size: 16px; }
#loaclFileDiv .downClose { position: relative; top: -6px; font-size: 20px; }
object { display: none; }
.cke_reset_all .wordCount { float: right; margin-right: 20px; }
.cke_reset_all .wordCount span { color: red; font-weight: 700; font-size: 14px; }
.personalChooiseBox .pcAnsList input[type=checkbox] { float: left; margin-left: -20px; }
.mianall.forall.foranswer .innerInfo .examtitle .titleleft span.examtype { display: block; }
.mianall.forall.forcide .innerInfo .examtitle .titleleft span.examtype { display: block; }
.mainbody.forall .innerInfo .examInfo .exammiddle .optionlist ul li .info pre { min-height: 20px;     word-break: inherit;  }
.takephotoBox { position: relative; position: absolute; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: center; }
.takephotoBox div.btn { margin-top: 120px; padding: 6px 20px; border-radius: 5px; background: #2cbfde; color: #fff; font-size: 14px; }
.hasPic:hover .takephotoBox { display: block; }
.CodeMirror-gutters { min-height: 100%; }
.noticeTips.forall ul li.mianli { text-align: center; }
.noticeTips.forall ul li.mianli.en { width: 75px; }
.myCalculator.en { padding: 4px 10px; width: 34px; height: 94px; }
.myCalculator.en .imgSpan { height: 30px; line-height: 30px; }
.en .jcalculator_wrap { right: 40px; bottom: -90px; }
.noticeTips.forall .immMessage.en .MessageBox, .noticeTips.forall .onlineRefer.en .MessageBox { right: 50px; }
.noticeTips.forall .onlineRefer.en .MessageBox .InputBox .messtype { text-align: left; }
.Bigshowtip { overflow: auto; max-height: 300px; }
.span_answered { position: relative; top: 7px; display: inline-block; margin-top: 0; padding: 12px 12px; width: 0; height: 0; background: #2cbfde; color: #fff; }
.span_noanswered { position: relative; top: 7px; display: inline-block; margin-top: 0; padding: 12px 12px; width: 0; height: 0; background: #d6d6d6; color: #fff; }
.isEn .mainbody.forall .innerInfo .examContent .exambottom { width: 660px; }
.parctise a.btn-submit { color: #fff; }
.isEn .inputQuesAnsList { left: 60px; }
.inputQuesAnsList .inputQuesLi input { position: relative; top: 1px; left: 5px; }
.common-pane .gray { color: #666; }
@media (max-width:450px) {
.mianall.forall #pcUser { display: initial!important; }
.mianall.forall.foranswer #pcUser { display: none!important; }
.mianall.forall.forcode #pcUser { display: none!important; }
.mianall .header ul.nav li { padding-left: 12px; border-left: 1px solid #fff; }
.mainbody.forall input[type=text] { width: 75%!important; }
.mainbody.forall .inputQuesAnsList { position: relative; top: 0; left: 40px; }
.mainbody.forall .innerInfo .examInfo { min-height: 250px; }
.mainbody.forall .innerInfo .examContent .exambottom { height: 40px; }
#Nums { position: relative; top: 5px; }
#pointer { position: relative; top: 3px; }
#totals { position: relative; top: 4px; }
.btn_no { margin-right: 20px; }
.mainbody.forall .innerInfo .examInfo { min-height: inherit!important; }
.mianall .header ul.nav li { border: none; }
.qbtitle { display: inline-block; padding-left: 10px; height: 40px; border-left: 1px solid #fff; line-height: 40px; }
.qnumb_qums ul { height: inherit; max-height: 167px; }
#cxdialog.cxdialog .cxdialog_btns a { padding: 4px 22px; height: 34px; }
.btn_no { margin-right: 0; }
#loaclFileDiv .downHref { position: relative; top: -3px; display: inline-block; overflow: hidden; max-width: 130px; color: #ff8a00; text-overflow: ellipsis; white-space: nowrap; font-weight: bolder; }
#loaclFileDiv .downClose { position: relative; top: -2px; float: right; padding: 0 10px; color: #333; font-size: 16px; cursor: pointer; }
.stepform #degree { width: 75%!important; }
.isEn .mainbody.forall .innerInfo .examContent .exambottom { width: initial; }
}
.myCalculator a span { float: left; height: 30px; max-width: 10px; line-height: 30px; }
.introjs-button.hide { display: none; }
.introjs-skipbutton.show { display: inline-block; }
.animateFont span { animation: animateFont 1s ease-in infinite; }
@keyframes animateFont { 0% {
color:red;
}
 50% {
color:#000;
}
 100% {
color:red;
}
}
.codeInfo { position: relative; }
.recordBox { position: absolute; top: 0; z-index: 999; overflow-y: auto; padding: 20px 30px; width: 100%; height: 100%; background: #dedede; }
.customDataBox { position: absolute; top: initial; bottom: 100px; z-index: 999; overflow-y: auto; padding: 10px 30px; width: 100%; height: 200px; background: #dedede; }
.customDataBox .titleBox, .recordBox .titleBox { padding: 10px 0 10px; border-bottom: 1px solid #ccc; }
.titleBox .goback { float: right; }
.customDataBox .dataBox { position: absolute; bottom: 0; left: 0; padding: 6px 30px; width: 100%; background: #aaa; text-align: left; }
.addBox .fa-plus-circle { font-size: 16px; }
.customdataArea { margin-top: 10px; padding: 4px; width: 90%; height: 115px; resize: none; }
.customdataArea:focus { outline: 0; border: 1px solid #2cbfde; box-shadow: none; }
.customDataBox .dataBox table, .recordBox .dataBox table { margin: 20px 0; width: 100%; }
.customDataBox .dataBox table tr:first-child td, .recordBox .dataBox table tr:first-child td { padding: 8px 6px; background: #eee; font-weight: 700; line-height: 24px; }
.customDataBox .dataBox table tr td, .recordBox .dataBox table tr td { padding: 4px 6px; border: 1px solid #aaa; background: #fff; }
a.btna { text-decoration: underline; }
.add a { margin-top: 5px; margin-top: 15px; padding: 5px 40px; border: 1px solid #2cbfde; border-radius: 0; background: #2cbfde; color: #fff; font-size: 14px; line-height: 20px; }
.addBtn.add a.kong { margin-top: 5px; margin-top: 15px; padding: 5px 40px; border: 1px solid #2cbfde; border-radius: 0; background: #fff; color: #2cbfde; font-size: 14px; line-height: 20px; }
.addBox table { float: left; width: 100%; }
.addBox .addBtn { padding: 20px 0; }
a.smallbtn { margin: 4px; padding: 5px 8px; border: 1px solid #2cbfde; background: #2cbfde; color: #fff; }
.smallbtn.addBoxBtn.delCustomData { border: 1px solid #2cbfde; background: #fff; color: #2cbfde; }
.recordBox .dataBox { margin-bottom: 15px; padding: 10% 0 0; text-align: center; }
.recordBox .dataBox .noimg { padding-bottom: 20px; }
.editorbanner a.savebuttom.customData { padding: 5px 10px; width: initial; min-width: 88px; background: #fff; color: #2cbfde; text-align: center; }
.codeTxt { width: initial; }
.runResultBox { padding: 10px; background: #aaa; }
.result_title { padding: 10px 0; font-weight: 700; font-size: 16px; }
body .ui-tooltip { border-width: 2px; }
.dataBox .codeTxt pre { width: 100%; max-height: 100px; min-width: 70px; }
.dataBox table tr td { text-align: center; }
.dataBox table tr td.code { text-align: left; }
.dataBox .codeTxt a, .dataBox table tr td a.tooltipcode { float: initial; color: #2cbfde; font-size: 20px; }
.editorbanner a.savebuttom { padding: 5px 30px; }
.mainbody .innerInfo .right .info .title .toollist a { margin-right: 23px; }
.customDataBox .addBox { position: relative; }
.customDataBox .addBox .goback { position: absolute; top: 0; right: -20px; }
.customDataBox .dataBox .foradd { border: 1px dotted #2cbfde; background: #fff; color: #2cbfde; }
.addBoxBtn { float: left; clear: both; display: block; padding: 5px 8px; }
.dataBox ul li { float: left; margin-right: 10px; padding: 3px 10px; border: 1px solid #fff; border-radius: 2px; background: #fff; cursor: pointer; }
.dataBox ul li.active { border: 1px solid #2cbfde; background: #2cbfde; color: #fff; }
.dataBox .addBox { float: left; padding-top: 4px; }
.infolist pre { color: #fff; }
a.smallbtn.addBoxBtn { padding: 5px 11px; }
li.mobileMonitor { position: absolute; top: initial; z-index: 99; float: right; clear: both; margin-right: 20px; padding: 11px 10px 4px 10px; width: 34px; border-radius: 5px; background: rgba(0,0,0,.5); box-shadow: 3px 3px 3px #ccc; color: #fff; text-align: center; font-size: 14px; }
.noticeTips.forall ul li.mianli.mobileMonitor { padding: 10px; }
.forcode .noticeTips.forall ul li.mianli.mobileMonitor { display: none; }
.mobileMonitor .clickarea img.monitorImgTip { float: left; margin-left: -6px; width: 28px; }
.mobileMonitor .hoverMonitor img { width: 100%; }
.mobileMonitor:hover .hoverMonitor { position: absolute; top: 0; right: 50px; display: block; width: 160px; border: 4px solid #666; background: #dedede; color: #333; }
.mobileMonitor:hover .hoverMonitor .top { width: 100%; min-height: 142px; background: #fff; }
.mobileMonitor:hover .hoverMonitor .bottom { padding: 15px 4px; width: 100%; background: #999; color: #fff; }
.monitArea { padding: 10px 0; text-align: center; }
.areatop { display: inline-block; margin: 0 auto; margin-bottom: 10px; padding: 10px 50px; border-radius: 4px; background: #dedede; text-align: center; }
.areatop img { height: 38px; }
.forcode li.mobileMonitor { top: initial; right: -83px; padding: 9px 9px 9px 4px; width: 78px; min-height: 38px; vertical-align: middle; text-align: center; }
.forcode li.mobileMonitor .clickarea img { margin-left: 4px; width: 20px; }
.forcode .mobileMonitor:hover .hoverMonitor { top: initial; right: 0; bottom: 50px; }
.noticeTips.forall .onlineRefer .MessageBox .InfoBox li { word-break: break-all; }
#showc .showTip { display: none; }
#showc:hover .showTip { display: block; color: #2cbfde; font-weight: 700; font-size: 16px; }
.forcode li.mobileMonitor .clickarea .yichang img { width: initial; }
.mobileMonitor .yichang { position: absolute; top: 15px; right: 35px; }
.forall .yichang2 { display: none; }
.forcode .yichang1 { display: none; }
.forcode .yichang2 { top: -26px; right: 11px; display: block; }

.forEn .forcode li.mobileMonitor { top: initial; }
.forEn .forall .mobileMonitor span.title { display: inline-block; padding-top: 4px; width: 12px; text-align: center; font-size: 12px; line-height: 12px; word-break: break-all; }
.forEn .forcode .mobileMonitor span.title{width: initial; }
.forEn .forcode .mobileMonitor span.title { padding-top: 4px; padding-left: 5px; font-size: 14px; word-break: initial; }
.forEn .mobileMonitorBox #showc .showTip { position: absolute; left: -50px; width: 400px; }
.forEn .header ul li.monitor.err {
    min-width: 200px;
}
.forEn .mobileMonitorBox #showc { overflow: initial; }
.MainContent .logo .useLang img { position: relative; top: -2px; margin-top: 0; height: initial; max-height: 32px; }
@media(max-width:450px) {
#cxdialog.cxdialog .cxdialog_btns a { line-height: 30px!important; }
#cxdialog.cxdialog .cxdialog_btns a+a { margin-left: 30px; }
}
.forEn .forcode li.mobileMonitor {
    top: initial;
    min-width: 160px;
}
a.smallbtn.disabled { background: #aaa; }
.cm-tab { opacity: .5; }
.leavepage5 .info .mess .line1.en { font-size: 28px; }
.errorMonitor .triangle, .forcode li.mobileMonitor i.triangle,.screenMonitor i.triangle { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #ff6633; display: inline-block; }
.forcode li.mobileMonitor i.triangle { }
.header ul li.monitor .text.errorMonitor span.hoverTip, .forcode li.mobileMonitor span.hoverTip,.screenMonitor span.hoverTip { background: #ff6633; font-size: 12px; color: #fff; padding: 3px 10px; }
.forcode li.mobileMonitor { top: initial; right: initial; padding: 0px 0px 9px 10px; width: 30px; min-height: 38px; vertical-align: middle; text-align: center; float: initial; position: relative; clear: initial; float: right; background: initial; box-shadow: none; min-width: 146px; margin: 0px; }
.forcode li.mobileMonitor img.monitorImgTip,.screenMonitorImg { width: 30px; }
.forcode li.mobileMonitor span.title, .forcode li.screenMonitor span.title { position: relative; left: -5px; }
.forcode .header ul li.screenMonitor{ min-width:130px;    padding-right: 0px; cursor: pointer; }
.forcode .header ul li.screenMonitor.hide{ display: none; }
.forcode .header ul li.monitor{    padding-left: 10px; }
.mobileMonitor:hover .hoverMonitor{ display: block;; }
.forcode .mobileMonitor:hover .hoverMonitor {
    top: 50px;
    right: 0;
    bottom: 50px; font-size: 12px;
    line-height: 20px; display: inline-table;
}
.forcode .noticeTips.forall ul li.myCalculator { display: none; }
.forcode .mobileMonitor:hover .hoverMonitor .bottom{ padding: 10px; }
.header ul li.hide{ display: none; }
.forall .header ul li.mobileMonitor,.forall .header ul li.screenMonitor { display: none; }
.forcode .header ul li.mobileMonitor,.forcode .header ul li.screenMonitor { display: block; }
.LupingDiv{ }
.LupingDiv .LupingTip {
    margin: 10px 30px 20px;
    border: 1px dotted #ff8a00;
    padding: 10px;
    background: #FFF9F9;
}
.LupingDiv .LupingTip table {
    margin: 0px 100px;
}
.LupingDiv .LupingTip table tr td:first-child {
    padding: 0px 30px 0px 0px;    text-align: right;
}
.LupingDiv .LupingTip table tr td:last-child {
    padding: 0px 0px 0px 30px; text-align: center;color:#ff8a00;font-size: 16px;
}
.gongxiangpm {
        text-align: center;
    background: #efefef;
    padding: 20px;
}
.gongxiangpm img {
    width: 520px;
}

.LupingBottom{ padding: 10px 0px; text-align: center;; color:#ff8a00; font-weight: bold;  }
#cxdialog.cxdialog.screenCaptureLupin .cxdialog_btns{padding: 0px 0 20px;}
.header ul li.monitor.err{width:160px;}
.forcode .header ul li.screenMonitor{}
.forcode li.screenMonitor.succ .triangle{ display: none; }
.screenMonitor.succ span.hoverTip,.forcode li.mobileMonitor.succ span.hoverTip{ background: none; font-size: 16px; }
a.programmingNotes,a.programmingNotes:hover{ color:#fff; float: initial;}
.reundo {
    display: inline;
    padding: 4px 0px 0px 20px;
    position: relative;
    top: 0px;
}
.reundo a {
    margin-left: 10px; cursor: pointer;
}
.reundo a:last-child {
    margin-right: 0px;
}
.mainbody.forall .innerInfo .examInfo .exammiddle .questionIntro.bgGray{
	background: #f2f2f2;color:#333;
}
.mainbody.forall .innerInfo .examInfo .exammiddle .questionIntro.bgGray pre{
	color:#333;
}
.mainbody.forall .innerInfo .examInfo .exammiddle .questionIntro pre{ padding-top:5px;    word-break: inherit; }
.cke_editable img{ max-width: 452px; }

.s7 .answer-question,.microphone-question{ display: none; }
.s7 .microphone-question{ display: block;padding:10px 0px; min-height: 70px;}
.microphone-question a.btn{ padding:6px 30px; background: #ff8a00; color:#fff; font-size: 25px; float: left; }
.s7 .microphone-question .toolbar{ float: left; margin-left:20px;padding-top: 10px; }
.s7 .microphone-question .toolbar a{ display: block; vertical-align: bottom; color:#2cbfde; }
.fileUrl-BOX{ display: block;; }
.s5None #uploadContent .uploadWaring{ display: none; }
.s7 #uploadContent{ display: block; }
.s8 #uploadContent{ display: block; }
.cke_path{ display: none; }

#kityEditorIframe{  background: rgba(0,0,0,0.4); position: fixed; height:100%; width:100%;    z-index: 998; }
#kityEditorIframe .layout{height:550px; width:782px; position: fixed; background: #fff; left:50%; top:50%; margin-left:-395px; margin-top:-275px;z-index: 999;}
#kityEditorIframe iframe{ width:100%; height:100%; }
.debuggerTitle{color:#ff0000;margin: 10px 0px 10px -5px;font-size: 16px;}
.turn{
    animation:turn 1s linear infinite;
}
.moveLayout{ position: relative;}
.loadingkity img{ height:25px; }
.loadingkity table{margin:250px auto 0px;}
.loadingkity table tr td{ padding: 10px;}
.loadingkity{    height: 300px;   width: 100%; position: absolute; top:0px; left:0px; z-index: -1;}
/*
  turn : 定义的动画名称
  1s : 动画时间
  linear : 动画以何种运行轨迹完成一个周期
  infinite :规定动画应该无限次播放
 */
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

.reundo .newIconFont i.fa{ color:#fff; font-size:16px;}
.reundo .newIconFont{ position: relative; top: 4px; }
.fontsize10{ font-size: 10px; line-height: 16px;}
.fontsize11{ font-size: 11px; line-height: 17px;}
.fontsize12{ font-size: 12px; line-height: 18px;}
.fontsize13{ font-size: 13px; line-height: 19px;}
.fontsize14{ font-size: 14px; line-height: 20px;}
.fontsize15{ font-size: 15px; line-height: 21px;}
.fontsize16{ font-size: 16px; line-height: 22px;}
.fontsize17{ font-size: 17px; line-height: 23px;}
.fontsize18{ font-size: 18px; line-height: 24px;}
.fontsize19{ font-size: 19px; line-height: 25px;}
.fontsize20{ font-size: 20px; line-height: 26px;}

.audioBox { width: 290px;  height: 30px;    position: relative;    float: left;  padding: 18px 0px 18px 0px;  box-sizing: content-box; margin-left: 10px;}
.audioBox .audio-dot { border: 2px solid #999; border-radius: 15px;height: 11px;position: absolute;top: 29px;width: 10px;background: #fff;}
.audioBox .audio-line{ width: 100%; background: #ccc; height: 2px; margin: 15px 0px 15px 0px; }
.audio-record .top span { position: relative; top: 24px; right: 80px;}

.record-boxer{ padding: 20px 50px;}
.audio-box{ height:150px; width:100%; padding:10px 15px;}
.record-box{     height: 175px;
    width: 380px;
    border-top: 1px solid #ddd;
    padding: 20px 15px 30px;
    margin: 0px auto;}
.audio-record .top{ text-align: right; }
.audio-record .middle{ padding:0px 0px 0px; display: flex;min-height: 75px;; }
.audio-record .middle .left span.tt{     padding: 6px;    border-radius: 30px;    background: #29bdb9;    color: #fff;    width: 25px;    height: 25px;    display: table-cell;    box-sizing: content-box;    text-align: center;    vertical-align: middle;}
.audio-record .middle .left.noHov span.tt{background: #ccc; }
.audio-record .middle .left.noHov a{}
.audio-record .middle .left i{  font-size: 25px; }
.audio-record .middle .left{  float: left;  cursor: pointer;  position: relative; z-index: 999;     padding-top: 16px;}
.audio-record .middle .right{padding: 0px 0px 0px 0px;}
.audio-record .middle .audio-click { float: left;min-width: 48px;text-align: center; height: 37px;cursor: pointer;  }
.audio-record .middle .audio-click .tt{  font-size: 42px; }
.audio-record .middle .tb{margin-left: -11px;font-weight: bold;width: 62px;text-align: center;padding-top: 5px;    }
.audio-record .middle .audio-click .tt i{  color: #29bdb9; }
.audio-record .middle .audio-click .bf{display: block;margin-top: -5px;color: #29bdb9;font-weight: bold; }
.audio-record .bottom{ text-align: right; }
.audio-record .bottom a.smallbtn{     margin-left: 6px;border:1px solid #29bdb9; padding: 6px 10px; border-radius: 3px; cursor: pointer; }
.audio-record .bottom a.smallbtn:hover{ opacity: 0.8; }

 #cxdialog.cxdialog.rb-box .cxdialog_btns{ text-align: right;padding: 10px;
     border-top: 1px solid #ccc;}

.error-box{padding:20px; text-align:left; min-width:200px; max-height:400px; overflow:auto; display: none;}
.topTip{ font-size:18px; border-bottom:1px solid #ccc; padding:0px 0px 10px; }
.bottomTip{font-size: 12px;    color: #666;    background: #eee;    padding: 10px; }
.record-box .result-box .result.success {
    color: #29bdb9;
    margin: -20px 0px 0px 50px;
    width: inherit;
    text-align: center;
}
.record-box .result-box .result.err {
    color: #ff0000;
    margin: -20px 0px 0px 50px;
    width: inherit;
    text-align: center;
}
.record-box .result-box .result.err span{
    color: #ff0000;
    font-size: 10px;
    padding: 4px 6px;
    border: 1px solid #ff0000;
    border-radius: 4px; cursor: pointer;
}
.record-box .result-box{     font-size: 16px;    position: relative;}
.record-box .result-box .fa{font-size: 30px;    position: relative;    top: 5px;}
.error-box .dropdown{
    max-width:200px;
}
.dropdown {
    position: relative;
    min-width: 173px;
    border: 1px solid #e4e6e9;
    cursor: pointer;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-block;
    height: 34px;
    opacity: 1;
    line-height: 34px;
}
.btn-group, .btn-group-vertical {
    position: relative;
    vertical-align: middle;
}
.btn-default.dropdown-toggle .btn-group {
    position: absolute;
    left: -1px;
    top: 28px;
}
.dropdown-value {
    float: left;
    overflow: hidden;
    width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.open > .dropdown-menu {
    display: block;
}
.btn-default.dropdown-toggle:hover .btn-group{    display: block;}
a.openWebIde{ float: right; color:#2cbfde; }
.webIde-box{ padding: 20px;}
.webIde-box .selectfile{ border:1px dotted #ccc; background: #efefef; text-align: center;margin-top:20px;}
.webIde-box .selectfile:hover{ opacity: 0.8;}
.webIde-box .selectfile a{
    height:60px; line-height: 60px;display: block;
}
.mobile .record-box{ width:initial;}
.mobile .audio-record .top span{ right: 0px; }
.mobile .microphone-question .uploadRecord  a{padding: 6px 28px;}
#loaclFileDiv{margin-bottom: 10px; }
.mobile #loaclFileDiv{ position: initial;width: 100%;}
.h5-box{
    position: absolute;
    bottom: 0px;
    right: 0px; display: none;
}
.InputBoxArea.s12{ display: flex; }
.s12 .ansFirst{ line-height: 35px;}
.s12.s7 .ansFirst{ line-height: 70px;}
#uploadFromLocal{margin-right:15px;}
.s12None .answer-question{ width:100%;}
.s12None .funBtnBox{ display: initial;}
.secondAircraftStand{ display: flex;}
.aircraft-box{ width:450px; min-height:200px; display: flex;}
.mainbody .innerInfo .helptip.aircraftStand{ top:295px;}
.aircraft-box .left{ width:80%; vertical-align: middle;}
.aircraft-box .left img{ max-width: 250px;}
.aircraft-box .left .text{ text-align: center;padding: 5px 0px 0px; font-weight: bold;font-size: 16px;color: #666;}
.aircraft-box .middle{ width:20%;line-height: 280px;}
.aircraft-box .middle img{ width:30px;}
.funBtnBox{ display: flex; }
.s12 #loaclFileDiv {
    margin: 0px 0px 0px 15px;
}
.s7 #loaclFileDiv {
    margin: 20px 0px 0px 15px;
}
.s12None #loaclFileDiv{ margin:10px 0px 0px;}
.mobile .s7 #loaclFileDiv{margin:0px;}
.mobile .InputBoxArea.s12 {
    display: inherit;
}
.mobile .s7 #uploadContent{ display: block;}
.info .intro pre.questitle{
    max-width: 100% !important;
}
.list-paddingleft-2{
    clear: both;width: 100%;
}
ul.list-paddingleft-2 li,ol.list-paddingleft-2 li {
    list-style: inherit;
    margin: 0px 0px 0px 20px;
    clear: both;
    float: inherit;
}


audio::-webkit-media-controls {

    　　overflow: hidden !important

}

audio::-webkit-media-controls-enclosure {

    　　width: calc(100% + 32px);

    　　margin-left: auto;

}

.ace-twilight{ border-radius: 0px;}

.codeInfo form{ position: relative;
    font-size: 14px;
    font-family: Monaco,Menlo,'Ubuntu Mono',Consolas,source-code-pro,monospace;
}
.codeInfo form *{
    font-family: inherit;
}
.code-wenda{
    padding-top:10px;
}
.code-wenda .answer-question,.code-wenda-lang{
    display: flex;
}
.code-wenda .answer-question .left,.code-wenda .code-wenda-lang .left{
    width:50px;
}
.code-wenda-lang{
    padding: 0px 0px 10px;
}