/*!
 * Version:1.0.0
 * 优考试-更智能的在线考试系统( https://www.baisikao.com )
 * OnlineExamMaker (http://www.onlineexammaker.com)
 * LAN Exam Maker (http://www.smlme.com) 
 * Copyright (c) 2015-2025 GzHaozhi CO. LTD. All Rights Reserved.
 */
!function(i){var n=window.webpackJsonp;window.webpackJsonp=function(e,a,s){for(var o,l,c,d=0,p=[];d<e.length;d++)l=e[d],t[l]&&p.push(t[l][0]),t[l]=0;for(o in a)Object.prototype.hasOwnProperty.call(a,o)&&(i[o]=a[o]);for(n&&n(e,a,s);p.length;)p.shift()();if(s)for(d=0;d<s.length;d++)c=r(r.s=s[d]);return c};var e={},t={2:0};function r(n){if(e[n])return e[n].exports;var t=e[n]={i:n,l:!1,exports:{}};return i[n].call(t.exports,t,t.exports,r),t.l=!0,t.exports}r.e=function(i){var n=t[i];if(0===n)return new Promise(function(i){i()});if(n)return n[2];var e=new Promise(function(e,r){n=t[i]=[e,r]});n[2]=e;var a=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.charset="utf-8",s.async=!0,s.timeout=12e4,r.nc&&s.setAttribute("nonce",r.nc),s.src=r.p+"static/"+({0:"common"}[i]||i)+"-"+{0:"9d132634e7463a0b2674"}[i]+".js";var o=setTimeout(l,12e4);function l(){s.onerror=s.onload=null,clearTimeout(o);var n=t[i];0!==n&&(n&&n[1](new Error("Loading chunk "+i+" failed.")),t[i]=undefined)}return s.onerror=s.onload=l,a.appendChild(s),e},r.m=i,r.c=e,r.d=function(i,n,e){r.o(i,n)||Object.defineProperty(i,n,{configurable:!1,enumerable:!0,get:e})},r.n=function(i){var n=i&&i.__esModule?function(){return i["default"]}:function(){return i};return r.d(n,"a",n),n},r.o=function(i,n){return Object.prototype.hasOwnProperty.call(i,n)},r.p="https://file.onlineexammakercdn.com/",r.oe=function(i){throw console.error(i),i},r(r.s=673)}({3:function(i,n,e){"use strict";e(449),e(452);var t=e(454),r=e(455),a=e(456),s=e(457),o=e(458),l=e(459),c=e(460),d=e(461),p=e(462),f=e(463),m=e(464),g=e(465),h=e(466),x=e(467),u=e(468),b=e(469),v=e(470),w=e(471),k=e(472),y=e(473),_=e(474),S=e(475),z=e(476),T=e(477),q=e(478),I=e(479),A=e(480),R=e(481),E=e(482),M=e(483),C={ad_mobile:t,app_mobile:r,app_pc:a,boforedo_mobile:s,boforedo_pc:o,camera_pc:l,check:c,check_mobile:d,collec_field:p,collec_field_dropdown:f,collec_field_dropdown_mobile:m,collec_field_mobile:g,collec_mobile:h,collec_pc:x,derror:u,doad_mobile:b,doexam_common:v,doexam_instanceview:w,doexam_mobile:k,doexam_pc:y,doexam_ques:_,face:S,faceinfo:z,facenotice:T,faceverify:q,group_login:I,group_mobile:A,group_pc:R,imgshow:E,intro_mobile:e(484),intro_pc:e(485),license_pc:e(486),nav_mobile:e(487),nav_pc:e(488),needcamera:e(489),reqcamera:e(490),needfullscreen:e(491),needsubscribe:e(492),needwechat:e(493),pay_mobile:e(494),pay_pc:e(495),progresscircle:e(496),sendtexttowechat:e(497),studentinfo:e(498),upload:e(499),result_mobile:e(500),result_pc:e(501),wrong_mobile:e(502),wrong_pc:e(503),cameraargeement:e(504),cameraenagreement:e(505),code:e(506),code_mobile:e(507),uploadqr:e(508),clozewrongrightdom:e(509),essaywr:e(510),fillblankwrongrightdom:e(511),listwrongrightdom:e(512),matchwrongrightdom:e(513),packageTemp:e(514),reviewcloze_temp:e(515),reviewmatching_temp:e(516),reviewsorting_temp:e(517),sortwrongrightdom:e(518),advance_list:e(519),cloze_temp:e(520),essay_temp:e(521),matching_temp:e(522),question_package:e(523),sorting_temp:e(524),modal:e(525),imgshow_answer:M,signature_pc:e(526),signature_mobile:e(527),coding_temp:e(528),codingwrongright:e(529),classified_temp:e(530),classifiedwrongright:e(531)};i.exports=C},449:function(i,n,e){var t=e(450);"string"==typeof t&&(t=[[i.i,t,""]]);var r={hmr:!0,transform:void 0};e(53)(t,r);t.locals&&(i.exports=t.locals)},450:function(i,n,e){(i.exports=e(52)(!1)).push([i.i,'@page{margin:0}@-webkit-keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-progress{to{background-position:25px 0}}body,html{height:100%;width:100%}.plyr{position:relative;max-width:100%;min-width:200px;font-family:Avenir,Avenir Next,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;direction:ltr}.plyr,.plyr *,.plyr :after,.plyr :before{-webkit-box-sizing:border-box;box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr:focus{outline:0}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle;border-radius:inherit}.plyr input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;border:none;background:0 0}.plyr input[type=range]::-webkit-slider-runnable-track{height:8px;background:0 0;border:0;border-radius:4px;-webkit-user-select:none;user-select:none}.plyr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;-webkit-transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border .2s ease,transform .2s ease;transition:background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.plyr input[type=range]::-moz-range-track{height:8px;background:0 0;border:0;border-radius:4px;-moz-user-select:none;user-select:none}.plyr input[type=range]::-moz-range-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;-webkit-transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border .2s ease,transform .2s ease;transition:background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-ms-track{height:8px;background:0 0;border:0;color:transparent}.plyr input[type=range]::-ms-fill-upper{height:8px;background:0 0;border:0;border-radius:4px;-ms-user-select:none;user-select:none}.plyr input[type=range]::-ms-fill-lower{height:8px;background:0 0;border:0;border-radius:4px;-ms-user-select:none;user-select:none;background:#3498db}.plyr input[type=range]::-ms-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;-webkit-transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border .2s ease,transform .2s ease;transition:background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box;margin-top:0}.plyr input[type=range]::-ms-tooltip{display:none}.plyr input[type=range]:focus{outline:0}.plyr input[type=range]::-moz-focus-outer{border:0}.plyr input[type=range].tab-focus:focus{outline-offset:3px}.plyr input[type=range]:active::-webkit-slider-thumb{background:#3498db;border-color:#fff;-webkit-transform:scale(1.25);transform:scale(1.25)}.plyr input[type=range]:active::-moz-range-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-ms-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr--video input[type=range].tab-focus:focus{outline:1px dotted hsla(0,0%,100%,.5)}.plyr--audio input[type=range].tab-focus:focus{outline:1px dotted rgba(86,93,100,.5)}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important}.plyr__video-wrapper{position:relative;background:#000;border-radius:inherit}.plyr__video-embed{padding-bottom:56.25%;height:0;border-radius:inherit;overflow:hidden;z-index:0}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;-webkit-transform:translateY(-35.95%);transform:translateY(-35.95%)}.plyr .plyr__video-embed iframe{pointer-events:none}.plyr video::-webkit-media-text-track-container{display:none}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;color:#fff;font-size:16px;text-align:center;font-weight:400}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--hide-controls .plyr__captions{-webkit-transform:translateY(-15px);transform:translateY(-15px)}@media (min-width:1024px){.plyr--fullscreen-active .plyr__captions{font-size:32px}}.plyr ::-webkit-media-controls{display:none}.plyr__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;text-align:center;pointer-events:none}.plyr__controls>*{pointer-events:all}.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:5px}.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__time:first-child,.plyr__controls>button:first-child{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}.plyr__controls [data-plyr=pause]{margin-left:0}.plyr__controls button{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;overflow:visible;vertical-align:middle;padding:7px;border:0;background:0 0;border-radius:3px;cursor:pointer;-webkit-transition:background .3s ease,color .3s ease,opacity .3s ease;transition:background .3s ease,color .3s ease,opacity .3s ease;color:inherit}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}@media (min-width:480px){.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:10px}}.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none}.plyr--video .plyr__controls{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:50px 10px 10px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:linear-gradient(transparent,rgba(0,0,0,.5));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#fff;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover{background:#3498db;color:#fff}.plyr--audio .plyr__controls{padding:10px;border-radius:inherit;background:#fff;border:1px solid #dbe3e8;color:#565d64}.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large{background:#3498db;color:#fff}.plyr__play-large{display:none;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px;border:4px solid currentColor;border-radius:100%;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15);-webkit-transition:all .3s ease;transition:all .3s ease}.plyr__play-large svg{position:relative;left:2px;width:20px;height:20px;display:block;fill:currentColor}.plyr__play-large:focus{outline:1px dotted hsla(0,0%,100%,.5)}.plyr .plyr__play-large{display:inline-block}.plyr--audio .plyr__play-large{display:none}.plyr--playing .plyr__play-large{opacity:0;visibility:hidden}.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg,.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen]{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:5px 7.5px;pointer-events:none;opacity:0;background:rgba(0,0,0,.7);border-radius:3px;color:#fff;font-size:14px;line-height:1.3;-webkit-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s,-webkit-transform .2s ease .1s}.plyr__tooltip:before{content:"";position:absolute;width:0;height:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-4px;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.7);border-left:4px solid transparent;z-index:2}.plyr__tooltip--visible,.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip{opacity:1;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr__controls button:first-child .plyr__tooltip{left:0;-webkit-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8);-webkit-transform-origin:0 100%;transform-origin:0 100%}.plyr__controls button:first-child .plyr__tooltip:before{left:16px}.plyr__controls button:last-child .plyr__tooltip{right:0;-webkit-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.plyr__controls button:last-child .plyr__tooltip:before{left:auto;right:16px;-webkit-transform:translateX(50%);transform:translateX(50%)}.plyr__controls button:first-child .plyr__tooltip--visible,.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:first-child:hover .plyr__tooltip,.plyr__controls button:last-child .plyr__tooltip--visible,.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:last-child:hover .plyr__tooltip{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}.plyr__progress{position:relative;display:none;-webkit-box-flex:1;-ms-flex:1;flex:1}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress input[type=range]::-webkit-slider-runnable-track{background:0 0}.plyr__progress input[type=range]::-moz-range-track{background:0 0}.plyr__progress input[type=range]::-ms-fill-upper{background:0 0}.plyr__progress .plyr__tooltip{left:0}.plyr .plyr__progress{display:inline-block}.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display{position:absolute;left:0;top:50%;width:100%;height:8px;margin:-4px 0 0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;border:none;border-radius:100px}.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar{background:0 0}.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{border-radius:100px}.plyr__progress--played,.plyr__volume--display{z-index:1;color:#3498db;background:0 0;-webkit-transition:none;transition:none}.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-transition:none;transition:none}.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-transition:none;transition:none}.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{display:none}.plyr__progress--buffer::-webkit-progress-value{-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress--buffer::-moz-progress-bar{-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress--buffer::-ms-fill{-webkit-transition:width .2s ease;transition:width .2s ease}.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display{background:hsla(0,0%,100%,.25)}.plyr--video .plyr__progress--buffer{color:hsla(0,0%,100%,.25)}.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display{background:rgba(198,214,219,.66)}.plyr--audio .plyr__progress--buffer{color:rgba(198,214,219,.66)}.plyr--loading .plyr__progress--buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 50%,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 75%,transparent 0,transparent);color:transparent}.plyr--video.plyr--loading .plyr__progress--buffer{background-color:hsla(0,0%,100%,.25)}.plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(198,214,219,.66)}.plyr__time{display:inline-block;vertical-align:middle;font-size:14px}.plyr__time+.plyr__time{display:none}@media (min-width:768px){.plyr__time+.plyr__time{display:inline-block}}.plyr__time+.plyr__time:before{content:"\\2044";margin-right:10px}.plyr__volume{display:none}.plyr .plyr__volume{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.plyr .plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr .plyr__volume{display:block;max-width:60px}}@media (min-width:768px){.plyr .plyr__volume{max-width:100px}}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute]{display:none!important}.plyr--fullscreen-active{height:100%;width:100%;background:#000;border-radius:0!important}.plyr--fullscreen-active video{height:100%}.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-active .plyr__video-embed{overflow:visible}.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.plyr--fullscreen-fallback.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000000}.plyr__tooltip{margin-bottom:-5px}.plyr--ready video{max-width:100%}.xbbcode-b{font-weight:700}.xbbcode-center{margin-left:auto;margin-right:auto;display:block;text-align:center}.xbbcode-code{white-space:pre-wrap;font-family:monospace}.xbbcode-i{font-style:italic}.xbbcode-justify{text-align:justify}.xbbcode-left{display:block;text-align:left}.xbbcode-right{display:block;text-align:right}.xbbcode-s{text-decoration:line-through}.xbbcode-size-4{font-size:12px}.xbbcode-size-5{font-size:13px}.xbbcode-size-6{font-size:32px}.xbbcode-size-7{font-size:15px}.xbbcode-size-8{font-size:16px}.xbbcode-size-9{font-size:17px}.xbbcode-size-10{font-size:10px}.xbbcode-size-11{font-size:11px}.xbbcode-size-12{font-size:12px}.xbbcode-size-13{font-size:13px}.xbbcode-size-14{font-size:14px}.xbbcode-size-15{font-size:15px}.xbbcode-size-16{font-size:16px}.xbbcode-size-17{font-size:17px}.xbbcode-size-18{font-size:18px}.xbbcode-size-19{font-size:19px}.xbbcode-size-20{font-size:20px}.xbbcode-size-21{font-size:21px}.xbbcode-size-22{font-size:22px}.xbbcode-size-23{font-size:23px}.xbbcode-size-24{font-size:24px}.xbbcode-size-25{font-size:25px}.xbbcode-size-26{font-size:26px}.xbbcode-size-27{font-size:27px}.xbbcode-size-28{font-size:28px}.xbbcode-size-29{font-size:29px}.xbbcode-size-30{font-size:30px}.xbbcode-size-31{font-size:31px}.xbbcode-size-32{font-size:32px}.xbbcode-size-33{font-size:33px}.xbbcode-size-34{font-size:34px}.xbbcode-size-35{font-size:35px}.xbbcode-size-36{font-size:36px}.xbbcode-size-37{font-size:37px}.xbbcode-size-38{font-size:38px}.xbbcode-size-39{font-size:39px}.xbbcode-size-40{font-size:40px}.xbbcode-u{text-decoration:underline}.xbbcode-table{border-collapse:collapse}.xbbcode-table,.xbbcode-td,.xbbcode-th{border:1px solid #666}img{max-width:100%}a{color:#36aafd}.question.result{background-repeat:no-repeat;background-position-x:90%;background-position-y:50%;border:1px solid #ccc}.question-content{margin-left:50px}.question-option-list ol,.question-option-list ul{margin:0;padding-left:20px}.question-option-list{margin-top:10px}.question-option-list ol{list-style-type:upper-latin}.question-option-list li{margin-bottom:15px}.submit-buttons{text-align:right;display:table;width:100%;margin-bottom:40px}.submit-buttons span.action{display:table-cell}.submit-buttons span.action a.btn{display:inline-block;width:99%;padding:10px 0}.mobile .submit-buttons span.action a.btn{padding:19px 0}.wrong-questions-list-title{color:red}.right-slide{width:250px;position:fixed;top:20%;right:10px;z-index:999;padding:10px;border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;border:0 solid #000;-webkit-box-shadow:0 0 18px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 18px 0 rgba(0,0,0,.75);box-shadow:0 0 18px 0 rgba(0,0,0,.75)}.right-slide .title{text-align:center;font-weight:700}.right-slide .question-finished-list ul{list-style-type:none}.right-slide .question-finished-list ul li{float:left;text-align:center;width:24px;height:24px;margin-right:10px;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border:1px solid #ff8100;display:block;cursor:pointer}.right-slide .actions{text-align:center;margin-top:20px}.right-slide .limit-time .time{font-weight:700}.right-slide .question-finished-list ul li.selected{background-color:#ff8100;color:#fff}.alertTime{color:red;font-size:15px}.score_ratio{font-size:120px;font-weight:700;line-height:112px}.results-summary .title{display:inline-block;min-width:60px;margin-right:5px}.test_result{margin-bottom:15px}.test_result .rightAnswer,.test_result .score,.test_result .userAnswer{float:left;display:block;min-width:33%;max-width:33.33%;font-size:16px}.ques-qa-answers .essay-userAnswer,.ques-qa-answers .rightAnswer,.ques-qa-answers .score{width:100%;margin-bottom:5px;text-align:left}.score{text-align:right}.test_result strong{color:#36aafd;display:block}.fa-false,.fa-true{font-size:22px}.fa-true{color:green}.fa-false{color:red}.fa-true:before{content:"\\F00C"}.fa-false:before{content:"\\F00D"}.essay-userAnswer .true,.userAnswer .true{color:green}.essay-userAnswer .false,.userAnswer .false{color:red}blockquote.feedback{margin:5px 0;font-size:13px;padding:initial;font-weight:400;color:#454545;padding-left:10px}.question-type-list ul{list-style-type:none!important;margin:0}.question-type-list li{border-radius:3px;border-radius:4px;border:1px solid #ff8100;list-style:none outside none;float:left;position:relative;margin:0 3px 0 0;white-space:nowrap;display:inline;padding:7px;cursor:pointer;margin-top:10px}.question-type-list li a{text-decoration:none;color:#222}.question-type-list ul li.selected{border-radius:3px;border-radius:4px;list-style:none outside none;float:left;position:relative;white-space:nowrap;display:inline;padding:7px;background:none repeat scroll 0 0 #ff8100;cursor:pointer}.question-type-list ul li.selected a{color:#fff}.question-answers ul{padding:0;margin:0}.TestAnswer{line-height:40px}.TestAnswer li{display:inline-block;list-style-type:none;width:67px;height:26px;margin-right:10px;text-align:center;line-height:26px}.TestAnswer li.visited,.TestAnswer li a,.TestAnswer li a:hover{text-decoration:none;width:67px;height:26px;display:block;color:#000}.multiSelect li.selected a,.singleSelect li.selected a{color:#fff}.answer_heading h5{margin-bottom:5px;text-transform:none;display:inline-block}.exam-meta .align{min-width:70px;display:inline-block;margin-right:5px}.question_points{color:#ccc}.do-exam-guidelines{display:none}.do-exam-guidelines ul{padding-left:20px;margin-top:10px}.do-exam-guidelines li{list-style-type:octal;color:#000}.instruction li{margin-bottom:5px}.questions-list-menu{width:36px;float:left}.questions-finish-progress{margin-left:36px}.questions-finish-progress .progress{margin-bottom:5px;position:relative}.questions-finish-progress .info{position:absolute;top:0;margin-left:10px}.questions-lists{padding:10px}.questions-lists li{font-size:12px;display:block;padding:4px 0;border:1px solid #bbb;border-radius:2px;float:left;margin-right:9px;margin-bottom:9px;min-width:25px;color:#666;position:relative}.questions-lists li.selected,.questions-lists li:hover{background-color:#36aafd;color:#fff;border:1px solid #36aafd}.questions-lists h2{padding:0;margin-top:0}.questions-lists.pre-scrollable{max-height:290px;overflow-y:auto;margin-bottom:10px;padding-right:0}.questions-lists.pre-scrollable::-webkit-scrollbar,.student-info.pre-scrollable::-webkit-scrollbar{width:2px;height:2px;scrollbar-arrow-color:red}.questions-lists.pre-scrollable::-webkit-scrollbar-thumb,.student-info.pre-scrollable::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2);scrollbar-arrow-color:red}.questions-lists.pre-scrollable::-webkit-scrollbar-track,.student-info.pre-scrollable::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.questions-lists p.title{width:100%;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.question-lists-tips span,.questipn-lists-icon span{color:#aaa;margin-right:10px}.questipn-lists-icon span{margin-bottom:10px}.question-lists-tips span img{margin-right:5px;margin-top:-3px}.questipn-lists-icon i.did,.questipn-lists-icon i.sign-box{color:#36aafd;font-size:16px}.questipn-lists-icon i.undone{color:#aaa;font-size:16px}.timer.text-center .head-picture{max-width:100px;margin:0 0 10px}.timer.text-center .time-left{margin:21px 0 10px}.time-left i.fa-2x{color:#aaa}.exam-metas hr{width:188px}.mar_top1{margin-top:20px}.exam-title{margin-bottom:20px}.progress-bar{transition:width .6s ease-in;-moz-transition:width .6s ease-in;-webkit-transition:width .6s ease-in;-o-transition:width .6s ease-in;transition-delay:.6s;-moz-transition-delay:.6s;-webkit-transition-delay:.6s;-o-transition-delay:.6s}.pass-message p{padding:0 10px;word-wrap:break-word}.pass-message img{max-width:100%;height:auto}.need-answer-all.jBox-title{background:#36aafd;text-shadow:0 1px 0 #111;color:#fff}.q-list ul{padding:0}.essay_question_textarea{width:90%;min-height:30px;display:block!important;margin:0 auto 5px}.wordNum{margin-right:5%}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout-danger{border-left-color:#ce4844}.bs-callout-danger h4{color:#ce4844}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout-info{border-left-color:#1b809e}.bs-callout-info h4{color:#1b809e}.bs-callout-warning{border-left-color:#aa6708}.bs-callout-warning h4{color:#aa6708}.uaqbtns{margin-top:20px}.uaqbtns a{margin-left:10px}.essay-userAnswer pre{background-color:transparent}ul.list-inline.tags{display:inline-block}.nav-user,.nav-user a{line-height:50px;color:#fff}.nav-user a{text-decoration:none}.nav-user .fa{vertical-align:middle}.nav-user img.img-circle{max-width:48px}.nav-user .dropdown-menu{width:260px}.nav-user .dropdown a span{display:inline-block;width:49.5%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-user .dropdown a span:last-child{text-align:right}.nav-user .dropdown a:hover{text-decoration:none;background-image:none;background-color:#f6f6f6;filter:none}.nav-user .dropdown a i{transition:.2s}.nav-user .dropdown a:hover i{margin-right:5px}.nav-user .dropdown a:hover span:last-child{font-weight:700}.nav-user .dropdown-menu:before{position:absolute;top:-7px;right:9px;display:inline-block!important;border-right:7px solid transparent;border-bottom:7px solid #fff;border-left:7px solid transparent;border-bottom-color:#fff;content:""}.exam-metas{margin-left:-22px;width:210px}.exam-metas .meta,.exam-metas .timer{position:relative;padding:10px;background-color:#fff;margin-bottom:13px;min-height:715px}.exam-metas .timer hr{width:100%;margin-bottom:10px;box-shadow:none;padding:0;height:1px;border-color:#dcdcdc}.exam-metas .finish-ratio span:first-child,.exam-metas .page span:first-child{min-width:60px;display:inline-block;text-align:right}.exam-metas .finish-ratio span.text-left,.exam-metas .page span.text-left{color:#aaa}.exam-metas .finish-ratio,.exam-metas .page{padding:5px 0}.questions-card{font-size:14px;margin-top:20px;margin-bottom:5px}.exam-metas .question-card{width:109px;margin:10px auto}.exam-metas .question-card .btn{border-radius:0;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:4px}@media (max-width:768px){.question-content{margin-left:0}.question.result{background-color:#fff;margin-bottom:10px;border:1px solid #eee;font-size:16px}.question.result li{color:#222;font-size:16px}.question.result blockquote.feedback{font-size:16px;margin-top:15px}.audiojs{position:relative;width:100%}.audiojs .play-pause{position:absolute;top:0;left:0;float:none}.audiojs .scrubber{float:none;width:auto;margin-left:48px;margin-right:102px}.audiojs .loaded{width:100%}.audiojs .time{position:absolute;top:0;right:0;float:none}}.btn-blue{width:100%;color:#fff;background-color:#36aafd;padding-top:10px;padding-bottom:10px;border-color:#36aafd;border-radius:2px}.new-blue{width:unset!important;height:50px;box-shadow:0 3px 5px 0 rgba(56,125,254,.1);border-radius:5px;line-height:25px;display:block;margin:0 15px}.btn-blue:active,.btn-blue:active:focus,.btn-blue:active:hover,.btn-blue:focus,.btn-blue:hover{color:#fff;background-color:#1b9dfd}.btn-grey{width:100%;padding-top:10px;padding-bottom:10px;border-color:#ccc;border-radius:2px}.btn-grey,.btn-grey:active,.btn-grey:active:focus,.btn-grey:active:hover,.btn-grey:focus,.btn-grey:hover{color:#fff;background-color:#ccc}.btn-white-blue{width:100%;border-color:#36aafd;color:#36aafd;padding-top:10px;padding-bottom:10px;background-color:#fff}.btn-white-blue:active,.btn-white-blue:active:focus,.btn-white-blue:active:hover,.btn-white-blue:focus,.btn-white-blue:hover{color:#1b9dfd;border-color:#1b9dfd}.btn-white-gray{width:100%;color:#333;background-color:#fff;border-radius:44px;font-size:16px}.btn-white-gray:active,.btn-white-gray:active:focus,.btn-white-gray:active:hover,.btn-white-gray:focus,.btn-white-gray:hover{color:#222}.btn-yellow,.btn-yellow:active,.btn-yellow:active:focus,.btn-yellow:active:hover,.btn-yellow:focus,.btn-yellow:hover{color:#fff;background-color:#ff962a}.btn-yellow{width:100%;padding-top:10px;padding-bottom:10px;border-color:#ff962a;border-radius:2px}.btn-center{width:200px;margin:0 auto;border-radius:21px}.btn-option{width:100%;font-size:16px;white-space:normal;padding-top:10px;padding-bottom:10px;background-color:#fff;border-color:#eaeaea;text-align:left;margin-bottom:10px}.btn-option:last-child{margin-bottom:0}.btn-option:active,.btn-option:active:focus,.btn-option:active:hover,.btn-option:focus,.btn-option:hover{background-color:#fff;border-color:#009aff;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.border-transparent{border-color:hsla(0,0%,100%,0)}.btn-option-selected{border:2px solid #009aff;padding:9px 11px}.option-list .btn-option i{margin-right:10px;font-size:18px;color:#aaa}.option-list .btn-option-selected i{color:#009aff}.ques-box{padding-top:20px;padding-bottom:20px}.ques-title{font-size:17px;vertical-align:middle;-webkit-margin-before:0;-webkit-margin-after:0;word-break:break-word}.ps--active-y{padding-right:20px!important}.title-pre{white-space:pre-wrap!important}.title-pre.no-pre{white-space:normal!important}.ques-number{float:left;color:#36aafd;border-radius:2px;padding-top:2px;margin-right:3px;vertical-align:middle}.ques-score{color:#aeaeae}.ques-type{float:left;border-radius:2px;margin-right:10px;vertical-align:middle}.doexam-main .quues-type{margin-top:2px}.ques-title .label{float:left;padding:5px 7px;margin-right:3px}.ques-single{color:#36aafd;border-color:#36aafd}.ques-multiple{color:#80b830;border-color:#80b830}.ques-uncertainty{color:#060;border-color:#060}.ques-fillblank{color:#ffb026;border-color:#ffb026}.ques-boolean{color:#ec4444;border-color:#ec4444}.ques-qa{color:#bf7dcd;border-color:#bf7dcd}.ques-answers{padding-top:15px;overflow:hidden}.singleTime{font-size:16px;margin-bottom:10px}.singleTime.packSingleTime{padding-left:20px}.content-panel .content .level-input .form-control{border:none}.content-panel .content .form-group{margin-bottom:25px}.question-result{position:relative;padding:45px 80px;margin-bottom:24px;background-color:#fff}.question-num{position:absolute;top:48px;left:32px;display:block;min-width:24px;height:24px;padding:0 5px;color:#fff;text-align:center;background-color:#009aff;border-radius:4px}.question-analysis,.question-num{font-size:16px}.analysis-info{color:#999;line-height:26px}.result-title{height:68px;margin-bottom:20px}.result-title p{font-size:36px;text-align:left;margin:14px 0}.bottom-block{display:none}@media (max-width:767px){.result-title{height:50px;margin-bottom:12px;background-color:#009aff}.result-title p{font-size:18px;color:#fff;text-align:center;margin:14px 0}.question-result{padding:12px}.question-num{display:none}.essay-userAnswer>span,.essay-userAnswer>strong,.rightAnswer>span,.rightAnswer>strong,.score>span,.score>strong,.userAnswer>span,.userAnswer>strong{display:block}.test_result{margin-bottom:8px}.colon{display:none}.ques-fb-answers .rightAnswer,.ques-fb-answers .score,.ques-fb-answers .userAnswer{width:100%;margin-bottom:5px;text-align:left}.doexam-footer{display:block}.fix-bottom{position:fixed;width:100%;bottom:0;padding-left:0;padding-right:0;margin-bottom:0;clear:both;z-index:100;left:15px}.npc{padding:0}.bottom-block{display:block;visibility:hidden}}body{font-family:sans-serif}.navbar-default{background-color:#f97511}.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover{color:#fff}.navbar-brand.have-img{height:50px;padding:0;line-height:50px}.navbar-brand.have-img img{display:initial}.navbar-brand.have-img .img-responsive,header .navbar-default img.img-responsive{max-height:100%;width:auto;float:left;min-height:50px}.mobile header .navbar-default img.img-responsive{min-height:54px}.text-responsive{padding-left:10px}.alert{padding:8px;margin-bottom:18px;text-shadow:0 1px 0 hsla(0,0%,100%,.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.alert,.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{width:10px;height:15px;float:right;border:none;margin:2px 5px;cursor:pointer}.alert-message,.alert-success{color:#1ea133;border-color:#a9ecb4;background-color:#dffbe4}.alert-message h4,.alert-success h4{color:#1ea133}.alert-warning{color:#a79a30;border-color:#d7d099;background-color:#f6f2d2}.alert-warning h4{color:#a79a30}.alert-danger,.alert-error{color:#d9d9d9;background-color:#ff7272;background-image:none;border-color:#ff7272;box-shadow:none!important}.alert-danger p,.alert-error p{color:#fff!important;text-shadow:none;box-shadow:none}.alert-danger img,.alert-error img{width:16px;float:right;margin-top:2px;cursor:pointer}.alert-error,.mobile .alert-danger{float:left;width:100%}.alert-danger h4,.alert-error h4{color:#d9d9d9}.alert-info{border-color:#c6e3ff;background-color:#e6f3ff}.alert-info,.alert-info h4{color:#4a84bc}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}hr{border:0;border-top:1px solid #b68282;margin-top:10px;margin-bottom:0}.row-box{background-color:#fff;margin-bottom:10px;margin-left:-15px;margin-right:-15px;margin:15px;border-left:none;border-right:none}@media (max-height:596px){.row-box{margin-bottom:0!important}.submit-buttons{padding-top:0!important}.doexam-main{min-height:550px!important}}@media (min-width:992px){.row-box{background-color:#fff;margin:0;margin-bottom:10px;margin:20px}}.mobile .row-box{margin:0;padding:0}.mobile .m-result-details .row-box{padding:0 15px}.mt0-and-mb0{margin-top:0;margin-bottom:0}ul.clear-list-style{list-style:none;padding:0;-webkit-padding-start:0;-moz-padding-start:0}ol li.input-con{font-size:16px;font-weight:bolder;margin-bottom:10px}ol li.input-con:last-child{margin-bottom:0}ol.fillblanklist{padding-left:0}ol.fillblanklist li.input-con{list-style:none}ol.fillblanklist li.input-con input.form-control{width:calc(100% - 25px)}.split-option .row-box ol.fillblanklist li.input-con input.form-control{width:calc(100% - 25px)!important}.mobile ol.fillblanklist li.input-con input.form-control{height:50px!important}ol.fillblanklist li.input-con span{display:inline-block;width:25px;height:36px;line-height:36px;border:1px solid #e5e3e2;border-right:none;border-top-left-radius:2px;border-bottom-left-radius:2px;text-align:center;vertical-align:top;font-size:14px;font-weight:500;transition:all .8s;color:#333}ol.fillblanklist li.input-con span.focusColor{border-color:#009aff;color:#36aafd}.font-middle ol.fillblanklist li.input-con span{height:41px;line-height:41px}.font-big ol.fillblanklist li.input-con span{height:45px;line-height:45px}ol.fillblanklist li.input-con input.form-control{height:36px}.font-middle ol.fillblanklist li.input-con input.form-control{height:41px}.font-big ol.fillblanklist li.input-con input.form-control{height:45px}.mobile ol.fillblanklist li.input-con span{height:50px!important;line-height:50px!important}.form-control{height:auto;font-weight:400;display:inline-block;border:1px solid #e5e3e2;border-radius:2px}.form-control,.form-control:focus{box-shadow:none;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none}.form-control:focus{border:1px solid #009aff}.vertical-middle{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}header div.brandinfo{width:100%;height:54px;line-height:54px;float:left;padding-right:85px;display:inline-block;font-size:16px;color:#fff;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-wrap:none}header div.brandinfo a,header div.brandinfo a:active,header div.brandinfo a:hover,header div.brandinfo a:link,header div.brandinfo a:visited{color:#fff;text-decoration:none}header span.title{padding-left:5px}header img.logo{max-height:54px;vertical-align:top}header div.examinfo{width:100%;z-index:100}header div.fixedtop{position:absolute;top:0}header div.top-con{padding-top:20px;padding-bottom:10px;background-color:#fff;font-size:1.4em;color:#666}header div.top-con-bg{padding-top:10px;padding-bottom:10px;font-size:1.4em;text-shadow:0 0 4px rgba(0,0,0,.7)}header div.ul-show{background:#fff;color:#36aafd!important;text-shadow:0 0 4px hsla(0,0%,100%,.7)}header div.top-con-bg{color:#fff}header div.examinfo span{vertical-align:middle}header div.ques-btn{float:right}header div.time-left{float:left}header div.time-center{overflow:hidden;float:left;margin-left:30px}header img.icon{max-width:22px}body{background-color:#f3f4f8}@media (max-width:1024px){ul.q-list{top:0;width:100%;max-height:380px;background-color:#fff;overflow:auto;padding:1px 15px;padding-bottom:30px;margin:0;border:none;border-bottom:1px solid #dcdcdc;box-shadow:0 10px 20px -10px #999;-webkit-box-shadow:0 10px 20px -10px #999;-moz-box-shadow:0 2px 10px -10px #999;-o-box-shadow:0 2px 10px -10px #999}ul.q-list a{text-decoration:none}ul.q-list a>li{display:inline-block;font-size:14px;text-align:center;width:40px;height:40px;line-height:40px;color:#999;background-color:#fff;border:1px solid #cecece;border-radius:50%;margin-left:10px;margin-right:10px;margin-bottom:10px}ul.q-list a>li.selected,ul.q-list a>li:active,ul.q-list a>li:focus,ul.q-list a>li:hover{color:#fff;background-color:#36aafd;border-color:#36aafd}.question{margin-bottom:0}.form-control{font-size:16px}}.doexam-footer{width:100%;position:fixed;bottom:0;left:15px;padding-left:0;padding-right:0;clear:both;z-index:100;margin-bottom:0}.visible-ie8{display:none}.ie8 .visible-ie8{display:inherit!important}.visible-ie9{display:none}.ie9 .visible-ie9{display:inherit!important}.hidden-ie8{display:inherit}.ie8 .hidden-ie8{display:none!important}.hidden-ie9{display:inherit}.ie9 .hidden-ie9{display:none!important}.content-panel .logo{text-align:center;margin-bottom:20px}.content-panel .content{background-color:#fff;padding:30px;padding-top:20px;padding-bottom:15px;border:1px solid #eee;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-moz-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-o-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-moz-transition:.3s -moz-box-shadow linear;-webkit-transition:-webkit-box-shadow .3s linear;-o-transition:.3s -webkit-box-shadow linear;transition:box-shadow .3s linear;border-radius:10px}.mobile .content-panel .content{float:none;margin:70px auto 0;height:100%;border:none;box-shadow:none}.content-panel .content h3{color:#000}.content-panel .content h4{color:#555}.content-panel .content p{color:#222}.content-panel .content .forget-form,.content-panel .content .login-form{padding:0;margin:0}.content-panel .content .input-icon{border-left:2px solid #44b6ae!important;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.content-panel .content .input-icon .form-control{border-left:0}.content-panel .content .input-icon+.form-control-feedback{top:0!important}.content-panel .content .form-title{margin-bottom:25px;text-align:center;font-size:25px}.content-panel .content .form-actions{background-color:#fff;clear:both;border:0;padding:0 30px 25px;margin-top:35px;text-align:center}.content-panel .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}.content-panel .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}.content-panel .content .create-account a{display:inline-block;margin-top:5px}.content-panel .content .select2-container{border-left:2px solid #44b6ae!important}.content-panel .content .select2-container .select2-choice{border-left:none!important}.content-panel .content .select2-container i{display:inline-block;position:relative;color:#ccc;z-index:1;top:1px;margin:4px 4px 0 -1px;width:16px;height:16px;font-size:16px;text-align:center}.content-panel .content .has-error .select2-container i{color:#b94a48}.content-panel .content .select2-container a span{font-size:13px}.content-panel .content .select2-container a span img{margin-left:4px}.content-panel .copyright{text-align:center;margin:0 auto;padding:10px;color:#999;font-size:13px}.content-panel .content .input-icon{position:relative}.content-panel .content .input-icon>i{color:#ccc;display:block;position:absolute;margin:11px 2px 4px 10px;z-index:3;width:16px;font-size:16px;text-align:center}.content-panel .content .input-icon>.form-control{padding-left:33px}.content-panel .content .form-control{font-size:14px;font-weight:400;color:#333;background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.content-panel .content .has-error .form-control{border-color:#a94442}.content-panel .content .green-haze{color:#fff;background-color:#44b6ae}.content-panel .content .green-haze:hover{color:#fff;background-color:#3a9c95}.content-panel .content .form-actions button{width:100%}.introduction .user-introduce{display:inline-block;width:100%;text-align:justify;margin:10px 0 50px;word-wrap:break-word}.desktop .introduction .user-introduce{width:440px}.introduction .user-introduce img{max-width:100%;height:auto}.introduction ul.system-introduce{list-style:none;padding:0;margin:10px auto 50px;max-width:388px}.user-introduce iframe{width:100%}.introduction ul.system-introduce li p{overflow:hidden;font-size:1.1em;border-bottom:1px solid #f0f0f0;padding-bottom:5px;padding-top:5px;font-size:16px;color:#666}.introduction ul.system-introduce li span:last-child{float:right;margin-top:3px;color:#333}.introduction ul.system-introduce li span:first-child{float:left;margin-top:3px}.introduction .content{width:660px;margin:70px auto 0;float:none;display:table;position:relative;text-align:center}.introduction ul.system-introduce li:last-child p{text-align:left}.thank-you-for p{font-size:21px}.introduction-exam-qrcode-tip{top:0;position:absolute;right:-40px;color:#aaa}.introduction-exam-qrcode{display:none;top:2px;position:absolute;right:-190px;color:#aaa;width:140px;background:#fff;padding-bottom:10px;text-align:center}.introduction-exam-qrcode-tip:hover+.introduction-exam-qrcode{display:block}.img-com{margin-right:10px;font-size:32px;vertical-align:middle;color:#57befe}div.share a img.img-share{max-width:42px}div.share a{background:none}.img-arrow{font-size:30px;float:right;color:#ccc;max-height:18px}.mobile .img-arrow{font-size:26px;margin-top:2px;margin-right:10px}.box-white{width:calc(100% - 20px);background-color:#fff;padding:10px 0;margin:0 16px;border-bottom:1px solid #e6e6e6}.items .btn-a:last-child .box-white,.mobile .box-white{border-bottom:none}div.share{padding:10px 0}div.share a{display:inline-block;padding-right:5px}p{margin:0}.btn-a,.btn-a:active,.btn-a:hover,.btn-a:link,.btn-a:visited{font-size:14px;color:#333;text-decoration:none}#result-details{right:0}#result-details,.ques-details{width:100%;top:0;bottom:0;overflow-y:scroll;overflow-x:hidden}.ques-details{position:fixed;right:-100%;background-color:#f2f5f9;transition:left .3s ease;-webkit-overflow-scrolling:touch}.mobile .ques-details{background-color:#fff}#bottom-close{position:fixed;right:0;bottom:0;width:100%}.result-status{padding-top:20px;padding-bottom:5px}.result-status .numbers{padding:20px 0}.result-status .totalscore{padding:28px 0 0}.result-status .totalscore p:first-child{font-size:24px;margin:0}.result-status .usedtime{padding:28px 0 0}.result-status .usedtime p:first-child{font-size:24px;margin:0}.result-status .comment{margin-bottom:30px}.result-status .comment img{max-width:90%}.result-status.passed a,.result-status.unpassed a{font-weight:600}.ques-details p.no-items{text-align:center;margin-top:20%}.ques-details .title-bar{background-color:#36aafd;color:#fff;padding-top:15px;width:100%;z-index:900;font-size:18px}.ques-details #back-result{padding:8px 0 0 18px;position:absolute;top:0}.ques-details .wrong-right-tab{background-color:#fff;margin-top:15px}.ques-details .badge{background-color:#36aafd}.ques-details a[href="#falseques"] .badge{background-color:#f76464}.ques-details .content{padding-top:110px;-webkit-overflow-scrolling:touch}#bottom-placeholder{visibility:hidden;height:42px;margin-top:10px}#see-details{margin-top:10px}#system-message-container{margin-left:-15px;margin-right:-15px}#system-message-container .alert{margin-bottom:0;padding-right:14px}@keyframes pulse{0%{outline:2px solid #36aafd;box-shadow:0 0 1px #36aafd;outline-offset:1px}98%{outline:2px solid rgba(54,170,253,0);outline-offset:20px}to{outline:0;box-shadow:0 0 13px rgba(54,170,253,0);outline-offset:1px}}.pulse-css{animation:pulse 2s ease-out;animation-iteration-count:2}.m-notify .notify_close{cursor:pointer;position:absolute;font-size:16px;top:6px;right:6px}.m-notify .notify_close:hover{font-weight:700}.m-notify .notify{position:relative;margin:6px 12px;padding:12px 20px;-moz-border-radius:1px;border-radius:3px;-webkit-box-shadow:1px 1px 1px rgba(1,1,1,.5);box-shadow:1px 1px 1px rgba(1,1,1,.5);*zoom:1}.m-notify .notify:after,.m-notify .notify:before{display:table;content:"";line-height:0}.m-notify .notify:after{clear:both}.m-notify .notify:hover{-webkit-box-shadow:1px 1px 3px rgba(1,1,1,.5);box-shadow:1px 1px 3px rgba(1,1,1,.5)}.m-notify .notify .glyphicon{position:absolute;height:32px;line-height:32px;top:50%;left:12px;margin-top:-16px;font-size:20px;margin-right:4px}.m-notify .notify-danger,.m-notify .notify-error{color:#fff;border:#d43f3a;background-color:#d9534f}.m-notify .notify-info{color:#fff;border:#d43f3a;background-color:#d43f3a}.m-notify .notify-success{color:#fff;border:#4cae4c;background-color:#5cb85c}.m-notify .notify-warning{color:#fff;border:#eea236;background-color:#f0ad4e}.m-notify-left{left:12px;right:auto}.m-notify-middle{left:50%}.modal{background-color:rgba(53,53,53,.68)}body{-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInY{0%{pacity:0;-webkit-transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInY{0%{opacity:0;-moz-transform:translateY(30px)}to{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInY{0%{opacity:0;-o-transform:translateY(30px)}to{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInY{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.animated.fadeInDown{animation-name:fadeInDown}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animated.bounceOut{animation-name:bounceOut;animation-duration:.75s}.animated.fadeInY{-webkit-animation-name:fadeInY;-moz-animation-name:fadeInY;animation-name:fadeInY}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn}.animated.fast{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}.animated.slow{-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;animation-duration:1.2s}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animated.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutY{0%{opacity:1;-webkit-transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(30px)}}@-moz-keyframes fadeOutY{0%{opacity:1;-moz-transform:translateY(0)}to{opacity:0;-moz-transform:translateY(30px)}}@-o-keyframes fadeOutY{0%{opacity:1;-o-transform:translateY(0)}to{opacity:0;-o-transform:translateY(30px)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.animated.fadeOutY{-webkit-animation-name:fadeOutY;-moz-animation-name:fadeOutY;animation-name:fadeOutY}.modal .modal-body{max-height:calc(100vh - 240px);overflow-y:auto}.progress-fix{position:fixed;top:0;right:0;left:0;height:5px;z-index:1040;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;opacity:.9}.package-child-question .row-box{box-shadow:none}.package-child-question span.ques-number{background:none}.test_result.fillinblank:after{content:" ";clear:both;display:block}.test_result.fillinblank ul{margin:0;padding:0;list-style-type:decimal}.test_result.fillinblank ul li{width:100%;overflow:hidden;display:-webkit-box;word-break:break-all}.test_result.fillinblank .userAnswer{text-align:left}.test_result.fillinblank h3{margin:0 0 10px;font-size:16px;color:#333}.test_result.essay .rightAnswer,.test_result.essay .userAnswer{float:none;text-align:left;max-width:100%}.test_result.essay h3{font-size:16px;color:#333;margin-top:0}.test_result .no_right_answer{text-align:left;width:66%!important;max-width:66%!important}select.form-control.field{height:35px}.countdown-container,.switchs{position:fixed;width:300px;height:200px;background-color:#fff;left:50%;top:50%;margin-left:-150px;margin-top:-100px;box-shadow:10px 10px 80px rgba(88,76,76,.3);z-index:1002}.switchs{height:320px;width:310px;border-radius:5px;margin-top:-160px;margin-left:-155px;z-index:1001}.switchTip{height:auto;padding-bottom:25px}.switchs>.content{padding:30px;text-align:center}.switchs.overflow{position:fixed;left:0;top:0;right:0;width:100%;margin:0;height:100%;background-color:rgba(0,0,0,.74)}.switchs .role>div:first-child{font-size:20px;font-weight:700;margin-top:30px;color:#222}.switchs .role>div:last-child{color:#555;margin-top:10px}.switchs>.action button.btn.btn-primary{background:#ffe49e;border:none;width:200px;border-radius:100px;color:#ea8011;padding:10px;text-shadow:none;font-size:20px}.switchs>.action button.btn.autoSubmit{background:#999;color:#fff}.switchs>.action button.btn.btn-primary.btn-next{width:196px;height:46px;background-color:#e6e6e6;border-radius:6px;font-size:14px;line-height:26px;color:#999;margin-top:30px}.switchs>.action button.btn.btn-primary.btn-next.btn-cannext{background-color:#36aafd;color:#fff}.switchs>.content .title{font-size:20px;color:#333;margin-top:10px;font-weight:700;margin-bottom:30px}.switchs>.content .content{width:805px;height:570px;background-color:#fff;border-radius:10px;border:1px solid #e6e6e6;margin:auto;text-align:left;padding:20px;font-size:14px;color:#999;overflow:auto;user-select:none}.switchs>.content>.content::-webkit-scrollbar-track{background-color:transparent}.switchs>.content>.content::-webkit-scrollbar{width:4px;background-color:transparent}.switchs>.content>.content::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:2px}.cameraAgreement .action{margin-top:10px}.cameraAgreement .action label{font-size:14px;font-weight:500;color:#333;user-select:none}.cameraAgreement .action label span{color:#ff962a}.cameraAgreement.iframe{padding:10px;overflow:hidden}.cameraAgreement.iframe iframe{width:100%;height:100%}.switchs>.content .content p{margin-bottom:30px;line-height:24px}.switchs>.content .content p span{float:right}.countdown-container .submit-error,.countdown-container .submiting{text-align:center;padding:20px}.countdown-container .submit-error>i,.countdown-container .submiting>i{font-size:60px}.countdown-container .submiting>span{display:block;margin-top:30px}.countdown-container .submit-error>span{display:block;margin-top:10px;margin-bottom:10px}.countdown-container .countdown{text-align:center}.countdown-container .countdown>span{display:block}.countdown-container .countdown>.time{font-size:80px;color:red;margin-top:10px}.introduction.mobile .title>img{display:block;max-width:120px;margin:30px auto 10px}.doexam-header.mobile{margin-top:-10px;margin-left:-15px;position:fixed;width:100%;height:50px;top:0;left:15px;z-index:3}.doexam-header.mobile div.examinfo span{vertical-align:middle}.doexam-header.mobile .questions-lists li{position:relative;display:inline-block;color:#36aafd;text-decoration:none;background-color:#fff;border:1px solid #36aafd;font-size:14px;margin-left:0;width:34px;height:34px;border-radius:17px;text-align:center;line-height:25px}.questions.mobile textarea.essay_question_textarea{width:100%;max-height:100px}.questions.mobile span.wordNum{margin-right:0}.doexam-footer.mobile .submit-buttons{margin-bottom:0}.doexam-footer.mobile .submit-buttons .btn{border-radius:0;border-right:none;width:100%}.questions.mobile .test_result strong{display:block}.questions.mobile .test_result .rightAnswer{text-align:left}.questions.mobile .test_result .score{text-align:right}.doexam-header.mobile .questions-lists li.selected{background-color:#43aafd;border:1px solid #43aafd;color:#fff}.doexam-header.mobile .questions-lists li.selected>a{color:#fff}.question-left-time{text-align:center;margin-top:-25px;margin-bottom:15px;border:1px solid #ccc;background-color:#fff79a;padding:5px;color:#000!important}@media (max-device-width:480px){.content-panel .content{padding:10px 20px;background-color:hsla(0,0%,100%,0)!important;box-shadow:none}.content-panel .content .form-actions{padding:0}}.ie8 .content-panel .content{width:700px;float:none;margin:0 auto;display:table}.ie8 .ie8-do.row{width:80%;float:none;display:table;margin:0 auto}.ie8 .ie8-do-right{width:20%;margin-left:10px}.ie8 .exam-submit-action,.ie8 .ie8-do-left{width:70%}.ie8 .modal-dialog{width:800px;float:none;display:table;margin:0 auto}.ie8 .introduction .content{width:500px}.ie8 .question .media .unsupport{border:1px dashed #ccc;padding:10px;margin-top:10px}.exam-title span.title{color:#888}.dividing-line{display:block;height:1px;width:100%;margin:12px 0;background-color:#eee}.bg,.bg-overlay{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:0}.bg{background-color:transparent;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:transform .3s ease-out;z-index:-100}.bg-overlay{background-color:rgba(0,0,0,.3);z-index:-1}.desktop body{font:14px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\\\5b8b\\4f53,sans-serif}.have-bg.desktop .content-panel h1,.have-bg.desktop .content-panel h2,.have-bg.desktop .content-panel h3,.have-bg.desktop .exam-title h2,.have-bg.desktop body,.have-bg.desktop span.introduction-exam-qrcode-tip,.have-bg.tablet .content-panel h1,.have-bg.tablet .content-panel h2,.have-bg.tablet .content-panel h3,.have-bg.tablet .exam-title h2,.have-bg.tablet body,.have-bg.tablet span.introduction-exam-qrcode-tip{color:#fff}.have-bg.desktop .content-panel .content,.have-bg.desktop .exam-metas,.have-bg.desktop .row-box,.have-bg.tablet .content-panel .content,.have-bg.tablet .exam-metas,.have-bg.tablet .row-box{webkit-box-shadow:0 8px 16px 0 rgba(7,17,27,.2);-moz-box-shadow:0 8px 16px 0 rgba(7,17,27,.2);-o-box-shadow:0 8px 16px 0 rgba(7,17,27,.2);box-shadow:0 8px 16px 0 rgba(7,17,27,.5)}.have-bg.desktop .exam-metas .timer,.have-bg.tablet .exam-metas .timer{margin-bottom:0}.have-bg.desktop .package-child-question .row-box,.have-bg.tablet .package-child-question .row-box{box-shadow:none;background-color:transparent}.have-bg.desktop .row-box,.have-bg.tablet .row-box{background-color:transparent}.have-bg.desktop .btn-option,.have-bg.tablet .btn-option{background-color:transparent;border:1px solid #fff;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.7)}.have-bg.desktop .btn-option,.have-bg.tablet .btn-option:hover{text-shadow:0 0 4px transparent}.have-bg.desktop .btn-option>i,.have-bg.tablet .btn-option>i{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.7)}.have-bg.desktop .btn-option-selected,.have-bg.tablet .btn-option-selected{border:2px solid #009aff;padding:9px 11px;background-color:#009aff}.have-bg.desktop .btn-option-selected i,.have-bg.tablet .btn-option-selected i{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.7)}.have-bg.desktop .ques-number,.have-bg.desktop .ques-single,.have-bg.tablet .ques-number,.have-bg.tablet .ques-single{color:#fff;border-color:#fff;text-shadow:0 0 4px rgba(0,0,0,.7)}.have-bg .navbar-default{border:none}.have-bg.desktop .exam-metas .meta,.have-bg.desktop .exam-metas .timer,.have-bg.tablet .exam-metas .meta,.have-bg.tablet .exam-metas .timer{background-color:transparent}.have-bg.desktop .modal,.have-bg.tablet .modal{color:#222}.have-bg.desktop .result-info-container,.have-bg.tablet .result-info-container{background-color:transparent}.have-bg.desktop .nav-tabs>li.active>a,.have-bg.desktop .nav-tabs>li.active>a:focus,.have-bg.desktop .nav-tabs>li.active>a:hover,.have-bg.desktop .nav-tabs>li>a:hover,.have-bg.tablet .nav-tabs>li.active>a,.have-bg.tablet .nav-tabs>li.active>a:focus,.have-bg.tablet .nav-tabs>li.active>a:hover,.have-bg.tablet .nav-tabs>li>a:hover{background-color:transparent;color:#fff}.have-bg.desktop .nav-tabs>li>a,.have-bg.tablet .nav-tabs>li>a{color:#ccc}.have-bg.desktop .btn-group.answer-details-btns .btn-default,.have-bg.tablet .btn-group.answer-details-btns .btn-default{background:#222;color:#fff}.have-bg.desktop .btn-group.answer-details-btns .btn-default.active,.have-bg.tablet .btn-group.answer-details-btns .btn-default.active{background-color:#fff;color:#222}.have-bg.desktop .exam-title span.title,.have-bg.tablet .exam-title span.title{color:#ccc}.have-bg.desktop .essay-userAnswer .true,.have-bg.desktop .userAnswer .true,.have-bg.tablet .essay-userAnswer .true,.have-bg.tablet .userAnswer .true{color:#9ef99e}.have-bg.desktop .question-analysis.right,.have-bg.tablet .question-analysis.right{border-left:5px solid #9ef99e}.have-bg.desktop .dividing-line{background-color:#888}.have-bg.desktop .exam-metas .finish-ratio span.text-left,.have-bg.desktop .exam-metas .page span.text-left,.have-bg.desktop .question-lists-tips span,.have-bg.desktop .time-left i.fa-2x,.have-bg.tablet .exam-metas .finish-ratio span.text-left,.have-bg.tablet .exam-metas .page span.text-left,.have-bg.tablet .question-lists-tips span,.have-bg.tablet .time-left i.fa-2x{color:#fff}.have-bg.desktop .questions-lists li,.have-bg.tablet .questions-lists li{border-color:#ddd;color:#ddd}.have-bg.desktop .questions-lists li.selected,.have-bg.desktop .questions-lists li:hover,.have-bg.tablet .questions-lists li.selected,.have-bg.tablet .questions-lists li:hover{background-color:#36aafd;color:#fff;border:1px solid #36aafd}.have-bg.mobile .exam-title h2,.have-bg.mobile .introduction h1,.have-bg.mobile .introduction h2,.have-bg.mobile .introduction h3,.have-bg.mobile body{color:#fff}.have-bg.mobile .content-panel .content,.have-bg.mobile .question .row-box,.have-bg.mobile .row.row-box,.have-bg .question input,.have-bg .question textarea{background:hsla(0,0%,100%,0);color:#fff}.have-bg .question .form-control:focus{border:1px solid #76e7fb}.have-bg.mobile .btn-option{background-color:transparent;border-color:#fff;text-shadow:0 0 4px rgba(0,0,0,.7)}.have-bg.mobile .btn-option-selected{border:2px solid #fff;padding:9px 11px}.have-bg.mobile .btn.btn-option:hover,.have-bg.mobile .option-list .btn-option-selected i{color:#fff}.have-bg.mobile .box-white{background-color:hsla(0,0%,100%,.3);color:#fff}.have-bg.mobile .box-white.m-share,.have-bg.mobile .box-white.m-share>a,.have-bg.mobile .img-com{color:#fff}.have-bg.mobile .introduction ul.system-introduce li span:first-child{color:#eee}.have-bg.mobile .ques-number,.have-bg.mobile .ques-single{color:#fff;border-color:#fff}.have-bg.mobile .modal-dialog{color:#222}.have-bg.mobile .m-result-details .question .row-box{background:#fff;color:#222}.have-bg.mobile .m-result-details .ques-number,.have-bg.mobile .m-result-details .ques-single{color:#333;border-color:#333}.have-bg .question input::placeholder,.have-bg .question textarea::placeholder{color:#fff}.have-bg .m-result-info a,.have-bg .result-info-container a{color:#fff}.have-bg a.list-group-item{background-color:transparent}.svg-circle-progress-wrapper{position:relative;display:inline-block}.svg-circle-progress{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.svg-circle-progress-value{transition:all 2s}.svg-circle-progress-wrapper .info{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center}.svg-circle-progress-wrapper .info>span:first-child{font-size:36px;font-weight:300;display:block;line-height:30px}.svg-circle-progress-wrapper .info>span:last-child{font-size:12px}.result-info-container{background-color:#fff;max-width:800px;margin:0 auto;margin-bottom:50px;padding:16px 40px 0}.result-info-container .info-row{position:relative;width:610px;height:40px;margin:20px auto 10px}.result-info-container .info-row .info-col-left{display:inline-block;line-height:40px}.result-info-container .info-row .info-col-right{display:inline-block;line-height:40px;position:absolute;right:0;text-align:right;cursor:pointer}.result-info-container .view-more-button{height:50px;width:200px;margin:0 auto;display:inline-block;background-color:#fff;border:1px solid #08f;border-radius:7px}.result-info-container .view-more-button a{color:#08f;text-decoration:none;line-height:50px;height:50px;width:200px;font-size:17px}.result-info-container .close-button{width:220px;height:50px;display:inline-block;background-color:#fff;border:1px solid #08f;border-radius:7px}.result-info-container .close-button a{color:#08f;text-decoration:none;line-height:50px;height:50px;width:200px;font-size:17px}.result-info-container .close-button:hover,.result-info-container .view-more-button:hover{background-color:#f5f5f5}.result-info-container .nav-tabs>li>a:hover{border-bottom:2px solid #9eb4c4}.result-info-container .nav>li>a:focus,.result-info-container .nav>li>a:hover{background-color:#fff;color:#000}.result-info-container .nav-tabs>li>a{color:#666}.result-info-container .nav-tabs{border-bottom:1px solid #efefef}.btn-default{background-color:#e6e6e6}.result-info-container .answer-details-btns .active{background-color:#36aafd;color:#fff;border-color:#36aafd}.result-info-container .answer-details-btns button:active{background-color:#36aafd!important;color:#fff!important}.result-info-container .answer-details-btns .btn-default.active:focus{background-color:#36aafd;color:#fff}.result-info-container .score-code-tip strong{cursor:pointer;padding:5px;transition:all .4s}.result-info-container .result-scores{margin:50px 0 0}.result-info-container .result-scores .svg-circle-progress-wrapper:first-child{margin-right:30px}.result-info-container .result-scores .svg-circle-progress-wrapper:last-child{margin-left:30px}.result-info-container .result-scores .svg-circle-progress-wrapper{vertical-align:middle}.result-info-container .actions .print{height:50px;border:1px solid #08f;border-radius:5px;color:#08f;display:inline-block;width:200px}.result-info-container .actions{margin-top:30px}.result-info-container .answer-details-btns{margin:20px 0}.result-info-container .row-box{box-shadow:none}.result-info-container .comment{margin-top:30px}.m-result-details .nav-tabs li{width:33.3%;text-align:center}.nav-tabs>li>a{color:#000;margin:0;border:none;border-radius:0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#36aafd;border:none;border-bottom:2px solid #36aafd}.m-result-details .test_result .rightAnswer,.mobile .test_result .rightAnswer{text-align:left;min-width:10px;max-width:100%;width:35%}.m-result-details .test_result .score,.mobile .test_result .score{text-align:right;width:20%;float:right;min-width:10px;max-width:100%}.m-result-details .test_result .userAnswer,.mobile .test_result .userAnswer{width:40%;min-width:10px;max-width:100%}.m-result-details .fa-false,.m-result-details .fa-true,.mobile .fa-false,.mobile .fa-true{font-size:16px}.result-info-container .test_result .score{text-align:right;width:18%;float:right;min-width:10px}.result-info-container .test_result .rightAnswer,.result-info-container .test_result .userAnswer{min-width:10px;width:40%}.box-white.m-share{font-size:20px;color:#8b8b8b}.box-white.m-share>a{font-size:30px;margin-right:25px;color:#57befe}.shareInWechat{-webkit-user-select:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.85);text-align:center;top:0;left:0;z-index:105}.shareInWechat img{max-width:100%}.shareInWechat .arrow{width:30%;position:absolute;right:6%;top:1%}.shareInWechat .img{height:300px;position:relative;margin:0 auto;width:auto}.shareInWechat .share-text{margin-top:125px;text-align:center;color:#fff;font-size:20px}.m-notify{position:fixed;bottom:100px}.m-notify.m-notify-right{right:10px;z-index:1}.flash-msg{text-align:center;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);width:600px;margin:0 auto;padding:8px}.flash-msg .close{margin:0}@media screen and (max-width:1730px){.m-notify{bottom:230px}}@media screen and (max-width:480px){.m-notify{width:100%;bottom:40px}.m-notify,.m-notify.m-notify-right{right:auto}.flash-msg{height:40px;line-height:40px;padding:0;padding-left:10px;text-align:left;box-shadow:none;width:auto;margin:auto;margin-left:-15px;margin-right:-15px}.flash-msg>button.close{height:40px;color:#9a5f08;margin-right:10px;opacity:1}}.flash-msg.warning{background-color:#fcfbf1;color:#985d00;border:1px solid #d5c700}input.form-control{transition:all .8s}.m-result-info{transition:opacity .3s}.m-result-info .tester>span:last-child{font-size:11px}.actions-list{margin-top:30px}.confirm-info .list-group-item>span{width:49%;display:inline-block}.confirm-info .list-group-item>span:last-child{text-align:right}.confirm-info .list-group-item>span:last-child>img{max-height:100px}.test_result:after{content:" ";display:block;clear:both}.device-info span{margin-right:20px}.device-info .network-info{margin-top:20px}.essay-media-upload{width:440px;padding:20px 20px 0;margin:0 auto;position:relative;display:flex}.essay-media-upload div{text-align:center;flex:1}.essay-media-upload span img{pointer-events:none;-webkit-pointer-events:none;-ms-pointer-events:none;-moz-pointer-events:none;cursor:pointer}.image-upload{position:relative;cursor:pointer;width:40px;display:block;margin:auto}.image-upload>img{width:40px;height:40px}.image-upload input{position:absolute;opacity:0;cursor:pointer}.image-upload input,.media-overflow{right:0;top:0;width:100%;height:100%}.media-overflow{position:fixed;left:0;margin:0;background-color:rgba(0,0,0,.74);z-index:1001}.specialImg{position:fixed;width:100%;height:100%;max-width:850px;top:140px;left:50%;margin-left:-425px;padding-top:50px;text-align:center;z-index:1001}.specialImg span.specialImgClose{position:absolute;right:-10px;top:0;width:30px;height:30px;background-color:rgba(0,0,0,.15);cursor:pointer}.specialImg>span.veo-L{left:0}.specialImg>span.veo-L,.specialImg>span.veo-R{display:block;position:absolute;width:50px;bottom:175px;cursor:pointer}.specialImg>span.veo-R{right:0}.specialImg>span.veo-M{display:block;position:absolute;width:100px;left:50%;bottom:175px;margin-left:-50px;cursor:pointer}.specialImg>span.veo-M>i{margin-left:15px}.specialImg i{color:#fff}.specialImg img{max-width:700px;max-height:600px}.image-preview{overflow:hidden}.img-cell{display:block;position:relative;float:left;cursor:pointer;margin:11px 35px 0 0}.img-cell img{width:60px;height:60px;border:1px solid rgba(0,0,0,.24)}.img-cell i{position:absolute;right:-21px;top:-8px;padding:2px 3.7px;border-radius:9px;color:#fff;background-color:#36aafd}.audio-Preview{margin-top:20px}.audio-Preview .preview-audio-close{position:absolute;right:2px;top:0;padding:2px 3.7px;margin-top:12px;border-radius:9px;color:#fff;background-color:#36aafd;cursor:pointer}.audio-Preview audio{float:left}.audio-cell{position:relative;width:340px;height:45px;margin-top:10px;overflow:hidden;border:1px solid #e0e0e0;background-color:#fcfcfc}.audio-cell-ie{width:485px;border:none;background-color:#fff}.package-child-question .file-preview{width:94%}.file-preview{width:100%;max-width:500px;margin-top:10px;overflow:hidden;height:40px;line-height:42px}.file-preview p{float:left;width:90%;padding-left:10px;background-color:#eaf7ff;border:1px solid #f7f0f0;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-preview i{float:right;margin-top:12px;padding:2px 3.7px;border-radius:9px;color:#fff;background-color:#ff7b29;cursor:pointer}.file-overflow{position:fixed;left:0;top:0;right:0;width:100%;margin:0;height:100%;background-color:rgba(0,0,0,.74);z-index:1002}.progress-mian{width:300px;margin:0 auto;margin-top:300px}.progress-mian p{color:#fff;text-align:center}.audio-action{position:relative;margin-top:60px;padding:0 45px;overflow:hidden;height:80px}.audio-action a{display:block;float:left;width:70px;height:46px;line-height:46px;margin-top:25px;border:1px solid #d0d0d0;border-radius:23px;text-align:center;color:#000;text-decoration:none}.audio-action a:first-child{float:left}.audio-action a:last-child{float:right}.audio-action a.audio-main{position:absolute;top:0;left:50%;width:76px;height:76px;margin-top:0;margin-left:-38px;border-radius:38px;cursor:pointer}.audio-off{left:20px;background-color:#3278eb}.audio-off,.audio-on{display:block;position:absolute;bottom:20px;width:36px;height:36px;border-radius:3px}.audio-on{left:26px;background-color:#fff;border-left:27px solid #3278eb;border-top:18px solid transparent;border-bottom:18px solid transparent}.Audioing{width:400px;height:200px;margin:-90px 0 0 -200px;z-index:1003;text-align:center;background-color:#fff}#recorderApp,.Audioing{position:fixed;left:50%;bottom:50%}#recorderApp{margin:-70px 0 0 -120px;z-index:1004}.Audioing>span.audio-close{position:absolute;right:0;top:0;background-color:#fff;cursor:pointer;z-index:1002}.audioHead{position:absolute;width:320px;height:55px;top:0;left:50%;margin-left:-160px}.Audioing p.top{position:absolute;width:90px;top:20px;left:50%;margin-left:-45px;text-align:center}.Audioing p.audioErrMsg{text-align:center;color:red;font-size:12px;padding-top:6px}.Audioing span.startAudio{display:block;height:85px;width:85px;margin:60px auto 0}.Audioing span.startAudio img{width:85px;pointer-events:none;-webkit-pointer-events:none;-ms-pointer-events:none;-moz-pointer-events:none}.mediaLoading{position:absolute;width:100px;top:50%;left:50%;margin:-21px 0 0 -50px;text-align:center;z-index:1001}.mediaLoading i{color:#fff}.audioStyle{position:relative;top:33px;left:50px}.as2{left:195px}.action-audio-off span,.action-audio-on span{display:block;bottom:0;width:6px;height:5px;background:#9b59b6;position:absolute}.action-audio-off span:nth-child(2),.action-audio-on span:nth-child(2){left:11px}.action-audio-off span:nth-child(3),.action-audio-on span:nth-child(3){left:22px}.action-audio-off span:nth-child(4),.action-audio-on span:nth-child(4){left:33px}.action-audio-off span:nth-child(5),.action-audio-on span:nth-child(5){left:44px}.action-audio-off span:nth-child(6),.action-audio-on span:nth-child(6){left:55px}.action-audio-off span:nth-child(7),.action-audio-on span:nth-child(7){left:66px}.action-audio-off span:nth-child(8),.action-audio-on span:nth-child(8){left:77px}@-webkit-keyframes preloader_1{0%{height:5px;-webkit-transform:translateY(0);background:#9b59b6}25%{height:30px;-webkit-transform:translateY(15px);background:#3498db}50%{height:5px;-webkit-transform:translateY(0);background:#9b59b6}to{height:5px;-webkit-transform:translateY(0);background:#9b59b6}}@-moz-keyframes preloader_1{0%{height:5px;-moz-transform:translateY(0);background:#9b59b6}25%{height:30px;-moz-transform:translateY(15px);background:#3498db}50%{height:5px;-moz-transform:translateY(0);background:#9b59b6}to{height:5px;-moz-transform:translateY(0);background:#9b59b6}}@-ms-keyframes preloader_1{0%{height:5px;-ms-transform:translateY(0);background:#9b59b6}25%{height:30px;-ms-transform:translateY(15px);background:#3498db}50%{height:5px;-ms-transform:translateY(0);background:#9b59b6}to{height:5px;-ms-transform:translateY(0);background:#9b59b6}}@keyframes preloader_1{0%{height:5px;transform:translateY(0);background:#9b59b6}25%{height:30px;transform:translateY(15px);background:#3498db}50%{height:5px;transform:translateY(0);background:#9b59b6}to{height:5px;transform:translateY(0);background:#9b59b6}}.audio-left{float:left;text-align:center;width:15%;height:100%}.audio-left i{color:#36aafd;margin-top:6px}.audio-right{margin-right:12%;float:right;width:70%;height:100%}.progress-bar-bg{position:relative;height:2px;margin-top:20px;background-color:#d9d9d9;cursor:pointer}.essay-progress-bar{background-color:#649fec;width:0;height:2px}.progress-bar-bg span{content:" ";width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#3e87e8;position:absolute;left:0;top:50%;margin-top:-5px;margin-left:-5px;cursor:pointer}.audio-time{overflow:hidden;margin-top:5px}.audio-length-total{float:right;font-size:12px}.audio-length-current{float:left;font-size:12px}.essayAsAudio,.essayAsImg{overflow:hidden;margin-bottom:15px}.essayAsImg a.img-show{display:block;width:120px;float:left;margin:0 10px 10px 0;border:1px solid #5a6676;padding:5px}.essayAsImg a.img-show img{width:110px;height:90px;margin:0}.essay>.userAnswer{width:100%!important;max-width:100%}.audio-item{margin-top:10px}.vr-essay-overview{position:fixed;top:0;left:0;width:100%;height:100%;padding-top:60px;background:#000;background-color:rgba(0,0,0,.6);z-index:1001;text-align:center}.vr-essay-overview>img#vrShowBigImg{max-width:600px!important;max-height:600px!important}.vr-essay-overview>span.veo-L{display:block;position:absolute;width:50px;left:0;bottom:15px}.vr-essay-overview>span.veo-R{display:block;position:absolute;width:50px;right:0;bottom:15px}.vr-essay-overview>span.veo-M{display:block;position:absolute;width:100px;left:50%;bottom:15px;margin-left:-50px}.vr-essay-overview>span i{cursor:pointer;color:#fff}.vr-essay-overview>span.veo-M i{margin-left:15px}.vr-essay-overview>i,.vr-essay-overview>img.close-img{position:absolute;top:10px;right:10px;cursor:pointer;color:#fff}@media (max-width:767px){.Audioing{left:0;bottom:0;width:100%;height:180px;margin:0}.audio-Preview audio{width:80%}.audio-cell{width:260px}.audio-Preview .preview-audio-close{top:0}.specialImg{top:0;left:0;padding-top:55px;margin-left:unset}.specialImg>span.veo-L,.specialImg>span.veo-M,.specialImg>span.veo-R{bottom:15px}.specialImg img{max-height:400px;max-width:95%}.specialImg span.specialImgClose{top:10px;right:10px}.essay-media-upload{width:100%}.vr-essay-overview>img{max-width:95%!important}}.pc-share{position:relative;text-align:center;font-size:20px;color:#8b8b8b}.pc-share a{cursor:pointer}.ev-qrcode{visibility:hidden;position:absolute;left:50%;margin-left:-133px;top:-240px;width:160px;transition:all .3s;opacity:0;box-shadow:none}.pc-wc-share:hover+.ev-qrcode{visibility:visible;top:-140px;opacity:1;box-shadow:3px 3px 15px #666,-3px -3px 15px #666}.pc-share>a,.pc-wc-share{font-size:10px;margin-right:30px;color:#57befe}.pc-share>a:last-child{margin-right:0}ul.webcam-picture-list{margin-top:30px;padding:0;list-style-type:none;padding:0 10px}ul.webcam-picture-list li{display:inline-block;padding:10px;border:1px solid #ccc;margin-right:10px;-moz-box-shadow:0 1px 3px #ccc;-webkit-box-shadow:0 1px 3px #ccc;box-shadow:0 1px 3px #ccc;margin-bottom:20px;vertical-align:top}ul.cheat-picture-list li{padding-bottom:0;margin-bottom:10px}ul.webcam-picture-list li img{max-width:150px;cursor:pointer}.need-camera-tip{width:660px;height:auto;padding-bottom:60px;background:#fff;margin:70px auto 90px;border-radius:10px;position:relative}.mobile .need-camera-tip{width:auto;height:auto}.need-camera-tip h3{color:#ffb344;font-size:40px;margin-top:40px}.need-camera-tip .get-help{margin:20px 0;display:inline-block;width:180px;height:54px;background:#ff962a;border-radius:27px;transition:all .3s}.need-camera-tip .get-help a{font-size:20px;color:#fff;font-weight:400;line-height:38px}.need-camera-tip .get-help:hover{transform:scale(1.05)}.need-camera-tip .get-help a:focus,.need-camera-tip .get-help a:hover{text-decoration:none}.need-camera-tip h1{font-size:40px;margin-top:50px}.need-camera-tip .msg{margin:28px 0 40px;padding:0 20px;font-size:20px;font-weight:500;color:#999;line-height:32px}.need-camera-tip .btn-primary{width:180px;height:54px;border:1px solid #ff962a;border-radius:27px;font-size:20px;padding:10px;background:#fff;margin:20px 0;color:#ff962a;text-shadow:none;transition:all .3s}.need-camera-tip .btn-primary:active,.need-camera-tip .btn-primary:focus,.need-camera-tip .btn-primary:hover{background:#fff;color:#ff962a;border-color:#ff962a}.need-camera-tip .btn-primary:hover{transform:scale(1.05)}.desktop.have-bg .box-white.pc-share,.desktop.have-bg .pc-share>a,.desktop.have-bg .pc-wc-share,.tablet.have-bg .box-white.pc-share,.tablet.have-bg .pc-share>a,.tablet.have-bg .pc-wc-share{background:transparent;color:#fff!important;cursor:pointer}.tablet .exam-metas{width:auto;margin-left:0}.result-info-container>.tabbable.tabbable-custom>ul>li{font-size:16px}ul.kickout-details{width:245px;margin:0 auto;text-align:left;list-style-type:none;padding:10px 0}ul.kickout-details span:first-child{min-width:80px;margin-right:10px;display:inline-block}ul.kickout-details .fa{font-size:30px}body.modal-open{position:fixed;width:100%}.new-exam-result{width:660px;margin:100px auto 0;padding:164px 0;text-align:center;float:none;background-color:#fff;border-radius:10px}.new-exam-result p.exam-result-p{text-align:center;font-size:20px;color:#333}.new-exam-result p.exam-result-p strong:hover{color:#000}.new-exam-result p.exam-result-name{margin-top:20px;color:#999}.new-exam-result p.exam-result-tips1{font-size:24px;margin-top:56px;padding:0 15px}.new-exam-result p.exam-result-tips2{color:#666}.have-bg .new-exam-result p.exam-result-name,.have-bg .new-exam-result p.exam-result-tips1,.have-bg .new-exam-result p.exam-result-tips2{color:#fff}.new-exam-result .btn,.new-exam-result p.exam-result-code{margin-top:65px}.new-exam-result a.close-btn{margin-top:50px;padding:10px 22px;border-radius:21px}.new-exam-result p.exam-result-code a{text-decoration:none}.new-exam-result img{width:74px}@media(max-width:500px){.new-exam-result img{width:100px}.new-exam-result p.exam-result-p{font-size:14px}.new-exam-result p.exam-result-tips1{font-size:16px;margin-top:36px}}.questions .question:last-child:after{content:" ";display:block;height:50px;width:100%}.p-rankingList ul{padding:0}.p-rankingList ul li{position:relative;height:100px;width:100%;list-style:none;margin-top:5px}.p-rankingList ul li.rankinto{background-color:#36aafd}.p-rankingList ul li.p-norankinto{background-color:#36aafd;margin-bottom:20px}.p-rankingList ul li span.rank-num{display:block;position:absolute;width:50px;height:50px;top:25px;left:10px;line-height:50px;font-size:22px;color:#333;text-align:center}.p-rankingList ul li.p-norankinto span.rank-num,.p-rankingList ul li.rankinto span.rank-num{color:#fff}.p-rankingList ul li span.rank-score{position:absolute;top:33px;right:20px;font-size:22px;color:#f16f25}.p-rankingList ul li.p-norankinto span.rank-score,.p-rankingList ul li.rankinto span.rank-score{color:#fff}.p-rankingList ul li .rank-context{min-width:210px;height:100px;margin-left:120px}.p-rankingList ul li .rank-context img{float:left;width:60px;height:60px;margin-top:20px;border-radius:30px}.p-rankingList ul li .rank-context span.info{float:left;margin-top:23px;margin-left:25px}.p-rankingList ul li .rank-context span.default-img{display:block;float:left;width:60px;height:60px;line-height:60px;margin-top:20px;border-radius:30px;font-size:30px;text-align:center}.p-rankingList ul li .rank-context span.img10{color:#48b9ff;border:2px solid #48b9ff}.p-rankingList ul li .rank-context span.img1{color:#ff5c83;border:2px solid #ff5c83}.p-rankingList ul li .rank-context span.img2{color:#7c66ff;border:2px solid #7c66ff}.p-rankingList ul li .rank-context span.img3{color:#52ff90;border:2px solid #52ff90}.p-rankingList ul li .rank-context span.img4{color:#61e1ff;border:2px solid #61e1ff}.p-rankingList ul li .rank-context span.img5{color:#ffe861;border:2px solid #ffe861}.p-rankingList ul li .rank-context span.img6{color:#4affcf;border:2px solid #4affcf}.p-rankingList ul li .rank-context span.img7{color:#ff9364;border:2px solid #ff9364}.p-rankingList ul li .rank-context span.img8{color:#4591ff;border:2px solid #4591ff}.p-rankingList ul li .rank-context span.img9{color:#ff6b64;border:2px solid #ff6b64}.p-rankingList ul li .rank-context span.img11{color:#fff;border:2px solid #fff}.p-rankingList ul li .rank-context span p:first-child{max-width:230px;font-size:20px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.p-rankingList ul li .rank-context span p:last-child{font-size:16px;color:#999}.p-rankingList ul li.p-norankinto .rank-context span p,.p-rankingList ul li.rankinto .rank-context span p{color:#fff}.p-rankingList ul li.no-more-data,.rankingList ul li.no-more-data{text-align:center;color:#999;font-size:16px}.rankingList ul li.no-more-data{text-align:center;color:#999;font-size:15px}.m-result-ranking .title-bar{padding-bottom:15px;color:#fff;background-color:#36aafd}.m-result-ranking .title-bar i{color:#fff}.m-result-ranking #back-result{padding:8px 0 0 18px}.m-result-ranking .rankingList{padding-top:55px;overflow-y:auto}.m-result-ranking .rankingList ul{padding:0}.m-result-ranking .rankingList ul li{position:relative;height:68px;width:100%;padding:0 10px;list-style:none;margin-top:5px}.m-result-ranking .rankingList ul li.rankinto{background-color:#36aafd}.m-result-ranking .rankingList ul li.m-norankinto{display:block;position:fixed;bottom:0;background-color:#36aafd;z-index:100}.m-result-ranking .rankingList ul li.m-norankinto-point{height:30px;margin-bottom:70px}.m-result-ranking .rankingList ul li.m-norankinto-point div.point{width:5px;height:30px;margin:0 auto}.m-result-ranking .rankingList ul li.m-norankinto-point div.point span.point{display:block;width:5px;height:5px;border-radius:2.5px;background-color:#999;margin-bottom:5px}.m-result-ranking .rankingList ul li span.rank-num{display:block;position:absolute;width:32px;height:32px;top:15px;left:10px;line-height:32px;font-size:18px;color:#333;text-align:center}.m-result-ranking .rankingList ul li.m-norankinto span.rank-num,.m-result-ranking .rankingList ul li.rankinto span.rank-num{color:#fff}.m-result-ranking .rankingList ul li span.rank-score{position:absolute;top:20px;right:15px;font-size:18px;color:#f16f25}.m-result-ranking .rankingList ul li.m-norankinto span.rank-score,.m-result-ranking .rankingList ul li.rankinto span.rank-score{color:#fff}.m-result-ranking .rankingList ul li .rank-context{min-width:160px;height:68px;margin-left:65px}.m-result-ranking .rankingList ul li .rank-context img{float:left;width:48px;height:48px;margin-top:10px;border-radius:24px}.m-result-ranking .rankingList ul li .rank-context span.info{float:left;margin-top:12px;margin-left:20px}.m-result-ranking .rankingList ul li .rank-context span.default-img{display:block;float:left;width:48px;height:48px;line-height:43px;margin-top:10px;border-radius:24px;font-size:20px;text-align:center}.m-result-ranking .rankingList ul li .rank-context span.img10{color:#48b9ff;border:2px solid #48b9ff}.m-result-ranking .rankingList ul li .rank-context span.img1{color:#ff5c83;border:2px solid #ff5c83}.m-result-ranking .rankingList ul li .rank-context span.img2{color:#7c66ff;border:2px solid #7c66ff}.m-result-ranking .rankingList ul li .rank-context span.img3{color:#52ff90;border:2px solid #52ff90}.m-result-ranking .rankingList ul li .rank-context span.img4{color:#61e1ff;border:2px solid #61e1ff}.m-result-ranking .rankingList ul li .rank-context span.img5{color:#ffe861;border:2px solid #ffe861}.m-result-ranking .rankingList ul li .rank-context span.img6{color:#4affcf;border:2px solid #4affcf}.m-result-ranking .rankingList ul li .rank-context span.img7{color:#ff9364;border:2px solid #ff9364}.m-result-ranking .rankingList ul li .rank-context span.img8{color:#4591ff;border:2px solid #4591ff}.m-result-ranking .rankingList ul li .rank-context span.img9{color:#ff6b64;border:2px solid #ff6b64}.m-result-ranking .rankingList ul li .rank-context span.img11{color:#fff;border:2px solid #fff}.m-result-ranking .rankingList ul li .rank-context span p:first-child{max-width:115px;font-size:16px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.m-result-ranking .rankingList ul li .rank-context span p:last-child{font-size:14px;color:#999}.m-result-ranking .rankingList ul li.m-norankinto .rank-context span p,.m-result-ranking .rankingList ul li.rankinto .rank-context span p{color:#fff}.new-input-group input[type=text],.new-input-group select{-webkit-appearance:none}.new-input-group input:not([type=radio]){outline:none}.input-group i{position:absolute;top:8px;right:8px;z-index:3}.have-bg.desktop .content-panel h1,.have-bg.desktop .content-panel h2,.have-bg.desktop .content-panel h3,.have-bg.desktop .exam-title h2,.have-bg.desktop span.introduction-exam-qrcode-tip,.have-bg.tablet .content-panel h1,.have-bg.tablet .content-panel h2,.have-bg.tablet .content-panel h3,.have-bg.tablet .exam-title h2,.have-bg.tablet span.introduction-exam-qrcode-tip{text-shadow:0 0 4px rgba(0,0,0,.7)}.have-bg .p-rankingList ul li .rank-context span p:first-child,.have-bg .p-rankingList ul li span.rank-num,.have-bg .p-rankingList ul li span.rank-score,.have-bg .p-rankingList ul li span p:last-child,.have-bg .row.p-rankingList{color:#fff!important;text-shadow:0 0 4px rgba(0,0,0,.7)}.have-bg.mobile .btn-option>i{color:#ddd;text-shadow:none}.have-bg.mobile .m-result-details .ques-title{text-shadow:none}h4.form-title{margin:20px 0}.time-left span.timeImg{display:block;overflow:hidden;margin:0 auto;width:25px}.introduction a{margin-bottom:20px}.new-input-group{height:45px;border-bottom:1px solid #ccc;color:#555}.new-input-group input:not([type=radio]){width:65%;border:none!important;background-color:hsla(0,0%,100%,0)!important}.new-input-group input[type=radio]{width:20px;margin-left:12px}.content-panel .content .form-actions,.new-input-group select{background-color:hsla(0,0%,100%,0)!important}.new-input-group select{width:65%;border:none!important}.new-input-group-addon{float:left;margin-top:5px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.new-btn{width:55%!important;text-wrap:wrap}.new-input-group select option{color:#555}.ul-show .time-left,header .ul-show div.ques-btn{overflow:hidden}.have-bg.mobile .btn-option-selected{background-color:#36aafd;border:2px solid #36aafd}.have-bg .erro-page p,.have-bg .erro-page p span{color:#fff}.erro-page{text-align:center}.have-bg.mobile body .new-input-group input::-webkit-input-placeholder{color:#fff}@media (max-width:500px){.new-input-group input:not([type=radio]),.new-input-group select{width:52%}.have-bg.mobile body .content-panel .content .form-control,.have-bg.mobile body .new-input-group{color:#fff}.have-bg.mobile body .new-input-group select option{color:#555}.have-bg .help-block{color:#fff!important}}.have-bg h3.text-center{color:#000}.questions.mobile .test_result.essay .score,.test_result.essay .score{text-align:left;display:block;margin-top:15px;float:none}.test_result.essay .keyword{padding:3px;transition:all .3s;cursor:pointer;text-decoration:underline}.test_result.essay .keyword:hover{background-color:#009aff;color:#fff;text-decoration:none}a.goToExam{margin-bottom:20px}.actions-list .list-group{position:relative;box-shadow:none!important}.actions-list .list-group:after{position:absolute;top:3px;left:158px;width:1px;height:calc(100% - 6px);background-color:#000;content:""}a.taken_record{display:block;height:17px;line-height:17px;margin-bottom:15px;color:#000;text-decoration:none}a.taken_record span{position:relative;display:block;float:left;margin-right:15px}a.taken_record span.tr_img img{max-width:100px}a.taken_record span i.fa-2x{font-size:1.3em}a.taken_record span.tr_time{min-width:137px}a.taken_record span.tr_type i{margin-right:15px}a.taken_record span.tr_datail{padding-right:15px}a.taken_record span.tr_datail:after{position:absolute;top:0;right:0;width:1px;height:100%;background-color:#e6e6e6;content:""}a.taken_record span.tr_datail:last-child:after{width:0}.have-bg a.taken_record{color:#fff}.have-bg .list-group:after{position:absolute;top:3px;left:158px;width:1px;height:calc(100% - 6px);background-color:#fff;content:""}.have-bg a.taken_record span.tr_datail:after{position:absolute;top:0;right:0;width:1px;height:100%;background-color:#fff;content:""}.test_result.essay .rightAnswer{margin-top:15px;width:100%}.part-content .content{width:900px;height:715px;margin:0 auto;float:none;display:table;position:relative}.part-content-moblie .content{width:90%;margin-top:20px;background-color:#fff!important;padding:30px;padding-top:40px;padding-bottom:15px;border:1px solid #eee;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-moz-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-o-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-moz-transition:.3s -moz-box-shadow linear;-webkit-transition:-webkit-box-shadow .3s linear;-o-transition:.3s -webkit-box-shadow linear;transition:box-shadow .3s linear;border-radius:10px}.part{width:100%;text-align:center;position:relative;margin-top:65px}.mobile .part{margin-top:35px}.part p{color:#000}.part img{width:200px;position:absolute;top:75px;left:50%;margin-left:-105px}.mobile .part img{top:-16px}p.exam-title{font-size:26px;margin-top:10px;margin-bottom:58px;color:#f97511!important}p.part-index{font-size:20px;margin-bottom:40px}p.part-title{width:100%;font-size:24px;overflow:hidden;text-overflow:ellipsis}p.part-description{margin-top:10px;font-size:16px;color:#bbb!important}.part-content ul.part-introduce{list-style:none;padding:0;margin:20px auto;max-width:235px;text-align:left;margin-top:40px;min-height:160px}.part-content ul.part-introduce li p{overflow:hidden;font-size:1.1em;border-bottom:1px solid #f0f0f0;padding-bottom:5px;padding-top:5px}.part-content ul.part-introduce li span:first-child{color:#b8b8b8}.part-content ul.part-introduce li span:last-child{float:right;font-size:1.2em}.part a{margin:10px 0 50px}.part-pc{width:500px;margin:65px auto 0}.part-pc a{width:235px}.part-content-moblie p.exam-title,.part-content-moblie p.part-index{font-size:20px}.part-content-moblie p.part-description{font-size:14px}.flash-msg.animated.danger{background-color:#f11111;color:#fff;margin-top:-50px}.box-white .icon{height:16px;width:auto;margin:8px 4px 8px 0}.share-icon{height:20px;width:auto;margin:0 10px}.user-head-img{padding-top:40px;padding-bottom:20px;width:100%;text-align:center}.mt-element-step .step-line .mt-step-col{padding:30px 0;text-align:center}.mt-element-step .step-line .done .mt-step-number{color:#fff!important}.mt-element-step .step-line .mt-step-number{font-size:26px;border-radius:50%!important;display:inline-block;margin:auto auto 5px;padding:4px;position:relative;z-index:5;height:46px;width:46px;text-align:center}.bg-white{background:#c9151e!important}.bg-color{color:#666!important;background:#e1e1e1!important}.mt-element-step .step-line .done .bg-color{background:#c9151e!important}.mt-element-step .step-line .done .mt-step-content,.mt-element-step .step-line .done .mt-step-title{color:#000!important}.mt-element-step .step-line .mt-step-title{font-size:16px;font-weight:400;position:relative}.mt-element-step .step-line .done .mt-step-title:after,.mt-element-step .step-line .done .mt-step-title:before{background-color:#c9151e}.mt-element-step .step-line .mt-step-title:after{left:50%}.mt-element-step .step-line .mt-step-title:after,.mt-element-step .step-line .mt-step-title:before{content:"";height:3px;width:50%;position:absolute;background-color:#e5e5e5;top:-28px;z-index:4;transform:translateY(-100%)}.mt-element-step .step-line .mt-step-title:before{right:50%}.mt-element-step .step-line .first .mt-step-title:before,.mt-element-step .step-line .last .mt-step-title:after{content:none}.face-container{width:80%;max-width:1600px;min-width:800px;min-height:680px;max-height:850px;margin:50px auto;background-color:#fff;border:1px solid #e5e3e3;text-align:center;padding-top:40px;padding-bottom:80px;position:absolute;left:0;right:0;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);border-radius:20px}.face-container p{color:#000;font-size:20px;font-weight:700}.face-container .camera-tip p{font-size:14px;color:#333;font-weight:400}.face-container .face-video-box{width:100%;display:flex;justify-content:center;text-align:left;margin:0 auto;padding:16px;border-radius:5px;min-height:216px;margin-bottom:15px}.face-container .tip-box .container{width:100%!important;display:flex;justify-content:center}.face-container .faceview{position:absolute;left:0;right:0;margin:auto}.face-container .red{width:230px;height:52px;background-color:#ff962a;border-radius:30px;color:#fff}.face-stu-info{display:inline-block;max-width:742px;background-color:#f9f9f9;margin-bottom:40px}.face-stu-info>div{float:left;margin:40px}.face-stu-info div>div:first-of-type img{max-width:150px;border:1px solid #e6e6e6}.face-stu-info div>p{font-size:14px;color:#999;margin-top:15px;font-weight:400}.face-stu-info div>div:first-of-type{padding:5px;background:#fff;border:1px solid #e6e6e6}.face-stu-info div:first-of-type{margin-right:0}.face-stu-info div:nth-child(2){max-width:460px;max-height:500px;overflow-y:auto;min-width:400px}.face-stu-list{list-style:none;padding-left:0}.face-stu-list li{word-break:break-all;text-align:left;color:#000;margin-bottom:16px}.face-video-box .face-img{max-width:150px;border:1px solid #e6e6e6;padding:10px}.face-video-box .face-img-box{padding:5px;background-color:#fff;margin-bottom:5px}.face-video-box div:first-of-type{display:flex;flex-direction:column;text-align:left;vertical-align:top;margin-right:20px}.face-video-box div:first-of-type p{font-weight:400;font-size:14px;color:#999;padding-left:5px;line-height:36px;max-width:240px;word-wrap:break-word;word-break:break-all}.face-video-box div:first-of-type p span{color:#333}.face-canvas-box{position:relative;display:inline-block;width:800px;height:450px;background-color:#000}.mt-element-step .mt-step-number{cursor:pointer}.face-container .face-notice-title{font-size:20px;margin:auto;margin-bottom:30px;width:660px;padding-bottom:40px;border-bottom:1px solid #e6e6e6}.face-container .face-notice-box{width:660px;margin:0 auto;padding-bottom:60px;padding-left:30px}.face-container .face-notice-box p{text-align:left;font-size:16px;color:#666;font-weight:400}.face-container .face-info-title{font-size:18px;margin-bottom:30px}.face-container .face-info-head{vertical-align:middle}.face-container .face-verify-title{font-size:18px}.face-container .face-verify-mes{color:#d52b2a;font-size:24px;font-weight:700;margin-bottom:15px;padding:0 55px}.face-container .verify-desc{padding-bottom:30px;position:relative}.logined-face{min-width:230px;height:52px;border-radius:30px;border:1px solid #ff962a;background-color:#fff;font-size:16px;color:#ff962a}.logined-face:hover{color:#ff962a!important}.scorecode-qrcode{right:0;visibility:hidden;position:absolute;margin-left:-140px;top:-240px;width:160px;transition:all .3s;opacity:0;box-shadow:none}.score-code-tip:hover+.scorecode-qrcode{visibility:visible;top:-170px;opacity:1;box-shadow:4px 4px 15px #222,-4px -4px 15px #222}.MathJax{outline:0}.questions .question:last-child:after{height:0!important}.split-container{min-height:240px;width:100%;margin-top:15px;position:relative;overflow-x:hidden}.split-title{height:auto;overflow-y:scroll;overflow-x:hidden;text-align:justify;padding-right:4px}.split-option{transition:left .6s ease;overflow-y:auto;position:absolute;left:0;padding-top:0;display:flex}.split-option .row-box .wordNum{margin-right:6%!important}.split-option .row-box .fillblanklist .input-con .form-control{width:94%!important}.split-option .row-box{border:0;padding-top:0}.split-option .package-child-question{width:100%;position:relative;float:left;padding-right:30px;flex:1}.split-footer{width:100%;padding-left:0;padding-right:0;clear:both;margin-bottom:0}.split-buttons-left,.split-footer{position:fixed;bottom:0;z-index:110}.split-buttons-left{width:50%;left:0}.split-buttons-right{width:50%;position:fixed;bottom:0;right:0;z-index:110}.split-buttons .btn{border-radius:0}p.preview-tips{text-align:center;margin-top:20px}p.mobile-preview-tips{text-align:center;margin-top:60px}.getReward,.getReward-mobile{text-align:center}.getReward img.rewardOpen{width:300px;margin-top:200px;cursor:pointer}.getReward img.rewardbg{position:absolute;width:660px;z-index:1;top:50%;left:50%;margin-left:-330px;margin-top:-305px}.getReward img.rewardMoney{position:absolute;width:300px;z-index:2;top:50%;left:50%;margin-left:-150px;margin-top:-164px}.getReward .getReward-action .getReward-success{margin-top:27px}.getReward .getReward-action .getReward-success img{width:100px}.getReward .getReward-action .getReward-tip{margin-top:60px;font-size:15px;width:235px;margin-left:25px}.getReward .getReward-action .getReward-btn{margin-top:33px;font-size:17px;cursor:pointer}.getReward-mobile img.rewardOpen{width:300px;margin-top:100px}.getReward-mobile img.rewardbg{position:absolute;width:100%;z-index:1;top:0;left:0}.getReward-mobile img.rewardMoney{position:absolute;width:300px;z-index:2;top:50%;left:50%;margin-left:-150px;margin-top:-164px}.getReward-mobile .getReward-action,.getReward .getReward-action{position:absolute;width:300px;height:328px;z-index:3;top:50%;left:50%;margin-left:-150px;margin-top:-164px}.getReward-mobile .getReward-action p,.getReward .getReward-action{padding-right:10px}.getReward-mobile .getReward-action .getReward-success{margin-top:35px;font-size:30px;color:#d4172b}.getReward-mobile .getReward-action .getReward-money{margin-top:10px;font-size:14px;color:#d4172b!important}.getReward-mobile .getReward-action .getReward-tip{margin-top:70px;font-size:15px;color:#fff3a5;width:235px;margin-left:25px}.getReward-mobile .getReward-action .getReward-btn{margin-top:23px;color:#d4172b;font-size:17px}.getReward-mobile .get-reward-error{width:80%;margin:150px auto 0;height:150px;color:#fff!important}.getReward-mobile .get-reward-error p{font-size:18px}.getReward-mobile .get-reward-error a{width:60%;margin-top:100px;border-color:#fff;border-radius:21px;background-color:transparent}a.getAfterReward{width:100%;color:#d4172b!important;border-color:#fff;border-radius:21px;background-color:#fff3a5;font-size:16px}.mobile a.getAfterReward{width:60%;font-size:14px;margin-bottom:15px}.bbcode-em-dot{position:relative}.bbcode-em-dot:before{content:".";position:absolute;top:-9px;left:25%;font-size:30px}.preview-float{position:fixed;left:0;top:0;width:100%;height:15px;line-height:15px;background-color:#c7e1f9;color:#d80202;z-index:101;font-size:12px}.preview-float,.scorecode-qrcode-noresult{text-align:center}.scorecode-qrcode-noresult img{display:none;margin:10px auto 0;transition:all .3s;position:absolute;left:0;right:0}.score-code-tip-noresult:hover+.scorecode-qrcode-noresult img{display:block}.loading{margin-top:30px;text-align:center}.doexam-loading{width:calc(100% - 390px)}.mobile .doexam-loading{width:100%}.retrain-head{height:50px;line-height:50px;text-align:center;background-color:#fff}.retrain-head p{font-size:18px}.mobile .retrain-main{margin-top:30px}.retrain-main .row-box{margin-bottom:0;padding:0 15px;background-color:transparent}.retrain-main .ques-title{margin-top:15px}.retrain-main .ques-score{display:none}.retrain-main .rightAnswer{float:none}.retrain-main .userAnswer{float:none;margin-top:15px;text-align:left}.desktop .retrain-foot{position:absolute;margin-left:0;left:0;z-index:1}.desktop .retrain-foot .submit-buttons,.desktop .retrain-footer-pc .submit-buttons{text-align:center!important;position:relative;width:100%}.desktop .retrain-footer-pc .submit-buttons{margin-top:100px}.retrain-result{padding-top:50px;overflow:hidden}.retrain-result p{font-size:22px}.retrain-result p span{display:block;float:left;width:50%;margin-top:20px}.retrain-result p span.left{text-align:right;font-weight:700}.retrain-footer-pc{margin-top:150px}.change-lang{position:absolute;right:0;top:65px}.change-lang span{margin-right:15px;cursor:pointer}img.lang-change{top:45px;position:absolute;right:-42px;width:35px;cursor:pointer}.mobile img.lang-change{right:15px;top:20px;width:32px}img.nav-lang-change{top:8px;right:150px}.mobile img.nav-lang-change{right:14px;top:14px}header div.brandinfo a{display:block;float:left;height:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-wrap:none}.show-img{margin-top:10px;overflow:hidden}.show-img a{display:inline-table;max-width:160px;border:none;margin:0 10px 10px 0;padding:5px;text-decoration:none;color:#000}.show-img a p{text-align:center}.show-img a img{border-radius:5px;max-width:130px;max-height:130px;margin:0}.show-img-overview{padding-top:70px}.show-img-overview>span.veo-L{left:50px;bottom:50%;margin-bottom:-21px;cursor:pointer}.show-img-overview>span.veo-R{right:50px;bottom:50%;margin-bottom:-21px;cursor:pointer}.img-preview{position:fixed;width:100%;left:0;right:0;bottom:60px;margin:auto;overflow:hidden;z-index:99999;text-align:center}.img-preview ul{display:inline-block;margin:0;padding:0}.img-preview ul li{position:relative;float:left;margin-right:10px;list-style:none;cursor:pointer}.img-preview ul li.over span{display:block;position:absolute;width:100%;height:100%;border-radius:5px;z-index:9;background:hsla(0,0%,100%,.6)}.img-preview ul li img{max-width:93px;max-height:73px;border-radius:5px}p.show-img-tips{font-size:14px;color:#999}@media (max-width:768px){.show-img a{max-width:25%;margin:0 5px 5px 0}.show-img a img{max-width:100%;max-height:80px}.show-img-overview>span.veo-L{left:0}.show-img-overview>span.veo-R{right:0}.show-img-overview{padding-top:0}.vr-essay-overview>img#vrShowBigImg{max-width:100%!important}}.come-back,.come-back:active,.come-back:hover{padding:14px 22px 16px 30px;background-color:#36aafd;box-shadow:0 8px 20px 0 rgba(54,170,253,.35);border-radius:45px 0 0 45px;float:right;text-align:center;line-height:20px;font-size:20px;color:#fff;margin-right:-15px;margin-top:15px;text-decoration:none}.wrong-pack-tip{padding-top:20px;color:red}.question-analysis audio,.question-analysis video{vertical-align:middle!important;max-width:100%}.new-content-panel .content{width:600px;margin:70px auto 0;float:none;display:table;position:relative;text-align:center;min-height:660px}.brand-info{padding-bottom:40px;margin-top:40px;border-bottom:1px solid #e6e6e6;text-align:center}.brand-info img{max-height:100px;max-width:550px}.brand-info p{margin-top:20px;font-size:18px;color:#666!important}p.new-exam-title{margin-top:30px;font-size:22px;color:#36aafd!important}.content-panel .content h4{margin:35px 0 45px}.group-login .content .title{margin-bottom:130px}.input-group{width:100%;padding:0 70px}.has-error .input-group-addon{background-color:#fff}.has-error .input-group .form-control{border-color:#ff4949!important}.input-group .form-control{height:40px;background-color:#f6f6f6!important;border-radius:4px;border:1px solid #e6e6e6!important;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}.new-content-panel .content .form-actions{padding-top:95px}.new-content-panel .content .form-group{margin-bottom:40px}.new-content-panel .content .input-group-addon{border:none;background-color:#fff;text-align:left;font-size:16px;color:#666}.new-content-panel .content .help-block{text-align:left;color:#ff4949!important}.new-content-panel .content .form-title{margin-bottom:30px}.new-content-panel .content .input-group i{display:none}.new-content-panel .content .input-group input:not([type=radio]){border:none;outline:none}.new-content-panel .content .input-group input:not([type=radio]):focus{border:1px solid #36aafd!important}.new-content-panel .content .input-group input[type=radio]{width:20px;margin-left:12px;float:none;display:inline-block}ul.check-info{padding-bottom:90px;text-align:left}ul.check-info li{display:block;overflow:hidden;list-style:none;margin:5px 0}ul.check-info li span{text-align:left;font-size:14px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis}ul.check-info li span:first-child{width:25%;margin-right:3%;text-align:right;color:#666}ul.check-info li span:last-child{word-break:break-all;width:70%;color:#333}.checkout h4{font-size:20px;color:#333;font-weight:700}.btn-two{width:180px!important;float:left;margin-left:60px}.new-content-panel .checkinfo .form-actions{position:absolute;bottom:0}.new-content-panel .checkinfo img{max-height:180px;max-width:240px;margin-bottom:45px}.new-content-panel a.goToExam{width:250px}.new-content-panel .license .form-title{margin-top:130px}.new-content-panel .collect .form-title{margin-top:80px}.new-viewresult{max-width:775px;background-color:#fff;border-radius:8px;margin-top:55px;padding:16px 0 0}.new-viewresult p.new-exam-title{text-align:center;margin-bottom:60px}.new-viewresult .nav-tabs{margin:0 10px}.new-viewresult .nav-tabs>li>a{font-size:18px;padding:10px 48px!important}.new-viewresult .tester-info{text-align:center;margin-top:30px}.new-viewresult .tester-info p:first-child{font-size:20px;color:#333}.new-viewresult .tester-info p:last-child{font-size:14px;color:#999}.new-viewresult .comment{margin-top:75px}.new-viewresult .exam-record-info{float:left;text-align:center}.new-viewresult .exam-record-info:first-child{padding-top:33px;width:calc(50% - 80px)}.new-viewresult .exam-record-info:nth-child(2){width:160px}.new-viewresult .exam-record-info:last-child{padding-top:33px;width:calc(50% - 80px)}.new-viewresult .result-scores .svg-circle-progress-wrapper{margin:0!important}.new-viewresult .exam-record-info p.score-time{font-size:26px}.new-viewresult .new-info-main{margin-top:80px;background-color:#f6f6f6;padding:0 40px}.new-viewresult .info-row{width:100%;height:70px;margin:0;border-bottom:1px solid #e6e6e6;background-color:#f6f6f6}.new-viewresult .info-row .info-col-left,.new-viewresult .info-row .info-col-right{line-height:70px;font-size:16px}.new-viewresult .info-row .info-col-right i{font-size:30px;color:#36aafd}.new-viewresult .info-row .info-col-left{padding-left:37px;color:#333}.new-viewresult .info-row .info-col-left i{position:absolute;left:0;top:22px;font-size:25px;color:#36aafd;margin-right:10px}.new-viewresult .info-row .info-col-left img.icon{position:absolute;left:0;top:22px;width:26px;color:#36aafd;margin-right:10px}.new-viewresult .info-row .info-col-right a.share{margin-right:30px}.new-viewresult .actions{margin-top:45px}.new-viewresult .actions-list{margin:60px 25px 0}.new-viewresult .actions-list i.fa-circle{color:#36aafd}.new-viewresult .actions-list .list-group:after{background-color:#36aafd}.new-viewresult .p-rankingList{margin:30px 35px 0}.new-viewresult .answer-details-btns{margin:25px 0 30px 33px}.new-result-btn{padding:7px 22px!important}.btn.new-result-btn,.new-result-btn:active{box-shadow:none}.new-viewresult .answers-list .row-box{border-top:none;border-left:none;border-right:none}.answers-list .question:last-child .row-box{border-bottom:none!important}.new-viewresult .test_result .rightAnswer,.new-viewresult .test_result .score,.new-viewresult .test_result .userAnswer{margin-bottom:20px;color:#666}.new-doexam-main{margin-top:70px}@media (max-width:1300px){.new-doexam-main{margin-top:20px}}.time-left span.time{font-size:34px;color:#36aafd;font-weight:400}.time-left .time-tip{color:#666;font-size:18px}.time-left .time-tip img{width:20px}.time-left .time-tip i{color:#666;font-size:20px}.time-left .page{margin:25px 0;font-size:18px;color:#333}.metas-footer{position:absolute;width:100%;bottom:0;left:0}.metas-footer .question-lists-tips{height:40px;line-height:40px;background-color:#f6f6f6;border:1px solid #e6e6e6;margin-top:7px}.metas-footer .question-lists-tips span.lang img{width:20px;cursor:pointer}.student-info img{max-width:100px;max-height:140px}.student-info ul.check-info{text-align:left;padding:30px 5px 0 10px}.student-info ul.check-info li span{margin-bottom:15px;font-size:12px;color:#333}.student-info ul.check-info li span:first-child{white-space:unset;text-overflow:unset}.capture-camera{position:absolute;width:100%;bottom:0;left:0;overflow:hidden}.capture-camera p{font-size:16px;color:#222}.camera-doing{width:180px;height:135px;margin:15px auto}.check-info p.more{text-align:center;color:#36aafd;font-size:12px;cursor:pointer}.exam-submit-action{float:none;margin:0 auto}.part-content .exam-metas{margin-left:48px}.m-brandinfo{text-align:center}.m-brandinfo img{margin-top:15px 0;max-width:80%;max-height:100px;margin:10px 0}.m-brandinfo p{margin-top:15px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000}.doexam-main{background-color:#fff;min-height:715px;padding-bottom:132px}.doexam-main>p{text-align:center;font-size:26px;color:#36aafd;margin:45px 0 30px}.clear-after:after{width:0!important;height:0!important}.pd-15{padding-bottom:15px}.question .row-box{position:relative;margin-top:47px;margin-bottom:50px}.question:first-child .question-main-content{margin-top:15px}.question .row-box:after{content:"";position:absolute;left:0;bottom:-50px;width:100%;height:1px;background-color:#e6e6e6}.doexam-main .question:nth-last-of-type(2) .question-main-content:after,.mobile .question:last-child .question-main-content:after,.new-viewresult .question:last-child .question-main-content:after{height:0}.package-child-question:last-child .row-box{margin-bottom:0}.package-child-question:last-child .row-box:after{height:0}.package-child-question .row-box{margin-top:35px;margin-bottom:35px}.package-child-question .row-box:after{bottom:-35px}.mobile-questions.in-review .question:last-child .question-main-content:after{width:0;height:0}.desktop .submit-buttons{position:absolute;width:750px;background-color:#fff;padding:40px 80px 50px;margin-bottom:0;bottom:0}.desktop .submit-buttons>p{position:absolute;width:100%;bottom:12px;left:0;font-size:12px;color:#999;text-align:center}@media (max-width:1200px){.exam-metas{width:175px}.desktop .submit-buttons{width:616px}}.question .row-box{height:100%}.box-white a{margin-right:15px}.new-m-brandinfo{box-shadow:0 3px 5px 0 rgba(0,0,0,.1);background-color:#fff;margin:15px;border-radius:8px;overflow:hidden}.new-m-brandinfo p{margin-bottom:15px}.m-introduction{overflow:hidden;background-color:#fff;margin:0 0 30px;padding:30px 10px;border-radius:8px;box-shadow:0 3px 5px 0 rgba(0,0,0,.1)}@media (max-width:500px){.m-introduction{margin:0 15px 30px}}.introduction-item{font-size:14px;color:#666;margin-bottom:45px}.introduction-item:last-child{margin-bottom:0}.introduction-item>p{width:100%;padding-left:33px}.introduction-item>p.user-introduce{padding-left:unset;word-wrap:break-word}.introduction-item>p:first-child{font-size:18px;color:#333;margin-bottom:15px;padding-left:0}.introduction-item p i{font-size:25px;margin-right:10px;color:#36aafd;vertical-align:middle}.introduction-item ul.userguidelines{padding:0;margin:0;margin-left:33px}.introduction-item ul.userguidelines li{margin-bottom:10px;color:#ff962a}.introduction-item ul.userguidelines li p{color:#666}.introduction-item p.ii-icon img{width:17px}.goToExam{text-align:center}.goToExam a{width:80%}.input-group .form-control{float:right}.input-group-addon{float:left;padding-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile .new-input-group{border-bottom:none}.new-m-input-group{width:100%}.new-m-input-group .form-control{height:40px;background-color:#f6f6f6!important;border-radius:4px;border:1px solid #e6e6e6!important}.new-m-input-group-addon{margin-bottom:15px;font-size:18px;color:#36aafd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile .new-m-input-group-addon{margin-bottom:7.5px}.mobile .content-panel .content .form-group{margin-bottom:15px}.new-content{padding:10px 30px!important}.mobile .new-content{padding:10px 20px!important}.mobile .collect h4.form-title,.mobile .group-login h4.form-title{margin:80px 0!important;font-size:25px;color:#333;text-align:left}.mobile .group-login .form-actions{margin-top:90px!important}.mobile .new-content-panel .content{width:100%}.mobile .check-info{padding:0;margin:10px 10px 0}.mobile .checkinfo{margin-top:0!important;box-shadow:none}.mobile ul.check-info li{border-bottom:1px solid #e6e6e6;height:60px;line-height:60px}.mobile ul.check-info li.check-info-item0{height:100px;line-height:100px}.mobile .new-content-panel .checkinfo img{max-height:200px;max-width:120px;margin-bottom:0}.mobile ul.check-info li span{margin-bottom:0}.mobile ul.check-info li span:first-child{text-align:left;font-size:15px;color:#36aafd}.mobile ul.check-info li span:last-child{text-align:right;font-size:15px;color:#333}.mobile h4.checkinfo{margin:15px 10px!important;font-size:25px!important;text-align:left!important;font-size:16px!important;font-weight:700;line-height:38px;color:#333;padding-left:40px;background:url("/static/images/group/header.png") 0 7px no-repeat;background-size:28px 25px}.footer-action{position:absolute;left:10px;bottom:50px;padding:10px;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-moz-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-o-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-moz-transition:.3s -moz-box-shadow linear;-webkit-transition:-webkit-box-shadow .3s linear;-o-transition:.3s -webkit-box-shadow linear;transition:box-shadow .3s linear}.desktop .footer-action{left:0}.footer-action ul{padding:0;margin:0}.footer-action ul li{line-height:55px;list-style-type:none;font-size:17px;color:#333;border-bottom:1px solid #eee;text-align:left;cursor:pointer}.footer-action ul li:last-child{border-bottom:none}.footer-action ul li img{width:30px;margin-right:10px}.footer-action span.triangle-down{position:absolute;left:10px;bottom:-10px}.desktop .footer-action span.triangle-down{left:30px}span.triangle-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #fff}.mobile-questions{height:100%;width:100%;position:fixed;left:0;right:0;padding:0 15px;padding-bottom:135px;background:#fff;margin-top:60px;overflow:auto;transition:all .4s}.mobile-questions-left{left:-100%;transition:all .4s}.mobile-questions-right{left:100%;transition:all .4s}.result-status{position:relative;width:100%;margin:40px auto 0;padding-top:0;border-radius:5px;background-color:#fff;text-align:center}.result-status .head-img-bg{position:absolute;width:66px;height:66px;border-radius:33px;top:-27px;left:50%;margin-left:-33px;background:#fff;text-align:center}.result-status img.head-img{width:60px;height:60px;border-radius:30px;margin-top:3px}.result-status img.check{width:64px;margin:70px 0 50px}.result-status p.tester{font-size:15px;color:#333;margin-top:40px}.result-status p.number{font-size:40px;color:#ff962a;margin:20px 0}.result-status p.number span{font-size:15px}.result-status p.thank-tips{font-size:18px;color:#333;margin-bottom:100px;padding:0 15px}.result-status p.exam-result-tips1{font-size:18px;color:#333}.result-status p.exam-result-tips2{font-size:14px;color:#999}.result-status p.exam-result-code{margin:20px 0}.mobile-result-detail{margin-bottom:20px;overflow:hidden}.mobile-result-detail .mrd-item{border-right:1px solid #e6e6e6;color:#333;font-size:15px;float:left}.mobile-result-detail .mrd-item:last-child{border-right:none}.mobile-result-detail .item-total-score{width:220px}.mobile-result-detail .item-end-time{width:calc(100% - 412px);margin:0 auto}.mobile-result-detail .item-taken-time{width:190px}@media (max-width:500px){.mobile-result-detail .item-total-score{width:100px}.mobile-result-detail .item-end-time{width:calc(100% - 172px);margin:0 auto}.mobile-result-detail .item-taken-time{width:70px}}.mobile-result-detail .item-total-score i{color:#36aafd}.mobile-result-detail .item-total-score img{width:15px;margin-bottom:2px}.mobile-result-detail .item-end-time img{width:15px}.mobile-result-detail .item-end-time i{color:#1ad8d6;font-size:18px}.mobile-result-detail .item-taken-time i{color:#ff832e}.mobile-result-detail .item-total-score p:first-child{color:#36aafd}.mobile-result-detail .item-end-time p:first-child{color:#1ad8d6}.mobile-result-detail .item-taken-time p:first-child{color:#ff832e}.m-result-info .items{background-color:#fff;border-radius:5px;margin-top:10px}.box-white i.icon{font-size:17px;color:#36aafd}.box-white>a>i{font-size:17px}.time-left i{font-size:28px;vertical-align:middle}.btns-center{text-align:center;margin-bottom:15px}.btns-center a{width:55%!important}.result-thank{margin-bottom:60px;min-height:300px}.answer-details-btns .new-result-btn{background-color:#f5f5f5;color:#999;text-shadow:none;background-image:none;box-shadow:none}.modal-dialog{margin-top:200px;width:500px}.mobile .modal-dialog{margin-top:100px;width:80%;max-width:440px;margin:100px auto 0}h4.modal-title{font-size:14px;color:#333;font-weight:700}.modal-header{background-color:#f7f7f7;border-top-left-radius:6px;border-top-right-radius:6px}.miniCamera{width:446px;height:420px;margin-left:-223px;margin-top:-210px}.miniCamera .modal-content{border:none;box-shadow:none}.miniCamera .modal-header{height:48px;background:#f2f7ff;padding:13px 26px;color:#1876d5;border-radius:5px 5px 0 0}.miniCamera .modal-body{padding-top:40px;padding-bottom:0;position:relative}.miniCamera .modal-body p{font-size:16px;color:#ec5953;margin-bottom:30px}.miniCamera .modal-body img{width:240px}.miniCamera .modal-body img.logo{position:absolute;top:215px;left:0;right:0;margin:auto;width:48px;background:#fff;border:4px solid #fff;border-radius:6px}.modal-body{min-height:225px;text-align:center;padding-top:50px}.mobile .modal-body{height:165px;padding-top:25px}.modal-body img{width:44px;margin-bottom:15px}.modal-body img.webcamPicture{width:unset;max-width:100%;max-height:240px}.cheat-picture-list li>div,ul.webcam-picture-list li>div{text-align:center;line-height:30px}.modal-body img.cheatPicture{width:unset;max-width:100%;max-height:300px}.modal-footer{padding:15px 0 45px;text-align:center;border-top:none}.mobile .modal-footer{padding:15px 0}.modal-header{padding:8px;border-bottom:0}.modal-footer button{max-width:200px;width:auto;text-wrap:wrap}.new-viewresult .info-row:last-child{border-bottom:none}.answers-list-tips{font-size:16px;color:#999}.test_result_span_title{color:#333}.mobile body{background:#fff}a:focus,a:hover{color:#0095ff}.banner-grey{background-color:#f3f4f8;height:10px}.m-result-details .tab-pane h3.text-center{font-size:16px;color:#999}.tab-pane .checkout-data{width:474px;height:35px;background-color:#fcfcfc;border-radius:25px;margin:auto;border:none;margin-top:35px}.m-result-details .ques-answers{margin-bottom:0}.m-result-details .question:last-child .ques-answers{border-bottom:none!important}@media (min-width:769px) and (max-width:1025px){.container{padding:0}}.need-left15{left:15px}.need-left0{left:0}.empty{display:block;width:150px;margin:100px auto 20px}.new-m-input-group input[type=text],.new-m-input-group select{-webkit-appearance:none}.new-m-input-group input:not([type=radio]){outline:none}textarea.form-control{-webkit-appearance:none;outline:none}.no-result .btns a{width:200px;margin:65px 15px 0}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:none}.exam-metas .timer>p{padding-top:11px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.time-left .time-main{margin-top:11px;border-top:1px solid #e6e6e6}.erro-page h2{font-size:24px}.erro-page>img{width:209px;margin:30px 0;-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;pointer-events:none}.erro-page p{width:70%;margin:0 auto;font-size:16px;color:#999}.erro-page p:last-child{margin-bottom:20px}.erro-page p.time{margin:10px auto 0;color:#36aafd}.erro-page p span{font-size:24x;color:#333}.erro-page a{width:220px}.erro-page-btn{margin-top:15px}@media (max-width:768px){.erro-page .result>img{width:225px;margin-top:20px}.erro-page p{width:90%;font-size:14px}.erro-page p span{font-size:18px}.erro-page p:last-child{margin-bottom:20px}}.child-release-content{margin:0 auto;margin:15px 0}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#36aafd;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{width:90px;height:90px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:4% auto;box-shadow:inset 0 0 0 #36aafd;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}textarea{resize:none}#qr{margin-top:58px}.share-right{float:right;margin:8px 25px 0 0!important}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 120px #36aafd}}.new-tips-switchs{position:fixed;left:0;top:0;right:0;width:100%;margin:0;height:100%;background-color:rgba(0,0,0,.74);z-index:4}.new-tips-content{position:relative;width:300px;height:300px;margin:0 auto;margin-top:200px;padding:78px 10px 0;background-color:#fff;border-radius:5px;text-align:center}.new-tips-content .form-actions{position:absolute;width:100%;bottom:10px;left:0}.get-Integral-tips{height:260px;margin-top:300px}.mobile .get-Integral-tips{margin-top:200px}.get-Integral-tips img{position:absolute;width:80%;top:-78px;left:50%;margin-left:-40%;z-index:5}.get-Integral-tips .integral-icon-title{position:absolute;width:100%;top:64px;left:0;text-align:center;z-index:6;font-size:24px;color:#fff}.get-Integral-tips .integral-tips{margin-top:75px;color:#000}.matching-box{position:relative;float:left;width:100%;justify-content:space-between}.matching-box ul{padding:0;margin:0;height:100%;float:left;user-select:none}.matching-box ul li{position:relative;display:flex;max-width:280px;height:50px;margin:15px 0;padding:5px 15px;align-items:center;justify-content:space-between;border:1px solid #387dfe;background:#387dfe;color:#fff}.matching-box ul li:last-child{margin-bottom:0}.matching-box ul.middle li{position:relative}.matching-box ul.middle li span{position:absolute;width:50px;height:50px;left:0;top:0}.matching-box ul li span.connected{background:url("/static/images/connected.png") no-repeat;background-position:50%}.desktop .matching-box ul li span.connected:hover{background:url("/static/images/disconnected.png") no-repeat;background-position:50%}.matching-box ul.left li{padding:5px 40px 5px 15px;border-bottom-left-radius:25px;border-top-left-radius:25px;min-width:200px}.matching-box ul.left li.active{padding:5px 25px 5px 15px;background:#36aafd;background-size:200px 40px;animation:gradientBGLeft .25s linear;animation-fill-mode:forwards;border:0}.matching-box ul.left li:after{content:"";display:block;position:absolute;right:-1px;top:-1px;width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-right:30px solid #fff}.matching-box ul.left li.dragin{background:#36aafd;border:1px solid #36aafd}.matching-box ul.right li{border:1px solid #ecf0ff;background:#ecf0ff;border-bottom-right-radius:25px;border-top-right-radius:25px;min-width:200px;text-align:center;line-height:25px;font-size:16px;color:#36aafd;cursor:pointer}.matching-box ul.right li:before{content:"";display:block;position:absolute;left:-31px;top:-1px;width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-right:30px solid #ecf0ff}.matching-box ul.left li.active:after{content:"";display:none}.matching-box ul.right li.active{border:0;background:#36aafd;background-size:200px 40px;animation:gradientBGRight .18s linear;animation-delay:.295s;animation-fill-mode:forwards;color:#fff;cursor:auto!important}.matching-box ul.right li.active:before{content:"";display:none}.matching-box ul.middle li{width:50px;background:#fff;border:1px solid #fff;padding:0;text-align:center}.matching-box ul.middle li.active{border:0;background:#36aafd;background-size:200px 40px;background-position:50%;animation:gradientBGMiddle .21s linear;animation-delay:.16s;animation-fill-mode:forwards}.matching-box ul.middle li span{opacity:0;cursor:pointer;margin:0 auto}.matching-box ul.middle li.active span{opacity:1}.matching-box ul li p{width:100%;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;font-size:16px}.mobile .matching-box ul{width:calc(50% - 25px)}.mobile .matching-box ul li{width:100%;padding:0;max-width:100%;font-size:14px}.mobile .matching-box ul li p{font-size:14px}.mobile .matching-box ul li{min-width:unset}.mobile .matching-box ul.left li.active{padding:0}.mobile .matching-box ul.middle{width:50px}.mobile .matching-box ul.left li p{padding:0 25px 0 5px}.mobile .matching-box ul.right li.select{border:1px solid #36aafd}.matching-box ul.right li span.linkTip,.matching-box ul.right li span.nolinkTip{display:none;position:absolute;height:24px;background-color:#fff;border:1px solid #999;top:40px;z-index:10;font-size:12px;line-height:21px;color:#d52b2a;padding:0 7px;padding-right:20px;white-space:nowrap}.matching-box ul.right li span.linkTip{color:#333}.matching-box ul.right li span.linkTip img,.matching-box ul.right li span.nolinkTip img{margin-right:7px}.matching-box ul.right li.enter span.linkTip,.matching-box ul.right li.move span.nolinkTip{display:inline-block}.matching-box ul.right li.move{cursor:no-drop}.matching-box ul.right li.enter{cursor:pointer}.matching-box ul.right li.enter span.nolinkTip{display:none}.mobile .matching-box ul.right li.select:before{border-right:25px solid #36aafd}.mobile .matching-box ul.right li{padding:0 5px;text-align:center;line-height:unset}@keyframes gradientBGLeft{0%{background:linear-gradient(-45deg,#36aafd 100%,#387dfe 0)}6.25%{background:linear-gradient(-45deg,#36aafd 87.5%,#387dfe)}12.5%{background:linear-gradient(-45deg,#36aafd 75%,#387dfe)}18.75%{background:linear-gradient(-45deg,#36aafd 62.5%,#387dfe)}25%{background:linear-gradient(-45deg,#36aafd 50%,#387dfe)}31.25%{background:linear-gradient(-45deg,#36aafd 37.5%,#387dfe)}37.5%{background:linear-gradient(-45deg,#36aafd 25%,#387dfe)}42.75%{background:linear-gradient(-45deg,#36aafd 12.5%,#387dfe)}50%{background:linear-gradient(-45deg,#36aafd,#387dfe)}56.25%{background:linear-gradient(-45deg,#36aafd,#387dfe 87.5%)}62.5%{background:linear-gradient(-45deg,#36aafd,#387dfe 75%)}68.75%{background:linear-gradient(-45deg,#36aafd,#387dfe 62.5%)}75%{background:linear-gradient(-45deg,#36aafd,#387dfe 50%)}81.25%{background:linear-gradient(-45deg,#36aafd,#387dfe 37.5%)}87.5%{background:linear-gradient(-45deg,#36aafd,#387dfe 25%)}93.75%{background:linear-gradient(-45deg,#36aafd,#387dfe 12.5%)}to{background:linear-gradient(-45deg,#36aafd,#387dfe 0)}}@keyframes gradientBGMiddle{0%{background:linear-gradient(-45deg,#36aafd 100%,#387dfe 0)}6.25%{background:linear-gradient(-45deg,#36aafd 87.5%,#387dfe)}12.5%{background:linear-gradient(-45deg,#36aafd 75%,#387dfe)}18.75%{background:linear-gradient(-45deg,#36aafd 62.5%,#387dfe)}25%{background:linear-gradient(-45deg,#36aafd 50%,#387dfe)}31.25%{background:linear-gradient(-45deg,#36aafd 37.5%,#387dfe)}37.5%{background:linear-gradient(-45deg,#36aafd 25%,#387dfe)}40.125%{background:linear-gradient(-45deg,#36aafd 18.75%,#387dfe)}42.75%{background:linear-gradient(-45deg,#36aafd 12.5%,#387dfe)}46.375%{background:linear-gradient(-45deg,#36aafd 6.25%,#387dfe)}50%{background:linear-gradient(-45deg,#36aafd,#387dfe)}53.125%{background:linear-gradient(-45deg,#36aafd,#387dfe 93.75%)}50.25%{background:linear-gradient(-45deg,#36aafd,#387dfe 87.5%)}56.375%{background:linear-gradient(-45deg,#36aafd,#387dfe 81.25%)}62.5%{background:linear-gradient(-45deg,#36aafd,#387dfe 75%)}68.75%{background:linear-gradient(-45deg,#36aafd,#387dfe 62.5%)}75%{background:linear-gradient(-45deg,#36aafd,#387dfe 50%)}81.25%{background:linear-gradient(-45deg,#36aafd,#387dfe 37.5%)}87.5%{background:linear-gradient(-45deg,#36aafd,#387dfe 25%)}93.75%{background:linear-gradient(-45deg,#36aafd,#387dfe 12.5%)}to{background:linear-gradient(-45deg,#36aafd,#387dfe 0)}}@keyframes gradientBGRight{0%{background:linear-gradient(-45deg,#36aafd 100%,#387dfe 0)}6.25%{background:linear-gradient(-45deg,#36aafd 87.5%,#387dfe)}12.5%{background:linear-gradient(-45deg,#36aafd 75%,#387dfe)}18.75%{background:linear-gradient(-45deg,#36aafd 62.5%,#387dfe)}25%{background:linear-gradient(-45deg,#36aafd 50%,#387dfe)}31.25%{background:linear-gradient(-45deg,#36aafd 37.5%,#387dfe)}37.5%{background:linear-gradient(-45deg,#36aafd 25%,#387dfe)}42.75%{background:linear-gradient(-45deg,#36aafd 12.5%,#387dfe)}50%{background:linear-gradient(-45deg,#36aafd,#387dfe)}56.25%{background:linear-gradient(-45deg,#36aafd,#387dfe 87.5%)}62.5%{background:linear-gradient(-45deg,#36aafd,#387dfe 75%)}68.75%{background:linear-gradient(-45deg,#36aafd,#387dfe 62.5%)}75%{background:linear-gradient(-45deg,#36aafd,#387dfe 50%)}81.25%{background:linear-gradient(-45deg,#36aafd,#387dfe 37.5%)}87.5%{background:linear-gradient(-45deg,#36aafd,#387dfe 25%)}93.75%{background:linear-gradient(-45deg,#36aafd,#387dfe 12.5%)}to{background:linear-gradient(-45deg,#36aafd,#387dfe 0)}}.ul-left{float:left;margin-right:15px!important}.ul-right{float:right}.review-match-list{overflow:hidden}ul.list,ul.matching,ul.sorting,ul.sorting-review{padding:0;margin:0;list-style-type:none}ul.list li{text-align:left}ul.list li,ul.sorting li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ul.sorting li{position:relative;width:80%;margin-bottom:15px;height:40px;line-height:40px;border:1px solid #e5e3e2;cursor:move;background:#fff;padding-left:60px;cursor:pointer}ul.sorting li:last-child{margin-bottom:0}ul.sorting li:before{content:"";display:block;position:absolute;left:0;top:0;width:40px;height:40px;background-color:#f6f6f6}ul.sorting li i{position:absolute;left:14px;top:12px;font-size:14px}span.cloze-tmp{outline:none;cursor:pointer}span.cloze-tmp i:hover{color:#36aafd!important}.desktop span.cloze-tmp{position:relative}.cloze-tmp{padding-bottom:10px}ul.cloze-list{position:absolute;top:30px;left:0;width:300px;padding:10px;z-index:3;background:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-moz-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-o-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-moz-transition:.3s -moz-box-shadow linear;-webkit-transition:-webkit-box-shadow .3s linear;-o-transition:.3s -webkit-box-shadow linear;transition:box-shadow .3s linear;text-indent:0}.desktop ul.cloze-list:after{content:"";position:absolute;height:10px;bottom:-20px;width:10px}.mobile ul.cloze-list{width:80%;left:10%;top:auto;margin-bottom:60px}.mobile ul.cloze-list:after{content:"";position:absolute;bottom:-150px;width:1px;height:1px}ul.cloze-list:hover{-webkit-box-shadow:0 8px 16px 0 rgba(7,17,27,.2);-moz-box-shadow:0 8px 16px 0 rgba(7,17,27,.2);-o-box-shadow:0 8px 16px 0 rgba(7,17,27,.2);box-shadow:0 8px 16px 0 rgba(7,17,27,.2)}i.cloze-answer{color:#36aafd;text-decoration:#36aafd underline!important;font-style:normal}.mobile ul.sorting li{width:100%}.erro-tips-icon{text-align:center}.ques-tips{font-size:16px;color:#aaa}.footer-action ul li.font-size strong{margin-right:12px;cursor:pointer}.footer-action ul li.font-size strong.active{color:#36aafd}.footer-action ul li.font-size strong.big{font-size:23px}.footer-action ul li.font-size strong.middle{font-size:20px}.footer-action ul li.font-size strong.small{font-size:17px}.font-big .need-change-size ol.fillblanklist li.input-con span{line-height:45px}.font-big .need-change-size ol.fillblanklist li.input-con input.form-control,.font-big .need-change-size ol.fillblanklist li.input-con span{height:45px}.font-big .need-change-size .ques-title{font-size:24px;line-height:40px}.font-big .need-change-size .package-child-question .ques-title{font-size:22px;line-height:38px}.font-big .need-change-size .ques-number,.font-big .need-change-size .ques-type{line-height:36px}.font-big .need-change-size .btn-option,.font-big .need-change-size .btn-option i,.font-big .need-change-size .form-control,.font-big .need-change-size .matching-box ul li p,.font-big .need-change-size .question-analysis,.font-big .need-change-size .question-option-list,.font-big .need-change-size .test_result.essay h3,.font-big .need-change-size .test_result.fillinblank h3,.font-big .need-change-size .test_result .rightAnswer,.font-big .need-change-size .test_result .score,.font-big .need-change-size .test_result .userAnswer,.font-big .need-change-size ol li.input-con,.font-big .need-change-size ul.sorting li{font-size:22px}.font-big .need-change-size .question-analysis .analysis-info{font-size:22px;line-height:38px}.font-middle .need-change-size ol.fillblanklist li.input-con span{line-height:41px}.font-middle .need-change-size ol.fillblanklist li.input-con input.form-control,.font-middle .need-change-size ol.fillblanklist li.input-con span{height:41px}.font-middle .need-change-size .ques-title{font-size:20px;line-height:32px}.font-middle .need-change-size .package-child-question .ques-title{font-size:18px;line-height:30px}.font-middle .need-change-size .ques-number,.font-middle .need-change-size .ques-type{line-height:28px}.font-middle .need-change-size .btn-option,.font-middle .need-change-size .form-control,.font-middle .need-change-size .matching-box ul li p,.font-middle .need-change-size .question-analysis,.font-middle .need-change-size .question-option-list,.font-middle .need-change-size .test_result.essay h3,.font-middle .need-change-size .test_result.fillinblank h3,.font-middle .need-change-size .test_result .rightAnswer,.font-middle .need-change-size .test_result .score,.font-middle .need-change-size .test_result .userAnswer,.font-middle .need-change-size ol li.input-con,.font-middle .need-change-size ul.sorting li{font-size:18px}.font-middle .need-change-size .question-analysis .analysis-info{font-size:18px;line-height:30px}.font-small .need-change-size .ques-title{font-size:16px;line-height:30px;hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;text-align:justify}.font-small .need-change-size .package-child-question .ques-title{font-size:14px;line-height:24px}.font-small .need-change-size .ques-number,.font-small .need-change-size .ques-type{line-height:27px}.new-viewresult .answers-list .ques-number,.new-viewresult .answers-list .ques-type{line-height:20px}.font-small .need-change-size .btn-option,.font-small .need-change-size .form-control,.font-small .need-change-size .question-analysis,.font-small .need-change-size .question-option-list,.font-small .need-change-size .test_result.essay h3,.font-small .need-change-size .test_result.fillinblank h3,.font-small .need-change-size .test_result .rightAnswer,.font-small .need-change-size .test_result .score,.font-small .need-change-size .test_result .userAnswer,.font-small .need-change-size ol li.input-con{font-size:14px}.font-small .need-change-size .question-analysis .analysis-info{font-size:14px;line-height:24px}.smallScreen{margin-top:20px!important}.smallScreen .doexam-main,.smallScreen .exam-metas .meta,.smallScreen .exam-metas .timer{min-height:575px}.smallScreen .questions-lists.pre-scrollable{max-height:155px}.student-info.pre-scrollable{max-height:500px;overflow-y:auto;margin-bottom:10px;padding-right:0}.smallScreen .student-info{max-height:390px}.desktop .smallScreen .modal-dialog{margin-top:100px}.desktop .smallScreen .vr-essay-overview>img#vrShowBigImg{max-height:300px!important}.desktop .smallScreen .show-img-overview{padding-top:20px}.desktop .smallScreen .get-Integral-tips{margin-top:100px!important}.background{background-color:#f5f6fa;position:fixed}.background,.background-white{width:100%;height:100%;top:0;left:0;z-index:-1}.background-white,.errorWindow{background-color:#fff;position:absolute}.errorWindow{box-shadow:8px 8px 0 #ddd;width:900px;height:700px;margin:auto;z-index:100;top:0;bottom:0;left:0;right:0}.wrong-header{position:relative;margin-top:-50px;margin-left:35px}.errorTitle{position:absolute;margin-left:35px;font-size:0;background-color:#36aafd;height:100px;width:240px;z-index:100;color:#fff;font-size:30px;padding-top:15px;padding-left:35px}.errorTitle,.errorTitle-div{margin-top:-20px;display:inline-block}.errorTitle-div{margin-left:275px;height:0;width:0;border-bottom:70px solid #11507d;border-right:45px solid transparent}.g-btn{position:absolute;width:40px;height:20px;background-color:#1caf9a;top:100px;left:-55px;border-radius:10px}.question-div{margin:45px;overflow-x:hidden;overflow-y:auto;height:550px}.wrong-header-m{position:absolute;background-color:#36aafd;height:130px;color:#fff;padding-top:15px;width:100%;font-size:18px;top:0}.header-title-m{margin-left:50px;font-size:15px}.header-back-m{font-size:16px;padding:8px 0 0 10px;position:absolute;top:0;left:10px}.body-question-m{padding:0 15px;box-shadow:2px 2px 10px #aaa;margin:auto;width:100%;background-color:#fff;position:relative;border-radius:10px;margin-top:60px}.btn-height{font-size:19px;height:50px}.newcenter{padding:0 16px;margin:0 -15px;background:#f5f6fa}.speed-of-progress{width:100%;height:5px;margin-top:30px;background:#fff;font-size:0}.speed-of-progress>div{display:inline-block;width:20%;height:5px}.speed-of-progress>div.now{background-color:#36aafd}.btn-orange{color:#fff;background-color:#ff962a;border-color:#ff962a}.wrong-result-header-m{position:absolute;text-align:center;padding-top:15px;width:100%;font-size:18px;top:0;color:#fff;z-index:9}.header-result-title-m{font-size:16px}.background-blue{background-image:linear-gradient(270deg,#57b8ff,#40afff);z-index:-1}.background-blue,.background-gary{width:100%;height:100%;position:absolute;top:0;left:0}.background-gary{background:rgba(0,0,0,.4);z-index:101;padding:20% 5%}.head-portrait{height:68px;width:68px;border:3px solid #fff;border-radius:50px;overflow:hidden;margin:0 auto;margin-top:10px}.wrong-result{font-size:24px;display:inline-block;width:50%;margin:10px 0;height:100px;position:relative;text-align:center}.wrong-result-bet{position:absolute;display:inline-block;width:0;margin:18px 0;height:85px;border-left:1px dashed #6fc3ff}.reduce-img{width:100px;height:100px;margin:0 auto;background:#fff;text-align:center;border-radius:50px;margin-top:30px}.reduce-img>img{width:40px;margin-top:15px}.reduce-img>p{margin-top:8px;font-size:14px;color:#36aafd}.bereduce{position:absolute;top:-30px;width:100%;min-height:210px;max-width:615px;left:0;right:0;margin:auto}@media (max-width:700px){.ques-title p[style^=text-indent]>img:first-child{margin-left:-30px!important}}.retain-submit-buttons span.action a.btn{border-radius:20px}.mobile .retain-submit-buttons span.action a.btn{line-height:50px;padding:0;height:50px}.desktop .retain-submit-buttons{padding:30px 360px 40px}p>span.bbcode-em-dot:before{left:-145%!important}.getReward-mobile img.reward-goods,.getReward img.reward-goods{cursor:pointer;position:absolute}.getReward-mobile p.content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.getReward img.reward-goods-bg{width:800px;top:0;left:50%;margin-left:-400px}.getReward img.reward-goods-open{width:360px;left:50%;margin-left:-180px;top:50px}.getReward img.reward-goods-close{width:300px;top:200px;left:50%;margin-left:-150px}.getReward p.content{position:absolute;width:324px;margin:0 auto;left:50%;top:430px;margin-left:-162px;text-align:center}.getReward p.tips{position:absolute;top:580px;width:100%;text-align:center;color:#fff}.getReward-mobile img.reward-goods-bg{width:100%;left:0;top:50px}.getReward-mobile img.reward-goods-open{width:280px;left:50%;top:10px;margin-left:-140px}.getReward-mobile img.reward-goods-close{width:180px;left:50%;top:140px;margin-left:-90px}.getReward-mobile p.content{position:absolute;top:300px;width:264px;left:50%;margin-left:-132px;text-align:center}.getReward-mobile p.tips{position:absolute;top:370px;width:100%;text-align:center;color:#fff}.wechat-bg{width:1410px;height:705px}.wechat-bg,.wechat-pc{position:absolute;left:0;right:0;top:150px;margin:auto;min-width:1200px}.wechat-pc{width:100%;padding:110px 0;background-color:transparent}.wechat-other{position:absolute;width:20px;height:20px;left:-208px;right:0;top:-182px;bottom:0;background-color:#6c95fe;margin:auto}img.wechat-mobile-bg{max-width:400px;width:75%}div.wechat-mobile{width:100%;position:absolute;left:0;right:0;top:115px;margin:auto}a.btn-iknow{box-shadow:0 5px 10px 0 rgba(0,0,0,.1);border-radius:25px;width:150px;height:50px;padding-top:14px;margin-top:30px!important}.erro-pc>p{margin-top:5px;width:75%}.erro-pc p:first-of-type{margin:30px auto}.erro-pc>p>span{font-size:30px;color:#36aafd}.erro-pc>ul{width:400px;height:auto;border-radius:10px;border:1px dashed #ff962a;padding-left:65px;padding-top:15px;color:#ff962a;line-height:28px}.err-mobile>p{margin-top:5px}.err-mobile p:first-of-type{margin:20px auto}.err-mobile>p>span{color:#36aafd;font-size:18px}.err-mobile>ul{width:80%;max-width:450px;border-radius:10px;border:1px dashed #ff962a;padding-left:30px;padding-top:15px;color:#ff962a;line-height:28px}.erro-result{margin:40px auto}.err-mobile>p:nth-child(2){display:inline-block;text-align:left;width:330px;font-size:14px}.err-mobile>p:nth-child(3){display:inline-block;text-align:left;width:410px;font-size:14px;margin-bottom:5px}@media (max-width:350px){.err-mobile>p:nth-child(2),.err-mobile>p:nth-child(3){width:80%}}@media (max-width:430px){.err-mobile>p:nth-child(3){width:82%}}@media (min-width:768px){.err-mobile>p:nth-child(3){width:800px;text-align:center}}@media (min-width:1200px){.err-mobile>p:nth-child(3){width:1000px;text-align:center}}.fullscreen{text-align:center;margin-top:50px}.fullscreen>p{margin-top:10px;font-size:20px;color:#999}.fullscreen>p:first-child{font-size:28px;color:#333}.fullscreen>p:nth-child(2){margin-top:24px}.full-down{display:inline-block;min-width:360px;padding:0 12px;height:70px;background-color:#36aafd;border-radius:8px;margin-top:40px;cursor:pointer}.full-down>img{margin-right:10px;margin-top:-8px}.full-down>span{font-size:24px;line-height:65px;color:#fff}.en-gb .full-down>span{font-size:18px;line-height:66px}.full-text{margin-top:58px;display:inline-block;width:776px;padding-bottom:40px;text-align:center;background-color:#fff;border-radius:20px;border:3px solid #e6e6e6}.full-text-box{display:inline-block;font-size:14px;color:#999;width:523px}.full-text-tips{display:inline-block;margin-top:30px;text-align:left}.full-text-box>img:first-child{margin-bottom:30px}.full-text-tips>p{font-size:14px;line-height:30px;width:480px;color:#ff962a}.full-text>p{font-size:16px;color:#333;margin:35px 0}.full-show{display:inline-block;width:360px;height:70px;color:#36aafd;line-height:63px;font-size:24px;border:1px solid #36aafd;border-radius:8px;margin-top:30px;cursor:pointer;margin-right:50px;position:relative}.full-show .full-loading{height:70px;position:absolute;right:30px;font-size:8px;top:0;line-height:78px}.full-show.loading{background-color:#ebebeb;border-color:#ebebeb;color:#bfbfbf}.en-gb .full-show{font-size:18px;line-height:65px}.zx-image-preview-wrapper{width:10000px!important}.zx-image-preview-wrapper .zip-close{-webkit-transition:transform .3s!important;transition:transform .3s!important}.doexam-tip{position:fixed;font-size:16px;bottom:70px;background:rgba(77,77,77,.5);color:#fff;left:0;right:0;text-align:center;margin:0 55px;height:36px;line-height:35px;z-index:999}.doexam-tip>p>img{width:31px;height:30px}.doexam-tip>p>span{background:#fff;color:#000;font-size:12px;padding:2px;margin-left:10px}*{touch-action:pan-y}.mobile-questions .ques-answers{width:100%;min-height:0!important}.q-list>ul>a,.show-img>a{cursor:pointer}.questions-index{z-index:1000}.fullscreenupdata{display:inline-block;width:550px;height:180px;background-color:#fff;border-radius:20px;border:1px solid #e6e6e6;font-size:18px;text-align:left;margin:30px 0;padding:25px 75px;line-height:40px}.eni-gb .fullscreenupdata{height:auto}.timeCountDown{display:inline-block;width:760px;height:720px;box-shadow:0 30px 40px 0 rgba(0,0,0,.2);border-radius:40px;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center;background:url("/static/images/timer/bg-pc.png"),#fff;background-repeat:no-repeat;background-position:50%}.timer-num{font-size:36px;color:#999;line-height:110px;background:url("/static/images/timer/dhms.png") no-repeat -6px,url("/static/images/timer/dhms.png") no-repeat 157px,url("/static/images/timer/dhms.png") no-repeat 317px,url("/static/images/timer/dhms.png") no-repeat 476px;width:650px;height:125px;display:inline-block}.en-gb .timer-num{background:url(/static/images/timer/dhms.png) no-repeat 0,url(/static/images/timer/dhms.png) no-repeat 150px,url(/static/images/timer/dhms.png) no-repeat 296px,url(/static/images/timer/dhms.png) no-repeat 486px}.timer-num>span:nth-child(odd){margin:0 15px;font-size:37px;color:#36aafd}.timer-num>span:nth-child(2n){margin:0 15px}.timer-num>span:nth-child(7){color:#ff962a}.timer-num-ms{margin-left:40px;font-size:36px;color:#999;line-height:130px;background:url("/static/images/timer/ms.png") no-repeat 113px,url("/static/images/timer/ms.png") no-repeat 294px;width:620px;height:145px;display:inline-block}.en-gb .timer-num-ms{background:url(/static/images/timer/ms.png) no-repeat 108px,url(/static/images/timer/ms.png) no-repeat 317px}.timer-num-ms>span:nth-child(odd){margin:0 20px;font-size:37px;color:#36aafd}.timer-num-ms>span:nth-child(2n){margin:0 20px}.timer-num-ms>span:nth-child(3){color:#ff962a}.timer-num-mobile-dh>span:nth-child(odd){margin:0 20px;font-size:100px;color:#36aafd}.timer-num-mobile-dh>span:nth-child(2n){font-size:40px;color:#999}.timer-num-mobile-ms{font-size:36px;color:#999;line-height:130px;width:95%;max-width:600px;height:145px;display:inline-block}.timer-num-mobile-ms>span:nth-child(odd){margin:0 20px;font-size:37px;color:#36aafd;position:relative}.timer-num-mobile-ms>span:nth-child(odd)>img{position:absolute;top:-25px;left:-22px;width:92px;max-width:92px;z-index:-1}.timer-num-mobile-ms>span:nth-child(2n){margin:0 20px}.timer-num-mobile-ms>span:nth-child(3){color:#ff962a}.timer-reload{width:230px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(255,150,42,.5);border-radius:10px;border:1px solid #ff962a;color:#ff962a;cursor:pointer}.timer-reload,.timer-wait{display:inline-block;height:60px;font-size:20px;line-height:55px;margin-top:60px}.timer-wait{width:270px;background-color:#e6e6e6;border-radius:10px;color:#999;cursor:not-allowed}.timer-enter{width:230px;height:60px;border-radius:10px;font-size:20px;line-height:55px;margin-top:60px;cursor:pointer}.timer-enter,.timer-enter-m{display:inline-block;background-color:#ff962a;color:#fff}.timer-enter-m{width:160px}.timer-enter-m,.timer-wait-m{height:45px;border-radius:5px;font-size:15px;line-height:47px;margin-top:30px;z-index:100}.timer-wait-m{display:inline-block;background-color:#e6e6e6;width:220px;color:#999}.timer-reload-m{display:inline-block;background-color:#fff;border-radius:10px;border:1px solid #ff962a;width:175px;height:50px;font-size:20px;line-height:47px;color:#ff962a;margin-top:30px;z-index:100}.timer-other{width:60px;height:6px;background-color:#ffecd9;display:inline-block;margin-top:15px}.timer-num-over{display:inline-block;width:500px;height:110px;background-color:#f5f5f5;font-size:50px;line-height:100px;color:#666;margin:60px 0}.timeCountDown-m{width:90%;height:560px;top:30px;margin:auto;text-align:center;background:url("/static/images/timer/bg.jpg"),#fff;background-repeat:no-repeat;background-position:50%;background-size:430px;margin-bottom:20px;z-index:1}.timeCountDown-m,.timer-shadow{box-shadow:0 5px 30px 0 rgba(0,0,0,.1);border-radius:25px;position:absolute;left:0;right:0}.timer-shadow{top:20px;margin:auto;display:inline-block;width:94%;height:540px;background-color:#000;opacity:.03;z-index:0}@media (max-width:500px){.timer-num-mobile-ms>span:nth-child(2n){margin:0}}.essay-comment p{font-size:16px}.essay-comment{margin-bottom:12px;border-bottom:1px solid #ccc}.getCode{position:absolute;right:73px;width:100px!important;height:40px}.getCodeMobile{right:0;top:0;width:105px;height:35px;background-color:#ecf0ff;border-radius:3px;color:#36aafd;line-height:35px;border:none;padding:0}.reCode{background-color:#84c8f8!important;border-color:#84c8f8!important}.ques-answers::-webkit-scrollbar,.ques-title::-webkit-scrollbar{width:4px;height:10px;border-radius:5px}.ques-answers::-webkit-scrollbar-track,.ques-title::-webkit-scrollbar-track{border-radius:5px}.ques-answers:hover::-webkit-scrollbar-thumb,.ques-title:hover::-webkit-scrollbar-thumb{border-radius:5px;background-color:#504242}.elasticFrame{overflow:auto}.colseX{position:absolute;top:6px;right:22px;font-size:35px;cursor:pointer;color:#fff}.elasticFrameRes>p{font-size:36px!important;margin-top:-235px!important}.elasticFrame>p{color:#ff8b33;font-size:36px;font-weight:600;margin-top:-235px}.elasticFrame>p.loading{color:#000}.elasticFrame>div.certificateBtn{margin-top:130px;width:240px;height:60px;background-color:#ff8b33;border-radius:10px;display:inline-block;color:#fff;font-size:20px;line-height:60px;cursor:pointer}.elasticFrame>.certificateImg{width:580px}.elasticFrame::-webkit-scrollbar,.ques-answers::-webkit-scrollbar{width:4px;height:10px;border-radius:5px}.elasticFrame::-webkit-scrollbar-track,.ques-answers::-webkit-scrollbar-track{border-radius:5px}.elasticFrame:hover::-webkit-scrollbar-thumb,.ques-answers:hover::-webkit-scrollbar-thumb{border-radius:5px;background-color:#504242}.certificateBox{text-align:center;background:url(/static/images/viewresult/certificate.png) top no-repeat;background-size:100%;height:70%;font-size:14px;max-width:400px;margin:auto;margin-top:80px}.certificateBox>p{margin-top:65.2%!important;position:absolute;left:0;right:0;color:#ff8b33;font-size:23px;font-weight:900}.certificateBox>div{margin-top:97%;width:50%;height:50px;background-color:#ff8b33;border-radius:10px;display:inline-block;color:#fff;font-size:20px;line-height:50px;cursor:pointer}.hideScroll{overflow:hidden}@media (min-width:400px){.certificateBox>p{margin-top:unset!important;top:343px}}.sign{display:inline-block;width:60px;height:20px;line-height:20px;border-radius:2px;border:1px solid #d2d2d2;font-size:12px;color:#999;padding-left:4px;cursor:pointer;text-align:center}.sign>img{width:13px;height:12px;margin-right:3px;margin-top:-3px}.sign-img{position:absolute;width:9px;height:9px;top:-4px;right:-5px}.sign.active{background-color:#ff962a;border:1px solid #ff962a;color:#fff}.sign-icon{width:9px;height:9px;margin-top:-13px;margin-left:-9px}.doexam-header.mobile .questions-lists li .sign-img{position:absolute;width:16px;height:15px}.questipn-lists-icon-mobile{position:absolute;bottom:1px;width:90%;height:30px;line-height:28px;border-top:1px solid #eee;background:#fff}.questipn-lists-icon-mobile .did,.questipn-lists-icon-mobile .undone{width:16px;height:16px;border:2px solid #62a4ff;display:inline-block;border-radius:50%;margin-top:-2px;vertical-align:middle}.questipn-lists-icon-mobile .undone{background-color:#62a4ff}.sign-icon-mobile{width:16px;height:16px;margin-top:-2px}.shadowbox{position:fixed;width:100%;height:150%;border-radius:50%;display:none;transition:box-shadow .3s linear;z-index:10;top:-25%}.shadowbox-right{box-shadow:-40px 0 0 -20px #ccc}.shadowbox-left{box-shadow:40px 0 0 -20px #ccc}.form-group .dropdown .collect-btn{background-color:#f6f6f6!important;background-image:none;text-align:left}.form-group .dropdown .collect-btn .caret{float:right;margin-top:8px}.form-group .dropdown .dropdownSelect{max-height:340px;overflow-y:auto;overflow-x:hidden}.form-group .dropdown .ellipsis{display:inline-block;overflow-x:hidden;text-overflow:ellipsis;width:91%;max-width:285px;vertical-align:middle}@media screen and (max-width:768px){.form-group .dropdown .dropdown-toggle-color{vertical-align:middle}.form-group .dropdown .collect-btn .caret{float:right;margin-top:14px}}.form-group .dropdown .select-item{overflow:hidden;text-overflow:ellipsis}.camerabox canvas,.camerabox video{position:absolute;width:180px;height:135px;top:0}.camerabox .mini{margin-top:135px;background:#000;height:40px}.camerabox .mini>div{font-size:14px;color:#fff;width:100%;height:40px;background:hsla(0,0%,100%,.3);line-height:40px;margin:30px auto 0}@-webkit-keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-moz-keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-o-keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.camerabox .mini>div span{display:inline-block;width:10px;height:10px;background:#d52b2b;border-radius:50%;margin:0 9px 0 20px;animation:fadeInOut 2s linear infinite}.camerabox .mini .running{display:none}.camerabox .mini.active .running{display:block}.camerabox .mini.active .check{display:none}.camerabox .mini.active>div span{background:#32cb46}.eFrameSheLayer{width:100%;height:100%;background-color:#000;position:fixed;top:0;left:0;z-index:2;opacity:.3;filter:alpha(opacity=30)}.elasticFrame{width:400px;height:180px;text-align:center;border-radius:5px;background-color:#fff;margin:auto;position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0}.elasticFrameRes{width:unset;height:unset;background-color:unset}.elasticFrame p{font-size:16px;margin:45px 0 10px}.camerapreparation{width:1100px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);border-radius:20px;margin:30px 0;text-align:center;padding-top:37px}.camera-box{background:#000;margin-top:36px!important;position:relative;width:800px}.camera-box,.camera-box .ready-test,.camera-box video{height:450px;margin:auto}.camera-middle{font-size:18px;line-height:25px;color:#333}.camera-box .ready-test,.camera-box img{position:absolute;top:50px;left:0;right:0;margin:auto}.camera-box img.logo{top:185px;width:48px;background:#fff;border:4px solid #fff;border-radius:6px}.camera-box-img{position:absolute;top:0!important;right:0!important;width:100px;height:100px;margin:0!important}.camera-box .ready-test{top:0}.adjust-camera{margin-top:20px;font-size:16px;color:#d52b2a;transition:color .3s}.camera-ready-btn{display:inline-block;width:230px;height:52px;background-color:#ccc;border-radius:30px;line-height:38px;font-size:16px;color:#fff;cursor:not-allowed;margin:20px 10px}.camera-ready-btn:hover{color:#fff}.tip-box{width:100%;height:174px;border-radius:0 0 20px 20px;margin-top:42px}.tip-box,.tip-title{background-color:#fcfcfc;border-top:2px solid #eee}.tip-title{width:120px;height:32px;border-radius:20px;margin:auto;margin-top:-16px;font-size:16px;line-height:34px;color:#999}.tip-box .container .camera-tip{display:inline-block;width:200px;margin-left:45px;display:flex;align-items:center}.tip-box .container .camera-tip:first-of-type{width:280px;border-right:1px solid #eee;margin-left:0}.tip-box .container .camera-tip:nth-child(2){margin-left:20px}.tip-box .container .camera-tip div:first-of-type{width:76px}.tip-box .container .camera-tip div:nth-child(2){text-align:left;padding-left:10px}.tip-box .container{margin-top:45px;font-size:14px;color:#333;width:100%!important;display:flex;justify-content:center}.face-container .btn-enter{width:230px;height:52px;background-color:#ff962a;border-radius:10px;font-size:16px}.face-container .btn-gray{width:230px;height:52px;background-color:#ccc;border-radius:10px;cursor:not-allowed}.face-container .btn-exit{width:230px;height:52px;border-radius:10px;margin-left:20px}.face-canvas-box .box .line{height:100%;width:100%;background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#fff 211%);border-bottom:3px solid #fff;transform:translateY(-100%);animation:radar-beam 4s infinite;animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-delay:1.4s}@keyframes radar-beam{0%{transform:translateY(-100%)}50%{transform:translateY(0)}to{transform:translateY(-100%)}}.face-canvas-box .box{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto!important;width:489px;height:350px;overflow:hidden}@media screen and (max-width:1320px){.face-canvas-box{width:512px;height:288px}.face-canvas-box .box{width:313px;height:224px}}.not-sup{width:130%;height:100%;background-color:#333;position:absolute;left:-15%;top:0;opacity:.9;color:#fff}.selfInfor{width:60%;min-height:40px;line-height:40px;margin:auto;margin-top:20px;background-color:#f5f5f5;color:#999;font-size:14px}.selfInfor span{margin:0 10px}.mobileInfor .dropdown p{background-color:#f5f5f5;font-size:14px;line-height:30px;color:#999;position:relative}.mobileInfor{width:250px;height:30px;background-color:#f5f5f5;margin:auto;margin-top:20px}.mobileInfor .dropdown p i{margin-right:15px;line-height:30px;position:absolute;right:0;color:#ccc}.mobileInfor .dropdown-menu{display:block;width:250px;border:none;background:#f5f5f5;box-shadow:none;margin:0;padding:0;text-align:center;box-shadow:0 5px 5px 0 rgba(0,0,0,.16);border-radius:0}.enterFullscreen{width:760px;height:540px}.cameraAgreement,.enterFullscreen{background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);border-radius:20px;left:0;right:0;top:0;bottom:0;margin:auto}.cameraAgreement{width:1100px;height:94%;max-height:860px;overflow:auto}.enterFullscreen .role>div:first-child{margin-top:40px}.enterFullscreen .role>div:first-child>span{color:#36aafd}.enterFullscreen .role>div:last-child{font-size:16px;margin-top:16px}.enterFullscreen>.action button.btn.btn-primary{width:250px;height:50px;background-color:#ff962a;border-radius:10px;font-size:16px;line-height:50px;color:#fff;padding:0;margin-top:20px}.windowIsCloze{top:unset;bottom:unset;margin-top:120px;margin-bottom:30px;height:auto;min-height:700px}.questionIsCloze{overflow:unset;min-height:550px;height:auto;padding-bottom:100px}.textIsCloze{position:absolute;margin-top:75px!important;margin-bottom:30px;width:100%}.collection-title{width:auto}.checkout-data .li_question_details{width:158px;height:35px;background-color:#fcfcfc;border-radius:25px;text-align:center}.new-viewresult .checkout-data li.li_question_details a{font-size:12px;height:35px;line-height:35px;color:#999;padding:0!important;border:none;border-radius:25px}.new-viewresult .checkout-data .li_question_details.active a,.new-viewresult .checkout-data li.li_question_details a:focus,.new-viewresult .checkout-data li.li_question_details a:hover{background-color:#ecf0ff;color:#387dfe}.radio_type{cursor:pointer;width:16px;height:16px;-webkit-appearance:none;position:relative;margin-right:12px!important}.radio_type:before{margin-top:-8px;border:1px solid #7d7d7d;border-radius:50%}.radio_type:before,.radio_type:checked:before{content:"";width:16px;height:16px;display:inline-block;vertical-align:middle}.radio_type:checked:before{border:1px solid #ff962a;background:#ff962a;border-radius:50%}.radio_type:checked:after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:transparent;border-right:transparent;text-align:center;display:block;position:absolute;top:4px;left:4px;vertical-align:middle;transform:rotate(-45deg)}.radio_type:checked+label{color:#c59c5a}.radio_type:focus{outline:none!important}body:-ms-fullscreen{overflow:auto}body:-ms-fullscreen #app{background-color:#f3f4f8;min-height:100%}.question-loading{width:70px;height:50px;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto}.mobile .collect h4.new-from-title,.mobile .group-login h4.new-from-title{margin:25px 30px!important;font-size:25px;text-align:left;font-size:16px;line-height:38px;color:#333;font-weight:700;padding-left:40px;background:url("/static/images/group/header.png") 0 7px no-repeat;background-size:28px 25px}.content-panel .content input.new-form-control{border:none!important;background:transparent!important;border-bottom:1px solid #d8d8d8!important;border-radius:0;font-size:15px;color:#333;padding:5px 6px 15px 5px;position:relative}.content-panel .content input.new-form-control:focus{border-color:#36aafd!important}.new-btn-login{height:50px;box-shadow:0 3px 5px 0 rgba(56,125,254,.1);border-radius:5px;line-height:25px;font-size:18px}.mobile .content-panel .new-mobile-content{margin-top:25px;padding:10px 30px!important}.new-mobile-input-group{position:relative}.new-mobile-input-group .input-title{position:absolute;top:0;font-size:15px;line-height:31px;color:#36aafd;padding-left:5px}.mobile .collect .new-form-actions,.mobile .group-login .new-form-actions{margin-top:45px!important}.mobile .group-tip{margin-top:20px;font-size:12px;color:#999;text-align:center}.show-password{position:absolute;right:10px;top:0;width:25px}.new-mobile-content .help-block{position:absolute;top:42px;padding-left:5px;font-size:12px;color:#d52b2a;z-index:1}.checkinfo-mobile-img{text-align:left}.checkinfo-mobile-img div{padding:5px;background:#fff;border:1px solid #e6e6e6;display:inline-block;margin:5px 15px}.checkinfo-mobile-img div img{width:94px}.new-checkerr-btn{background-color:#ecf0ff;box-shadow:0 3px 5px 0 rgba(56,125,254,.1);border-color:#ecf0ff;font-size:18px}.new-checkright-btn{font-size:18px}.mobile .content-panel .content .new-field-input{margin-bottom:45px}.new-mobile-gender{font-size:12px;vertical-align:middle;margin-left:5px;font-weight:500}.mobile .form-group .dropdown .collect-btn{color:#333;font-size:15px}.content-panel .content .new-phone-code,.mobile .form-group .dropdown .collect-btn{background-color:transparent!important;border:none!important;border-bottom:1px solid #d8d8d8!important;border-radius:0}.mobile .dropdown-menu>li>a{height:40px;padding:0 20px;line-height:40px}.mobile .form-group .dropdown .dropdown-toggle-border{border-color:#36aafd}.cheat-tip span{width:100%;height:50px;max-width:775px;margin:20px 0;font-size:14px;color:#d52b2a!important;background-color:#ffdcdc;border-color:#ffdcdc;border-radius:5px;line-height:30px}.cheat-tip img{float:none;width:unset;margin-right:16px;cursor:unset}.media:first-child{margin-top:5px}.ios .mobile-retain{z-index:1}.mobile .group-login h4.new-from-title img{width:28px;height:25px;margin-right:13px}img{image-orientation:none}.upload-qrcode{display:inline-block;color:#aaa;position:absolute;left:-40px;top:25px;cursor:pointer}.check-container{display:flex;justify-content:center;width:70px;height:70px;background:#ccc;border-radius:50%;transition:all .5s;margin:0 auto;overflow:hidden}.check-container i.check-icon{width:10px;height:22px;border-color:#fff;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:22px}.check-container i.check-icon:after{content:" ";width:30px;height:30px;background:#ccc;display:block;position:absolute;top:0;left:0;transition:all .5s;transform:rotate(45deg)}.check-container i.check-icon-move:after{left:30px;top:-30px;background:#666}.upload-qrbox{text-align:center;width:480px;height:550px;margin-top:-275px;margin-left:-240px;padding-top:50px}.upload-qrbox .usePhoneTxt{font-size:16px;margin-top:10px;padding:0 40px}.upload-qrbox .usePhoneTxt i{font-size:16px}.en-gb .upload-qrbox .usePhoneTxt{font-size:13px}.upload-qrbox .btn-blue{right:0}.upload-qrbox .btn-blue,.upload-qrbox .btn-confirm{width:130px;position:absolute;bottom:30px;left:0;margin:auto;border-radius:5px}.upload-qrbox .btn-confirm{right:170px}.upload-qrbox .btn-cancel{width:130px;position:absolute;bottom:30px;left:170px;right:0;margin:auto;border-radius:5px}.en-gb .upload-qrbox .btn-blue,.en-gb .upload-qrbox .btn-cancel,.en-gb .upload-qrbox .btn-confirm{width:160px;text-wrap:wrap}.selectModeBox{width:200px;padding:0;margin-top:-50px;margin-left:-100px}.selectModeBox p{height:50px;text-align:center;line-height:50px;cursor:pointer;border-radius:0 0 5px 5px;user-select:none;font-size:16px}.selectModeBox p:first-child{border-radius:5px 5px 0 0;border-bottom:1px dashed #666}.selectModeBox p:hover{background:#ccc}.selectModeBox p:last-child{position:relative}.selectModeBox input{position:absolute;right:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-qrbox .uploadSuccess{margin-top:120px}.upload-qrbox .uploadSuccess p{margin-top:10px;font-size:16px}.synchro-upload{display:inline-block;float:unset;height:100px;width:80px;margin-bottom:20px}.synchro-upload>img{width:80px;height:80px}#wechatAuthImg{width:300px;margin-bottom:0}.input-group-pc{width:100%}.input-group-addon-pc{float:left;padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;background-color:#fff;border:none;color:#36aafd;font-size:18px}.wechatAuthTip{color:#9199a1}.erro-page .result svg{max-width:30%}.erro-page .result .st0{fill:#43aafd!important}.erro-page .result .st1{fill:#fff}.pcPayAuth{width:450px;margin-left:-227px;margin-top:-320px}.form-actions.submit .btn i{font-size:16px}.mobile .questions-lists p.title{margin-top:10px;margin-bottom:8px}.iphone body{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.iphone body,.iphone header div.fixedtop{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.iphone header div.fixedtop{background:#fff}.iphone .doexam-footer{background:#fff}.iphone .doexam-footer,.iphone.mobile .new-content-panel .content{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}ul.clear-list-style li span{hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto}.switchs.overflow.iframe i{color:#fff;font-size:30px;float:right;margin:20px;cursor:pointer}.ques-details .ques-number{line-height:22px}.jumpLink{background:#fff;margin:0 -40px;text-align:center;height:50px;line-height:50px;font-size:16px}.jumpLink a{margin:0 5px}.img-div .img-move{width:47px;height:12px;background:url("/static/images/move.png") 50% no-repeat}.img-div .img-move:hover,.img-div .imgIsMove{background:url("/static/images/move1.png") 50% no-repeat}.img-div{width:calc(100% + 40px);height:12px;background:#f3f4f8;margin:15px 0 10px -20px}.ques-title .fillblankEdit{outline:unset;border-bottom:1px solid #36aafd;padding-left:15px;word-break:break-all;color:#36aafd}.ques-title .after{border-bottom:1px solid #36aafd;user-select:none;cursor:text}.package-answer{height:auto;overflow-y:auto;overflow-x:hidden;padding-right:4px}.mobile .package-answer{padding-top:0}.mobile .img-div{width:calc(100% + 30px);margin:15px 0 10px -15px}.new-submit-buttons{display:flex}.new-submit-buttons span.action{flex:1}.new-submit-buttons span.action-setting{max-width:60px}.new-submit-buttons span.action:nth-child(2),.new-submit-buttons span.action:nth-child(3){flex:3}.new-submit-buttons span.action:last-child{flex:4}.new-submit-buttons span.action a{border-color:#36aafd;color:#36aafd;background-color:#fff}.new-submit-buttons span.action:last-child a{color:#fff;background-color:#36aafd;border-color:#36aafd}.canvasSwitch{width:80%;height:90%;top:0;bottom:0;left:0;right:0;margin:auto;background:none}.ios .canvasSwitch{height:80%}.canvasSwitch canvas{width:100%;height:100%;background:#fff}.canvasSwitch canvas.eraser{cursor:url("/static/images/cursor.cur"),auto}.canvasSwitch .tool-bar-list-wrapper{padding:5px 0}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list{display:flex;justify-content:space-evenly;align-items:center;width:470px;list-style:none;padding:0;margin:auto;background-color:rgba(56,65,79,.8)}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item{flex:1;cursor:pointer}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .img-wrapper{text-align:center}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .img-wrapper .tool-img{width:40px;height:40px}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container{display:none;position:absolute;padding:20px 0;top:39px;z-index:999;width:512px;height:80px}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block{height:50px;padding:5px;background-color:rgba(56,65,79,.8);box-shadow:0 5px 10px rgba(0,0,0,.16),0 1px 10px rgba(0,0,0,.16);border-radius:10px!important}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block .pen-wrapper{width:100%;height:100%}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block .pen-wrapper .pen-list{display:flex;justify-content:space-evenly;align-items:center;list-style:none;padding:0;margin:0;height:100%}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block .pen-wrapper .pen-list .pen-list-item{display:flex;align-items:center;padding:9px 12px}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block .pen-wrapper .pen-list .pen-list-item .pen-circle.active,.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block .pen-wrapper .pen-list .pen-list-item .pen-rect.active{border:2px solid #ff962a}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block:after{content:"";position:absolute;left:15px;bottom:60px;width:0;height:0;border:8px solid transparent;border-bottom-width:10px;border-bottom-color:currentColor;color:rgba(56,65,79,.8)}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block .pen-wrapper .pen-list .pen-list-item .pen-rect{width:20px;height:20px;border:2px solid #999}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block .pen-wrapper .pen-list .pen-list-item .pen-circle{border-radius:50%!important;background-color:#fff}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item:hover .pen-block-container{display:block!important}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item:hover .img-wrapper img:last-child{display:inline-block!important}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item:hover .img-wrapper img:first-child{display:none}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .img-wrapper i{font-size:28px;color:#fff}.canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item:hover .img-wrapper i{color:#387dfe}.disable-drag{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.mobile.disable-drag .doexam-footer,.mobile.disable-drag .doexam-header.mobile{z-index:-1}.mobile .canvasSwitch .tool-bar-list-wrapper .tool-bar-list{width:100%}.canvasSwitch .canvasBox{width:100%;height:calc(100% - 50px);background:#fff}.mobile .canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container{width:100%}.mobile .canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block .pen-wrapper .pen-list .pen-list-item{padding:0 2px;height:20px;width:100%}.mobile .canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container{left:0}.mobile .canvasSwitch .tool-bar-list-wrapper .tool-bar-list .tool-bar-list-item .pen-block-container .pen-block:after{display:none}.mobile .canvasSwitch canvas{width:auto;height:auto}ul.sorting li.sortable-chosen{border-color:#36aafd}.cameraLoading{position:absolute;width:380px;height:440px;top:50%;left:50%;margin:-220px 0 0 -190px;text-align:center;background:#fff;border-radius:24px;z-index:10}.cameraLoading img{width:240px;margin-top:30px}.cameraLoading p{font-size:20px;font-weight:400;color:#333;margin-top:60px}.fillBlankTip{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.24);z-index:900}.mobile .fillBlankTip{background:rgba(0,0,0,.24);background-size:100% 100%;z-index:1000}.fillBlankTip .fillBlankContent{position:absolute;color:#fff;font-size:20px}.mobile .fillBlankTip .fillBlankContent{font-size:20px}.en-gb .fillBlankTip .fillBlankContent{font-size:18px}.fillBlankTip img.arrow{position:absolute}.fillBlankTip .iknow{min-width:10%;position:absolute;left:0;right:0;top:0;margin:auto;cursor:pointer;user-select:none;text-align:center;line-height:75px;font-size:30px;color:#fff}.mobile .fillBlankTip .iknow{line-height:37px;font-size:18px}.mobile .fillBlankTip img.iknow{width:90px}.switchs.video{width:80%;height:90%;margin:auto;transform:translate(-50%,-50%)}.mobile .switchs.video{height:75%}.ios.mobile .switchs.video{height:70%;margin-top:30px}.switchs.video .media:first-child{margin-top:0;height:100%}.ios.mobile .switchs.video .media:first-child{background:#000}.ios.mobile .switchs.video .plyr--ready video{width:100%;height:100%;max-width:100%;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.switchs.video .media .plyr,.switchs.video .media .plyr__video-wrapper{height:100%}.switchs.video .media .plyr__video-wrapper video{max-width:100%;max-height:100%;position:fixed;top:0;bottom:0;margin:auto}@keyframes videoFadeInDown{0%{opacity:0;top:-100%}to{opacity:1;top:50%}}.animated.videoFadeInDown{animation-name:videoFadeInDown}@keyframes videoBounceOut{0%{opacity:1}to{opacity:0}}.animated.videoBounceOut{animation-name:videoBounceOut;animation-duration:.5s}.hls-audio,.hls-video{width:100%;height:40px;margin-top:10px;border-radius:5px;border:1px solid #dbe3e8}.hls-video span{background:#fff;border-radius:50%;font-size:26px;float:right;line-height:0;height:21px;width:19px;margin:8px 20px}.hls-video div{width:65%;float:left;line-height:38px;margin-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hls-video .fa-play-circle{color:#3498db;margin-top:-2px;margin-left:-2px;cursor:pointer}.hls-audio .audio-box{width:55%;float:right}.hls-audio div.title{width:calc(45% - 15px);float:left;line-height:38px;margin-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hls-audio .audio-box .media{margin-top:0;overflow:visible}.hls-audio .audio-box .media .plyr{border-radius:5px}.hls-audio .audio-box .plyr--audio .plyr__controls{padding:3px 10px;border:none}.hls-audio .media .plyr .plyr__volume{max-width:50px}.switchs.video i.fa-times{position:absolute;top:0;right:-30px;font-size:30px;color:#fff;cursor:pointer}@media screen and (max-width:768px){.hls-audio{overflow:hidden}}.delayTimeLoading{margin:120px 0 20px}.delayTime{font-size:20px;margin-bottom:80px}.mobile .delayTimeLoading{margin:50px 0 20px}.mobile .delayTime{padding:0 20px;margin-bottom:45px}.camera-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.camera-progress .camera-progress-line{display:inline-block;position:relative;width:240px;height:4px;background:#f6f7f9;border-radius:6px;vertical-align:middle}.camera-progress .camera-progress-line:after{content:"";display:inline-block;width:0;height:4px;border-radius:6px;background:#36aafd;position:absolute;left:0;top:0;transition:width .5s;-moz-transition:.5s width;-webkit-transition:width .5s;-o-transition:.5s width}.camera-progress .camera-progress-line.active:after{width:100%}.camera-progress .camera-progress-title{display:inline-block;color:#999;margin:0 8px;white-space:nowrap}.camera-progress .camera-progress-title.active{color:#36aafd}.camera-progress .camera-progress-title span{display:inline-block;background:#fff;border:2px solid #e6e6e6;border-radius:50%;width:24px;height:24px;font-size:16px;font-weight:400;line-height:20px;margin:0 6px 0 0}.camera-progress .camera-progress-title img{margin:0 6px 0 0}.camera-progress .camera-progress-title.active span{border:2px solid #36aafd;box-shadow:0 2px 10px 0 #36aafd}.error-msg{padding:20px 10px}.faceTButton{right:0}.faceFButton,.faceTButton{position:fixed;width:10px;height:10px;top:0}.faceFButton{left:0}.selectCamera{top:10px}.camList,.selectCamera{position:fixed;width:10px;height:10px;left:0}.camList{top:20px}.screenRecord{position:fixed;bottom:64px;right:20px;background:#fff;border-radius:4px;padding:5px 15px;z-index:1000}.adjustHeight{bottom:100px}.screenRecord>div{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #ec5953;position:relative;vertical-align:middle;margin:-2px 2px 0 0}.screenRecord>div>div{display:inline-block;width:10px;height:10px;background:#ec5953;border-radius:50%;position:absolute;left:2px;top:2px;animation:fadeInOut 2.5s linear infinite}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.toggleCamera{margin-left:20px;color:#36aafd;cursor:pointer;user-select:none;font-size:14px;border:1px solid #36aafd;border-radius:20px;padding:0 10px}.toggleCamera:hover{background:#36aafd;color:#fff}.ps-container{position:relative;overflow-y:hidden!important}.ps-container .ps__rail-y{opacity:.6;right:0;left:auto!important}.package-tips{text-align:center;font-size:13px}.package-tips span{color:#3498db}pre{white-space:pre-wrap}.css3-flash{animation:flash 3s;animation-iteration-count:infinite}@keyframes flash{0%{opacity:1}13%{opacity:.5}26%{opacity:0}39%{opacity:.5}52%{opacity:1}65%{opacity:1}78%{opacity:1}91%{opacity:1}to{opacity:1}}.css3-tada{transform-origin:center;animation:tada 1s;animation-iteration-count:2}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.fullscreen-mobile{position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;background-image:url("/static/images/wechat/mobilebg.png");background-size:contain;background-repeat:no-repeat;background-position-y:20px;color:#333}.fullscreen-mobile>h1{margin-top:100px;font-size:28px;margin-bottom:20px}.fullscreen-mobile>p{font-size:15px;width:70%;margin:auto;margin-bottom:10px;line-height:22px}.fullscreen-mobile>.btn{width:65%;margin-bottom:15px}.need-camera-toggle-area{text-align:right}.need-camera-toggle{display:inline-block;margin-top:20px;margin-right:20px;color:#36aafd;cursor:pointer;user-select:none;font-size:14px;border:1px solid #36aafd;border-radius:20px;padding:0 10px}.flex-middle-between{display:flex;align-items:center;justify-content:space-between}.needfullscreen-dialog{position:fixed;width:580px;left:50%;top:104px;margin-left:-290px;background:#fff;z-index:1001;border-radius:10px;padding:20px}.needfullscreen-dialog>.title{color:#333;margin-bottom:40px}.needfullscreen-dialog>.title>.title-content{font-size:18px;line-height:24px;margin:0}.needfullscreen-dialog>.content>.section{margin-bottom:40px}.needfullscreen-dialog>.content h2.section-title{font-size:16px;color:#333;font-weight:600;margin:0 0 20px}.needfullscreen-dialog>.content>.section>small{display:block;font-size:14px;color:#666;margin-bottom:12px}@keyframes shadowDiff{0%{box-shadow:0 0 0}to{box-shadow:0 0 10px}}.m-show-imgs-content{padding:20px}.m-show-imgs{margin-top:20px;display:flex;flex-wrap:wrap}.m-show-imgs img{width:50px;margin-right:20px;margin-bottom:10px}.no-face-tip-div{position:absolute;left:20px;bottom:190px;padding:10px;background-color:red;color:#fff;border-radius:8px;z-index:999}.rs-wei-xin-tip{position:fixed;margin:0!important;bottom:0;right:1%;height:100px;width:100px!important;object-fit:contain}.introduce-mock-tips{position:absolute;top:0;left:0}.introduce-mock-tips>img{width:120px;height:120px}.introduce-mock-tips .tips-text{position:absolute;font-size:30px;color:#387dfe;top:15px;left:5px;transform:rotate(315deg)}.coding-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;align-content:flex-start;background:#fff;transform:translateY(100%);transition:all .3s ease-in-out}.coding-container .info{position:relative;box-sizing:border-box;min-width:360px;height:100%}.coding-container .info .drag-background{min-width:360px;height:inherit;resize:horizontal;cursor:col-resize;opacity:0;overflow:scroll}.coding-container .info .drag-background::-webkit-scrollbar{width:360px;height:9999px}.coding-container .info .content{position:absolute;top:0;right:12px;bottom:0;left:0;overflow-x:hidden;background-color:#fff}.coding-container .info .content img{max-width:280px}.coding-container .info .line{position:absolute;right:0;top:0;bottom:0;width:12px;height:100%;pointer-events:none;background-color:#f2f2f2}.coding-container .info .line:after{position:absolute;right:2px;top:50%;width:8px;height:24px;content:"";background-image:url("/static/images/components/coding/drag-bar.svg")}.coding-container .code{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start;flex:1;box-sizing:border-box;min-width:30%;width:0;height:100%}.exam-time-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;padding:12px 0 28px}.exam-time-container .title{display:flex;flex-direction:row;align-items:center;justify-content:center}.exam-time-container .title span{margin:0 0 0 8px;font-size:14px;font-weight:400;font-stretch:normal;line-height:19px;letter-spacing:0;color:#999}.exam-time-container .left-time{margin:12px 0 0;font-size:30px;font-weight:400;font-stretch:normal;line-height:40px;letter-spacing:0;color:#36aafd}.exam-time-container .submit-button{font-size:16px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff;padding:4px 16px;background-color:#36aafd;border-radius:22px;border:none;margin:24px 0 0;width:120px}.exam-meta{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;width:100%;height:auto}.exam-meta .exam-base{width:100%;padding:12px 16px;background-color:#fafafa}.exam-meta .exam-title{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;align-items:flex-start;justify-content:flex-start;width:100%;margin:0;padding:0 16px}.exam-meta .exam-title h3{margin:28px 0 12px}.code .code-tip{width:100%;height:43px;padding:11px 20px;font-size:16px;font-weight:400;font-stretch:normal;line-height:24px;letter-spacing:0;color:#333;background-color:#e6e6e6}.code .code-area .do-scratch-container{width:100%;height:100%}.code .operate{flex-direction:row;align-content:center;align-items:center;height:68px;padding:12px 16px;border-top:1px solid #ccc}.code .console-panel,.code .operate{display:flex;flex-wrap:nowrap;justify-content:flex-start;box-sizing:border-box;width:100%}.code .console-panel{z-index:1;flex-direction:column;align-content:flex-start;align-items:flex-start;height:0;background-color:#fff;box-shadow:0 -1px 6px 0 rgba(11,34,51,.1);overflow:hidden;transition:all .3s ease-in-out}.code .console-panel.active{height:380px;overflow:auto}.code .console-panel h3{margin:24px 16px 0}.test-case-container{display:flex;flex:1;width:100%;height:0;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start;overflow:hidden}.test-case-container ul{box-sizing:border-box;width:375px;height:100%;margin:0 0 0 16px;padding:16px 8px 16px 0;list-style:none;overflow:auto}.test-case-container ul li{box-sizing:border-box;width:100%;height:auto;border-radius:10px;background-color:#fafafa}.test-case-container ul li:not(:last-child){margin:0 0 16px}.test-case-container ul li .case-title{display:flex;align-items:center;flex-direction:row;justify-content:space-between;align-content:center;box-sizing:border-box;width:100%;height:auto;padding:8px 16px;font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666;cursor:pointer;user-select:none}.test-case-container ul li .case-title img{transform:rotate(-180deg);transition:all .2s ease-in-out}.test-case-container ul li .case-title.active~.case-meta{max-height:200px;border-top:1px solid #e6e6e6}.test-case-container ul li .case-title.active img{transform:rotate(0deg)}.test-case-container ul li .case-meta{box-sizing:border-box;width:100%;max-height:0;font-size:16px;font-weight:400;font-stretch:normal;line-height:30px;letter-spacing:0;color:#999;overflow:hidden;transition:max-height .2s ease-in-out}.test-case-container ul li .case-meta p{margin:8px 16px}.console-output{box-sizing:border-box;flex:1;height:100%;padding:24px;margin:0 16px 16px;background-color:#f3f4f8;border-radius:10px 10px 0 0;font-size:14px;color:#666}.y-button{display:block;box-sizing:border-box;padding:6px 36px;border-radius:4px;font-size:16px;font-weight:400;font-stretch:normal;letter-spacing:0;transition:all .2s ease-in-out}.y-button.defalut-button{border:1px solid #36aafd;background-color:#fff;color:#36aafd}.y-button.blue-button,.y-button.defalut-button:hover{background-color:#36aafd;color:#fff}.y-button.blue-button{border:1px solid #36aafd}.y-button.blue-button.blur,.y-button.blue-button.blur:hover{background:#ccc;border-color:#ccc;color:#fff}.y-button.blue-button:hover{background-color:#fff;color:#36aafd}.classified-container{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;box-sizing:border-box;padding:16px}.classified-container,.classified-container .classified{display:flex;align-content:flex-start;justify-content:flex-start;width:100%;height:auto}.classified-container .classified{padding-left:0;flex-direction:row;flex-wrap:wrap;align-items:center}.classified-container .classified-area-title{font-size:16px;line-height:30px;letter-spacing:0;color:#333;font-weight:700;margin-bottom:16px}.category-item{width:18.5%;min-width:80px;max-width:156px;max-height:156px;margin:0 16px 16px 0;list-style:none;user-select:none;cursor:pointer;position:relative}.category-item .select-container{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:center;width:100%;height:0;background-color:#f5fbff;border:1px solid #36aafd;border-style:dashed;padding:4px;padding-bottom:calc(100% - 4px);list-style:none;overflow:hidden;position:relative}.category-item .select-container>img{width:calc(100% - 8px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-item .select-container.empty-select .empty-tips{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-item .select-container li{display:inline-block;width:20px;height:20px;background-color:#fff;border:1px solid #36aafd;text-align:center;line-height:20px;margin:0 3px 4px 0}.category-item p{font-size:16px;font-weight:400;font-stretch:normal;line-height:24px;letter-spacing:0;color:#36aafd;text-align:center}.category-item.drag-cate:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:100%;transform-origin:center;transform:scale(1.1);background:#36aafd;opacity:.2}.answer-container{flex-wrap:wrap;align-content:flex-start;justify-content:space-between;align-items:stretch;box-sizing:border-box;width:100%;padding:0;list-style:none;user-select:none}.answer-container,.answer-item{display:flex;flex-direction:row;height:auto}.answer-item{flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;width:320px;padding:8px;margin:0 0 16px;border-radius:10px;border:1px solid #ccc}.dragging{border:1px solid #36aafd!important}.answer-item div{flex:1;width:0}.answer-item .answer-inx-code{flex-basis:20px;flex-grow:0}.answer-item .arrow-icon{width:36px;height:36px}.classified-container .cover{display:none;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;background-color:rgba(0,0,0,.3)}.classified-container .cover.active{display:flex}.category-modal{position:fixed;flex-direction:column;width:600px;height:400px;z-index:1000;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,30,51,.15);border-radius:10px}.category-modal,.modal-head{display:flex;flex-wrap:nowrap}.modal-head{flex-direction:row;padding:8px 16px 8px 24px;border-bottom:1px solid #707070;font-size:14px;font-weight:400;font-stretch:normal;line-height:24px;letter-spacing:0;color:#333;font-weight:700}.modal-head,.modal-main{align-content:center;justify-content:space-between;align-items:center}.modal-main{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;flex:1;width:100%;height:0}.modal-main ul{flex:1;width:0;height:100%;padding:8px;overflow:auto}.modal-drag-li,.modal-main li{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-between;align-items:center;background-color:#fff;border-radius:10px;border:1px solid #ccc;list-style:none;margin:0 0 16px;padding:8px}.modal-drag-li>div{flex:1}.modal-drag-li .answer-inx-code{flex-basis:20px;flex-grow:0}.delete-content{width:30%;height:100%}.delete-box,.delete-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.delete-box{width:80%;height:auto;padding:24px 8px;background-color:#e6e6e6;border-radius:10px;border:1px solid #ccc;border-style:dashed}.delete-box,.delete-box img{margin:0 0 16px}.delete-box p{text-align:center}.delete-box.is-delete{box-shadow:0 0 10px 0 rgba(241,76,81,.8)}.delete-content button{padding:8px 16px;background-color:#36aafd;border-radius:4px;font-size:14px;font-weight:400;font-stretch:normal;line-height:24px;letter-spacing:0;color:#fff;border:none}.answer-item.review{width:100%;border:none}.answer-item.review .review-image{display:none}.answer-a{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;justify-content:space-between;align-items:flex-start;font-size:16px;font-weight:400;font-stretch:normal;line-height:21px;letter-spacing:0;color:#333}p.right,p.right:after{color:#01bc71}p.error{color:#f14c51}@media screen and (max-width:992px){.category-modal{position:fixed;width:90vw;height:580px;z-index:1000;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,30,51,.15);border-radius:10px}.category-modal,.modal-main{flex-direction:column}.modal-main ul{flex:1;width:100%;height:0;padding:8px;overflow:auto;padding-right:50px}.delete-content{width:100%;height:auto;padding:0 0 16px}.category-item .select-container{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:center;background-color:#f5fbff;border:1px solid #36aafd;border-style:dashed;list-style:none}.classified-container{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;box-sizing:border-box;padding:16px;padding-left:5px;max-height:100%}.answer-container{flex-wrap:wrap;align-content:flex-start;justify-content:space-between;align-items:stretch;box-sizing:border-box;width:90%;padding:0;list-style:none;flex:1;user-select:none}.answer-item{flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;width:50%;padding:8px;margin:0 0 16px;border-radius:10px;border:1px solid #ccc}.answer-item:nth-of-type(odd){width:calc(50% - 16px)}.delete-box{padding:8px}}@media screen and (max-width:468px){.category-modal{height:400px}}.review.answer-item img{max-width:180px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.68;border:1px solid #36aafd!important;box-shadow:0 3px 10px 0 rgba(0,105,180,.4)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}@keyframes shrinkAndFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.1)}}.shrink-fade{animation:shrinkAndFade .5s forwards}.classify-answer-content img{pointer-events:none}.m-adv-container{padding-top:120px}.set-yks-lang-chang-container{position:absolute;right:20px;top:16px}.exam-change-lang-text{font-size:14px;color:#999;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.exam-change-lang-text .exam-lang-name-container{display:flex;justify-content:space-between;align-items:center;flex:1;padding-left:12px}.exam-lang-switch-container .yks-lang-change-container{position:absolute;top:0;right:0;transform:translateX(105%);min-width:100%}.mobile-introduction-change-lang-container .change-lang-area{display:flex;align-items:center}',""])},451:function(i,n){i.exports=function(i){var n="undefined"!=typeof window&&window.location;if(!n)throw new Error("fixUrls requires window.location");if(!i||"string"!=typeof i)return i;var e=n.protocol+"//"+n.host,t=e+n.pathname.replace(/\/[^\/]*$/,"/");return i.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(i,n){var r,a=n.trim().replace(/^"(.*)"$/,function(i,n){return n}).replace(/^'(.*)'$/,function(i,n){return n});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(a)?i:(r=0===a.indexOf("//")?a:0===a.indexOf("/")?e+a:t+a.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}},452:function(i,n,e){var t=e(453);"string"==typeof t&&(t=[[i.i,t,""]]);var r={hmr:!0,transform:void 0};e(53)(t,r);t.locals&&(i.exports=t.locals)},453:function(i,n,e){(i.exports=e(52)(!1)).push([i.i,".pay-container-mobile{position:absolute;left:0;top:54px;width:100%}.pay-container-mobile .pay-info-box,.pay-container-mobile .pay-method-box{margin-bottom:8px;padding:15px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;background-color:#fff;font-size:16px;font-weight:300;color:#000}.pay-container-mobile .pay-method-box{margin-bottom:60px}.pay-container-mobile #pay-exam{position:absolute;left:15px;top:15px;max-width:64px}.pay-container-mobile .pay-info{position:relative;margin-left:68px}.pay-container-mobile .pay-info .pay-label{position:absolute;right:0;top:0;padding:0 3px;border:1px solid #fe4040;border-radius:2px;color:#fe4040;font-size:14px;font-weight:300}.pay-container-mobile .pay-title{margin-right:68px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-container-mobile .pay-amount .amount{margin-right:4px;font-size:24px;font-weight:700;color:#ff822e}.test-num .num{margin-right:4px;font-size:24px;font-weight:400;color:#58bfff;vertical-align:middle}.pay-container-mobile .pay-methods{margin:24px 10px;padding:0;list-style-type:none}.pay-container-mobile .pay-method{display:block;margin:0;padding:8px 0;vertical-align:bottom;font-weight:300}.pay-container-mobile .pay-method[for=weixin]{margin-bottom:14px}.pay-container-mobile .pay-method img{max-width:24px;margin-right:18px}.pay-container-mobile .pay-method input[type=radio]{margin-top:6px;float:right}.pay-container-pc .pay-method-box{margin-bottom:35px;padding:15px 30px;border:1px solid #ededed;background-color:#fff}.pay-container-pc #pay-btn{display:block;max-width:400px;margin:0 auto}.pay-container-pc .pay-method{display:block;float:left;font-size:16px;font-weight:400;color:#a8a8a8}.pay-container-pc .pay-method input[type=radio]{float:left;margin:2px 12px 0 0}.pay-container-pc .pay-method[for=zhifubao]{margin:0 24px 0 0;padding-right:24px;border-right:1px solid #a6a6a6}.pay-tab-box{display:none;padding:80px 0;text-align:center}.pay-tab-box .desc{margin:24px 0 40px;font-size:13px;font-weight:300;color:#999}.pay-tab-box.active{display:block}.pay-tab-box .title{margin-bottom:24px;margin-top:40px;color:#404040;vertical-align:middle}.pay-tab-box .title img{margin-right:8px;vertical-align:middle}.large-title{height:40px;line-height:40px;color:#494949;font-size:28px;font-weight:700;vertical-align:middle}.pay-methods .test-num{float:right}.pay-container-pc .pay-info{margin-bottom:12px;font-size:18px;font-weight:300;color:#000}.pay-container-pc .pay-title{float:left;margin-top:4px}.pay-container-pc .pay-info .pay-label{margin-left:10px;padding:0 3px;border:1px solid #fe4040;border-radius:2px;color:#fe4040;font-size:14px;font-weight:300}.pay-container-pc .pay-amount{float:right}.pay-container-pc .pay-amount .amount{margin-right:4px;font-size:24px;font-weight:700;color:#ff822e}.qrcode-box{float:left;width:250px}#pay-qrcode{display:block;width:250px;height:250px;margin-bottom:14px;border:1px solid #eee;background-color:#fff}#weixin-scan{float:right;display:block;width:235px;height:313px}.weixin-pay{max-width:620px;margin:0 auto}.weixin-scan{padding:5px 50px;background-color:#ffa95c;color:#fff;font-size:13px}.weixin-scan img{float:left;width:32px;height:32px}.weixin-scan p{padding-left:45px;text-align:left}",""])},454:function(i,n){i.exports='\r\n\r\n    <div class="m-result-info" r-style={{"opacity":showTab==1?1:0}}>\r\n            <div class="opacity-bg-fit"> \r\n                <div class="withe-bg-fit">\r\n                    <div class="headImg">\r\n                        <img src="{examResult.wechatimg}" alt="">\r\n                    </div>\r\n                    {#if ifAllRight}\r\n                        <div class="advance-all-right-info">\r\n                            <p>{@(this.i18n("advanceSuccess"))}</p>\r\n                            <img src="{cdnBase}static/images/advance-all-right.png" alt="">\r\n                        </div>\r\n                    {#else}\r\n                        <div class="advance-info">\r\n                            {#if isCn}\r\n                                {@(this.i18n("answerRight"))}&nbsp;&nbsp;\r\n                                <div class="advance-info-num">{examResult.rights.length}</div>\r\n                                &nbsp;&nbsp;{@(this.i18n("quesNum"))}\r\n                            {#else}\r\n                                <div class="advance-info-num">{examResult.rights.length}</div>\r\n                            {/if}\r\n                        </div>\r\n                    {/if}\r\n                    <span class="ai-context">\r\n                        {@(this.i18nf("BeatOfPeople",(passPeople|formatScore)))}\r\n                        <br>\r\n                        {@(this.i18nf("haveParticipated", rankinfo.total))}\r\n                    </span>\r\n                    {#if action == 2}\r\n                    <a class="btn btn-red advance-btn advance-share" on-click={this.shareToWechat()}>{@(this.i18n("share"))}</a>\r\n                    {#else}\r\n                    <a class="btn btn-red advance-btn advance-again" r-style={{"margin-bottom":isMiniprogram && !miniprogramResult && !hiddenComeBack?\'10px\':\'30px\' }} on-click={this.advaceAgein()}>{@(this.i18n("advanceAgain"))}</a>\r\n                    {/if}\r\n                    \r\n                    {#if action == 5}\r\n                        <span class="ai-action" >{@(this.i18n("receiveRewards"))} ></span>\r\n                        <span class="ai-action" >{@(this.i18n("checkARanks"))}</span>\r\n                    {#else}\r\n                        {#if isMiniprogram && !miniprogramResult && !hiddenComeBack}\r\n                            <span class="ai-action" on-click=\'{this.comeBack()}\'>{@(this.i18n("BackToHome"))}</span>\r\n                        {/if}\r\n                        {#if showReceiveRewards}\r\n                            <span class="ai-action" on-click={showAward = true}>{@(this.i18n("receiveRewards"))} ></span>\r\n                        {/if}\r\n                        <span class="ai-action" on-click={this.checkRanks()}>{@(this.i18n("checkARanks"))}</span>\r\n                    {/if}\r\n                    {#if from != "" && from != "stuapi"}\r\n                        <a class="btn advance-btn advance-come-back" href="{returnUrl}">{backBtn}</a>\r\n                    {/if}  \r\n                </div>\r\n            </div>\r\n    </div>\r\n\r\n    <div class="advance-details advanceRanks" r-style={{"margin-right": showTab==2? (screeWidth+\'px\') : 0}} >\r\n        <a class="btn btn-red advance-back" on-click={showTab = 1}>{@(this.i18n("goBack"))}</a>\r\n        <div class="opacity-bg">   \r\n        </div>\r\n        <div class="withe-bg">\r\n            <div class="headImg">\r\n                <img src="{examResult.wechatimg}" alt="">\r\n            </div>\r\n            <div class="advance-rank-info">\r\n                <p class="ari-name">{examResult.name}</p>\r\n                {#if rankInto}\r\n                <p class="ari-type">{@(this.i18n("EnterTopTen"))}</p>\r\n                {#else}\r\n                <p class="ari-type">{@(this.i18n("NotEnterTopTen"))}</p>\r\n                {/if}\r\n            </div>\r\n            <div class="advance-rank-list">\r\n                <div class="arl-title">\r\n                    <span class="arl-rank">{@(this.i18n("scoreRanking"))}</span>\r\n                    <span class="arl-user">{@(this.i18n("username"))}</span>\r\n                    <span class="arl-num">{@(this.i18n("advanceNum"))}</span>\r\n                </div>\r\n                <div class="arl-context">\r\n                    <ul>\r\n                        {#list ranks as r}\r\n                        <li>\r\n                            <span class="arl-rank">{r.rank}</span>\r\n                            <span class="arl-user">\r\n                                {#if r.color == \'\'}\r\n                                    <img src="{r.imgvalue}" alt="">\r\n                                {#else}\r\n                                    <span class="default-img img{r.color}" >{r.imgvalue}</span>\r\n                                {/if}\r\n                                {r.name}\r\n                            </span>\r\n                            <span class="arl-num">{r.quesnum}</span>\r\n                        </li>\r\n                        {/list}\r\n                    </ul>\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n        <a class="btn btn-red advance-share" on-click={this.shareToWechat()}>{@(this.i18n("share"))}</a>\r\n    </div>\r\n\r\n    <div class="advance-details player-info" r-style={{"margin-right": showTab==3? (screeWidth+\'px\') : 0}} >\r\n        <a class="btn btn-red advance-back" on-click={showTab = 1}>{@(this.i18n("goBack"))}</a>\r\n        {#if !adinfoShow }\r\n            <div class="advance-player-info from-group">\r\n                <div class="input-group api-context">\r\n                    <span class="input-group-addon collection-title">{@(this.i18n("name"))}</span>\r\n                    <input type="text" class="form-control" placeholder=\'{@(this.i18n("name"))}\' required="required" r-model={adinfo.name}>\r\n                </div>\r\n                <div class="input-group api-context">\r\n                    <span class="input-group-addon collection-title">{@(this.i18n("phone"))}</span>\r\n                    <input type="phone" class="form-control" placeholder=\'{@(this.i18n("phone"))}\' required="required" r-model={adinfo.phone}>\r\n                </div>\r\n                <div class="input-group api-context">\r\n                    <span class="input-group-addon collection-title">{@(this.i18n("address"))}</span>\r\n                    <textarea class="form-control" placeholder=\'{@(this.i18n("address"))}\' required="required" cols="" rows="" r-model={adinfo.adress}></textarea>\r\n                </div>\r\n            </div>\r\n            <a class="btn btn-red adress-action" id="adress-action" on-click={this.saveReceiveInfo()}>{@(this.i18n("confirm"))}</a>\r\n        {#else}\r\n            <div class="advance-player-info from-group">\r\n                    <div class="input-group api-context">\r\n                        <p><span>{@(this.i18n("name"))}</span>{adinfo.name}</p>\r\n                    </div>\r\n                    <div class="input-group api-context">\r\n                        <p><span>{@(this.i18n("phone"))}</span>{adinfo.phone}</p>\r\n                    </div>\r\n                    <div class="input-group api-context">\r\n                        <p><span>{@(this.i18n("address"))}</span>{adinfo.adress}</p>\r\n                    </div>\r\n                </div>\r\n                <div class="api-action">\r\n                    <a class="btn btn-red " on-click={this.switchTab()}>{@(this.i18n("confirm"))}</a>\r\n                    <a class="btn btn-red " on-click={adinfoShow=false}>{@(this.i18n("edit"))}</a>  \r\n                </div>\r\n                \r\n        {/if}\r\n        \r\n    </div>\r\n\r\n    <div class="advance-details advance-finish" r-style={{"margin-right": showTab==4? (screeWidth+\'px\') : 0}} >\r\n        \x3c!-- <a class="btn btn-red advance-back" on-click={showTab = 1}>{@(this.i18n("goBack"))}</a> --\x3e\r\n        <div class="advance-finish-title">\r\n            <img src="{cdnBase}static/images/exam_result.png" alt="">\r\n            <p>{@(this.i18n("receiveCompleted"))}</p>\r\n        </div>\r\n        {#if isonline}\r\n            <div class="advance-finish-share">\r\n                <p>{@(this.i18n("advanceFinishTips1"))}<br>{@(this.i18n("advanceFinishTips2"))}</p>\r\n                <img src="{cdnBase}static/images/advance-code.jpg" alt="">\r\n            </div>\r\n        {/if}\r\n        <div class="advance-finish-action">\r\n            <a class="btn btn-red " on-click={showTab = 1}>{@(this.i18n("confirm"))}</a>\r\n            <a class="btn btn-red " on-click={this.shareToWechat()}>{@(this.i18n("share"))}</a>\r\n        </div>\r\n        \r\n    </div>\r\n\r\n{#if showAward}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="reward reward-result switchs animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \' >\r\n        <img class="advance-arawd-rocord" src="{cdnBase}static/images/advance-arawd-rocord.png" alt="">\r\n        <div class="award-record">\r\n            {#if rewards.length > 0}\r\n            <ul>\r\n                {#list rewards as rs}\r\n                    <li><span>{rs_index + 1}. </span> {rs}</li>\r\n                {/list}\r\n            </ul>\r\n            {#else}\r\n                <p>{@(this.i18n("noRewards"))}</p>\r\n            {/if}\r\n        </div>\r\n        {#if rewards.length <= 0}\r\n            <a class="btn btn-red" on-click={showAward=false}>{@(this.i18n("confirm"))}</a>\r\n        {#else}\r\n            <a class="btn btn-red" on-click={this.addArwad()}>{@(this.i18n("receiveRewards"))}</a>\r\n        {/if}\r\n    </div>\r\n{/if}\r\n\r\n\r\n{#if wechatShareImg}\r\n<div class="switchs overflow WechatShareImg" on-click={wechatShareImg = false} r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'>\r\n    \x3c!-- <img src="{cdnBase}static/images/wechatShare.png" alt="" on-click={wechatShareImg = false}> --\x3e\r\n    <img src="{cdnBase}static/images/wechatShare-guide.png" class="wsGuide" alt="">\r\n    <p>{@(this.i18n("wechatShareInduction"))}</p>\r\n    <img src="{cdnBase}static/images/wechatShare-logo.png" class="wsLogo" alt="">\r\n</div>\r\n\x3c!--  --\x3e\r\n{/if}\r\n\r\n{#if action == 5}\r\n<div class="preview-float">\r\n    {@(this.i18n("previewTip"))}\r\n</div>\r\n{/if}\r\n\r\n'},455:function(i,n){i.exports='{#if showNav===1}\r\n<app.nav brandInfo={brandInfo}></app.nav>\r\n{/if}\r\n\r\n<div class="container">\r\n    <flashmsg flashMsg={flashMsg}></flashmsg>\r\n    <div r-view></div>\r\n</div>\r\n\r\n{#if ttype == 2 || ttype == 3}\r\n    {#if bg}\r\n        <div class="bg-overlay show"></div>\r\n        <div class="bg" style="background-image: url(\'{bg}\');"></div>\r\n    {/if}\r\n{#else}\r\n    <div class="bg" id="bg"></div>\r\n{/if}\r\n'},456:function(i,n){i.exports='<div class="faceTButton" on-click={this.setTracking()}></div>\r\n<div class="faceFButton" on-click={this.setFaceApi()}></div>\r\n<div class="selectCamera" on-click={this.selectCamera()}></div>\r\n<div class="camList" r-hide={hideList}>\r\n    <select on-change={this.select($event)}>\r\n        <option value="-1" selected="selected">--请选择--</option>\r\n        {#list camList as item}\r\n            <option value ={item.deviceId}>{item.label}</option>\r\n        {/list}\r\n      </select>\r\n</div>\r\n{#if showNav===1}\r\n<app.nav brandInfo={brandInfo} manager={this.$state}></app.nav>\r\n{/if}\r\n\r\n<div class="container">\r\n    <flashmsg flashMsg={flashMsg}></flashmsg>\r\n    <div r-view></div>\r\n</div>\r\n\r\n{#if bg}\r\n    <div class="bg-overlay show"></div>\r\n    <div class="bg" style="background-image: url(\'{bg}\');"></div>\r\n{/if}\r\n'},457:function(i,n){i.exports='{#if loading}\r\n    <div class="row  ie8-do loading">\r\n        <div class="col-md-12">\r\n            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n        </div>\r\n    </div>\r\n{#else}\r\n    {#if !haveErr}\r\n        <div>\r\n            <div class="timer-shadow"></div>\r\n            <div class="timeCountDown-m" style="z-index: 1;">\r\n                <p style="font-size: 20px;margin-top:30px;padding: 0 32px;">{examDetails.title}</p>\r\n                <p style="font-size: 16px;color: #666666;margin-top: 20px;">（{#include errorMsg}）</p>\r\n            <div class="mobileInfor">\r\n                \x3c!-- {#list importantInfo as info}\r\n                    <span>{info.label}:{info.value}</span><br>\r\n                {/list} --\x3e\r\n                <div class="dropdown">\r\n                    <p on-click={this.infoShow()} r-style={{ "box-shadow":infoHide? "unset":"0 5px 5px 0 rgba(0,0,0,.16)"}}>\r\n                        {importantInfo[0].label}:{importantInfo[0].value}\r\n                        {#if infoHide}\r\n                            <i class="fa fa-caret-down" aria-hidden="true"></i>\r\n                        {#else}\r\n                            <i class="fa fa-caret-up" aria-hidden="true"></i>\r\n                        {/if}\r\n                    </p>\r\n\r\n                \r\n                    {#if importantInfo[1] }\r\n                        <div class="dropdown-menu" r-hide={infoHide}>\r\n                            {#list importantInfo as info}\r\n                                {#if info_index > 0}\r\n                                    <p>{info.label}:{info.value}</p>\r\n                                {/if}\r\n                            {/list}\r\n                        </div>\r\n                    {/if}\r\n                </div>\r\n            </div>\r\n            {#if timeStart}\r\n                {#if delayTime == -1}\r\n                    <p style="font-size: 22px;margin-top:35px;">{@(this.i18n("aLong"))}</p>\r\n                    {#if hours == 0 && days == 0}\r\n                        <div>\r\n                            <div class="timer-num-mobile-ms">\r\n                            <span>\r\n                                {minutes}\r\n                                <img src="{cdnBase}static/images/timer/mobile.png" alt="">\r\n                            </span>\r\n                            <span>{@(this.i18n("minute"))}</span>\r\n                            <span>\r\n                                {seconds}\r\n                                <img src="{cdnBase}static/images/timer/mobile.png" alt="">\r\n                            </span>\r\n                            <span>{@(this.i18n("second"))}</span>\r\n                            </div>\r\n                        </div>\r\n                    {#elseif days == 0}\r\n                        <div class="timer-num-mobile-dh">\r\n                            <span>{hours}</span>\r\n                            <span>{@(this.i18n("Hour"))}</span>\r\n                        </div>\r\n                    {#else}\r\n                        <div class="timer-num-mobile-dh">\r\n                            <span>{days}</span>\r\n                            <span>{@(this.i18n("day"))}</span>\r\n                        </div>\r\n                    {/if}\r\n                {#else}\r\n                    <div class="delayTimeLoading"><i class="fa fa-spin fa-spinner fa-3x"></i></div>\r\n                    <div class="delayTime">{this.i18nf("clickEnter",delayTime)}</div>\r\n                {/if} \r\n                {#if canEnterDoexam}\r\n                <div class="timer-enter-m" on-click={this.enterDoexam()}>{@(this.i18n("COM_EXAMS_ENTER_TEST"))}</div>\r\n                {#else}\r\n                <div class="timer-wait-m">{@(this.i18n("WaitForExam"))}</div>\r\n                {/if} \r\n            {/if}\r\n            </div> \r\n        </div>\r\n    {/if}\r\n    <errorTips haveError={haveErr} isKickouted={isKickouted} errorMsg={errorMsgTips}></errorTips>\r\n{/if}'},458:function(i,n){i.exports='{#if loading}\r\n    <div class="row  ie8-do loading">\r\n        <div class="col-md-12">\r\n            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n        </div>\r\n    </div>\r\n{#else}\r\n    {#if !haveErr}\r\n        <div class="timeCountDown">\r\n            {#if isMock}\r\n                <div class="introduce-mock-tips" >\r\n                    <span class="tips-text">{@(this.i18n("mockTips"))}</span>\r\n                    <img src="/static/images/introduce-tap.png">\r\n                </div>\r\n            {/if}\r\n            <p style="font-size: 20px;margin-top:70px;">{examDetails.title}</p>\r\n            <p style="font-size: 16px;color: #666666;margin-top: 20px;">（{#include errorMsg}）</p>\r\n            <div class="selfInfor">\r\n                {#list importantInfo as info}\r\n                    <span>{info.label}:{info.value}</span>\r\n                {/list}\r\n            </div>\r\n            {#if timeStart}\r\n                {#if delayTime == -1}\r\n                    <p style="font-size: 30px;margin:50px 0;">\r\n                        {@(this.i18n("aLong"))}\r\n                    </p>\r\n                    {#if hours == 0 && days == 0}\r\n                        <div class="timer-num-ms">\r\n                        <span>{minutes}</span>\r\n                        <span>{@(this.i18n("minute"))}</span>\r\n                        <span>{seconds}</span>\r\n                        <span>{@(this.i18n("second"))}</span>\r\n                        </div>\r\n                    {#else}\r\n                        <div class="timer-num">\r\n                        <span>{days}</span>\r\n                        <span>{@(this.i18n("day"))}</span>\r\n                        <span>{hours}</span>\r\n                        <span>{@(this.i18n("hour"))}</span>\r\n                        <span>{minutes}</span>\r\n                        <span>{@(this.i18n("minute"))}</span>\r\n                        <span>{seconds}</span>\r\n                        <span>{@(this.i18n("second"))}</span>\r\n                        </div>\r\n                    {/if}\r\n                {#else}\r\n                    <div class="delayTimeLoading"><i class="fa fa-spin fa-spinner fa-3x"></i></div>\r\n                    <div class="delayTime">{this.i18nf("clickEnter",delayTime)}</div>\r\n                {/if} \r\n                {#if canEnterDoexam}\r\n                    <div class="timer-enter" on-click={this.enterDoexam()}>{@(this.i18n("COM_EXAMS_ENTER_TEST"))}</div>\r\n                {#else}\r\n                    <div class="timer-wait">{@(this.i18n("WaitForExam"))}</div>\r\n                {/if} \r\n                \x3c!-- {#if occupyScreen}\r\n                    <div class="timer-reload" on-click={this.closePage()} style="margin-left: 40px;">{@(this.i18n("ClosePage"))}</div>\r\n                {/if}  --\x3e\r\n            {/if}\r\n        </div>\r\n        {#if miniCameraQrcodeTmp}\r\n        <div class="switchs animated miniCamera" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n            <div class="modal-content" role="document">\r\n                <div class="modal-header" on-click="{this.closeMiniQrCode()}">\r\n                    <div class="modal-title">\r\n                        {@(this.i18n(\'miniCamerTip5\'))}\r\n                        <i class="fa fa-close" style="float: right;font-size: 20px;"></i>\r\n                    </div>\r\n                </div>\r\n                <div class="modal-body">\r\n                    <p>{@(this.i18n(\'miniCamerTip6\'))}</p>\r\n                    <img src="{miniCameraQrcode}">\r\n                    <img src="{cdnBase}static/images/yks.png" class="logo">\r\n                </div>\r\n            </div>\r\n        </div>\r\n        {/if}\r\n    {/if}\r\n    <errorTips haveError={haveErr} isKickouted={isKickouted} errorMsg={errorMsgTips}></errorTips>\r\n{/if}'},459:function(i,n){i.exports='<div class="camerapreparation">\r\n  {#if miniCamera}\r\n  <div class="camera-progress">\r\n    <div class="camera-progress-title" r-style={{"display": onlyNeedMobile ? \'none\' : \'\'}} r-class={{"active" : type >= 1}}>\r\n      <img src="{cdnBase}static/images/check1.png" r-hide={type == 1}>\r\n      <span r-hide={type > 1}>1</span>\r\n      {@(this.i18n("miniCamerState1"))}\r\n    </div>\r\n    <div class="camera-progress-line"  r-style={{"display": onlyNeedMobile ? \'none\' : \'\'}} r-class={{"active" : type > 1}}></div>\r\n    <div class="camera-progress-title" r-class={{"active" : type >= 2}}>\r\n      {#if onlyNeedMobile} \r\n        <img src="{cdnBase}static/images/check1.png" r-hide={type <= 2}>\r\n        <span r-hide={type > 2}>1</span>\r\n      {#else}\r\n        <img src="{cdnBase}static/images/check1.png" r-hide={type <= 2}>\r\n        <span r-hide={type > 2}>2</span>\r\n      {/if}\r\n      {@(this.i18n("miniCamerState2"))}\r\n    </div>\r\n    <div class="camera-progress-line" r-class={{"active" : type > 2}}></div>\r\n    <div class="camera-progress-title" r-class={{"active" : type >= 3}}>\r\n      {#if onlyNeedMobile} \r\n        <img src="{cdnBase}static/images/check1.png" r-hide={type <= 2}>\r\n        <span r-hide={type > 2}>2</span>\r\n      {#else}\r\n        <img src="{cdnBase}static/images/check1.png" r-hide={type <= 3}>\r\n        <span r-hide={type > 3}>3</span>\r\n      {/if}\r\n      {@(this.i18n("miniCamerState3"))}\r\n    </div>\r\n  </div>\r\n  {/if}\r\n  {#if miniCamera}\r\n    {#if type == 1}\r\n      <p class="camera-middle">{@(this.i18n("miniCamerTip1"))}<span r-hide={showToggle} class="toggleCamera" on-click={this.toggleCamera()}>{@(this.i18n("toggleCamera"))}</span></p> \r\n    {#elseif type == 2}\r\n      {#if onlyNeedMobile}\r\n        <p class="camera-middle">{@(this.i18n("miniCamerTip7"))}<span r-hide={showToggle} class="toggleCamera" on-click={this.toggleCamera()}>{@(this.i18n("toggleCamera"))}</span></p> \r\n      {#else}\r\n        <p class="camera-middle">{@(this.i18n("miniCamerTip2"))}<span r-hide={showToggle} class="toggleCamera" on-click={this.toggleCamera()}>{@(this.i18n("toggleCamera"))}</span></p> \r\n      {/if}\r\n    {#else}\r\n      <p class="camera-middle">{@(this.i18n("miniCamerTip3"))}<span r-hide={showToggle} class="toggleCamera" on-click={this.toggleCamera()}>{@(this.i18n("toggleCamera"))}</span></p> \r\n    {/if}\r\n  {#else}\r\n    <p class="camera-middle">{@(this.i18n("cameraPrepraationTip1"))}<span r-hide={showToggle} class="toggleCamera" on-click={this.toggleCamera()}>{@(this.i18n("toggleCamera"))}</span></p>\r\n  {/if}\r\n  <div class="camera-box" r-style={{"background": type==1  ? "#000" : "#e6e6e6"}}>\r\n    {#if type == 1 }\r\n      <video id="video" ref=camera width="800" height="450"></video>\r\n      <img src="{cdnBase}static/images/faceReady/head_profile.png" style="top: 0" alt="">\r\n      <img src="{cdnBase}static/images/faceReady/box.png" alt="">\r\n      <canvas class="ready-test" width="800" height="450"></canvas>\r\n    {#else}\r\n      <img src="{imgSrc}" r-style={{"width" : ready? "450px":"240px", "top" : ready? "0px":"90px"}}>\r\n      <img src="{cdnBase}static/images/yks.png" class="logo" r-hide={ready}>\r\n      {#if showAPPTips}\r\n        <p style="padding-top: 355px;" r-hide={ready}>{@(this.i18n("wechatScanningReminderTips"))}</p>\r\n        \x3c!-- <img class="camera-box-img" src="{cdnBase}static/images/faceReady/app.png" alt=""> --\x3e\r\n      {#else}\r\n        <p style="padding-top: 355px;" r-hide={ready}>{@(this.i18n("miniCamerTip4"))}</p>\r\n      {/if}\r\n    {/if}\r\n  </div>\r\n  <p class="adjust-camera" r-style={{"color":changeColor?"transparent":"#d52b2a"}}>{nextTip}</p>\r\n\r\n  <div class="btn camera-ready-btn" r-style={{"cursor":ready?"pointer":"not-allowed","background":ready?"#ff962a":"#cccccc"}} on-click={this.next()}>{@(this.i18n("COM_EXAMS_ENTER_TEST"))}</div>\r\n  <div class="btn camera-ready-btn" r-style={{"cursor":cameraErr?"pointer":"not-allowed","background":cameraErr?"#ff962a":"#cccccc"}} on-click={this.retry()} r-hide={!cameraErr}>{@(this.i18n("retry"))}</div>\r\n  <div class="tip-box">\r\n    <div class="tip-title">{@(this.i18n("faceVerifyStep1"))}</div>\r\n    <div class="container">\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip1.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip1"))}</p>\r\n          <p style="color: #000;font-weight: 600;">{@(this.i18n("faceVerityTip2"))}</p>\r\n        </div>\r\n      </div>\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip2.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip3"))}</p>\r\n          <p>{@(this.i18n("faceVerityTip4"))}</p>\r\n        </div>\r\n      </div>\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip3.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip7"))}</p>\r\n          <p>{@(this.i18n("faceVerityTip8"))}</p>\r\n        </div>\r\n      </div>\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip4.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip9"))}</p>\r\n          <p>{@(this.i18n("faceVerityTip10"))}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class="camerabox" style="position: absolute; bottom:0px ;right: 0px;" id="textID">\r\n\r\n  </div>\r\n</div>\r\n\r\n{#if showLoading == 1}\r\n    <div class="eFrameSheLayer"></div>\r\n    <div class="elasticFrame">\r\n        <p class="loading">{@(this.i18n("loadingDetection"))}</p>\r\n        <div class="col-md-12">\r\n            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n        </div>\r\n    </div>\r\n{/if}'},460:function(i,n){i.exports='<div class="row content-panel new-content-panel">\r\n    \r\n        <div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-12 content checkinfo">\r\n            <div class="form-group-input">\r\n\r\n                <h4 class="form-title checkinfo">{@(this.i18n("confirmStuInformation")) }</h4>\r\n                \r\n                {#if haveError}\r\n                    <div class=" alert fade in alert-error alert-danger">\r\n                        <img src="{cdnBase}static/images/close2.png" class="" on-click={haveError = false} alt="">\r\n                        <p>{errorMsg}</p>\r\n                    </div>\r\n                {/if}\r\n    \r\n                {#if loading }\r\n                    <div>\r\n                        <i class="fa fa-spinner fa-spin"></i>\r\n                    </div>\r\n                {#else}\r\n                    {#if headImage != ""}\r\n                        <img src="{headImage}" alt="">\r\n                    {/if}\r\n                    <div style="width:50%;margin:0 auto;">\r\n                        <ul class="check-info" style="padding-bottom: 50px !important;">\r\n                            {#list studentInfo.fields as field}\r\n                                {#if [0,10].indexOf(field.sfid) < 0}\r\n                                    <li class="check-info-item{field.sfid}">\r\n                                        <span>{field.label}:</span>\r\n                                        {#if field.sfid == 0}\r\n                                            <span title="{field.value}"><img src="{headImage}" alt=""></span>\r\n                                        {#else}\r\n                                            <span title="{field.value}">{field.value} </span>\r\n                                        {/if}\r\n                                    </li>\r\n                                {/if}\r\n                            {/list}\r\n                        </ul>\r\n                    </div>\r\n                   \r\n            \r\n                    <div class="form-actions">\r\n                        <button class="btn btn-white-blue btn-two" on-click={this.back()}>\r\n                            {@(this.i18n(\'checkStuInfoError\'))}\r\n                        </button>\r\n                        <button class="btn btn-blue btn-two"  on-click={this.goon()}>\r\n                            {@(this.i18n(\'checkStuInfoSuccess\'))}\r\n                        </button>\r\n                    </div>\r\n                {/if}\r\n            </div>\r\n        </div>\r\n    \r\n    </div>'},461:function(i,n){i.exports='<div class="row content-panel new-content-panel">\r\n\r\n    <div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-12 content checkinfo">\r\n        <div class="form-group-input">\r\n\r\n            <h4 class="form-title checkinfo">\r\n                {@(this.i18n("checkInformation"))}\r\n            </h4>\r\n\r\n            {#if haveError}\r\n                <div class=" alert fade in alert-error alert-danger">\r\n                    <img src="{cdnBase}static/images/close2.png" class="" on-click={haveError = false} alt="">\r\n                    <p>{errorMsg}</p>\r\n                </div>\r\n            {/if}\r\n\r\n            {#if loading }\r\n                <div>\r\n                    <i class="fa fa-spinner fa-spin"></i>\r\n                </div>\r\n            {#else}\r\n                {#if headImage != ""}\r\n                    <div class="checkinfo-mobile-img">\r\n                        <div>\r\n                            <img src="{headImage}" alt="">\r\n                        </div>\r\n                    </div>\r\n                {/if}\r\n                <div style="width:100%;margin:0 auto;">\r\n                    <ul class="check-info" style="padding-bottom: 50px !important;">\r\n                        {#list studentInfo.fields as field}\r\n                            {#if [0,10].indexOf(field.sfid) < 0}\r\n                                <li class="check-info-item{field.sfid}">\r\n                                    <span>{field.label}:</span>\r\n                                    {#if field.sfid == 0}\r\n                                        <span title="{field.value}"><img src="{headImage}" alt=""></span>\r\n                                    {#else}\r\n                                        <span title="{field.value}">{field.value} </span>\r\n                                    {/if}\r\n                                </li>\r\n                            {/if}\r\n                        {/list}\r\n                    </ul>\r\n                </div>\r\n                    \r\n        \r\n                <footer class="row doexam-footer mobile">\r\n                    <div class="submit-buttons">\r\n                        <span class="action">\r\n                            <a class=" backPage backPage-checkinfo btn btn-white-blue new-checkerr-btn" on-click={this.back()}>  \r\n                                {@(this.i18n(\'checkInfofasle\'))}\r\n                            </a>\r\n                        </span>\r\n                        <span class="action">\r\n                            <a class="nextPage btn btn-blue new-checkright-btn" on-click={this.goon()}> \r\n                                {@(this.i18n(\'informationChecking\'))}\r\n                            </a>\r\n                        </span>\r\n                    </div>\r\n                </footer>\r\n\r\n            {/if}\r\n      </div>\r\n  </div>\r\n\r\n</div>'},462:function(i,n){i.exports='{#if field.param.type == "text"}\r\n    {#if field.field_type != "gender"}\r\n        <div class="form-group" r-class="{ {\'has-error has-feedback\': field.error} }">\r\n            <div class="input-group">\r\n                <label class="input-group-addon" r-style={{"width": (maxWord*charSize+addWidth)+"px"}}>{field.field_label|formatContent}</label>\r\n                <input type="{field.field_type}"\r\n                    class="form-control" placeholder="{field.field_label|formatContent}"\r\n                    required="required"\r\n                    r-model={field.value}\r\n                    {#if field.fid==1}\r\n                    autofocus\r\n                    id="name"\r\n                    {/if}\r\n                    on-blur={ this.$emit(\'leave\', field) }\r\n                    r-style={{"width": "calc(100% - "+(maxWord*charSize+5+addWidth)+"px)"}}    \r\n                    data-fid="{field.fid}"           \r\n                >\r\n            </div>\r\n            {#if field.error}\r\n                \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                <span class="help-block" r-style={{"padding-left": (maxWord*charSize+addWidth+72*1)+"px"}}>{field.errorMsg}</span>\r\n            {/if}\r\n        </div>\r\n    {#else}\r\n        <div class="form-group" r-class="{ {\'has-error has-feedback\': field.error} }">\r\n            <div class="input-group">\r\n                <label class="input-group-addon" r-style={{"width": (maxWord*charSize+addWidth)+"px"}}>{field.field_label|formatContent}</label>\r\n                \r\n                    <input type="radio"\r\n                        class="form-control"\r\n                        required="required"\r\n                        name="sex"\r\n                        value=""\r\n                        on-click={this.seclectGender(1)}\r\n                    >\r\n                    <span>{@(this.i18n("man"))}</span>\r\n                \r\n                \r\n                    <input type="radio"\r\n                        class="form-control"\r\n                        required="required"\r\n                        name="sex"\r\n                        value=""\r\n                        on-click={this.seclectGender(0)}\r\n                    >\r\n                    <span>{@(this.i18n("woman"))}</span>\r\n                \r\n            </div>\r\n            {#if field.error}\r\n                \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                <span class="help-block" r-style={{"padding-left": (maxWord*charSize+addWidth+72*1)+"px"}}>{field.errorMsg}</span>\r\n            {/if}\r\n        </div>\r\n    {/if}\r\n\r\n{#elseif field.param.type == "select" }\r\n    <field.dropdown field={field.param.param} key="np" maxWord={maxWord} charSize={@(charSize)}></field.dropdown>\r\n{/if}'},463:function(i,n){i.exports='<div class="form-group" r-class={{"has-error has-feedback": field.haveError}}>\r\n    <div class="input-group">\r\n            <label data-a="{maxWord*charSize+addWidth}" class="input-group-addon" r-style={{"width":(maxWord*charSize+addWidth)+"px"}}>{field.label|formatContent}</label>\r\n            <div class="dropdown">\r\n                <button class="btn btn-default dropdown-toggle collect-btn" on-click={this.meunShow()} type="button" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" r-style={{"width":"calc(100% - "+(maxWord*charSize+5+addWidth)+"px)"}}>\r\n                    {#if selectLabel}\r\n                        <span class="ellipsis" title="{selectLabel|formatContent}">{selectLabel|formatContent}</span>\r\n                    {#else}\r\n                        <span class="ellipsis" title=\'{@(this.i18n("COM_EXAMS_PLEASE_SELECT"))}\'>{@(this.i18n("COM_EXAMS_PLEASE_SELECT"))}</span>\r\n                    {/if}\r\n                    <span class="caret"></span>\r\n                </button>\r\n                <ul class="dropdown-menu dropdownSelect" aria-labelledby="dropdownMenu" ref=meun r-style={{"width":"calc(100% - "+(maxWord*charSize+5+addWidth)+"px)","left":maxWord*charSize+2+addWidth+"px"}}>\r\n                    <li class="dropdown-header">{@(this.i18n("COM_EXAMS_PLEASE_SELECT"))}</li>\r\n                        {#list items as item}\r\n                            <li on-click={this.select(item.label,item.id)}>\r\n                                <a class="select-item" title="{item.label|formatContent}">{item.label|formatContent}</a>\r\n                            </li>\r\n                        {/list}\r\n                </ul>\r\n            </div>\r\n            \x3c!-- <i class="fa fa-sort-desc fa-1x"></i> --\x3e\r\n    </div>\r\n    {#if field.haveError}\r\n        \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n        <span class="help-block" r-style={{"padding-left":(maxWord*charSize+addWidth+72*1)+"px"}}>{@(this.i18nf("COM_EXAMS_FIELD_CAN_NOT_BE_EMPTY", field.label))}</span>\r\n    {/if}\r\n</div>\r\n\r\n{#if field.child}\r\n<field.dropdown field={field.child} key={selectedItem} maxWord={maxWord} charSize={@(charSize)}></field.dropdown>\r\n{/if}'},464:function(i,n){i.exports='<div class="form-group new-field-input" r-class={{"has-error has-feedback": field.haveError}}>\r\n  <div class="new-m-input-group">\r\n          <div class="dropdown">\r\n              <button class="btn btn-default dropdown-toggle collect-btn" r-class={{"dropdown-toggle-border":!taggle}} on-click={this.meunShow()} type="button" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width:100%;padding-left: 5px;" ref=dropdownMenu>\r\n                  {#if selectLabel}\r\n                      <span class="dropdown-toggle-color" style="font-size: 12px;line-height: 31px;color: #36aafd;padding-right: 5px;">{field.label|formatContent}:</span><span class="ellipsis" r-style={{width: selectedItemWidth + \'px\'}}>{selectLabel|formatContent}</span>\r\n                  {#else}\r\n                      <span style="color: #999;">{@(this.i18nf("pleaseChose"))}{field.label|formatContent}</span>\r\n                  {/if}\r\n                  <span class="caret"></span>\r\n              </button>\r\n              <ul class="dropdown-menu dropdownSelect" aria-labelledby="dropdownMenu" ref=meun style="width:100%;left:0;">\r\n                  {#list items as item}\r\n                      <li on-click={this.select(item.label,item.id)}><a class="select-item">{item.label|formatContent}</a></li>\r\n                  {/list}\r\n              </ul>\r\n          </div>\r\n          \x3c!-- <i class="fa fa-sort-desc fa-1x"></i> --\x3e\r\n  </div>\r\n  {#if field.haveError}\r\n      \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n      <span class="help-block"><span style="margin-right: 3px;">*</span>{@(this.i18nf("COM_EXAMS_FIELD_CAN_NOT_BE_EMPTY", field.label))}</span>\r\n  {/if}\r\n</div>\r\n\r\n{#if field.child}\r\n<field.dropdown field={field.child} key={selectedItem} maxWord={maxWord} charSize={@(charSize)}></field.dropdown>\r\n{/if}'},465:function(i,n){i.exports='{#if field.param.type == "text"}\r\n    {#if field.field_type != "gender"}\r\n        <div class="form-group new-field-input" r-class="{ {\'has-error has-feedback\': field.error} }">\r\n            <div class="new-m-input-group new-mobile-input-group">\r\n                <input type="{field.field_type}"\r\n                    class="form-control new-form-control" placeholder="{@(this.i18n(\'pleaseInput1\'))}{field.field_label|formatContent}"\r\n                    required="required"\r\n                    r-model={field.value}\r\n                    r-style={{"padding-left":field.value.length > 0 || field.field_type=="date" ? mobileWidth > 0? mobileWidth+"px":(field.field_label.length+1)*15+addWidth+"px":"5px"}} \r\n                    {#if field.fid==1}\r\n                    autofocus\r\n                    id="name"\r\n                    {/if}\r\n                    on-click={this.scrollIntoView($event)}\r\n                    on-blur={ this.$emit(\'leave\', field) }\r\n                    on-keydown={this.paddingLeft()}\r\n                    style="width:100%"    \r\n                    data-fid="{field.fid}"         \r\n                >\r\n                {#if field.value.length > 0 || field.field_type=="date"}\r\n                  <div class="input-title" ref="{field.fid}">{field.field_label|formatContent}：</div>\r\n                {/if}\r\n            </div>\r\n            {#if field.error}\r\n                \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                <span class="help-block"><span style="margin-right: 3px;">*</span>{field.errorMsg}</span>\r\n            {/if}\r\n        </div>\r\n    {#else}\r\n        <div class="form-group" r-class="{ {\'has-error has-feedback\': field.error} }">\r\n            <div class="new-input-group">\r\n                <label class="new-m-input-group-addon new-mobile-gender">{field.field_label|formatContent}:</label>\r\n                \r\n                    <input type="radio"\r\n                        class="form-control"\r\n                        required="required"\r\n                        name="sex"\r\n                        value=""\r\n                        on-click={this.seclectGender(1)}\r\n                    >\r\n                    <span>{@(this.i18n("man"))}</span>\r\n                \r\n                \r\n                    <input type="radio"\r\n                        class="form-control"\r\n                        required="required"\r\n                        name="sex"\r\n                        value=""\r\n                        on-click={this.seclectGender(0)}\r\n                    >\r\n                    <span>{@(this.i18n("woman"))}</span>\r\n                \r\n            </div>\r\n            {#if field.error}\r\n                \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                <span class="help-block"><span style="margin-right: 3px;">*</span>{field.errorMsg}</span>\r\n            {/if}\r\n        </div>\r\n    {/if}\r\n\r\n{#elseif field.param.type == "select" }\r\n    <field.dropdown field={field.param.param} key="np" maxWord={maxWord} charSize={@(charSize)}></field.dropdown>\r\n{/if}'},466:function(i,n){i.exports='<div class="row content-panel collect">\r\n\r\n  <div class="visible-xs-block text-center">\r\n      <h4 class="form-title new-from-title">\r\n        {#if examType < 2 || examType > 3 }\r\n          {@(this.i18n("welcomeEnter"))}\r\n        {#else}\r\n          {@(this.i18n("welcomeEnterAdvance"))}\r\n        {/if}\r\n        {@(this.i18n("welcomeInput"))}\r\n      </h4>\r\n  </div>\r\n\r\n  <div class="content collect new-mobile-content">\r\n          <div class="title text-center hidden-xs hidden-md">\r\n                  <p class="new-exam-title">{examDetails.title}</p>\r\n              </div>\r\n      \r\n          <h4 class="form-title hidden-xs">{@(this.i18n("COM_EXAMS_PLEASE_INPUT_THE_INFO_BELOW")) }</h4>\r\n          {#if loading}\r\n              <div class="loading">\r\n                  <i class="fa fa-spinner fa-spin"></i>\r\n              </div>\r\n          {#else}\r\n              {#if haveError}\r\n                  <div class="note note-error">\r\n                      <p>{errorMsg}</p>\r\n                  </div>\r\n              {#else}\r\n                  {#list fields as field}\r\n                      <field field={field} maxWord={@(maxWord)} charSize={@(charSize)} on-leave={this.validField(field)}></field>\r\n                  {/list}\r\n                  {#if needCode}\r\n                      <codeverify code={code} maxWord={@(maxWord)} charSize={@(charSize)} on-leave={this.validField(code)}></codeverify>\r\n                  {/if}\r\n              {/if}\r\n          {/if}\r\n\r\n          <div class="form-actions submit new-form-actions">\r\n              \r\n                  {#if examType < 2 || examType > 3 }\r\n                      <button class="btn btn-blue new-btn-login" on-click={this.submit()}>\r\n                          {@(this.i18n("COM_EXAMS_ENTER_TEST"))}\r\n                          {#if !canSubmit}\r\n                              <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                          {/if}\r\n                      </button>\r\n                  {#else}\r\n                      <a class="btn btn-red new-btn-login" on-click={this.submit()}>\r\n                          {@(this.i18n("submitAndStartAdvance"))}\r\n                          {#if !canSubmit}\r\n                              <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                          {/if}\r\n                      </a>\r\n                  {/if}\r\n              \r\n          </div>\r\n          <div class="group-tip">{@(this.i18n("contactAdministrator"))}</div>\r\n     \r\n  </div>\r\n</div>\r\n'},467:function(i,n){i.exports='<div class="row content-panel collect new-content-panel">\r\n    \x3c!-- <div class="col-xs-12 col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 logo hidden-xs">\r\n        <h1>{examDetails.title}</h1>\r\n    </div> --\x3e\r\n    \r\n    <div class="col-xs-12 visible-xs-block text-center">\r\n        <h4 class="form-title">{@(this.i18n("COM_EXAMS_PLEASE_INPUT_THE_INFO_BELOW"))}</h4>\r\n    </div>\r\n\r\n    <div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-12 content collect">\r\n            <div class="title text-center hidden-xs hidden-md">\r\n                    <p class="new-exam-title">{examDetails.title}</p>\r\n                </div>\r\n        \r\n            <h4 class="form-title hidden-xs">{@(this.i18n("COM_EXAMS_PLEASE_INPUT_THE_INFO_BELOW")) }</h4>\r\n            {#if loading}\r\n                <div class="loading">\r\n                    <i class="fa fa-spinner fa-spin"></i>\r\n                </div>\r\n            {#else}\r\n                {#if haveError}\r\n                    <div class="note note-error">\r\n                        <p>{errorMsg}</p>\r\n                    </div>\r\n                {#else}\r\n                    {#list fields as field}\r\n                        <field field={field} maxWord={@(maxWord)} charSize={@(charSize)} on-leave={this.validField(field)}></field>\r\n                    {/list}\r\n                    {#if needCode}\r\n                        <codeverify code={code} maxWord={@(maxWord)} charSize={@(charSize)} on-leave={this.validField(code)}></codeverify>\r\n                    {/if}\r\n                {/if}\r\n            {/if}\r\n\r\n            <div class="form-actions submit">\r\n                \r\n                    {#if examType < 2 || examType > 3 }\r\n                        <button class="btn btn-blue new-btn" on-click={this.submit()}>\r\n                            {@(this.i18n("COM_EXAMS_SUBMAIT_INFO"))}\r\n                            {#if !canSubmit}\r\n                                <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                            {/if}\r\n                        </button>\r\n                    {#else}\r\n                        <a class="btn btn-red" on-click={this.submit()}>\r\n                            {@(this.i18n("submitAndStartAdvance"))}\r\n                            {#if !canSubmit}\r\n                                <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                            {/if}\r\n                        </a>\r\n                    {/if}\r\n                \r\n            </div>\r\n       \r\n    </div>\r\n</div>\r\n'},468:function(i,n){i.exports='{#if loading}\r\n    <div class="row  ie8-do loading">\r\n        <div class="col-md-12">\r\n            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n        </div>\r\n    </div>\r\n{#elseif timeStart||timeEnd}\r\n    {#if !mobile}\r\n        <div class="timeCountDown">\r\n            <p style="font-size: 20px;margin-top:70px;">{examDetails.title}</p>\r\n            <p style="font-size: 16px;color: #666666;margin-top: 20px;">（{#include errorMsg}）</p>\r\n            <div class="timer-other"></div>\r\n            {#if timeStart}\r\n                {#if delayTime == -1}\r\n                    <p style="font-size: 30px;margin:50px 0;">\r\n                        {@(this.i18n("aLong"))}\r\n                    </p>\r\n                    {#if hours == 0 && days == 0}\r\n                        <div class="timer-num-ms">\r\n                        <span>{minutes}</span>\r\n                        <span>{@(this.i18n("minute"))}</span>\r\n                        <span>{seconds}</span>\r\n                        <span>{@(this.i18n("second"))}</span>\r\n                        </div>\r\n                    {#else}\r\n                        <div class="timer-num">\r\n                        <span>{days}</span>\r\n                        <span>{@(this.i18n("day"))}</span>\r\n                        <span>{hours}</span>\r\n                        <span>{@(this.i18n("hour"))}</span>\r\n                        <span>{minutes}</span>\r\n                        <span>{@(this.i18n("minute"))}</span>\r\n                        <span>{seconds}</span>\r\n                        <span>{@(this.i18n("second"))}</span>\r\n                        </div>\r\n                    {/if} \r\n                {#else}\r\n                    <div class="delayTimeLoading"><i class="fa fa-spin fa-spinner fa-3x"></i></div>\r\n                    <div class="delayTime">{this.i18nf("clickRefresh",delayTime)}</div>\r\n                {/if} \r\n                <div class="timer-reload" on-click={this.reload()}>{@(this.i18n("refresh"))}</div>\r\n                {#if occupyScreen && !androidFullScreen}\r\n                    <div class="timer-reload" on-click={this.closePage()} style="margin-left: 40px;">{@(this.i18n("ClosePage"))}</div>\r\n                {/if}\r\n            {/if}\r\n            {#if timeEnd}\r\n                <div>\r\n                    <div class="timer-num-over">\r\n                        {@(this.i18n("examOver"))}\r\n                    </div>\r\n                </div>\r\n                <div class="timer-reload" on-click={this.closePage()}>{@(this.i18n("ClosePage"))}</div>\r\n                <p style="font-size: 14px;color: #999999;margin-top: 25px;">{@(this.i18n("examAdministrator"))}</p>\r\n            {/if}\r\n        </div>\r\n    {#else}\r\n        <div class="timer-shadow"></div>\r\n        <div class="timeCountDown-m">\r\n        <p style="font-size: 20px;margin-top:30px;padding: 0 32px;">{examDetails.title}</p>\r\n        <p style="font-size: 16px;color: #666666;margin-top: 20px;">（{#include errorMsg}）</p>\r\n        <div class="timer-other" style="width: 40px;height: 4px;"></div>\r\n        {#if timeStart}\r\n            {#if delayTime == -1}\r\n                <p style="font-size: 22px;margin-top:35px;">{@(this.i18n("aLong"))}</p>\r\n                {#if hours == 0 && days == 0}\r\n                    <div>\r\n                        <div class="timer-num-mobile-ms">\r\n                        <span>\r\n                            {minutes}\r\n                            <img src="{cdnBase}static/images/timer/mobile.png" alt="">\r\n                        </span>\r\n                        <span>{@(this.i18n("minute"))}</span>\r\n                        <span>\r\n                            {seconds}\r\n                            <img src="{cdnBase}static/images/timer/mobile.png" alt="">\r\n                        </span>\r\n                        <span>{@(this.i18n("second"))}</span>\r\n                        </div>\r\n                    </div>\r\n                {#elseif days == 0}\r\n                    <div class="timer-num-mobile-dh">\r\n                        <span>{hours}</span>\r\n                        <span>{@(this.i18n("Hour"))}</span>\r\n                    </div>\r\n                {#else}\r\n                    <div class="timer-num-mobile-dh" style="margin-top: 30px;">\r\n                        <span style="margin: 0;font-size: 70px;">{days}</span>\r\n                        <span style="margin-right:20px;">{@(this.i18n("day"))}</span>\r\n                        <span style="margin: 0;font-size: 70px;">{hours}</span>\r\n                        <span>{@(this.i18n("hour"))}</span>\r\n                    </div>\r\n                {/if}\r\n            {#else}\r\n                <div class="delayTimeLoading"><i class="fa fa-spin fa-spinner fa-3x"></i></div>\r\n                <div class="delayTime">{this.i18nf("clickEnter",delayTime)}</div>\r\n            {/if}\r\n            <div class="timer-reload-m" on-click={this.reload()}>{@(this.i18n("refresh"))}</div>\r\n        {/if}\r\n        {#if timeEnd}\r\n            <div>\r\n                <div class="timer-num-over" style="width: 95%;font-size: 35px;max-width: 440px;line-height: 72px;height: 75px;">\r\n                    {@(this.i18n("examOver"))}\r\n                </div>\r\n            </div>\r\n            <div class="timer-reload-m" on-click={this.closePage()}>{@(this.i18n("ClosePage"))}</div>\r\n            <p style="font-size: 14px;color: #999999;margin-top: 25px;">{@(this.i18n("examAdministrator"))}</p>\r\n        {/if}\r\n        </div> \r\n    {/if}\r\n{#else}\r\n    {#if !mobile}\r\n        <div class="row">\r\n            <div class="col-xs-12 col-sm-12 col-md-12 text-center new-exam-result erro-page">\r\n                {#if isMock}\r\n                    <div class="introduce-mock-tips" >\r\n                        <span class="tips-text">{@(this.i18n("mockTips"))}</span>\r\n                        <img src="/static/images/introduce-tap.png">\r\n                    </div>\r\n                {/if}\r\n                {#if examDetails.title != ""}\r\n                    <h2>《{examDetails.title}》</h2>\r\n                {/if}\r\n                <img src="{cdnBase}static/images/erro_tips_icon.png" alt="">\r\n                {#if backEexamURL == ""}\r\n                    <p>{#include error.errorMsg}</p>\r\n                {#else}\r\n                    <p>{@(this.i18n(\'checkExcessiveExam\'))}</p>\r\n                {/if}\r\n                \r\n                \x3c!-- <div class="btns">\r\n                    <a href="javascript:;" class="btn btn-blue" on-click={this.closePage()} >{@(this.i18n("Iknow"))}</a>\r\n                </div> --\x3e\r\n                {#if isLate}\r\n                    <a class="btn btn-blue" href="javascript:;" on-click={this.gotoLogin()} >{@(this.i18n("aleardyTakenAnExam"))}</a>\r\n                {/if}\r\n                {#if occupyScreen && !androidFullScreen}\r\n                    <div class="btns btns-center erro-page-btn"><a class="btn btn-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a></div>\r\n                {#elseif isShowBackbtn}\r\n                    \r\n                {/if}\r\n                {#if backEexamURL != ""}\r\n                    <div class="btns btns-center erro-page-btn">\r\n                        <a class="btn btn-blue" href="{backEexamURL}" >{@(this.i18n("gotoPreExam"))}</a>\r\n                        <a class="btn btn-white-blue" href="javascript:;" on-click={this.logout()} >{@(this.i18n("logoutPreExam"))}</a>\r\n                    </div>\r\n                {/if}\r\n            </div>\r\n        </div>\r\n\r\n        \x3c!-- <div class="btns btns-center erro-page-btn"><a class="btn btn-blue" on-click={this.closePage()}>{@(this.i18n("Iknow"))}</a></div> --\x3e\r\n    {#else}\r\n        <div class="row result-status erro-page" >\r\n            <div class="text-center result">\r\n                {#if examDetails.title != ""}\r\n                    <h2>《{examDetails.title}》</h2>\r\n                {/if}\r\n                {#if !wechatAuthSuccess}\r\n                    <img src="{cdnBase}static/images/erro_tips_icon.png" alt="">\r\n                {#else}\r\n                    <svg id="Layer_1" style="enable-background:new 0 0 128 128;" version="1.1" viewBox="0 0 128 128" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\r\n                        <g><circle class="st0" cx="64" cy="64" r="64"/></g><g><path class="st1" d="M54.3,97.2L24.8,67.7c-0.4-0.4-0.4-1,0-1.4l8.5-8.5c0.4-0.4,1-0.4,1.4,0L55,78.1l38.2-38.2   c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4L55.7,97.2C55.3,97.6,54.7,97.6,54.3,97.2z"/></g>\r\n                    </svg>\r\n                {/if}\r\n                {#if backEexamURL == ""}\r\n                    <p>{#include error.errorMsg}</p>\r\n                {#else}\r\n                    <p>{@(this.i18n(\'checkExcessiveExam\'))}</p>\r\n                {/if}\r\n            </div>\r\n            {#if needWechatServer}\r\n                <img class="rs-wei-xin-tip" src="{cdnBase}static/images/errorTips/weiXinTip.gif" alt="">\r\n            {/if}\r\n        </div>\r\n        {#if isLate}\r\n            <a class="btn btn-blue" href="javascript:;" on-click={this.gotoLogin()} >{@(this.i18n("aleardyTakenAnExam"))}</a>\r\n        {/if}\r\n        {#if backEexamURL != ""}\r\n            <div class="btns btns-center erro-page-btn">\r\n                <a class="btn btn-blue" href="{backEexamURL}" >{@(this.i18n("gotoPreExam"))}</a>\r\n                <a class="btn btn-white-blue" href="javascript:;" on-click={this.logout()} >{@(this.i18n("logoutPreExam"))}</a>\r\n            </div>\r\n        {#else}\r\n            {#if isShowBackbtn}\r\n                \r\n            {/if}\r\n            <div class="btns btns-center erro-page-btn"><a class="btn btn-blue" on-click={this.closePage()}>{@(this.i18n("Iknow"))}</a></div>\r\n        {/if}\r\n        \r\n    {/if}\r\n{/if}'},469:function(i,n){i.exports='{#if haveError}\r\n    <div class="row">\r\n        <div class="col-md-12">\r\n            \x3c!-- <div class="alert alert-error" r-html={errorMsg}></div> --\x3e\r\n            <div class="erro-tips-icon">\r\n                <img src="{cdnBase}static/images/erro_tips_icon.png" alt=\'\' >\r\n            </div>\r\n            <div class="erro-page" r-html={errorMsg}></div>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if !!questions.length  && !haveError}\r\n    <header class="doadvance-header mobile">\r\n\r\n        \x3c!-- <audio class="advance-bg-music" ref=\'doMusic\' src="{cdnBase}static/advance-bg-music.mp3" preload="auto" autoplay="autoplay" loop></audio> --\x3e\r\n        \x3c!-- <audio class="advance-bg-music" ref=\'gdown\' src="{cdnBase}static/gdown.wav"></audio>\r\n        <audio class="advance-bg-music" ref=\'gon\' src="{cdnBase}static/gon.wav"></audio> --\x3e\r\n        \x3c!-- <audio class="advance-bg-music" ref=\'noMore\' src="{cdnBase}static/noMore.wav"></audio> --\x3e\r\n        <div class="brand-advance">\r\n            <span class="music-controller">\r\n                <img r-class={{"music-img":musicType}} src="{cdnBase}static/images/bg_music.png" width="35" alt="" on-click={this.BgMusicOn()}>\r\n                <span>{pagintip}</span>\r\n            </span> \r\n            <span class="img-logo">\r\n                <div class="svg-circle-progress-wrapper" r-style={{"width": "100px","height":"100px"}}>\r\n                    <svg class="svg-circle-progress" width="100" height="100" viewBox="0 0 100 100">\r\n                        <circle cx="50" cy="50" r="44" fill="none" stroke="#f99494" stroke-width="5"></circle>\r\n                        <circle ref=ele class="svg-circle-progress-value" \r\n                            \r\n                            r-style={{"stroke-dasharray":3.14*(100-12),"stroke-dashoffset":dashOffsetValue}}\r\n                            cx="50" cy="50" r="44" \r\n                            fill="none" \r\n                            stroke="#d84653" stroke-width="10"\r\n                            >\r\n                        </circle>\r\n                    </svg>\r\n                    <span class="Countdown">{question_left_time}s</span>\r\n                </div>\r\n            </span>\r\n            <span class="stu-info">\r\n                <img class="user-wc-img" src="{wechatImg}" alt="">\r\n                <i class="reward-count">\r\n                    <img src="{cdnBase}static/images/rewardCount.png" alt="">\r\n                    <p>{rewardCount}</p>\r\n                </i>\r\n            </span>\r\n        </div>\r\n    </header>\r\n\r\n    <div class="questions doadvance-option mobile">\r\n        {#list this.getList(start, limit) as question}\r\n            {#if examDetails.instant_review > 0 && instantState == 1}\r\n                <question.review question={question} details={this.getDetails(question.qid)} index={start+question_index} total={questions.length} />\r\n            {#else}\r\n                <question question={question} details={this.getDetails(question.qid)} index={start+question_index} total={questions.length}  on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n            {/if}\r\n        {/list}\r\n    </div>\r\n\r\n    \r\n{/if}\r\n\r\n{#if haveReward}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="reward switchs animated" r-animation=\'on: enter; class:fadeInDown slow; on: leave; class:bounceOut; \' >\r\n        {#if reward.content == ""}\r\n            <p class="reward-title">{@(this.i18n("pity"))}</p>\r\n            <img src="{cdnBase}static/images/reward.png" alt="">\r\n            <p class="reward-context">{noRewardTip}</p>\r\n            <a class="btn btn-red" on-click={this.awardSubmit()}>{@(this.i18n("close"))}</a>\r\n        {#else}\r\n            <p class="reward-title">{@(this.i18n("getRewards"))}</p>\r\n            <img src="{cdnBase}static/images/reward.png" alt="">\r\n            <p class="reward-context">{reward.content}</p>\r\n            {#if reward.type == 2}\r\n                <a class="btn btn-red" on-click={this.awardSubmit()}>{@(this.i18n("confirm"))}</a>\r\n            {#else}\r\n                <a class="btn btn-red" on-click={this.awardSubmit()}>{@(this.i18n("goOnAdvance"))}</a>\r\n            {/if}\r\n        {/if}\r\n    </div>\r\n{/if}\r\n\r\n{#if needFreeGroup }\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="modal-content" role="document">\r\n            <div class="modal-header">\r\n                \x3c!-- <button class="close" aria-label="Close">\r\n                    <span aria-hidden="true">×</span>\r\n                </button> --\x3e\r\n                {#if !loginFreegroup}\r\n                    <h4 class="modal-title">{@(this.i18n(\'DIALOG_TIPS\'))}</h4>\r\n                {#else}\r\n                    <h4 class="modal-title">{@(this.i18n(\'loginFreeGroup\'))}</h4>\r\n                {/if}\r\n            </div>\r\n            {#if !loginFreegroup}\r\n                <div class="modal-body" style="color: #000;">\r\n                    <p><img src="/static/images/tips.png" class="icon"></p>\r\n                    {haveFreeGroupTips}\r\n                </div>\r\n                <div class="modal-footer">\r\n                    <button type="button" on-click={this.getGroupLoginInfo()} class="btn btn-blue">{@(this.i18n(\'loginFreeGroup\'))}</button> <button type="button" on-click={this.onPay()} class="btn btn-white-blue">{@(this.i18n(\'COM_EXAMS_PAID_EXAM\'))}</button> \r\n                </div>\r\n            {#else}\r\n                {#if freeGroupLoading}\r\n                    <div class="row  ie8-do loading doexam-loading">\r\n                        <div class="col-md-12">\r\n                            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                        </div>\r\n                    </div>\r\n                {#else}\r\n                    <div class="modal-body" style="color: #000;">\r\n                        <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==1} }">\r\n                                <div r-class={{"new-m-input-group":mobile,"input-group":!mobile}}>\r\n                                    <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon":!mobile}} style="text-align: left;" r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{field.label}:</label>\r\n                                    <input type="text"\r\n                                            class="form-control" placeholder="{field.label}"\r\n                                            required="required"\r\n                                            r-model={field.value}\r\n                                            r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}  \r\n                                    >\r\n                                </div>\r\n                        </div>\r\n                        {#if field.needPassword}\r\n                            <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==2} }">\r\n                                <div r-class={{"new-m-input-group":mobile,"input-group":!mobile}}>\r\n                                    <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon":!mobile}} style="text-align: left;" r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{@(this.i18n(\'PASSWORD\'))}:</label>\r\n                                    <input type="password" style="display:none;width:0;height:0;">\r\n                                    <input type="password"\r\n                                            class="form-control" placeholder="{@(this.i18n(\'PASSWORD\'))}"\r\n                                            required="required"\r\n                                            r-model={field.password}\r\n                                            autocomplete="new-password"\r\n                                            r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}  \r\n                                    >\r\n                                </div>\r\n                            </div>\r\n                        {/if}\r\n                        {#if showtip}\r\n                            {#if isMiniprogram}\r\n                                <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}} r-html={fgTips}></span>\r\n                            {#else}\r\n                                <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}} on-click={this.bindWechat()} r-html={fgTips} ></span>\r\n                            {/if}\r\n                        {/if}\r\n                    </div>\r\n                    <div class="modal-footer">\r\n                        <button type="button" on-click={this.loginFreeGroup()} class="btn btn-blue">{@(this.i18n(\'LOGIN\'))}</button> <button type="button" on-click={this.backToPay()} class="btn btn-white-blue">{@(this.i18n(\'goBack\'))}</button> \r\n                    </div>\r\n                {/if}\r\n            {/if}\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if action == 5}\r\n<div class="preview-float">\r\n    {@(this.i18n("previewTip"))}\r\n</div>\r\n{/if}'},470:function(i,n){i.exports='{#if loading && !partsLoading}\r\n    <div class="row  ie8-do question-loading">\r\n        <div class="col-md-12">\r\n            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n<errorTips haveError={haveError} isKickouted={isKickouted} errorMsg={errorMsg} needExamStartReload={needExamStartReload}></errorTips>\r\n\r\n{#if time <=5 && examDetails.time_limit > 0 && examDetails.question_limit_time <= 0 && Parts.length <= 0}\r\n    {#if time <= 1}\r\n        <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    {/if}\r\n    <div class="countdown-container">\r\n        {#if time > 1}\r\n        <div class="countdown">\r\n            <span class="time">{time}</span>\r\n            <span class="tip">{@(this.i18n("COM_EXAMS_AUTO_SUBMIT_COUNT_DOWN"))}</span>\r\n        </div>\r\n        {#else}\r\n            {#if submitError!=null}\r\n                <div class="submit-error">\r\n                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>\r\n                    <span>{submitError}</span>\r\n                    <a class="btn btn-primary" on-click={this.submit(2, "check")}>{@(this.i18n("COM_EXAMS_RE_SUBMIT_EXAMS"))}</a>\r\n                </div>\r\n            {#else}\r\n                <div class="submiting">\r\n                    <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                    <span>{@(this.i18n("COM_EXAMS_SUBMITING"))}</span>\r\n                </div>\r\n            {/if}\r\n        {/if}\r\n    </div>\r\n{/if}\r\n\r\n\r\n{#if showSwitch ==1 || showAndroidSwitch == 1}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="icon">\r\n                <img src="{cdnBase}static/images/switch.png">\r\n            </div>\r\n            <div class="role">\r\n                <div r-html={this.i18n("blurTimesTip") | Printf: blurTimes}></div>\r\n                <div r-html={this.i18n("blurTimeForceSubmitTip") | Printf: examDetails.DecodedParams.limit_blur_times}></div>\r\n            </div>\r\n        </div>\r\n        {#if autoSubmitTime < 3}\r\n            <div class="action text-center">\r\n                <button class="btn btn-primary autoSubmit">{@(this.i18n("submiting"))}（{autoSubmitTime}）</button>\r\n            </div>\r\n        {#else}\r\n            <div class="action text-center">\r\n                <button on-click={this.hideSwitch()} class="btn btn-primary">{@(this.i18n("confirm"))}</button>\r\n            </div>\r\n        {/if}\r\n    </div>\r\n{/if}\r\n\r\n{#if showFullScreen ==1}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated enterFullscreen" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="icon">\r\n                <img src="{cdnBase}static/images/doexam/fullscreen.jpg">\r\n            </div>\r\n            <div class="role">\r\n                <div r-html={@(this.i18n("cutScreen"))}></div>\r\n                <div>{@(this.i18n("enterFullScreenTip"))}</div>\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <button id="btnFocus" on-click={this.enterFullScreen()} class="btn btn-primary">{@(this.i18n("enterFullScreen"))}</button>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if loudTimes >= setVoiceTimes+1 && setVoiceTimes != 0}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="icon">\r\n                <img src="{cdnBase}static/images/switch.png">\r\n            </div>\r\n            <div class="role">\r\n                <div r-html={this.i18n("bigVoiceTip") | Printf: loudTimes}></div>\r\n                <div r-html={this.i18n("bigVoiceSubmitTip") | Printf: setVoiceTimes}></div>\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <button class="btn btn-primary autoSubmit">{@(this.i18n("submiting"))}（{autoSubmitTime}）</button>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if overOneTimes >= setOverOneTimes+1 && setOverOneTimes != 0}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="icon">\r\n                <img src="{cdnBase}static/images/switch.png">\r\n            </div>\r\n            <div class="role">\r\n                <div r-html={this.i18n("noOnePeopleTip") | Printf: overOneTimes}></div>\r\n                <div r-html={this.i18n("noOnePeopleSubmitTip") | Printf: setOverOneTimes}></div>\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <button class="btn btn-primary autoSubmit">{@(this.i18n("submiting"))}（{autoSubmitTime}）</button>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if noSelfTimes >= setNoSelfTimes+1 && setNoSelfTimes != 0}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="icon">\r\n                <img src="{cdnBase}static/images/switch.png">\r\n            </div>\r\n            <div class="role">\r\n                <div r-html={this.i18n("noSelfTip") | Printf: noSelfTimes}></div>\r\n                <div r-html={this.i18n("noSelfSubmitTip") | Printf: setNoSelfTimes}></div>\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <button class="btn btn-primary autoSubmit">{@(this.i18n("submiting"))}（{autoSubmitTime}）</button>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if actionTimes >= setActionTimes+1 && setActionTimes != 0}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \' style="height: 360px;">\r\n        <div class="content">\r\n            <div class="icon">\r\n                <img src="{cdnBase}static/images/switch.png">\r\n            </div>\r\n            <div class="role">\r\n                <div r-html={this.i18n("smallActionTip") | Printf: actionTimes}></div>\r\n                <div r-html={this.i18n("smallActionSubmitTip") | Printf: setActionTimes}></div>\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <button class="btn btn-primary autoSubmit">{@(this.i18n("submiting"))}（{autoSubmitTime}）</button>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if unmannedTime >= setUnmannedTimes+1 && setUnmannedTimes != 0}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="icon">\r\n                <img src="{cdnBase}static/images/switch.png">\r\n            </div>\r\n            <div class="role">\r\n                <div r-html={this.i18n("noPeopleTip") | Printf: unmannedTime}></div>\r\n                <div r-html={this.i18n("noPeopleSubmitTip") | Printf: setUnmannedTimes}></div>\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <button class="btn btn-primary autoSubmit">{@(this.i18n("submiting"))}（{autoSubmitTime}）</button>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if showLoading == 1}\r\n    <div class="eFrameSheLayer"></div>\r\n    <div class="elasticFrame">\r\n        <p class="loading">{@(this.i18n("loadingDetection"))}</p>\r\n        <div class="col-md-12">\r\n            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if specialImg !== ""}\r\n    <div class="media-overflow" id="specialImg"></div>\r\n    <div class="specialImg animated" id="UploadImgShow-box">\r\n        <span on-click={this.colseSpecialImg()} class="specialImgClose"><i class="fa fa-times fa-2x" aria-hidden="true"></i></span>\r\n        <img src="{specialImg}" id="UploadImgShow" on-load={this.recreateWH()}>\r\n        {#if isMobile}\r\n        <span class="veo-M"><i class="fa fa-rotate-left fa-2x rt-left" on-click="{this.imgRotate(\'L\')}"></i> <i class="fa fa-rotate-right fa-2x rt-right" on-click="{this.imgRotate(\'R\')}"></i></span>\r\n        {#else}\r\n        <span class="veo-L"><i class="fa fa-arrow-left fa-2x rt-left" on-click="{this.imgNext(\'L\')}"></i></span>\r\n        <span class="veo-M"><i class="fa fa-rotate-left fa-2x rt-left" on-click="{this.imgRotate(\'L\')}"></i> <i class="fa fa-rotate-right fa-2x rt-right" on-click="{this.imgRotate(\'R\')}"></i></span>\r\n        <span class="veo-R"><i class="fa fa-arrow-right fa-2x rt-left" on-click="{this.imgNext(\'R\')}"></i></span>\r\n        {/if}\r\n    </div>\r\n{/if}\r\n\r\n\r\n{#if mediaLoading}\r\n<div class="media-overflow" id="mediaLoading"></div>\r\n<div class="mediaLoading">\r\n    <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n</div>\r\n{/if}\r\n\r\n{#if needFreeGroup }\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="modal-content" role="document">\r\n            <div class="modal-header">\r\n                \x3c!-- <button class="close" aria-label="Close">\r\n                    <span aria-hidden="true">×</span>\r\n                </button> --\x3e\r\n                {#if !loginFreegroup}\r\n                    <h4 class="modal-title">{@(this.i18n(\'DIALOG_TIPS\'))}</h4>\r\n                {#else}\r\n                    <h4 class="modal-title">{@(this.i18n(\'loginFreeGroup\'))}</h4>\r\n                {/if}\r\n            </div>\r\n            {#if !loginFreegroup}\r\n                <div class="modal-body">\r\n                    <p><img src="/static/images/tips.png" class="icon"></p>\r\n                    {haveFreeGroupTips}\r\n                </div>\r\n                <div class="modal-footer">\r\n                    <button type="button" on-click={this.getGroupLoginInfo()} class="btn btn-blue">{@(this.i18n(\'loginFreeGroup\'))}</button> <button type="button" on-click={this.onPay()} class="btn btn-white-blue">{@(this.i18n(\'COM_EXAMS_PAID_EXAM\'))}</button> \r\n                </div>\r\n            {#else}\r\n                {#if freeGroupLoading}\r\n                    <div class="row  ie8-do loading doexam-loading">\r\n                        <div class="col-md-12">\r\n                            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                        </div>\r\n                    </div>\r\n                {#else}\r\n                    <div class="modal-body">\r\n                        <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==1} }">\r\n                                <div r-class={{"new-m-input-group":mobile,"input-group-pc":!mobile}}>\r\n                                    <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon-pc":!mobile}} style="text-align: left;" r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{field.label}:</label>\r\n                                    <input type="text"\r\n                                            class="form-control" placeholder="{field.label}"\r\n                                            required="required"\r\n                                            r-model={field.value}\r\n                                            r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}  \r\n                                    >\r\n                                </div>\r\n                        </div>\r\n                        {#if field.needPassword}\r\n                            <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==2} }">\r\n                                <div r-class={{"new-m-input-group":mobile,"input-group-pc":!mobile}}>\r\n                                    <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon-pc":!mobile}} style="text-align: left;" r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{@(this.i18n(\'PASSWORD\'))}:</label>\r\n                                    <input type="password" style="display:none;width:0;height:0;">\r\n                                    <input type="password"\r\n                                            class="form-control" placeholder="{@(this.i18n(\'PASSWORD\'))}"\r\n                                            required="required"\r\n                                            r-model={field.password}\r\n                                            autocomplete="new-password"\r\n                                            r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}  \r\n                                    >\r\n                                </div>\r\n                            </div>\r\n                        {/if}\r\n                        {#if showtip}\r\n                        {#if isMiniprogram}\r\n                            <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}} r-html={fgTips}></span>\r\n                        {#else}\r\n                            <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}} on-click={this.bindWechat()} r-html={fgTips} ></span>\r\n                        {/if}\r\n                        {/if}\r\n                    </div>\r\n                    <div class="modal-footer">\r\n                        <button type="button" on-click={this.loginFreeGroup()} class="btn btn-blue">{@(this.i18n(\'LOGIN\'))}</button> <button type="button" on-click={this.backToPay()} class="btn btn-white-blue">{@(this.i18n(\'goBack\'))}</button> \r\n                    </div>\r\n                {/if}\r\n            {/if}\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if waringTip}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="modal-content" role="document">\r\n            <div class="modal-header">\r\n                <h4 class="modal-title">{@(this.i18n(\'wraing\'))}</h4>\r\n            </div>\r\n            <div class="modal-body">\r\n                <p><img src="/static/images/tips.png" class="icon"></p>\r\n                <p style="word-break: break-word;">\r\n                    {#if warningTipsText == ""}\r\n                        {@(this.i18n(\'wraingTips\'))}\r\n                    {#else}\r\n                        {warningTipsText}\r\n                    {/if}\r\n                </p>\r\n            </div>\r\n            <div class="modal-footer">\r\n                <button type="button" on-click={this.closeWaring()} class="btn btn-blue">{@(this.i18n(\'confirm\'))}</button>  \r\n            </div>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if showInterrupt ==1}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="icon">\r\n                <img src="{cdnBase}static/images/switch.png">\r\n            </div>\r\n            <div class="role">\r\n                <div r-html={this.i18n("InterruptTimesTip") | Printf: interruptTimes}></div>\r\n                <div r-html={this.i18n("InterruptTimeForceSubmitTip") | Printf: examDetails.DecodedParams.interrupt_times}></div>\r\n            </div>\r\n        </div>\r\n        \r\n        {#if autoSubmitTime < 3}\r\n            <div class="action text-center">\r\n                <button class="btn btn-primary autoSubmit">{@(this.i18n("submiting"))}（{autoSubmitTime}）</button>\r\n            </div>\r\n        {#else}\r\n            <div class="action text-center">\r\n                <button on-click={showInterrupt=0} class="btn btn-primary">{@(this.i18n("confirm"))}</button>\r\n            </div>\r\n        {/if}\r\n    </div>\r\n{/if}\r\n{#if wechatWebAuth }\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated" style="width: 450px;" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="modal-content" role="document">\r\n            <div class="modal-header" style="padding: 17px;">\r\n                <div class="modal-title">微信扫码授权</div>\r\n            </div>\r\n            \r\n            <div class="modal-body" style="min-height: 283px;padding-bottom: 0px;">\r\n                <div>电脑端付费考试需先进行微信扫码授权，授权后请使用授权的微信进行付费</div>\r\n                <img id="wechatAuthImg" src="" class="wechatAuthImg">\r\n            </div>\r\n        </div>\r\n    </div>\r\n{/if}\r\n{#if diffOpenid }\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated" style="height: 246px;" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="modal-content" role="document">\r\n            <div class="modal-header" style="padding: 17px;">\r\n                <div class="modal-title">提示</div>\r\n            </div>\r\n            \r\n            <div class="modal-body" style="min-height: 165px;padding-bottom: 0px;">\r\n                <div>请使用授权的微信号进行付费</div>\r\n            </div>\r\n            <div class="modal-footer">\r\n                <button type="button" on-click={this.diffOpenidToPay()} class="btn btn-blue">{@(this.i18n(\'COM_EXAMS_PAID_EXAM\'))}</button> \r\n            </div>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if showCanvas == 1 }\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \' style="z-index: -1"></div>\r\n{/if}\r\n\r\n{#if showFillBlank == 1 }\r\n    <div class="fillBlankTip">\r\n        {#if !mobile}\r\n            <img src="{cdnBase}static/images/doexam/arrow.png" r-style={{"left":(showFillBlankLeft - 480)+"px","top":(showFillBlankTop - 80)+"px"}} class="arrow">\r\n            <div class="fillBlankContent" r-style={{"left":(showFillBlankLeft - 460)+"px","top":(showFillBlankTop + 266)+"px"}} >{@(this.i18n(\'clickBlankFill\'))}</div>\r\n            <div class="iknow" style="width: 180px;height: 85px;" r-style={{"top":(showFillBlankTop + 330)+"px"}}>{@(this.i18n(\'IKnow\'))}</div>\r\n            <img src="{cdnBase}static/images/doexam/know.png" class="iknow" on-click={this.closeTip()} r-style={{"top":(showFillBlankTop + 330)+"px"}}>\r\n        {#else}\r\n            <img src="{cdnBase}static/images/doexam/arrowmo.png" r-style={{"left":(showFillBlankLeft - 40)+"px","top":(showFillBlankTop - 65)+"px"}} class="arrow">\r\n            <div class="fillBlankContent" r-style={{"left":(showFillBlankLeft - 30)+"px","top":(showFillBlankTop + 160)+"px"}} >{@(this.i18n(\'clickBlankFill\'))}</div>\r\n            <div class="iknow" style="width: 90px;height: 43px;" r-style={{"top":(showFillBlankTop + 250)+"px"}}>{@(this.i18n(\'IKnow\'))}</div>\r\n            <img src="{cdnBase}static/images/doexam/know.png" class="iknow" on-click={this.closeTip()} r-style={{"top":(showFillBlankTop + 250)+"px"}}>\r\n        {/if}\r\n    </div>\r\n{/if}\r\n\r\n{#if miniCameraQrcode != "" && errMiniTime > 2 && !miniCameraQrcodeTmp && !isWebRTCMobile}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated miniCamera" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="modal-content" role="document">\r\n            <div class="modal-header" on-click="{this.closeMiniQrCode()}">\r\n                <div class="modal-title">\r\n                    {@(this.i18n(\'miniCamerTip5\'))}\r\n                    <i class="fa fa-close" style="float: right;font-size: 20px;"></i>\r\n                </div>\r\n            </div>\r\n            <div class="modal-body">\r\n                <p>{@(this.i18n(\'miniCamerTip6\'))}</p>\r\n                <img src="{miniCameraQrcode}">\r\n                <img src="{cdnBase}static/images/yks.png" class="logo">\r\n            </div>\r\n        </div>\r\n    </div>\r\n{/if}\r\n{#if miniCameraQrcode != "" && isWebRTCMobile && !mobileWebRTCStatus}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated miniCamera" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="modal-content" role="document">\r\n            <div class="modal-header">\r\n                <div class="modal-title">\r\n                    {@(this.i18n(\'miniCamerTip5\'))}\r\n                    <i class="fa fa-close" style="float: right;font-size: 20px;cursor: pointer;" on-click="{this.closeWebRtcQrCode()}"></i>\r\n                </div>\r\n            </div>\r\n            <div class="modal-body">\r\n                <p>{@(this.i18n(\'miniCamerTip6\'))}</p>\r\n                <img src="{miniCameraQrcode}">\r\n                <img src="{cdnBase}static/images/yks.png" class="logo">\r\n            </div>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n{#if isScreenRecording}\r\n    <div class="screenRecord">\r\n        <div>\r\n            <div></div>\r\n        </div>\r\n        <span>\r\n            {@(this.i18n(\'screenRecordIng\'))}\r\n        </span>\r\n    </div>\r\n{/if}\r\n\r\n{#if isPcRecording}\r\n    <div class="screenRecord adjustHeight">\r\n        <div>\r\n            <div></div>\r\n        </div>\r\n        <span>\r\n            {@(this.i18n(\'cameraRecordingTips\'))}\r\n        </span>\r\n    </div>\r\n{/if}\r\n\r\n<div id="container"></div>\r\n\r\n<div id="flashcontent" class=""></div>'},471:function(i,n){i.exports='<div class="row question" qindex={index}>\r\n    <div class="col-xs-12  col-sm-12 col-md-12">\r\n        <div class="row">\r\n            <div class="col-xs-12">\r\n                <div class="row-box" r-class={{"question-main-content": !isPackChild, "clear-after": pageLimit == 1 && !isPackageChild}}>\r\n                    {#if !inRetrain || isPack || isPackChild}\r\n                        <p class="ques-title">\r\n                            <span class="ques-number">\r\n                                {@(indexTip)}\r\n                            </span>\r\n                            <span class="ques-type ques-single">[{@(questionType)}]</span>\r\n                            {#if question.adt==1}\r\n                                <span class="label label-success" style="cursor: pointer" title="{@(this.i18n(\'COM_EXAMS_ADDITIONAL_INTRODUCTION\'))}">\r\n                                    [{@(this.i18n("COM_EXAMS_ADDITIONAL"))}]\r\n                                </span>\r\n                            {/if}\r\n                            {#if details.qtype==10}\r\n                                {#include reviewClozeTitleDom}\r\n                            {#else}\r\n                                <span r-html={(title|decodeBBCode)} ref=qtitle></span>\r\n                            {/if}\r\n                            <span class="ques-score">({score})</span>\r\n                        </p>\r\n\r\n                        {#if imgs.length > 0}\r\n                            <imgshow imgList={imgs} showModal={\'question\'} />\r\n                        {/if}\r\n\r\n                        {#if !!details.medias.length}\r\n                            <div class="medias">\r\n                                {#list details.medias as m}\r\n                                    <media media={m} type="1"/>\r\n                                {/list}\r\n                            </div>\r\n                        {/if}\r\n\r\n                        <div class="question-option-list">\r\n                            {#include optionDom}\r\n                        </div>\r\n                    {/if}\r\n                    {#if !!wrongRightDom || !!details.feedbackMedias.length}\r\n                        <div class="ques-answers">\r\n                            {#include wrongRightDom}\r\n                            {#if !!details.feedbackMedias.length}\r\n                                {#list details.feedbackMedias as m}\r\n                                    {#if m.mtype == 1 && m.hzxtype != 9}\r\n                                        <div class="hls-audio">\r\n                                            <div class="title">{m.title}</div>\r\n                                            <div class="audio-box"><media media={m} type="1"/></div>\r\n                                        </div>\r\n                                    {#else}\r\n                                        <div class="hls-video">\r\n                                            <div>{m.title}</div>\r\n                                            <span><i class="fa fa-play-circle" aria-hidden="true" on-click={this.openVideo(m)}></i></span>\r\n                                        </div>\r\n                                    {/if}\r\n                                {/list}\r\n                            {/if}\r\n                        </div>\r\n                    {/if}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n{#if openVideo}\r\n    <div class="switchs overflow"></div>\r\n    <div class="switchs video">\r\n        {#include videoTemp}\r\n        <i class="fa fa-times" aria-hidden="true" on-click={this.closeVideo()}></i>\r\n    </div>\r\n{/if}\r\n'},472:function(i,n){i.exports='{#if !isPartHead}\r\n\r\n    {#if !!questions.length  && !haveError}\r\n        <header class="doexam-header mobile">\r\n            <div class="examinfo fixedtop" data-spy="affix" data-offset-top="54">\r\n                <div class="top-con{bg} col-xs-12" r-class={{"ul-show":showQuestionCard && bg == \'-bg\'}}>\r\n                    <div class="ques-btn" on-click={showQuestionCard=!showQuestionCard}>\r\n                        \x3c!-- {#if examDetails.correct_to_continue == 0} --\x3e\r\n                        <img src="{cdnBase}static/images/card{bg}.png" class="icon">\r\n                        \x3c!-- {/if} --\x3e\r\n\r\n                        <span>{pagintip}</span>\r\n                        \x3c!-- {#if examDetails.correct_to_continue == 0 && examDetails.allow_back_change == 1} --\x3e\r\n                        \x3c!-- <img src="{cdnBase}static/images/arrow{bg}.png" style="max-width: 8px; margin-left: 5px"> --\x3e\r\n                        \x3c!-- <i class="fa fa-sort-down "></i> --\x3e\r\n                        \x3c!-- {/if} --\x3e\r\n                    </div>\r\n                    <div class="time-left">\r\n                        <img src="{cdnBase}static/images/clock{theme}.png" class="icon">\r\n                        \x3c!-- <i class="fa fa-clock-o" aria-hidden="true"></i> --\x3e\r\n                        {#if examDetails.question_limit_time > 0 }\r\n                            <span class="time-left">{question_left_time|formatSec}</span>\r\n                        {#else}\r\n                            <span class="time-left">{time|formatSec}</span>\r\n                        {/if}\r\n                    </div>\r\n                </div>\r\n\r\n                {#if showQuestionCard}\r\n                    {#if Parts.length <= 0}\r\n                    <ul class="clear-list-style q-list q-lists{bg} questions-lists animated" r-animation=\'on: enter; class:slideInDown fadeIn fast; on: leave; class:slideOutUp fadeOut fast; \'>\r\n                        {#list questions as question}\r\n                            <li r-class={{"selected": (question.qtid==6 && question.totalAnswer) || (question.qtid!=6 && question.answered)  }} on-click={this.gotoQuestion(question_index)}>\r\n                                <a href="javascript:">{question_index+1}</a>\r\n                                {#if sign[question_index]}\r\n                                    <img src="{cdnBase}static/images/doexam/start2.png" alt="sign" class="sign-img">\r\n                                {/if}\r\n                            </li>\r\n                        {/list}\r\n                            <div class="questipn-lists-icon questipn-lists-icon-mobile">                                    \r\n                                <span>\r\n                                    <div class="did"></div>\r\n                                    {@(this.i18n("COM_EXAMS_QUESTION_UNDONE"))}\r\n                                </span>\r\n                                <span>\r\n                                    <div class="undone"></div>\r\n                                    {@(this.i18n("COM_EXAMS_QUESTION_DID"))}\r\n                                </span>\r\n                                <span style="color: #ff962a;">\r\n                                    <img src="{cdnBase}static/images/doexam/start2.png" alt="sign" class="sign-icon-mobile">\r\n                                    {@(this.i18n("taggedTopics"))}\r\n                                </span>\r\n                            </div>\r\n                    </ul>\r\n                    {#else}\r\n                    <ul class="clear-list-style q-list q-lists{bg} questions-lists animated" r-animation=\'on: enter; class:slideInDown fadeIn fast; on: leave; class:slideOutUp fadeOut fast; \'>\r\n                        {#list Parts as pa}\r\n                            {#if pa.title == ""}\r\n                                <p class="title">{this.i18nf("partIndex",(pa_index +1))}</p>   \r\n                            {#else}\r\n                                <p class="title" title="{pa.title}">{pa.title}</p>   \r\n                            {/if}\r\n                            <ul class="clearfix">\r\n                                {#list questions as question}\r\n                                    {#if (question_index >= pa.pStart -1) && (question_index <= pa.end -1)}\r\n                                    <a on-click={this.gotoQuestion(question_index)}>\r\n                                        <li r-class={{"selected": question.answered}}>\r\n                                            {question_index+1}\r\n                                            {#if sign[question_index]}\r\n                                                <img src="{cdnBase}static/images/doexam/start2.png" alt="sign" class="sign-img">\r\n                                            {/if}\r\n                                        </li>\r\n                                    </a>\r\n                                    {/if}\r\n                                {/list}\r\n                            </ul>\r\n                        {/list}\r\n                        <div class="questipn-lists-icon questipn-lists-icon-mobile">                                    \r\n                            <span>\r\n                                <div class="did"></div>\r\n                                {@(this.i18n("COM_EXAMS_QUESTION_UNDONE"))}\r\n                            </span>\r\n                            <span>\r\n                                <div class="undone"></div>\r\n                                {@(this.i18n("COM_EXAMS_QUESTION_DID"))}\r\n                            </span>\r\n                            <span style="color: #ff962a;">\r\n                                <img src="{cdnBase}static/images/doexam/start2.png" alt="sign" class="sign-icon-mobile">\r\n                                {@(this.i18n("taggedTopics"))}\r\n                            </span>\r\n                        </div>\r\n                    </ul>\r\n                    {/if}\r\n                {/if}\r\n            </div>\r\n        </header>\r\n        <div class="questions mobile mobile-questions need-change-size mobile-questions-left" r-class={{"in-review": !!instantState}}>\r\n            {#list this.getList(start-limit, limit) as questionl}\r\n                {#if examDetails.instant_review > 0 && instantState == 1}\r\n                    <question.review cando={false} question={questionl} details={this.getDetails(questionl.qid)}  sign={sign} index={start+questionl_index-limit} total={questions.length} singleTime={questionTime[question.qid]}/>\r\n                {#else}\r\n                    <question cando={false} question={questionl} details={this.getDetails(questionl.qid)} sign={sign} index={start+questionl_index-limit} total={questions.length}  on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n                {/if}\r\n            {/list}\r\n        </div>\r\n        <div class="questions mobile mobile-questions need-change-size mobile-questions-bt" r-class={{"questions-index": Audioing === true, "in-review": !!instantState}} r-style={{"height":question.qtid!=10? "100%":"100%"}} ref="content">\r\n            {#list this.getList(start, limit) as question}\r\n                {#if examDetails.instant_review > 0 && instantState == 1}\r\n                    <question.review cando={true} question={question} details={this.getDetails(question.qid)} sign={sign} index={start+question_index} total={questions.length} singleTime={questionTime[question.qid]}/>\r\n                {#else}\r\n                    <question cando={true} question={question} details={this.getDetails(question.qid)} sign={sign} index={start+question_index} total={questions.length}  on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n                {/if}\r\n            {/list}\r\n        </div>\r\n        <div class="questions mobile mobile-questions need-change-size mobile-questions-right" r-class={{"in-review": !!instantState}}>\r\n            {#list this.getList(start+limit, limit) as questionr}\r\n                {#if examDetails.instant_review > 0 && instantState == 1}\r\n                    <question.review cando={false} question={questionr} details={this.getDetails(questionr.qid)} sign={sign} index={start+questionr_index+limit} total={questions.length} singleTime={questionTime[question.qid]}/>\r\n                {#else}\r\n                    <question cando={false} question={questionr} details={this.getDetails(questionr.qid)} sign={sign} index={start+questionr_index+limit} total={questions.length}  on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n                {/if}\r\n            {/list}\r\n        </div>\r\n        <footer class="row doexam-footer mobile">\r\n            <div class="footer-action" r-style={{"display": showFootAction?"block":"none","bottom": actionBottom + "px"}}>\r\n                <ul>\r\n                    {#if canChangeLang}\r\n                        <li class="mobile-exam-lang-change-container">\r\n                            <div class="exam-change-lang-text" on-click="{this.onHandleOpenLangSwitch()}">\r\n                                {@(this.i18n("langSelect"))}: \r\n                                <div class="exam-lang-name-container">\r\n                                    {langName} &nbsp;\r\n                                    <i class="fa fa-angle-right" aria-hidden="true"></i>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                        \x3c!-- <li on-click={this.change()}>{@(this.i18n("changeLang"))} &nbsp;&nbsp;<img title=\'{@(this.i18n("changeLang"))}\' src="{cdnBase}static/images/change-{lang}{theme}.png" alt=""></li> --\x3e\r\n                    {/if}\r\n                    <li class="font-size">{@(this.i18n("fontSize"))} &nbsp;&nbsp;<strong class="big" r-class={{"active": fontSize == "b"}} on-click={this.changeFontSize("b")}> {@(this.i18n("big"))}</strong> <strong class="middle" r-class={{"active": fontSize == "m"}} on-click={this.changeFontSize("m")}>{@(this.i18n("middle"))}</strong> <strong class="small" r-class={{"active": fontSize == "s"}} on-click={this.changeFontSize("s")}>{@(this.i18n("small"))}</strong></li>\r\n                </ul>\r\n                <span class="triangle-down"></span>\r\n            </div>\r\n            <div class="submit-buttons new-submit-buttons">\r\n                \r\n                <span class="action action-setting">\r\n                    <a class="backPage footer-action-btn btn" tabindex="0" on-click={this.changeFootAction()} on-blur={this.hideFootAction($event)}>  \r\n                        <i class="fa fa-ellipsis-h" aria-hidden="true"></i>\r\n                    </a>\r\n                </span>\r\n\r\n                {#if (examDetails.correct_to_continue == 0 && examDetails.allow_back_change == 1 && start >= 0 && examDetails.question_limit_time <= 0 && !this.ifThroughPart()) || (question.qtid == 6 && limit == 1 && cpsStart != 1)}\r\n                    {#if (examDetails.instant_review > 0 && instantState == 1) || (start > 0 || ifNeedPackgeBtn == 1 || ifNeedPackgeBtn == 3) || (question.qtid == 6 && limit == 1 && cpsStart != 0 && start != 0)}\r\n                        <span class="action">\r\n                            <a class=" backPage btn" r-class={{"btn-white-blue":(start+limit < questions.length || ifNeedPackgeBtn == 2 || ifNeedPackgeBtn == 3) || start+limit >= questions.length,"btn-blue":!((start+limit < questions.length || ifNeedPackgeBtn == 2 || ifNeedPackgeBtn == 3) || start+limit >= questions.length)}} on-click={this.back()}>  \r\n                                \x3c!-- <i class="fa fa-angle-left"></i>  --\x3e\r\n                                {@(this.i18n(limit>1?"COM_EXAMS_PREVE_PAGE" : "COM_EXAMS_PREVE_QUESTION"))}\r\n                            </a>\r\n                        </span>\r\n                    {/if}\r\n                {/if}\r\n\r\n                {#if start+limit < questions.length || ifNeedPackgeBtn == 2 || ifNeedPackgeBtn == 3}\r\n                    {#if examDetails.instant_review > 0 }\r\n                        {#if instantState == 0 && !(question.qtid == 6 && cpsStart < question.oids.length)}\r\n                            <span class="action">\r\n                                <a class="nextPage btn" on-click={this.next()}> \r\n                                    {#if examDetails.question_limit_time > 0}\r\n                                        <span>{question_left_time}</span>\r\n                                    {/if}\r\n                                    {@(this.i18n("checkAnswer"))}\r\n                                    \x3c!-- <i class="fa  fa-angle-right"></i> --\x3e\r\n                                </a>\r\n                            </span>\r\n                        {#else}\r\n                            <span class="action">\r\n                                <a class="nextPage btn" on-click={this.next()}> \r\n                                    {#if examDetails.question_limit_time > 0}\r\n                                        <span>{question_left_time}</span>\r\n                                    {/if}\r\n                                    {@(this.i18n(limit>1?"COM_EXAMS_NEXT_PAGE" : "COM_EXAMS_NEXT_QUESTION"))} \r\n                                    \x3c!-- <i class="fa  fa-angle-right"></i> --\x3e\r\n                                </a>\r\n                            </span>\r\n                        {/if}\r\n                    {#else}\r\n                        <span class="action">\r\n                            <a class="nextPage btn" r-class={{"btn-white-blue":start+limit >= questions.length,"btn-blue":start+limit < questions.length}} on-click={this.next()}> \r\n                                {#if examDetails.question_limit_time > 0}\r\n                                    <span>{question_left_time}</span>\r\n                                {/if}\r\n                                {@(this.i18n(limit>1?"COM_EXAMS_NEXT_PAGE" : "COM_EXAMS_NEXT_QUESTION"))}\r\n                                \x3c!-- <i class="fa  fa-angle-right"></i> --\x3e\r\n                            </a>\r\n                        </span>\r\n                    {/if}\r\n                {/if}\r\n\r\n\r\n                {#if start+limit >= questions.length }\r\n                    {#if examDetails.instant_review > 0 }\r\n                        {#if instantState == 0 && lastShowSubmit == 0}\r\n                            {#if !(question.qtid == 6 && cpsStart < question.oids.length)}\r\n                                <span class="action">\r\n                                    <a class="btn nextPage" on-click={this.next()}> {@(this.i18n("checkAnswer"))}\r\n                                        \x3c!-- <i class="fa  fa-angle-right"></i> --\x3e\r\n                                    </a>\r\n                                </span>\r\n                            {/if}\r\n                        {#else}\r\n                            <span class="action">\r\n                                <a class="btn submitExam" on-click={this.submit(1)}>{@(this.i18n("COM_EXAMS_SUBMIT_EXAMS"))} \r\n                                </a>\r\n                            </span>\r\n                        {/if}\r\n                    {#else}\r\n                        <span class="action">\r\n                            <a class="btn submitExam" on-click={this.submit(1)}>\r\n                                {#if examDetails.question_limit_time > 0}\r\n                                    <span>{question_left_time}</span>\r\n                                {/if}\r\n                                {@(this.i18n("COM_EXAMS_SUBMIT_EXAMS"))} \r\n                                \x3c!-- <i class="fa  fa-arrow-circle-right"></i> --\x3e\r\n                            </a>\r\n                        </span>\r\n                    {/if}\r\n                {/if}\r\n          \r\n                {#if questions.length/limit>1 && questions.length - answeredCount < 1 && start+limit < questions.length}\r\n                    <span class="action">\r\n                        <a class="btn submitExam" on-click={this.submit(1)}> \r\n                            \x3c!-- <i class="fa  fa-arrow-circle-right"></i>  --\x3e\r\n                            {@(this.i18n("COM_EXAMS_SUBMIT_EXAMS"))}</a>\r\n                    </span>\r\n                {/if}\r\n            </div>\r\n        </footer>\r\n    {/if}\r\n\r\n{#else}\r\n    {#if partsLoading}\r\n        <div class="row  ie8-do loading doexam-loading">\r\n            <div class="col-md-12">\r\n                <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n            </div>\r\n        </div>\r\n    {#elseif !haveError}\r\n        <div class="row content-panel part-content part-content-moblie">\r\n            <div class="col-xs-10 col-xs-offset-1 part-content content">\r\n                <div class="part">\r\n                    \r\n                    <img src="{cdnBase}static/images/moblie_part-title.png" alt="">\r\n                    <p class="exam-title">{this.i18nf("partIndex",nowPart)}</p>\r\n                    <p class="part-title">{Parts[nowPart-1].title}</p>\r\n                    <p class="part-description">{Parts[nowPart-1].description}</p>\r\n                    <ul class="part-introduce">\r\n                        <li>\r\n                            <p>\r\n                                <span>{@(this.i18n("partAllQues"))}</span>\r\n                                <span>{partQues}</span>\r\n                            </p>\r\n                        </li>\r\n                        <li>\r\n                            <p>\r\n                                <span>{@(this.i18n("partAllScore"))}</span>\r\n                                <span>{partScore}{@(this.i18n("points"))}</span>\r\n                            </p>\r\n                        </li>\r\n                        {#if examTimeType || (!examTimeType && examDetails.question_limit_time > 0)}\r\n                            <li>\r\n                                <p>\r\n                                    <span>{@(this.i18n("partAllTime"))}</span>\r\n                                    <span>{partTimeLimit}</span>\r\n                                </p>\r\n                            </li>\r\n                        {/if}\r\n                    </ul>\r\n                    <a class="btn btn-blue" on-click={this.outPart()}>{sectionSkipText}</a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    {/if}\r\n{/if}\r\n\r\n{#if action == 5}\r\n<div class="preview-float">\r\n    {@(this.i18n("previewTip"))}\r\n</div>\r\n{/if}\r\n\r\n{#include commomTpl}\r\n<div class="shadowbox" ref=shadowbox></div>\r\n\r\n{#if !isCanTip}\r\n<div class="doexam-tip">\r\n    <p>\r\n        {@(this.i18n("slideRelevance"))}\r\n        <img src="/static/images/doexam/slide.png">\r\n        <span>{@(this.i18n("COM_EXAMS_NEXT_QUESTION"))}</span>\r\n    </p>\r\n</div>\r\n{/if}\r\n\r\n{#if canChangeLang}\r\n    <yksLangChange ref="langChangeEl" showDetails="{false}"></yksLangChange>\r\n{/if}\r\n'},473:function(i,n){i.exports='{#if !isPartHead}\r\n    {#if !!questions.length && !haveError}\r\n        <div class="row ie8-do new-doexam-main need-change-size" r-class={{"smallScreen": smallScreen}}>\r\n            <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2" r-style={{"min-height":isMac?"2px":"1px", "z-index": 2}}>\r\n                <div class="exam-metas  affix">\r\n                    <div class="timer metas text-center">\r\n                        <p>\r\n                            <i tabindex="0" id="firstFocus" style="opacity: 0;width: 0;height: 0;" autocomplete="off"></i>\r\n                            {examDetails.title}\r\n                        </p>\r\n                        <div class="time-left">\r\n                            <div class="time-main">\r\n                                <strong>\r\n                                    {#if examDetails.question_limit_time <= 0}\r\n                                        <span class="time">{time|formatSec}</span>\r\n                                    {#else}\r\n                                        <span class="time">{question_left_time|formatSec}</span>\r\n                                    {/if}\r\n                                </strong>\r\n                            </div>\r\n                            <div class="time-tip">\r\n                                <img src="{cdnBase}static/images/clock{theme}.png" class="icon">\r\n                                \x3c!-- <i class="fa fa-clock-o" aria-hidden="true"></i> --\x3e\r\n                                {#if examDetails.question_limit_time > 0}\r\n                                    {this.i18n(examDetails.question_per_page>1 ? "COM_EXAMS_PAGE_LEFT_TIME":"COM_EXAMS_QUESTION_LEFT_TIME")}\r\n                                {#else}\r\n                                    {this.i18n(examDetails.time_limit > 0 ? "COM_EXAMS_TIME_LEFT":"COM_EXAMS_TIME_ELAPSED")}\r\n                                {/if}\r\n                            </div>\r\n                            <div class="page">\r\n                                    {@(this.i18n("totalQues"))}: {pagintip}\r\n                                \x3c!-- <span class="text-left">{@(this.i18n("COM_EXAMS_ANSWER_PERCENT"))}:</span>\r\n                                <strong>\r\n                                    <span style="text-align: left;" class="val">{pagintip}</span>\r\n                                </strong> --\x3e\r\n                            </div>\r\n                        </div>\r\n                        <hr/>\r\n                            <div class="questions-card">\r\n                                <span>\r\n                                    <strong>\r\n                                    {@(this.i18n("COM_EXAMS_TAKEN_QUESTIONS_LIST"))}\r\n                                    </strong>\r\n                                </span>\r\n                            </div>\r\n                            <div ref="psQuesList" class="questions-lists pre-scrollable">\r\n                                <div class="q-list col-xs-12 col-sm-12 col-md-12" style="padding: 0 8px 0 0">\r\n                                    {#if Parts.length <= 0}\r\n                                        <ul>\r\n                                            {#list questions as question}\r\n                                                <a on-click={this.gotoQuestion(question_index)}>\r\n                                                    <li r-class={{"selected": (question.qtid==6 && question.totalAnswer) || (question.qtid!=6 && question.answered)  }}>\r\n                                                        {question_index+1}\r\n                                                        {#if sign[question_index]}\r\n                                                            <img src="{cdnBase}static/images/doexam/start2.png" alt="sign" class="sign-img">\r\n                                                        {/if}\r\n                                                    </li>\r\n                                                </a>\r\n                                            {/list}\r\n                                        </ul>\r\n                                    {#else}\r\n                                        {#list Parts as pa}\r\n                                            {#if pa.title == ""}\r\n                                                <p class="title">{this.i18nf("partIndex",(pa_index +1))}</p>   \r\n                                            {#else}\r\n                                                <p class="title" title="{pa.title}">{pa.title}</p>   \r\n                                            {/if}\r\n                                            <ul>\r\n                                                {#list questions as question}\r\n                                                    {#if (question_index >= pa.pStart -1) && (question_index <= pa.end -1)}\r\n                                                    <a on-click={this.gotoQuestion(question_index)}>\r\n                                                        <li r-class={{"selected": question.answered}}>\r\n                                                            {question_index+1}\r\n                                                            {#if sign[question_index]}\r\n                                                                <img src="{cdnBase}static/images/doexam/start2.png" alt="sign" class="sign-img">\r\n                                                            {/if}\r\n                                                        </li>\r\n                                                    </a>\r\n                                                    {/if}\r\n                                                {/list}\r\n                                            </ul>\r\n                                        {/list}\r\n                                    {/if}\r\n                                </div>\r\n                            </div>\r\n                            \r\n                        <div class="metas-footer">\r\n                            {#if examDetails.need_answer_all != 1}\r\n                                <div class="question-card">\r\n                                    <a class="btn btn-blue" on-click={this.submit(1)} title="{@(this.i18n(\'COM_EXAMS_SUBMIT_EXAMS\'))}">\r\n                                        \x3c!-- <i class="fa  fa-arrow-circle-right"></i> --\x3e\r\n                                        {@(this.i18n("COM_EXAMS_SUBMIT_EXAMS"))}\r\n                                    </a>\r\n                                </div>\r\n                            {/if}\r\n                                <div class="questipn-lists-icon">                                    \r\n                                    <span>\r\n                                        <i class="fa fa-square did" aria-hidden="true"></i>\r\n                                        {@(this.i18n("COM_EXAMS_QUESTION_DID"))}\r\n                                    </span>\r\n                                    <span>\r\n                                        <i class="fa fa-square-o undone" aria-hidden="true"></i>\r\n                                        {@(this.i18n("COM_EXAMS_QUESTION_UNDONE"))}\r\n                                    </span>\r\n                                    <span>\r\n                                        <i class="fa fa-square sign-box" aria-hidden="true">\r\n                                            <img src="{cdnBase}static/images/doexam/start2.png" alt="sign" class="sign-icon">\r\n                                        </i>\r\n                                        {@(this.i18n("sign"))}\r\n                                    </span>\r\n                                </div>\r\n                                <div class="question-lists-tips">\r\n                                    <div class="footer-action" r-style={{"display": showFootAction?"block":"none"}}>\r\n                                        <ul>\r\n                                            {#if canChangeLang}\r\n                                                <li class="exam-lang-switch-container">\r\n                                                    <div class="exam-change-lang-text" on-click="{this.onHandleOpenLangSwitch()}">\r\n                                                        {@(this.i18n("langSelect"))}: \r\n                                                        <div class="exam-lang-name-container">\r\n                                                            {langName} &nbsp;\r\n                                                            <i class="fa fa-angle-right" aria-hidden="true"></i>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                    <yksLangChange ref="langChangeEl" showDetails="{false}"></yksLangChange>\r\n                                                </li>\r\n                                            {/if}\r\n                                            <li class="font-size"><span style="display: inline-block;margin-right: 10px;">{@(this.i18n("fontSize"))}</span><strong class="big" r-class={{"active": fontSize == "b"}} on-click={this.changeFontSize("b")}>{@(this.i18n("big"))}</strong> <strong class="middle" r-class={{"active": fontSize == "m"}} on-click={this.changeFontSize("m")}>{@(this.i18n("middle"))}</strong> <strong class="small" r-class={{"active": fontSize == "s"}} on-click={this.changeFontSize("s")}>{@(this.i18n("small"))}</strong></li>\r\n                                        </ul>\r\n                                        <span class="triangle-down"></span>\r\n                                    </div>\r\n                                    <span on-click={this.changeFootAction()} style="cursor: pointer;"><img src="{cdnBase}static/images/doexam/setting.png" alt="setting">{@(this.i18n("moreset"))}</span>\r\n                                    \x3c!-- {#if canChangeLang}\r\n                                        <span class="lang">{@(this.i18n("lang"))}：<img title=\'{@(this.i18n("changeLang"))}\' on-click={this.change()} src="{cdnBase}static/images/change-{lang}{theme}.png" alt=""></span>\r\n                                        <span class="lang"> | </span>\r\n                                    {/if} --\x3e\r\n                                </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class="col-xs-12  col-sm-12 " r-class={{"col-md-8 col-lg-8": needTakenPhoto || fields.length > 0, "col-md-10 col-lg-10": !needTakenPhoto && fields.length <= 0,"in-review": !!instantState}}>\r\n                <div class="doexam-main">\r\n                    \x3c!-- <p>{examDetails.title}</p> --\x3e\r\n                    {#list this.getList(start, limit) as question}\r\n                        {#if examDetails.instant_review > 0 && instantState == 1}\r\n                            <question.review ref="mychild{question.qid}" question={question} smallScreen={smallScreen} details={this.getDetails(question.qid)} index={start+question_index} sign={sign} total={questions.length} singleTime={questionTime[question.qid]}/>\r\n                        {#else}\r\n                            <question ref="mychild{question.qid}" question={question} smallScreen={smallScreen} details={this.getDetails(question.qid)} index={start+question_index} sign={sign} total={questions.length} on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n                            \x3c!-- {#if examDetails.question_limit_time > 0 && question_index == 0}\r\n                            <div class="question-left-time">\r\n                                <span>{@(this.i18n("COM_EXAMS_CURRENT_QUESTION_LEFT_TIME"))}</span>\r\n                                <span>{question_left_time}</span>\r\n                            </div>\r\n                            {/if} --\x3e\r\n                        {/if}\r\n                    {/list}\r\n                    <div class="submit-buttons" r-style={{"width": needTakenPhoto || fields.length > 0?"":"945px"}}>\r\n                        {#if questions.length/limit>1 && questions.length - answeredCount < 1 && start+limit < questions.length}\r\n                            <span class="action">\r\n                                <a class="btn btn-white-blue submitExam" on-click={this.submit(1)}> \r\n                                    \x3c!-- <i class="fa  fa-arrow-circle-right"></i>  --\x3e\r\n                                    {@(this.i18n("COM_EXAMS_SUBMIT_EXAMS"))}</a>\r\n                            </span>\r\n                        {/if}\r\n            \r\n                        {#if examDetails.correct_to_continue == 0 && examDetails.allow_back_change == 1 && start >= 0 && examDetails.question_limit_time <= 0 && !this.ifThroughPart()}\r\n                            {#if (examDetails.instant_review > 0 && instantState == 1) || start > 0 }\r\n                                <span class="action">\r\n                                    <a class=" backPage btn btn-white-blue" on-click={this.back()}>  \r\n                                        \x3c!-- <i class="fa fa-angle-left"></i> --\x3e\r\n                                        {@(this.i18n(limit>1?"COM_EXAMS_PREVE_PAGE" : "COM_EXAMS_PREVE_QUESTION"))}\r\n                                    </a>\r\n                                </span>\r\n                            {/if}\r\n                        {/if}\r\n            \r\n                        {#if start+limit < questions.length }\r\n                            <span class="action">\r\n                                <a class="nextPage btn btn-blue" on-click={this.next()}> \r\n                                    {#if examDetails.question_limit_time > 0}\r\n                                        <span>{question_left_time}</span>\r\n                                    {/if}\r\n                                    {#if examDetails.instant_review > 0 && instantState == 0}\r\n                                        {@(this.i18n("checkAnswer"))}\r\n                                    {#else}\r\n                                        {@(this.i18n(limit>1?"COM_EXAMS_NEXT_PAGE" : "COM_EXAMS_NEXT_QUESTION"))}\r\n                                    {/if}\r\n                                    \x3c!-- <i class="fa  fa-angle-right"></i> --\x3e\r\n                                </a>\r\n                            </span>\r\n                        {/if}\r\n\r\n            \r\n                        {#if start+limit >= questions.length }\r\n                            {#if examDetails.instant_review > 0}\r\n                                {#if instantState == 0 && lastShowSubmit == 0}\r\n                                    <span class="action">\r\n                                            <a class="btn btn-blue nextPage" on-click={this.next()}> {@(this.i18n("checkAnswer"))}\r\n                                                \x3c!-- <i class="fa  fa-angle-right"></i> --\x3e\r\n                                            </a>\r\n                                    </span>\r\n                                {#else}\r\n                                    <span class="action">\r\n                                        <a class="btn btn-blue submitExam" on-click={this.submit(1)}>{@(this.i18n("COM_EXAMS_SUBMIT_EXAMS"))}\r\n                                            \x3c!-- <i class="fa  fa-arrow-circle-right"></i> --\x3e\r\n                                        </a>\r\n                                    </span>\r\n                                {/if}\r\n                            {#else}\r\n                                <span class="action">\r\n                                        <a class="btn btn-blue submitExam" on-click={this.submit(1)}>\r\n                                            {#if examDetails.question_limit_time > 0}\r\n                                                <span>{question_left_time}</span>\r\n                                            {/if}\r\n                                            {@(this.i18n("COM_EXAMS_SUBMIT_EXAMS"))}\r\n                                            \x3c!-- <i class="fa  fa-arrow-circle-right"></i> --\x3e\r\n                                        </a>\r\n                                </span>\r\n                            {/if}\r\n                        {/if}\r\n                        {#if member}\r\n                            <p>{@(this.i18n("support"))}</p>\r\n                        {/if}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            {#if needTakenPhoto || fields.length > 0}\r\n                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2" r-style={{"min-height":isMac?"2px":"1px"}}>\r\n                    <div class="exam-metas  affix">\r\n            \r\n                        <div class="timer metas  text-center">\r\n                            <div class="student-info pre-scrollable">\r\n                                {#if headImage != ""}\r\n                                    <img src="{headImage}" alt="">\r\n                                {/if}\r\n                                <ul class="check-info">\r\n                                    {#if fields.length > 0}\r\n                                        {#list fields as field}\r\n                                            {#if field_index < fieldLimit}\r\n                                                <li>\r\n                                                    <span>{field.label|formatlabel}:</span>\r\n                                                    <span title="{field.value}">{field.value} </span>\r\n                                                </li>\r\n                                            {/if}\r\n                                        {/list}\r\n                                        {#if fields.length > 4}\r\n                                            <p class="more" on-click={this.moreField()}>{#if fieldLimit == 4} {@(this.i18n("viewMore"))} {#else} {@(this.i18n("packUp"))} {/if}</p>\r\n                                        {/if}\r\n                                    {#else}\r\n                                        <p>{@(this.i18n("noStudentInof"))}</p>\r\n                                    {/if}\r\n                                </ul>\r\n                            </div>\r\n                            \r\n                            {#if noFaceTip}\r\n                            <div class="no-face-tip-div">{@(this.i18n("cameraPrepraationTip2"))}</div>\r\n                            {/if}\r\n                            <div class="capture-camera" r-style={{"bottom": miniCamera? "40px":"0"}}>\r\n                                {#if needTakenPhoto}\r\n                                    <div class="camera-doing" id="camera-doing">\r\n                                        {#if !cameraIsWork}\r\n                                            <p style="padding-top: 55px;">{@(this.i18n("cameraUnplugged"))}</p>\r\n                                        {/if}\r\n                                    </div>\r\n                                {/if}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            {/if}\r\n        </div>\r\n\r\n\r\n        <div class="row ie8-do">\r\n            <div class="col-xs-5  col-sm-7 col-md-8 col-lg-8 exam-submit-action ">\r\n                \r\n            </div>\r\n        </div>\r\n    {/if}\r\n{#else}\r\n    {#if partsLoading}\r\n        <div class="row  ie8-do loading doexam-loading">\r\n            <div class="col-md-12">\r\n                <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n            </div>\r\n        </div>\r\n    {#elseif !haveError}\r\n        <div class="row content-panel part-content new-doexam-main">\r\n            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 content">\r\n                <div class="part part-pc">\r\n                    <img src="{cdnBase}static/images/moblie_part-title.png" alt="">\r\n                    <p class="exam-title">{examDetails.title}</p>\r\n                    <p class="part-index">{this.i18nf("partIndex",nowPart)}</p>\r\n                    <p class="part-title">{Parts[nowPart-1].title}</p>\r\n                    <p class="part-description">{Parts[nowPart-1].description}</p>\r\n                    <ul class="part-introduce">\r\n                        <li>\r\n                            <p>\r\n                                <span>{@(this.i18n("partAllQues"))}</span>\r\n                                <span>{partQues}</span>\r\n                            </p>\r\n                        </li>\r\n                        <li>\r\n                            <p>\r\n                                <span>{@(this.i18n("partAllScore"))}</span>\r\n                                <span>{partScore}{@(this.i18n("points"))}</span>\r\n                            </p>\r\n                        </li>\r\n                        {#if examTimeType || (!examTimeType && examDetails.question_limit_time > 0)}\r\n                            <li>\r\n                                <p>\r\n                                    <span>{@(this.i18n("partAllTime"))}</span>\r\n                                    <span>{partTimeLimit}</span>\r\n                                </p>\r\n                            </li>\r\n                        {/if}\r\n                    </ul>\r\n                    <a class="btn btn-blue" on-click={this.outPart()}>{sectionSkipText}</a>\r\n                </div>\r\n            </div>\r\n            \x3c!-- <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 ">\r\n                <div class="exam-metas  affix">\r\n        \r\n                    <div class="timer metas  text-center">\r\n                        <div class="student-info">\r\n                            {#if headImage != ""}\r\n                                <img src="{headImage}" alt="">\r\n                            {/if}\r\n                            <ul class="check-info">\r\n                                {#if fields && fields.length > 0}\r\n                                    {#list fields as field}\r\n                                        {#if field_index < fieldLimit}\r\n                                            <li>\r\n                                                <span>{field.label|formatlabel}:</span>\r\n                                                <span title="{field.value}">{field.value} </span>\r\n                                            </li>\r\n                                        {/if}\r\n                                    {/list}\r\n                                    {#if fields.length > 4}\r\n                                        <p class="more" on-click={this.moreField()}>{#if fieldLimit == 4} {@(this.i18n("viewMore"))} {#else} {@(this.i18n("packUp"))} {/if}</p>\r\n                                    {/if}\r\n                                {#else}\r\n                                    <p>{@(this.i18n("noStudentInof"))}</p>\r\n                                {/if}\r\n                            </ul>\r\n                        </div>\r\n                        <div class="capture-camera">\r\n                            {#if needTakenPhoto}\r\n                                <p>{@(this.i18n("realTimeScreen"))}</p>\r\n                                <div class="camera-doing" id="camera-doing">\r\n\r\n                                </div>\r\n                            {/if}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div> --\x3e\r\n        </div>\r\n    {/if}\r\n{/if}\r\n\r\n<i tabindex="0" id="focus" style="opacity: 0;width: 0;height: 0;" autocomplete="off"></i>\r\n\r\n\r\n\r\n{#include commomTpl}'},474:function(i,n){i.exports='<div class="row question" qindex={index} r-class={{"package-ques":details.qtype==6 && isMobile}}>\r\n    <div class="col-xs-12  col-sm-12 col-md-12">\r\n        <div class="row">\r\n            <div class="col-xs-12">\r\n                <div class="row-box" r-class={{"question-main-content": !isPackageChild,"clear-after": pageLimit == 1 && (!isPackageChild || isMobile)}} r-animation="when: question.flashing===1; class: pulse-css; call: question.flashing=0;">\r\n                    <p class="ques-title" ref=title id="quesTitle" r-style={titleStyle} r-class={{\'split-title\': (details.qtype==6 && limit == 1),\'ps-container\': (details.qtype==6 && limit == 1 && !isMobile)}}>\r\n                        <span class="ques-number">\r\n                            {@(indexTip)}\r\n                        </span>\r\n                        <span class="ques-type ques-single">[{@(questionType)}]</span>\r\n                        {#if question.adt==1}\r\n                            <span class="label label-success" style="cursor: pointer" title="{@(this.i18n(\'COM_EXAMS_ADDITIONAL_INTRODUCTION\'))}">\r\n                                [{@(this.i18n("COM_EXAMS_ADDITIONAL"))}]\r\n                            </span>\r\n                        {/if}\r\n                        {#if details.qtype==10}\r\n                            {#include clozeTitleDom}\r\n                        {#elseif details.qtype==4 && details.isNew==1 }\r\n                            {#include newFillblankitleDom}\r\n                        {#elseif details.qtype==11}\r\n                        {#else}\r\n                            <span class="title-pre no-pre" r-html={(title|decodeBBCode)|formatEn} ref=qtitle></span>\r\n                        {/if}\r\n                        <span class="ques-score">({@(score)})</span>\r\n                        {#if !isPackageChild && isExam}\r\n                            {#if !sign[index]}\r\n                                <div class="sign" on-click={this.sign(index)}><img src="{cdnBase}static/images/doexam/start1.png" alt="sign">{@(this.i18n("sign"))}</div>\r\n                            {#else}\r\n                                <div class="sign active" on-click={this.sign(index)}><img src="{cdnBase}static/images/doexam/start3.png" alt="sign">{@(this.i18n("sign"))}</div>\r\n                            {/if}\r\n                        {/if}\r\n                        {#if details.qtype===6}\r\n                            {#if imgs.length > 0}\r\n                                <imgshow imgList={imgs} showModal={\'question\'}/>\r\n                            {/if}\r\n                            \r\n                            {#if !!details.medias.length}\r\n                                <div class="medias meidas-limit">\r\n                                    {#list details.medias as m}\r\n                                        <media media={m} qid={question.qid} type="0"/>\r\n                                    {/list}\r\n                                </div>\r\n                            {/if}\r\n                        {/if}\r\n                    </p>\r\n                    {#if details.qtype==9}\r\n                        <p class="ques-tips">({@(this.i18n(\'matchTip\'))})</p>\r\n                    {/if}\r\n                    {#if details.qtype==10}\r\n                        <p class="ques-tips">({@(this.i18n(\'clozeTip\'))})</p>\r\n                    {/if}\r\n                    {#if details.qtype==11}\r\n                        <h4 style="font-weight:bold;">{@(this.i18n(\'coding-fixed-title\'))}：</h4>\r\n                        <span class="title-pre" r-html={(title|decodeBBCode)|formatEn} ref=qtitle></span>\r\n                    {/if}\r\n                    {#if details.qtype!=6}\r\n                        {#if imgs.length > 0}\r\n                            <imgshow imgList={imgs} showModal={\'question\'} />\r\n                        {/if}\r\n                        \r\n                        {#if !!details.medias.length}\r\n                            <div class="medias medias-limit">\r\n                                {#list details.medias as m}\r\n                                    <media media={m} qid={question.qid} type="0"/>\r\n                                {/list}\r\n                            </div>\r\n                        {/if}\r\n                    {/if}\r\n                   \r\n\r\n                    \x3c!-- <div class="ques-answers">\r\n                        {#include optionsDom}\r\n                    </div> --\x3e\r\n                    \r\n                    {#if buildPack && !wrongPack && limit == 1 && question.qtid == 6}\r\n                        <div class="img-div">\r\n                            {#if short}\r\n                                <div class="img-move" style="margin: auto;cursor: row-resize;" on-touchstart={this.imgdown($event, 1)} on-mousedown={this.imgdown($event, 0)} r-class={{"imgIsMove":isMoveImg}}></div>\r\n                            {/if}\r\n                        </div>\r\n                    {/if}\r\n                    {#if !wrongPack}\r\n                        {#if buildPack && details.qtype==6 && isMobile && limit == 1}\r\n                            <div class="split-container pd-15" r-style={optionStyle}>\r\n                                <div class="ques-answers split-option" r-style={splitOptionStyle}>\r\n                                    {#include optionsDom}\r\n                                </div>\r\n                            </div>\r\n                        {#elseif details.qtype==11}\r\n                        {#elseif details.qtype==12}\r\n                       <classified details="{details}" on-useranswered="{this.onUserAnswered($event)}"></classified>    \r\n                        {#elseif details.qtype != 10 || (details.qtype == 4 && !details.isNew)} \r\n                            \x3c!-- 保留此情况 --\x3e\r\n                            \x3c!-- <div class="ques-answers" r-style={{"overflow":details.qtype==9 && !isMobile?"hidden":"unset"}}> --\x3e\r\n                            <div ref="psChild" class="ques-answers" r-style={optionStyle} r-class={{"package-answer": question.qtid == 6,"ps-container": question.qtid == 6 && !isMobile}}>\r\n                                {#if question.qtid == 6}\r\n                                    <p class="package-tips" r-html="{@(this.i18n(\'packageTips\').format(details.Childs.length))}"></p>\r\n                                {/if}\r\n                                {#include optionsDom}\r\n                            </div>\r\n                        {/if}\r\n                    {#else}\r\n                        <p class="wrong-pack-tip">{@(this.i18n(\'wrongPack\'))}</p>\r\n                    {/if}\r\n                    {#if details.qtype==11}\r\n                        <h4 style="font-weight:bold;">{@(this.i18n(\'coding-fixed-example\'))}：</h4>\r\n                        <div r-html="{(details.param.input_example|decodeBBCode)|formatEn}"></div>\r\n                        {#if editorFlag}\r\n                        <button class="btn yks-blue" style="background-color: #36aafd;border-radius: 4px;color: #ffffff;margin:16px 0;" on-click="{this.openProgram($event)}" >{@(this.i18n(\'click-to-code\'))}</button>\r\n                        {#else}\r\n                        <button class="btn yks-blue" style="background-color: #36aafd;border-radius: 4px;color: #ffffff;margin:16px 0;" on-click="{this.openProgram($event)}"><i class="fa fa-spin fa-spinner fa-3x" style="font-size: 16px;"></i></button>\r\n                        {/if}\r\n                    {/if}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    {#if details.qtype==11}\r\n        <coding \r\n            ref=program \r\n            codeType="{details.lang}" \r\n            conding-data={coding} \r\n            on-useranswered="{this.onUserAnswered($event)}" \r\n            on-initEditor="{this.onInit()}"\r\n            on-getScratchFile="{this.getScratchFile($event)}"\r\n        >\r\n        </coding>\r\n    {/if}\r\n</div>'},475:function(i,n){i.exports='\x3c!-- <div class="mt-element-step">\r\n    <div class="row step-line">\r\n        <div class="col-md-4 col-xl-12 mt-step-col first {current>=1?\'done\':\'\'}">\r\n            <div class="mt-step-number bg-color" on-click={this.onStep(1)}>1</div>\r\n            <div class="mt-step-title uppercase font-grey-cascade">{@(this.i18n("faceVerifyStep1"))}</div>\r\n        </div>\r\n        <div class="col-md-4 col-xl-12  mt-step-col {current>=2?\'done\':\'\'}">\r\n            <div class="mt-step-number bg-color" on-click={this.onStep(2)}>2</div>\r\n            <div class="mt-step-title uppercase font-grey-cascade">{@(this.i18n("faceVerifyStep2"))}</div>\r\n        </div>\r\n        <div class="col-md-4 col-xl-12 mt-step-col last {current>=3?\'done\':\'\'}">\r\n            <div class="mt-step-number bg-color" on-click={this.onStep(3)}>3</div>\r\n            <div class="mt-step-title uppercase font-grey-cascade">{@(this.i18n("faceVerifyStep3"))}</div>\r\n        </div>\r\n    </div>\r\n</div> --\x3e\r\n<div r-view></div>'},476:function(i,n){i.exports='<div class="face-container">\r\n    <p class="face-info-title">{@(this.i18n("faceInfoTips"))}</p>\r\n    <div class="face-stu-info clearfix">\r\n        <div>\r\n            {#list studentInfo.fields as field}\r\n                {#if field.sfid == 0}\r\n                    <div>\r\n                        <img class="face-info-head" src={field.value|forlan}>\r\n                    </div>\r\n                    <p>{@(this.i18n("stuPhoto"))}</p>\r\n                {/if}\r\n            {/list}\r\n        </div>\r\n        <div>\r\n            <ul class="face-stu-list">\r\n                {#list studentInfo.fields as field}\r\n                    {#if field.sfid != 0 && field.sfid != 10}\r\n                        <li><span>{field.label}：{field.value}</span></li>\r\n                    {/if}\r\n                {/list}\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <br>\r\n    <button class="btn logined-face" on-click={this.loginedFace()} >{@(this.i18n("faceInfoLogined"))}</button>\r\n    <button class="btn red" on-click={this.onNext()}>{@(this.i18n("faceInfoNext"))}</button>\r\n</div>'},477:function(i,n){i.exports='<div class="face-container">\r\n    <p class="face-notice-title">{@(this.i18n("faceVerifyStep1"))}</p>\r\n    <div class="face-notice-box">\r\n        <p>\r\n            {@(this.i18n("faceNoticetips1"))}\r\n            <br/> \r\n            {@(this.i18n("faceNoticetips2"))}\r\n            <br/> \r\n            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{@(this.i18n("faceNoticetips3"))}\r\n        </p>\r\n    </div>\r\n    <button class="btn red" on-click={this.onNext()}>{@(this.i18n("faceNoticeNext"))}</button>\r\n</div>'},478:function(i,n){i.exports='<div class="face-container" style="padding-bottom: 0;">\r\n    <p class="verify-desc">{@(this.i18n("faceVerifyTips"))}<span r-hide="showToggle" style="top: 5px;" class="toggleCamera" on-click={this.toggleCamera()}>{@(this.i18n("toggleCamera"))}</span></p>\r\n    <div class="face-video-box">\r\n        <div class="clearfix">\r\n            <div class="face-img-box">\r\n                <img id="verifyImg" ref="verifyImgtest" class="face-img" src="{faceImg}">\r\n            </div>\r\n            {#if name!=""}\r\n                <p>{@(this.i18n("name"))}<span>{name}</span></p>\r\n            {/if}\r\n            {#if gender!=""}\r\n                <p>{@(this.i18n("gender"))}<span>{gender}</span></p>\r\n            {/if}\r\n            {#if idNum!=""}\r\n                <p>{@(this.i18n("idNumber"))}：<span>{idNum}</span></p>\r\n            {/if}\r\n            {#if loginSfid!=-1}\r\n                {#list studentInfo.fields as field}\r\n                    {#if loginSfid != 1 && loginSfid != 2 && field.sfid == loginSfid }\r\n                        <p>{field.label}：<span>{field.value}</span></p>\r\n                    {/if}\r\n                {/list}\r\n            {/if}\r\n        </div>\r\n        <div class="face-canvas-box">\r\n            <video id="video" width={width>1320?"800":"512"} height={width>1320?"450":"288"} preload autoplay loop muted class="faceview" ref=camera></video>\r\n            <div class="box" r-hide={isSogo} r-style={{"width":width>1320?"489px":"313px","height":width>1320?"395px":"250px", "z-index": 2}}>\r\n              <div class="line"></div>\r\n            </div>\r\n            <img class="faceview" src="{cdnBase}static/images/faceReady/box.png" r-style={{"height":width>1320?"395px":"250px","margin-top":width>1320?"29px":"17px","z-index": 2}}>\r\n            <canvas id="canvas" width={width>1320?"800":"512"} height={width>1320?"450":"288"} class="faceview"r-style={{"height":width>1320?"450px":"288px"}} ></canvas>\r\n            <canvas id="faceCanvas" style="display: none"></canvas>\r\n            <img src="{cdnBase}static/images/faceReady/head_profile.png" style="position: absolute;\r\n            top: 0px;\r\n            bottom: 0px;\r\n            max-height: 100%;\r\n            left: 50%;\r\n            transform: translateX(-50%);" alt="">\r\n        </div>\r\n    </div>\r\n    <p class="face-verify-mes" r-class={{"css3-flash": verifyStatus != 1, "css3-tada":verifyStatus == 1 }} r-style={{"color":verifyStatus ==-1?"#d52b2a":"#d52b2a"}}>{message}</p>\r\n   {#if verifyStatus == 1}\r\n        <button class="btn red btn-enter" on-click={this.onStart()}>{@(this.i18n("COM_EXAMS_ENTER_TEST"))}<span r-hide={!enterBeforeExamNum}>({enterBeforeExamNum})</span></button>\r\n   {#elseif verifyStatus ==0}\r\n        <button class="btn red btn-enter" on-click={this.onRestart()} r-hide={faceRecognition}>{@(this.i18n("faceVerifyAgain"))}</button>\r\n        <button class="btn logined-face btn-exit" on-click={this.loginedFace()} >{@(this.i18n("faceVerifyLogined"))}</button>\r\n        {#if occupyScreen && action!=3 && !androidFullScreen}\r\n            <button class="btn logined-face btn-exit" on-click={this.closeFullScreen()} >{@(this.i18n("ClosePage"))}</button>\r\n        {/if}\r\n    {#elseif verifyStatus ==-1}\r\n        {#if isActiveScreenshot}\r\n            <button class="btn red btn-enter" on-click={this.activeScreenshot()} r-class={{"btn-gray": inface}}>{@(this.i18n("screenshotText"))}</button>\r\n        {#else}\r\n            <button class="btn red btn-gray">{@(this.i18n("faceVerifyCheckFaceing"))}</button>\r\n        {/if}\r\n        {#if occupyScreen && (noImg || showCloseFullscreen) && !androidFullScreen}\r\n            <button class="btn logined-face btn-exit" on-click={this.closeFullScreen()} >{@(this.i18n("ClosePage"))}</button>\r\n        {/if}\r\n    {/if}\r\n   <div class="tip-box">\r\n    <div class="tip-title">{@(this.i18n("faceVerifyStep1"))}</div>\r\n    <div class="container">\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip1.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip1"))}</p>\r\n          <p>{@(this.i18n("faceVerityTip2"))}</p>\r\n        </div>\r\n      </div>\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip2.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip3"))}</p>\r\n          <p>{@(this.i18n("faceVerityTip4"))}</p>\r\n        </div>\r\n      </div>\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip5.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip5"))}</p>\r\n          <p>{@(this.i18n("faceVerityTip6"))}</p>\r\n        </div>\r\n      </div>\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip3.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip7"))}</p>\r\n          <p>{@(this.i18n("faceVerityTip8"))}</p>\r\n        </div>\r\n      </div>\r\n      <div class="camera-tip">\r\n        <div>\r\n          <img src="{cdnBase}static/images/faceReady/tip4.png" alt="">\r\n        </div>\r\n        <div class="tips-text">\r\n          <p>{@(this.i18n("faceVerityTip9"))}</p>\r\n          <p>{@(this.i18n("faceVerityTip10"))}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n{#if showLoading == 1}\r\n    <div class="eFrameSheLayer"></div>\r\n    <div class="elasticFrame">\r\n        <p class="loading">{@(this.i18n("loadingDetection"))}</p>\r\n        <div class="col-md-12">\r\n            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n        </div>\r\n    </div>\r\n{/if}'},479:function(i,n){i.exports='<div class="row content-panel" r-class={{"new-content-panel":!mobile}}>\r\n\r\n        <div class="col-xs-12 visible-xs-block text-center">\r\n            <h4 class="form-title">{title}</h4>\r\n        </div>\r\n\r\n    <div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-12 content pay-content">\r\n        <div class="form-group-input" r-hide={hideLogin}>\r\n\r\n                <div class="title text-center hidden-xs">\r\n                    <p class="new-exam-title">{examDetails.title}</p>\r\n                </div>\r\n            \r\n            {#if haveError}\r\n                <div class=" alert fade in alert-error alert-danger">\r\n                    <img src="{cdnBase}static/images/close2.png" class="" on-click={haveError = false} alt="">\r\n                    <p>{errorMsg}</p>\r\n                </div>\r\n            {/if}\r\n\r\n            {#if loading }\r\n                <div>\r\n                    <i class="fa fa-spinner fa-spin"></i>\r\n                </div>\r\n            {#else}\r\n                <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==1} }">\r\n                    <div r-class={{"new-m-input-group":mobile,"input-group":!mobile}}>\r\n                        <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon":!mobile}} r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{field.label}:</label>\r\n                        <input type="text"\r\n                                class="form-control" placeholder="{field.label}"\r\n                                required="required"\r\n                                r-model={field.value}\r\n                                r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}  \r\n                        >\r\n                    </div>\r\n                    {#if showtip==1}\r\n                        <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}}>{tip}</span>\r\n                    {/if}\r\n                </div>\r\n\r\n        \r\n                {#if field.needPassword}\r\n                    <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==2} }">\r\n                        <div r-class={{"new-m-input-group":mobile,"input-group":!mobile}}>\r\n                            <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon":!mobile}} r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{@(this.i18n(\'PASSWORD\'))}:</label>\r\n                            <input type="password" style="display:none;width:0;height:0;">\r\n                            <input type="password"\r\n                                    class="form-control" placeholder="{@(this.i18n(\'PASSWORD\'))}"\r\n                                    required="required"\r\n                                    r-model={field.password}\r\n                                    autocomplete="new-password"\r\n                                    r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}  \r\n                            >\r\n                        </div>\r\n\r\n                        {#if showtip==2}\r\n                            <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}}>{tip}</span>\r\n                        {/if}\r\n                    </div>\r\n                {/if}\r\n        \r\n        \r\n                <div class="form-actions">\r\n                    {#if logining}\r\n                        <button class="btn btn-blue">\r\n                            <i class="fa fa-spin fa-spinner"></i>\r\n                        </button>\r\n                    {#else}\r\n                        <button class="btn btn-blue" on-click={this.login()} style="margin-bottom:20px;">\r\n                            {@(this.i18n(\'LOGIN\'))} <i class="fa fa-arrow-circle-o-right"></i>\r\n                        </button>\r\n                    {/if}\r\n                </div>\r\n            {/if}\r\n        </div>\r\n\r\n        <div class="button-box">\r\n            <button class="btn btn-blue" on-click={this.onPay()}>{@(this.i18n(\'payForPayment\'))}</button>\r\n            <button class="btn btn-blue" r-hide={!hideLogin} on-click={this.showLogin()} style="margin-top: 20px;margin-bottom:20px;">{@(this.i18n(\'loginInGroupTips\'))}</button>\r\n        </div>\r\n    </div>\r\n\r\n</div>'},480:function(i,n){i.exports='<div class="row content-panel group-login">\r\n  <div>\r\n      <h4 class="form-title new-from-title">\r\n        {#if examType < 2 || examType > 3 }\r\n          {@(this.i18n("welcomeEnter"))}\r\n        {#else}\r\n          {@(this.i18n("welcomeEnterAdvance"))}\r\n        {/if}\r\n        {#if !needLoginOut}\r\n          {this.i18nf("welcomeInputRight",field.label)}\r\n          {#if field.needPassword}\r\n            /{@(this.i18n(\'PASSWORD\'))}\r\n          {/if}\r\n        {/if}\r\n      </h4>\r\n  </div>\r\n\r\n\r\n\r\n      <div class="content new-content new-mobile-content">\r\n\r\n\r\n          {#if loading }\r\n              <div>\r\n                  <i class="fa fa-spinner fa-spin"></i>\r\n              </div>\r\n          {#else}\r\n            {#if !needLoginOut}\r\n\r\n              {#if !(examType == 2 || examType == 3) && field.needPassword != 1 && field.loginSfid != 1}\r\n                <div class="form-group" class="has-error has-feedback">\r\n                  <div class="new-m-input-group new-mobile-input-group">\r\n                    <input type="text"\r\n                            class="form-control new-form-control" placeholder="{@(this.i18n(\'pleaseInput1\'))}{@(this.i18n(\'NAME\'))}"\r\n                            required="required"\r\n                            r-model={field.name}     \r\n                            r-style={{"padding-left":field.name.length>0||showTitle==3?nameWidth>0?nameWidth+"px":maxWord*15+5+"px":"5px"}}   \r\n                            on-focus={this.inputFocus(3)}   \r\n                            on-blur={this.inputBlur()}                                              \r\n                    >\r\n                    {#if field.name.length>0||showTitle==3}\r\n                      <div class="input-title" ref=username>{@(this.i18n(\'NAME\'))}：</div>\r\n                    {/if}\r\n                  </div>\r\n                </div>\r\n              {/if}\r\n\r\n              <div class="form-group" class="has-error has-feedback">\r\n                  <div class="new-m-input-group new-mobile-input-group">\r\n                      <input type="text"\r\n                              class="form-control new-form-control" placeholder="{@(this.i18n(\'pleaseInput1\'))}{field.label}"\r\n                              required="required"\r\n                              r-model={field.value}     \r\n                              r-style={{"padding-left":field.value.length>0||showTitle==1?accountWidth>0?accountWidth+"px":maxWord*15+5+"px":"5px"}}   \r\n                              on-focus={this.inputFocus(1)}   \r\n                              on-blur={this.inputBlur()}                                              \r\n                      >\r\n                      {#if field.value.length>0||showTitle==1}\r\n                        <div class="input-title" ref=account>{field.label}：</div>\r\n                      {/if}\r\n                  </div>\r\n                  {#if !field.needPassword && (showtip==2||showtip==1||showtip==3||haveError)}\r\n                      \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                      <span class="help-block">\r\n                        <span style="margin-right: 3px;">*</span>\r\n                        {#if showtip==2||showtip==1||showtip==3}\r\n                          {tip}\r\n                        {#elseif haveError}\r\n                        \x3c!-- 小程序试卷绑定改为A标签以避免业务域名错误 --\x3e\r\n                          {#if isMiniprogram}\r\n                              <span r-html={errorMsg}></span>\r\n                          {#else}\r\n                              <span on-click={this.bindWechat()} r-html={errorMsg}></span>\r\n                          {/if}\r\n                        {/if}\r\n                      </span>\r\n                  {/if}\r\n              </div>\r\n\r\n      \r\n              {#if field.needPassword}\r\n                  <div class="form-group" class="has-error has-feedback" style="margin-top: 45px;">\r\n                      <div class="new-m-input-group new-mobile-input-group">\r\n                          <input type="password" style="display:none;width:0;height:0;">\r\n                          <input type={showPassword}\r\n                                  class="form-control new-form-control" placeholder="{@(this.i18n(\'pleaseInput1\'))}{@(this.i18n(\'PASSWORD\'))}"\r\n                                  required="required"\r\n                                  r-model={field.password}\r\n                                  autocomplete="new-password"\r\n                                  r-style={{"padding-left":field.password.length>0||showTitle==2?passwordWidth>0?passwordWidth+"px":"50px":"5px"}} \r\n                                  on-focus={this.inputFocus(2)}   \r\n                                  on-blur={this.inputBlur()}   \r\n                          >\r\n                          {#if field.password.length>0||showTitle==2}\r\n                            <div class="input-title" ref=password>{@(this.i18n(\'PASSWORD\'))}：</div>\r\n                          {/if}\r\n                          <div class="show-password" on-click={this.showPassword()}>\r\n                            {#if showPassword!="password"}\r\n                              <img src="{cdnBase}static/images/group/eye2.png" alt="">\r\n                            {#else}\r\n                              <img src="{cdnBase}static/images/group/eye1.png" alt="">\r\n                            {/if}\r\n                          </div>\r\n                      </div>\r\n\r\n                      {#if field.needPassword && (showtip==2||showtip==1||haveError)}\r\n                          \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                          <span class="help-block">\r\n                            <span style="margin-right: 3px;">*</span>\r\n                            {#if showtip==2||showtip==1}\r\n                              {tip}\r\n                            {#elseif haveError}\r\n                            \x3c!-- 小程序试卷绑定改为A标签以避免业务域名错误 --\x3e\r\n                              {#if isMiniprogram}\r\n                                  <span r-html={errorMsg}></span>\r\n                              {#else}\r\n                                  <span on-click={this.bindWechat()} r-html={errorMsg}></span>\r\n                              {/if}\r\n                            {/if}\r\n                          </span>\r\n                      {/if}\r\n                  </div>\r\n              {/if}\r\n            {#else}\r\n                {#if isMiniprogram}\r\n                    <span r-html={errorMsg}></span>\r\n                {#else}\r\n                    <span on-click={this.bindWechat()} r-html={errorMsg}></span>\r\n                {/if}\r\n            {/if}\r\n      \r\n      \r\n              <div class="form-actions new-form-actions">\r\n                  {#if logining}\r\n                      <button class="btn btn-blue new-btn-login">\r\n                          <i class="fa fa-spin fa-spinner"></i>\r\n                      </button>\r\n                  {#elseif needLoginOut}\r\n                    <button class="btn btn-blue" r-class={{"":mobile,"new-btn":!mobile}} on-click={this.loginOut()}>\r\n                      {@(this.i18n(\'logoutInThenLogin\'))}\r\n                  </button>\r\n                  {#else}\r\n                      {#if examType < 2 || examType > 3 }\r\n                          <button class="btn btn-blue new-btn-login" on-click={this.login()}>\r\n                              {@(this.i18n(\'LOGIN\'))} \r\n                          </button>\r\n                      {#else}\r\n                          <a class="btn btn-red new-btn-login" on-click={this.login()}>\r\n                              {@(this.i18n(\'LOGIN\'))}\r\n                          </a>\r\n                      {/if}\r\n                  {/if}\r\n              </div>\r\n              <div class="group-tip">{@(this.i18n("contactAdministrator"))}</div>\r\n              \r\n          {/if}\r\n      </div>\r\n  </div>\r\n  '},481:function(i,n){i.exports='<div class="row content-panel group-login " r-class={{"new-content-panel":!mobile}}>\r\n    <div class="col-xs-12 visible-xs-block text-center">\r\n        <h4 class="form-title">{@(this.i18n("COM_EXAMS_NEED_LOGIN_TO_DO_THE_EXAM")) }</h4>\r\n    </div>\r\n\r\n\r\n\r\n        <div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-12 content new-content">\r\n            \x3c!-- <div class="col-xs-12 visible-md-block text-center">\r\n                <h4 class="form-title">&nbsp;&nbsp;&nbsp;&nbsp;{@(this.i18n("COM_EXAMS_NEED_LOGIN_TO_DO_THE_EXAM")) }</h4>\r\n            </div> --\x3e\r\n            \r\n            <div class="title text-center hidden-xs hidden-md">\r\n                <p class="new-exam-title">{examDetails.title}</p>\r\n            </div>\r\n\r\n            <h4 class="form-title hidden-xs">{@(this.i18n("COM_EXAMS_NEED_LOGIN_TO_DO_THE_EXAM")) }</h4>\r\n            {#if haveError}\r\n                <div class=" alert fade in alert-error alert-danger">\r\n                    \x3c!-- <i on-click={haveError = false} class="close fa fa-times"></i> --\x3e\r\n                    <img src="{cdnBase}static/images/close2.png" class="" on-click={haveError = false} alt="">\r\n                    \x3c!-- 小程序试卷绑定改为A标签以避免业务域名错误 --\x3e\r\n                    {#if isMiniprogram}\r\n                        <p r-html={errorMsg}></p>\r\n                    {#else}\r\n                        <p on-click={this.bindWechat()} r-html={errorMsg}></p>\r\n                    {/if}\r\n                </div>\r\n            {/if}\r\n\r\n            {#if loading }\r\n                <div>\r\n                    <i class="fa fa-spinner fa-spin"></i>\r\n                </div>\r\n            {#else}\r\n                {#if !needLoginOut}\r\n\r\n                    {#if field.needPassword != 1 && field.loginSfid != 1}\r\n                        <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==3} }">\r\n                            <div r-class={{"new-m-input-group":mobile,"input-group":!mobile}}>\r\n                                <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon":!mobile}} r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{@(this.i18n(\'NAME\'))}</label>\r\n                                <input type="text"\r\n                                    class="form-control" placeholder="{@(this.i18n(\'NAME\'))}"\r\n                                    required="required"\r\n                                    r-model={field.name}     \r\n                                    r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}                                                    \r\n                                >\r\n                            </div>\r\n                            {#if showtip==3}\r\n                                <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}}>{tip}</span>\r\n                            {/if}\r\n                        </div>\r\n                    {/if}\r\n\r\n                    <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==1} }">\r\n                        <div r-class={{"new-m-input-group":mobile,"input-group":!mobile}}>\r\n                            <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon":!mobile}} r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{field.label}</label>\r\n                            <input type="text"\r\n                                    class="form-control" placeholder="{field.label}"\r\n                                    required="required"\r\n                                    r-model={field.value}     \r\n                                    r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}                                                    \r\n                            >\r\n                        </div>\r\n                        {#if showtip==1}\r\n                            \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                            <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}}>{tip}</span>\r\n                        {/if}\r\n                    </div>\r\n\r\n                    {#if field.needPassword}\r\n                        <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==2} }">\r\n                            <div r-class={{"new-m-input-group":mobile,"input-group":!mobile}}>\r\n                                <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon":!mobile}} r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{@(this.i18n(\'PASSWORD\'))}:</label>\r\n                                <input type="password" style="display:none;width:0;height:0;">\r\n                                <input type="password"\r\n                                        class="form-control" placeholder="{@(this.i18n(\'PASSWORD\'))}"\r\n                                        required="required"\r\n                                        r-model={field.password}\r\n                                        autocomplete="new-password"\r\n                                        r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}\r\n                                >\r\n                            </div>\r\n\r\n                            {#if showtip==2}\r\n                                \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                                <span class="help-block" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}}>{tip}</span>\r\n                            {/if}\r\n                        </div>\r\n                    {/if}\r\n\r\n                {/if}\r\n        \r\n        \r\n                <div class="form-actions">\r\n                    {#if logining}\r\n                        <button class="btn btn-blue" r-class={{"":mobile,"new-btn":!mobile}}>\r\n                            <i class="fa fa-spin fa-spinner"></i>\r\n                        </button>\r\n                    {#elseif needLoginOut}\r\n                        <button class="btn btn-blue" r-class={{"":mobile,"new-btn":!mobile}} on-click={this.loginOut()}>\r\n                            {@(this.i18n(\'logoutInThenLogin\'))} \r\n                        </button>\r\n                    {#else}\r\n                        {#if examType < 2 || examType > 3 }\r\n                            <button class="btn btn-blue" r-class={{"":mobile,"new-btn":!mobile}} on-click={this.login()}>\r\n                                {@(this.i18n(\'LOGIN\'))} \r\n                            </button>\r\n                        {#else}\r\n                            <a class="btn btn-red" on-click={this.login()}>\r\n                                {@(this.i18n(\'LOGIN\'))}\r\n                            </a>\r\n                        {/if}\r\n                    {/if}\r\n                </div>\r\n                \r\n            {/if}\r\n        </div>\r\n        {#if wechatWebAuth }\r\n            <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n            <div class="switchs animated pcPayAuth" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n                <div class="modal-content" role="document">\r\n                    <div class="modal-header" style="padding: 17px;">\r\n                        <div class="modal-title">微信扫码授权</div>\r\n                    </div>\r\n                    \r\n                    <div class="modal-body" style="min-height: 283px;padding-bottom: 0px;">\r\n                        <div>电脑端付费考试需先进行微信扫码授权，授权后请使用授权的微信进行付费</div>\r\n                        <img id="wechatAuthImg" src="" class="wechatAuthImg">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        {/if}\r\n    </div>\r\n    '},482:function(i,n){i.exports='<div class="show-img">\r\n    {#list imgList as imgs}\r\n    <a class="img-show" on-click="{this.showImg(-1,imgs_index)}"><img src="{imgs | formatUrl}" alt=""><p>{@(this.i18n("pic"))}{imgs_index+1}</p></a>\r\n    {/list}\r\n</div>\r\n<p class="show-img-tips">{@(this.i18n("imgShowTips"))}</p>\r\n\r\n\r\n\r\n\r\n{#if vrShowBigImg != \'no\'}\r\n    {#if !isMobile && previewList.length > 1}\r\n        <div class="img-preview">\r\n            <ul>\r\n                {#list previewList as pl}\r\n                    <li r-class={{"over": pl.needOver}} on-click={this.showImg(pl_index,pl.id)}>\r\n                        <span></span>\r\n                        <img src="{pl.src | formatUrl}" alt="">\r\n                    </li>\r\n                {/list}\r\n            </ul>\r\n        </div>\r\n    {/if}\r\n{/if}\r\n\x3c!-- {#if vrShowBigImg != \'no\'}\r\n    <div class="vr-essay-overview show-img-overview" id="vrEssayOverview">\r\n        <img src="{cdnBase}static/images/close.png" class="close-img" on-click="{this.showClose()}" alt="">\r\n        <img id="vrShowBigImg" src="{imgList[vrShowBigImg]}" r-style={{"margin-top": top+"px"}} alt="">\r\n        {#if imgLen > 1}\r\n            <span class="veo-L"><img src="{cdnBase}static/images/pre.png" on-click="{this.next(\'L\')}" alt=""></span>\r\n            <span class="veo-R"><img src="{cdnBase}static/images/next.png" on-click="{this.next(\'R\')}" alt=""></span>\r\n        {/if}\r\n        {#if !isMobile}\r\n            <div class="img-preview">\r\n                <ul>\r\n                    {#list previewList as pl}\r\n                        <li r-class={{"over": pl.needOver}} on-click={this.showImg(pl.id)}>\r\n                            <span></span>\r\n                            <img src="{pl.src}" alt="">\r\n                        </li>\r\n                    {/list}\r\n                </ul>\r\n            </div>\r\n            \r\n        {/if}\r\n    </div>\r\n{/if} --\x3e'},483:function(i,n){i.exports='<div class="image-preview">\r\n    {#list imgList as imgl by imgl_index}\r\n    <span class="img-cell" ><img src="{imgl}" alt="" on-click={this.showImg(-1,imgl_index)}> <i class="fa fa-times fa-1x preview-close" aria-hidden="true" on-click={this.answerImgRemove(imgl_index)}></i></span>\r\n    {/list}\r\n</div>\r\n'},484:function(i,n){i.exports='<section class="row" style="overflow: hidden; margin-bottom:0;">\r\n        {#if examType < 2 || examType > 3 }\r\n            <div class="m-introduction">\r\n                <div class="introduction-item">\r\n                    <p class="ii-icon">\r\n                        \x3c!-- <i class="fa fa-tags" aria-hidden="true"></i> --\x3e\r\n                        <img src="{cdnBase}static/images/title{theme}.png" alt="">\r\n                        {@(this.i18n("examTitle"))}\r\n                    </p>\r\n                    <p>{examDetails.title}</p>\r\n                </div>\r\n                {#if !onlyUserGuide && examDetails.show_guidelines > 0}\r\n                    <div class="introduction-item">\r\n                        <p class="ii-icon">\r\n                            \x3c!-- <i class="fa fa-question-circle-o" aria-hidden="true"></i> --\x3e\r\n                            <img src="{cdnBase}static/images/description{theme}.png" alt="">\r\n                            {@(this.i18n("COM_EXAMS_EXAM_INTRODUCTION"))}\r\n                        </p>\r\n                        <ul class="userguidelines">\r\n                            <li><p>{@(this.i18nf("descriptionTips", attempts, timeLimit, passScore))}</p></li>\r\n                            <li><p>{@(testRule)}</p></li>\r\n                            <li><p>{@(this.i18n("COM_EXAMS_ERROR_HAPPEN_INTRODUCTION_TIP"))}</p></li>\r\n                        </ul>\r\n                    </div>\r\n                {/if}\r\n                {#if examDetails.show_guidelines > 0 && guideLines != \'\'}\r\n                    <div class="introduction-item">\r\n                        {#if !(!onlyUserGuide && examDetails.show_guidelines > 0)}\r\n                            <p class="ii-icon">\r\n                                <img src="{cdnBase}static/images/description{theme}.png" alt="">\r\n                                {@(this.i18n("COM_EXAMS_EXAM_INTRODUCTION"))}\r\n                            </p>\r\n                        {#else}\r\n                            <p></p>\r\n                        {/if}\r\n                        <p class="user-introduce" r-html={@(guideLines|decodeBBCode)}>\r\n                        </p>\r\n                    </div>     \r\n                {/if}\r\n                {#if canChangeLang}\r\n                    <div class="introduction-item mobile-introduction-change-lang-container">\r\n                        <div class="change-lang-area" on-click="{this.onHandleChangeLangShow()}">\r\n                            <img src="{cdnBase}static/images/icon-earth.svg" alt="change lang">\r\n                            <span>{@(this.i18n("langSelect"))}</span>:\r\n                            &nbsp;\r\n                            &nbsp;\r\n                            &nbsp;\r\n                            &nbsp;\r\n                            <span>{langName}</span>\r\n                            &nbsp;\r\n                            &nbsp;\r\n                            <i class="fa fa-angle-right" aria-hidden="true"></i>\r\n                        </div>\r\n                        \x3c!-- <p class="ii-icon">{@(this.i18n("changeLang"))}：<img title=\'{@(this.i18n("changeLang"))}\' on-click={this.change()} src="{cdnBase}static/images/change-{lang}{theme}.png" alt=""></p> --\x3e\r\n                    </div>\r\n                {/if}\r\n            </div>\r\n            <div class="goToExam">\r\n                <a class="btn btn-blue goToExam new-blue" on-click={this.otherLogin()}>{@(this.i18n("COM_EXAMS_ENTER_TEST"))}</a>\r\n            </div>\r\n        {#else}\r\n        <div class="advanceTheme-{advanceIndexImg}">\r\n            {#if advanceIndexImg != "zf" && advanceIndexImg != "custom"}\r\n            <img src="{cdnBase}static/images/advanceIndexImg-{advanceIndexImg}.png" alt="" class="">\r\n            {/if}\r\n            {#if advanceIndexImg == "custom"}\r\n            <img style="margin-top: 100px" src="https://userfile.yksup.com/attachment/userupload/516754/20190828180818_1166653710898589696_10334842_gjxo.png" alt="" class="custom">\r\n            <div style="text-align: center;font-size: 20px;" class="advance-exam-title">{examDetails.title}</div>\r\n            {#else}\r\n            <div class="advance-exam-title">{examDetails.title}</div>\r\n            {/if}\r\n            \r\n        </div>\r\n        \r\n        \x3c!-- <img src="{cdnBase}static/images/reward.png" class="advance-index-img" alt="">         --\x3e\r\n        <a class="btn btn-red goToExamAdvance" on-click={this.otherLogin()}>{@(this.i18n("startAdvance"))}</a>\r\n        {/if}\r\n</section>\r\n\r\n{#if canChangeLang}\r\n<yksLangChange ref="langChangeEl" showDetails="{false}"></yksLangChange>\r\n{/if}'},485:function(i,n){i.exports='<div class="row content-panel introduction content-panel" r-class={{"new-content-panel":!mobile}}>\r\n    \x3c!-- <div class="col-xs-12 col-md-8 col-md-offset-2 logo">\r\n        <h1>{examDetails.title}</h1>\r\n    </div> --\x3e\r\n    <div class="col-xs-12 col-md-8 col-md-offset-2 content">\r\n        {#if isMock}\r\n            <div class="introduce-mock-tips" >\r\n                <span class="tips-text">{@(this.i18n("mockTips"))}</span>\r\n                <img src="/static/images/introduce-tap.png">\r\n            </div>\r\n        {/if}\r\n        {#if canChangeLang}\r\n            <div class="set-yks-lang-chang-container">\r\n                <yksLangChange></yksLangChange>\r\n            </div>\r\n        {/if}\r\n        <div class="title text-center brand-info">\r\n            <a href="{brandInfo.link}" target="_blank" r-style={{"pointer-events":brandInfo.link == ""?"none":"auto"}}>\r\n                {#if brandInfo.haveImg>0}\r\n                    <img  src="{brandInfo.img | formatUrl}"/>\r\n                {/if}\r\n                {#if brandInfo.haveImg != 1}\r\n                    <p>{brandInfo.title}</p>\r\n                {/if}\r\n            </a>\r\n        </div>\r\n\r\n        <div class="title text-center">\r\n            <p class="new-exam-title">{examDetails.title}</p>\r\n        </div>\r\n\r\n        <div class="title text-center">\r\n            <h4>{@(this.i18n("COM_EXAMS_EXAM_INTRODUCTION"))}</h4>\r\n            {#if action != 5}\r\n                <span class="introduction-exam-qrcode-tip pull-right">\r\n                    <i class="fa fa-3x fa-qrcode"></i>\r\n                </span>\r\n                <div class="introduction-exam-qrcode">\r\n                    <img src="{@(this.r(\'/qrcode/\'+examDetails.eid))}">\r\n                    <span>{@(this.i18n("COM_EXAMS_SCAN_QRCODE_TO_DO_ON_MOBILE"))}</span>\r\n                </div>\r\n            {/if}\r\n            {#if canChangeLang}\r\n                \x3c!-- <img class="lang-change" title=\'{@(this.i18n("changeLang"))}\' on-click={this.change()} src="{cdnBase}static/images/change-{lang}{theme}.png" alt=""> --\x3e\r\n            {/if}\r\n        </div>\r\n\r\n        {#if examDetails.show_guidelines > 0 && guideLines != \'\'}\r\n            <p class="user-introduce" r-html={@(guideLines|decodeBBCode)}>\r\n            </p>            \r\n        {/if}\r\n\r\n        {#if !onlyUserGuide && examDetails.show_guidelines > 0}\r\n            <ul class="system-introduce">\r\n                <li>\r\n                    <p>\r\n                        <span>{@(this.i18n("COM_EXAMS_TESTS_TAKEN"))}:</span>\r\n                        <span>\r\n                            {@(attempts)}\r\n                        </span>\r\n                    </p>\r\n                </li>\r\n                <li>\r\n                    <p>\r\n                        <span>{@(this.i18n("COM_EXAMS_TAKEN_TIME_LIMIT"))}:</span>\r\n                        <span>\r\n                            {@(timeLimit)}                       \r\n                        </span>\r\n                    </p>\r\n                </li>\r\n                <li>\r\n                    <p>\r\n                        <span>{@(this.i18n("COM_EXAMS_PASS_SCORE"))}:</span>\r\n                        <span>\r\n                            {@(passScore)}                        \r\n                        </span>\r\n                    </p>\r\n                </li>\r\n                <li>\r\n                    <p>\r\n                        <span class="left">{@(this.i18n("COM_EXAMS_TEST_RULE"))}:</span>\r\n                        <span>\r\n                            {@(testRule)}                        \r\n                        </span>\r\n                    </p>\r\n                </li>\r\n                <li>\r\n                    <p>{@(this.i18n("COM_EXAMS_ERROR_HAPPEN_INTRODUCTION_TIP"))}</p>\r\n                </li>\r\n            </ul>\r\n        {/if}\r\n        {#if wechatWebAuth }\r\n            <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n            <div class="switchs animated pcPayAuth" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n                <div class="modal-content" role="document">\r\n                    <div class="modal-header" style="padding: 17px;">\r\n                        {#if !loginFreegroup}\r\n                            <div class="modal-title">微信扫码授权</div>\r\n                        {#else}\r\n                            <div class="modal-title">{@(this.i18n(\'loginFreeGroup\'))}</div>\r\n                        {/if}\r\n                    </div>\r\n                    {#if !loginFreegroup}\r\n                        <div class="modal-body" style="min-height: 283px;padding-bottom: 0px;">\r\n                            <div>电脑端付费考试需先进行微信扫码授权，授权后请使用授权的微信进行付费</div>\r\n                            <img id="wechatAuthImg" src="{wechatUrl}" class="wechatAuthImg">\r\n                            {#if needFreeGroup}\r\n                                <button type="button" style="margin-bottom: 20px;width: 200px;" on-click={this.getGroupLoginInfo()} class="btn btn-blue">{@(this.i18n(\'loginFreeGroup\'))}</button>\r\n                            {/if}\r\n                        </div>\r\n                    {#else}\r\n                        {#if freeGroupLoading}\r\n                            <div class="row  ie8-do loading doexam-loading">\r\n                                <div class="col-md-12">\r\n                                    <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                                </div>\r\n                            </div>\r\n                        {#else}\r\n                            <div class="modal-body">\r\n                                <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==1} }">\r\n                                        <div class="input-group-pc">\r\n                                            <label class="input-group-addon-pc" style="text-align: left;" r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{field.label}:</label>\r\n                                            <input type="text"\r\n                                                    class="form-control" placeholder="{field.label}"\r\n                                                    required="required"\r\n                                                    r-model={field.value}\r\n                                                    r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}  \r\n                                            >\r\n                                        </div>\r\n                                </div>\r\n                                {#if field.needPassword}\r\n                                    <div class="form-group" r-class="{ {\'has-error has-feedback\': showtip==2} }">\r\n                                        <div class="input-group-pc">\r\n                                            <label class="input-group-addon-pc" style="text-align: left;" r-style={{"width": !mobile?(maxWord*14.5+addWidth)+"px":"100%"}}>{@(this.i18n(\'PASSWORD\'))}:</label>\r\n                                            <input type="password" style="display:none;width:0;height:0;">\r\n                                            <input type="password"\r\n                                                    class="form-control" placeholder="{@(this.i18n(\'PASSWORD\'))}"\r\n                                                    required="required"\r\n                                                    r-model={field.password}\r\n                                                    autocomplete="new-password"\r\n                                                    r-style={{"width": !mobile?"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)":"100%"}}  \r\n                                            >\r\n                                        </div>\r\n                                    </div>\r\n                                {/if}\r\n                                {#if showtip}\r\n                                    <span class="help-block" style="text-align:center" r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}} r-html={fgTips}></span>\r\n                                {/if}\r\n                            </div>\r\n                            <div class="modal-footer">\r\n                                <button type="button" on-click={this.loginFreeGroup()} class="btn btn-blue">{@(this.i18n(\'LOGIN\'))}</button> <button type="button" on-click={this.backToPay()} class="btn btn-white-blue">{@(this.i18n(\'goBack\'))}</button> \r\n                            </div>\r\n                        {/if}\r\n                    {/if}\r\n                </div>\r\n            </div>\r\n        {/if}\r\n\r\n        <a class="btn btn-blue goToExam" on-click={this.otherLogin()}>{@(this.i18n("COM_EXAMS_ENTER_TEST"))}</a>\r\n    </div>\r\n</div>\r\n<cameraargeement showCameraAgreement={showCameraAgreement}></cameraargeement>'},486:function(i,n){i.exports='<div class="row content-panel collect" r-class={{"new-content-panel":!mobile}}>\r\n\r\n    <div class="col-xs-12 visible-xs-block text-center">\r\n        <h4 class="form-title">{@(this.i18n("COM_EXAMS_NEED_LICENSE_TO_DO_THE_EXAM")) }</h4>\r\n    </div>\r\n\r\n\r\n    <div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-12 content license">\r\n            \x3c!-- <div class="col-xs-12 visible-md-block text-center">\r\n                <h4 class="form-title">&nbsp;&nbsp;&nbsp;&nbsp;{@(this.i18n("COM_EXAMS_NEED_LOGIN_TO_DO_THE_EXAM")) }</h4>\r\n            </div> --\x3e\r\n\r\n            <div class="title text-center hidden-xs hidden-md">\r\n                <p class="new-exam-title">{examDetails.title}</p>\r\n            </div>\r\n\r\n            <h4 class="form-title hidden-xs">{@(this.i18n("COM_EXAMS_NEED_LICENSE_TO_DO_THE_EXAM")) }</h4>\r\n\r\n            <div class="form-group" r-class="{ {\'has-error has-feedback\': haveError} }">\r\n                <div r-class={{"new-m-input-group":mobile,"input-group":!mobile}}>\r\n                        <label r-class={{"new-m-input-group-addon":mobile,"input-group-addon":!mobile}} r-style={{"width": !mobile?((this.i18n("locale"))=="en-gb"?(maxWord*30.5+addWidth)+"px":(maxWord*14.5+addWidth)+"px"):"100%"}}>{@(this.i18n(\'COM_EXAMS_LICENSE\'))}</label>\r\n                        <input type="text"\r\n                                class="form-control" placeholder="{@(this.i18n(\'COM_EXAMS_LICENSE\'))}"\r\n                                required="required"\r\n                                r-model={license}\r\n                                r-style={{"width": !mobile?((this.i18n("locale"))=="en-gb"?"calc(100% - "+(maxWord*30.5+addWidth)+"px)":"calc(100% - "+(maxWord*14.5+5+addWidth)+"px)"):"100%"}}\r\n                        >\r\n                </div>\r\n                {#if haveError}\r\n                    \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n                    <span class="help-block"  r-style={{"padding-left": !mobile?(maxWord*14.5+addWidth+72*1)+"px":"0"}}>{errorMsg}</span>\r\n                {/if}\r\n            </div>\r\n\r\n            <div class="form-actions submit">\r\n                <button class="btn btn-blue new-btn" on-click={this.login()}>\r\n                    {@(this.i18n("COM_EXAMS_SUBMAIT_INFO"))}\r\n                </button>\r\n            </div>\r\n       \r\n    </div>\r\n</div>\r\n'},487:function(i,n){i.exports='\r\n    {#if examType < 2 || examType > 3}\r\n        <header style="margin-bottom: 0; overflow: hidden">\r\n            \x3c!-- <div class="m-brandinfo">\r\n                <a r-class={{"have-img": brandInfo.haveImg>0}} href="{brandInfo.link}">\r\n                    {#if brandInfo.haveImg>0}\r\n                        <img class="img-responsive" src="{brandInfo.img}"/>\r\n                    {/if}\r\n                    {#if brandInfo.haveImg != 1}\r\n                        <span class="text-responsive"> {brandInfo.title}</span>\r\n                    {/if}\r\n\r\n                </a>\r\n            </div> --\x3e\r\n            <div class="m-brandinfo new-m-brandinfo">\r\n                <a r-class={{"have-img": brandInfo.haveImg>0}} href="{brandInfo.link}" r-style={{"pointer-events":brandInfo.link == ""?"none":"auto"}}>\r\n                    {#if brandInfo.haveImg>0}\r\n                        <img class="" src="{brandInfo.img | formatUrl}"/>\r\n                    {/if}\r\n                    {#if brandInfo.haveImg != 1}\r\n                        <p class="text-responsive"> {brandInfo.title}</p>\r\n                    {/if}\r\n\r\n                </a>\r\n            </div>\r\n            \x3c!-- <div class="brandinfo navbar-default">\r\n                <a r-class={{"have-img": brandInfo.haveImg>0}} href="{brandInfo.link}">\r\n                    {#if brandInfo.haveImg>0}\r\n                        <img class="img-responsive" src="{brandInfo.img}"/>\r\n                    {/if}\r\n                    {#if brandInfo.haveImg != 1}\r\n                        <span class="text-responsive"> {brandInfo.title}</span>\r\n                    {/if}\r\n                </a>\r\n            </div> --\x3e\r\n            \x3c!-- {#if canChangeLang}\r\n                <img class="nav-lang-change lang-change" title=\'{@(this.i18n("changeLang"))}\' on-click={this.change()} src="{cdnBase}static/images/change-w-{lang}.png" alt="">\r\n            {/if} --\x3e\r\n        </header>\r\n    {#else}\r\n        <header style="margin-bottom: 10px; overflow: hidden" r-class={{"long-header":rule}}>\r\n        <div class="brand-advance advance-head">\r\n            <span class="music-controller">\r\n                    <img r-class={{"music-img":musicType}} src="{cdnBase}static/images/bg_music.png" width="35" alt="" on-click={this.musicOn()}>\r\n            </span> \r\n            <span class="img-logo">\r\n                \r\n            </span>\r\n            <span class="btn-rule">\r\n                <a href="javascript:;" on-click={this.open()}>{@(this.i18n("viewRules"))}</a> \r\n            </span>\r\n        </div>\r\n        <span class="img-logo">\r\n            <a href="{brandInfo.link}">\r\n                {#if brandInfo.haveImg>0}\r\n                    <img src="{brandInfo.img | formatUrl}"/>\r\n                {/if}\r\n            </a>\r\n        </span>\r\n        {#if rule}\r\n            <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn slow; on: leave; class:fadeOut; \'></div>\r\n            <div class="rule switchs animated" r-animation=\'on: enter; class:fadeInDown slow; on: leave; class:bounceOut; \'>\r\n                <p class="rule-title">{@(this.i18n("advanceRules"))}</p>\r\n                <div class="rule-context">\r\n                    \r\n                   \r\n                    {#if guideLines != ""}\r\n                    <p class="user-introduce" r-html={@(guideLines|decodeBBCode)}>\r\n                    </p>\r\n                    {#else}\r\n                    <p>\r\n                        {@(this.i18n("advanceRule1"))}\r\n                    </p>\r\n                    <p>\r\n                        {@(this.i18n("advanceRule2"))}\r\n                    </p>\r\n                    <p>\r\n                        {@(this.i18n("advanceRule3"))}\r\n                    </p>\r\n                    <p>\r\n                        {@(this.i18n("advanceRule4"))}\r\n                    </p>\r\n                    {/if}\r\n                </div>\r\n                <p class="rt-dont-tips"><input type="checkbox" ref="dontTips" > {@(this.i18n("DontPopUpAuto"))}</p>\r\n                <a class="btn btn-red" on-click={this.close()}>{@(this.i18n("Iknow"))}</a>\r\n            </div>\r\n        {/if}\r\n        </header>\r\n    {/if}\r\n    \r\n    '},488:function(i,n){i.exports='<nav class="navbar navbar-default">\r\n    <div class="container" style="position: relative;">\r\n        <div class="navbar-header">\r\n            <a class="navbar-brand " r-class={{"have-img": brandInfo.haveImg>0}} href="{brandInfo.link}">\r\n              {#if brandInfo.haveImg>0}\r\n                <img class="img-responsive" src="{brandInfo.img | formatUrl}"/>\r\n              {/if}\r\n              {#if brandInfo.haveImg != 1}\r\n                <span class="text-responsive">{brandInfo.title}</span>\r\n              {/if}\r\n            </a>\r\n        </div>\r\n        {#if isResume && canChangeLang}\r\n            <img class="nav-lang-change lang-change" id="changeLang" title=\'{@(this.i18n("changeLang"))}\' on-click={this.change()} src="{cdnBase}static/images/change-w-{lang}.png" alt="">\r\n        {/if}\r\n        <div id="navbar" class="navbar-collapse collapse">\r\n            <div class="nav-user navbar-right">\r\n                {#include navRightContent}\r\n            </div>\r\n        </div>\r\n    </div>\r\n  </nav>'},489:function(i,n){i.exports='\x3c!-- <app.nav brandInfo={brandInfo}></app.nav> --\x3e\r\n<div class="container">\r\n    <div class="row">\r\n        <div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2 content">     \r\n            <div class="need-camera-tip text-center">\r\n                {#if isMock}\r\n                    <div class="introduce-mock-tips" >\r\n                        <span class="tips-text">{@(this.i18n("mockTips"))}</span>\r\n                        <img src="/static/images/introduce-tap.png">\r\n                    </div>\r\n                {/if}\r\n                <div class="need-camera-toggle-area">\r\n                    <span r-hide="{camNum < 2 || type == 2}" class="need-camera-toggle" on-click="{this.toggleCamera()}">{@(this.i18n("toggleCamera"))}</span>\r\n                </div>\r\n                <img alt="{@(errorMsg)}" src="{cdnBase}static/images/needcamera/top.png" style="margin-top: 20px;" r-style={{"height": height + "px"}}>\r\n                \x3c!-- <h3>{@(examDetails.title)}</h3> --\x3e\r\n                {#if type == 2}\r\n                    <h1>{@(this.i18n("notFoundMicrophone"))}</h1>\r\n                {#elseif type == 3}\r\n                    <h1>{@(this.i18n("notUsedScreenRecord"))}</h1>\r\n                {#else}\r\n                    <h1>{@(this.i18n("cameraCannotUsed"))}</h1>\r\n                {/if}\r\n                {#if wechatOrIE}\r\n                    <p class="msg">{@(this.i18n("unsupportMediaDevicesTip"))}</p>\r\n                {#else}\r\n                    <p class="msg">{@(errorMsg)}</p>\r\n                {/if}\r\n                {#if edition && !occupyScreen && !isMobile}\r\n                    <div class="get-help btn" r-style={{"margin-right" : needRetry && !isMobile ? "20px" : 0}}>\r\n                        <a href="https://www.baisikao.com/help/exam/camera-usage-problem/" target="_blank" rel="noopener noreferrer">\r\n                            <img src="{cdnBase}static/images/needcamera/setting.png?t=20201216" alt="{@(this.i18n(\'operationGuide\'))}">\r\n                            {@(this.i18n("operationGuide"))}\r\n                        </a>\r\n                    </div>\r\n                {/if}\r\n                {#if needRetry}\r\n                    <button class="btn btn-primary" on-click={this.retry()}>\r\n                        <img src="{cdnBase}static/images/needcamera/reload.png">\r\n                        {@(this.i18n("retry"))}\r\n                    </button>\r\n                {/if}\r\n                {#if occupyScreen && !androidFullScreen}\r\n                    <div class="btns btns-center erro-page-btn">\r\n                        <a class="btn btn-white-blue" style="width: 150px !important;" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                    </div>\r\n                {/if}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n'},490:function(i,n){i.exports='{#if hide == 1}\r\n    <div class="eFrameSheLayer"></div>\r\n    <div class="cameraLoading">\r\n        <div class="row  ie8-do loading">\r\n            <div class="col-md-12">\r\n                <img src="{cdnBase}static/images/needcamera/loading.gif" alt="">\r\n            </div>\r\n        </div>\r\n        <p>{@(this.i18n("detectingCamera"))}...</p>\r\n    </div>\r\n{/if}'},491:function(i,n){i.exports='{#if !mobile}\r\n<div class="fullscreen">\r\n    {#if isWechat}\r\n        <div class="row">\r\n            <div class="col-xs-12 col-sm-12 col-md-12 text-center erro-page">\r\n                <h2>{@(this.i18n("miniCamerTip5"))}</h2>\r\n                <img src="{cdnBase}static/images/erro_tips_icon.png" alt="">\r\n                <p>{@(this.i18n("fullscreenBroswerTips"))}</p>\r\n            </div>\r\n        </div>\r\n    {#else}\r\n        {#if !occupyScreen}\r\n            <p>{@(this.i18n("theCurrentExam"))}</p>\r\n            <p>{@(this.i18n("clickScreen"))}</p>\r\n            <p>{@(this.i18n("screenStart"))}</p>\r\n            <div class="full-show" r-class="{{loading: checkStartUpFlag}}" on-click={this.show()}>\r\n                <span>{@(this.i18n("downloaded"))}</span>\r\n                {#if checkStartUpFlag}\r\n                    <div class="full-loading">\r\n                        <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                    </div>\r\n                {/if}\r\n            </div>\r\n            <div class="full-down" on-click={this.download()}>\r\n                <img src="{cdnBase}static/images/fullScreen/download.png" alt="">\r\n                <span>{@(this.i18n("downloadScreen"))}</span>\r\n            </div>\r\n            <div>\r\n                <div class="full-text">\r\n                    <p>{@(this.i18n("afterTheInstallation"))}</p>\r\n                    <div class="full-text-box clearfix">\r\n                        {#if (this.i18n("locale") == "zh-cn")}\r\n                            <img src="{cdnBase}static/images/fullScreen/fullscreen1.png" alt="">\r\n                        {#else}\r\n                            <img src="{cdnBase}static/images/fullScreen/fullscreenEn1.png" alt="" style="width: 490px;">\r\n                        {/if}\r\n                    </div>\r\n                    <div class="full-text-tips clearfix">\r\n                        <p><span style="color: red;">*</span>{@(this.i18n("screenTestMode"))}</p>\r\n                        <p>{@(this.i18n("inOrderTo"))}</p>\r\n                        <p>{@(this.i18n("switchPages"))}</p>\r\n                        <p>{@(this.i18n("pleaseAbide"))}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        {#else}\r\n            <p>{@(this.i18n("theCurrentExam1"))}</p>\r\n            <p>{@(this.i18n("firstPlease"))}{@(this.i18n("downloadInstall"))}{@(this.i18n("otherwise"))}</p>\r\n            <div>\r\n                <div class="fullscreenupdata">\r\n                    <p>{@(this.i18n("description1"))}<sapn style="color: #ff962a;">{@(this.i18n("description2"))}</sapn>。</p>\r\n                    <p>{@(this.i18n("description3"))}<sapn style="color: #ff962a;">{@(this.i18n("description4"))}</sapn>。</p>\r\n                    <p>{@(this.i18n("description5"))}</p>\r\n                </div>\r\n            </div>\r\n            <div class="full-down" on-click={this.download()}>\r\n                <img src="{cdnBase}static/images/fullScreen/download.png" alt="">\r\n                <span>{@(this.i18n("downloadScreen1"))}</span>\r\n            </div>\r\n            <br/>\r\n            <div style="width: 350px;margin-top: 65px;display: inline-block;">\r\n                <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n            </div>\r\n        {/if}\r\n    {/if}\r\n    \r\n</div>\r\n{#elseif (isAndroid && needAndroidFullScreen && !needfullscreen)}\r\n<div class="fullscreen-mobile">\r\n    <h1>{@(this.i18n("switchTipsTitle"))}</h1>\r\n    <p>{@(this.i18n("clickScreenAnd"))}</p>\r\n    <p>{@(this.i18n("screenStart"))}</p>\r\n    {#if isWechat}\r\n        <a href="javascript:;" on-click={showWechatTips = true} class="btn btn-white-blue" style="padding: 15px;margin-top: 45px;">\r\n            {@(this.i18n("downloaded"))}\r\n        </a>\r\n        <div class="btn btn-blue" on-click={showWechatTips = true}>\r\n            <img src="{cdnBase}static/images/fullScreen/download.png" alt="">\r\n            <span>{@(this.i18n("downloadAndroidScreen"))}</span>\r\n        </div>\r\n    {#else}\r\n        <a href="{androidUrl}" class="btn btn-white-blue" style="padding: 15px;margin-top: 45px;">\r\n            {@(this.i18n("downloaded"))}\r\n        </a>\r\n        <div class="btn btn-blue" on-click={this.download()}>\r\n            <img src="{cdnBase}static/images/fullScreen/download.png" alt="">\r\n            <span>{@(this.i18n("downloadAndroidScreen"))}</span>\r\n        </div>\r\n    {/if}\r\n</div>\r\n{#if showWechatTips}\r\n<div on-click={showWechatTips=false} class="shareInWechat animated" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'>\r\n        <img class="arrow" src="{cdnBase}static/images/shareToWechat.png">\r\n        <div class="share-text">\r\n            <p>{@(this.i18n("openInBrowser"))}</p>\r\n        </div>\r\n        <img class="img" src="{cdnBase}static/images/shareImg.png">\r\n</div>\r\n{/if}\r\n{#else}\r\n<div class="row result-status erro-page" >\r\n    <div class="text-center result">\r\n        <img src="{cdnBase}static/images/erro_tips_icon.png" alt="">\r\n        <p></p>\r\n        {@(this.i18n("occupyScreenMobileTip"))}\r\n    </div>\r\n</div>\r\n<div class="btns btns-center erro-page-btn"><a class="btn btn-blue" on-click={this.closePage()}>{@(this.i18n("Iknow"))}</a></div>\r\n{/if}\r\n{#if showTips ==1}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \' style="height: 220px;">\r\n        <div class="content">\r\n            <div class="role">\r\n                <div>{@(this.i18n("downloadFullscreen"))}</div>\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <button on-click={this.closeFullScreen()} class="btn btn-primary" style="background-color: #36aafd;color: white;">{@(this.i18n("close"))}</button>\r\n        </div>\r\n    </div>\r\n{#elseif showTips == 2}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="needfullscreen-dialog animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:fadeOut; \'>\r\n        <div class="title flex-middle-between">\r\n            <h1 class="title-content">{@(this.i18n("openFullscreenExamError"))}</h1>\r\n            <img on-click={this.closeTips()} src="{cdnBase}static/images/dialog-close.svg" style="cursor: pointer" alt="close">\r\n        </div>\r\n        <div class="content">\r\n            <div class="section">\r\n                <h2 class="section-title">{@(this.i18n("openFullscreenExamTitleTips1"))}</h2>\r\n                <button class="btn btn-blue" style="min-width:200px; width: auto;" on-click="{this.download()}">{@(this.i18n("downloadScreen"))}</button>\r\n            </div>\r\n            <div class="section">\r\n                <h2 class="section-title">{@(this.i18n("openFullscreenExamTitleTips2"))}</h2>\r\n                <small>{@(this.i18n("openFullscreenExamDescTips1"))}</small>\r\n                <button on-click={this.copyExamUrl()} class="btn btn-blue" style="width: 210px;margin-bottom: 12px;">{@(this.i18n("openFullscreenExamBtnTips1"))}</button>\r\n                <input id="exam-url" value="{mainExamUrl}" style="display: none;"/>\r\n                <small>{@(this.i18n("openFullscreenExamDescTips2"))}</small>\r\n                <small>{@(this.i18n("openFullscreenExamDescTips3"))}</small>\r\n            </div>\r\n        </div>\r\n        <div class="action" style="text-align: right;">\r\n            <button on-click={this.closeTips()} class="btn" style="background-color: #fff;border-radius: 4px;border: 1px solid #e5e6e8;">{@(this.i18n("IKnow"))}</button>\r\n        </div>\r\n    </div>\r\n{/if}\r\n'},492:function(i,n){i.exports='<app.nav brandInfo={brandInfo}></app.nav>\r\n<div class="container m-adv-container">\r\n    <div class="row">\r\n        <div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2 content">\r\n            <div class="text-center">\r\n                <div>{@(examDetails.title)}</div>\r\n                {#if !isMiniprogram && isOnline}\r\n                    <h3>{@(this.i18n("COM_EXAMS_LONG_PRESS_TO_SUBSCRIBE_FIRST"))}</h3>\r\n                    <img src="/wechat/mpqrcode/{appid}/{examDetails.eid}"/>\r\n                {#elseif !isOnline && isOpenMp}\r\n                    <h3>{@(this.i18n("COM_EXAMS_LONG_PRESS_TO_SUBSCRIBE_FIRST"))}</h3>\r\n                    <img src="/wechat/mpqrcodeLan/{appid}/{examDetails.eid}"/>\r\n                {#else}\r\n                    <h3>{@(this.i18n("pleaseFocusWechat"))}</h3>\r\n                    <a style="width: 200px;margin: 20px auto;" on-click=\'{this.focus()}\' class="btn btn-blue">{@(this.i18n("clickFocus"))}</a>\r\n                {/if}\r\n                {#if occupyScreen && !androidFullScreen}\r\n                    <div class="btns btns-center erro-page-btn"><a class="btn btn-blue" style="width: 30% !important;" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a></div>\r\n                {/if}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n'},493:function(i,n){i.exports='\r\n\r\n{#if !mobile}\r\n<div class="background-white"></div>\r\n<div style="position: relative;text-align: center;">\r\n    <div style="display: inline-block;font-size: 30px;color: #36aafd;margin-top:50px;min-width: 1200px;">\r\n        《{@(examDetails.title)}》\r\n    </div>\r\n    <img src="/static/images/wechat/bg.png" alt="" class="wechat-bg">\r\n    <div class="col-xs-12 col-sm-12 col-md-12 text-center wechat-pc">\r\n        <h3 r-style={{"width":isEn?"300px":"420px"}} style="font-size: 24px;color: #999999;margin: auto;">{tips}</h3>\r\n        {#if action == 5}\r\n            <img src="{@(this.rf(\'/qrcode/{0}?preview=1\',examDetails.eid))}" style="width: 310px;margin: 0;"/>\r\n        {#else}\r\n            <img src="{@(this.rf(\'/qrcode/{0}\',examDetails.eid))}" style="width: 310px;margin: 0;"/>\r\n        {/if}\r\n        <div class="wechat-other" r-style={{"top":isEn?"-130px":"-182px"}}></div>\r\n        <div class="wechat-other" style="top:230px;left:-208px" r-style={{"top":isEn?"282px":"230px"}}></div>\r\n        <div class="wechat-other" style="top:-182px;left:205px" r-style={{"top":isEn?"-130px":"-182px"}}></div>\r\n    </div>\r\n    {#if occupyScreen && !androidFullScreen}\r\n        <div class="btns btns-center erro-page-btn" style="margin-top:760px;"><a class="btn btn-blue" style="width: 30% !important;" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a></div>\r\n    {/if}\r\n</div>\r\n{#else}\r\n<div class="background-white"></div>\r\n    <div class="row result-status erro-page" style="background-color: white;">\r\n        <div style="font-size: 24px;color: #36aafd;">\r\n            《{@(examDetails.title)}》\r\n        </div>\r\n        <img src="/static/images/wechat/mobilebg.png" alt="" class="wechat-mobile-bg">\r\n        <div class="wechat-mobile">\r\n            <h3 style="font-size: 18px;color: #999999;width: 220px;margin: auto;">{tips}</h3>\r\n            {#if action == 5}\r\n                <img src="{@(this.rf(\'/qrcode/{0}?preview=1\',examDetails.eid))}" style="width: 50%; max-width: 275px;"/>\r\n            {#else}\r\n                <img src="{@(this.rf(\'/qrcode/{0}\',examDetails.eid))}" style="width: 50%; max-width: 275px;"/>\r\n            {/if}\r\n        </div>\r\n        \r\n    </div>\r\n{/if}'},494:function(i,n){i.exports='<div class="pay-container-mobile">\r\n  <div class="pay-info-box">\r\n    <img id="pay-exam" src="{cdnBase}static/images/pay-exam.png" alt="...">\r\n    <div class="pay-info">\r\n      <p class="pay-title" title="{ examDetails.title }">{examDetails.title}<span class="pay-label">{ @(this.i18n("COM_EXAMS_PAID_EXAM")) }</span></p>\r\n      <p class="pay-amount">{ @(this.i18n("COM_EXAMS_PAYMENT_AMOUNT")) }<span class="amount">{ this.formatPrice(examDetails.DecodedParams.pay_setting.price) }</span>{ @(this.i18n("COM_EXAMS_YUAN")) }</p>\r\n      <p class="test-num">{ @(this.i18n("COM_EXAMS_CAN_TEST_NUM")) }<span class="num">{ parseInt(examDetails.DecodedParams.pay_setting.times) != 0 ? parseInt(examDetails.DecodedParams.pay_setting.times) : this.i18n("COM_EXAMS_UNLIMIT") }</span>{ @(this.i18n("COM_EXAMS_TIMES")) }</p>\r\n    </div>\r\n  </div>\r\n  <div class="pay-method-box">\r\n    <p>{ @(this.i18n("COM_EXAMS_PAYMENT_METHOD")) }</p>\r\n    <ul class="pay-methods">\r\n      <li>\r\n        <label class="pay-method" for="weixin">\r\n          <img src="{cdnBase}static/images/weixin.ico" alt="weixin">{ @(this.i18n("COM_EXAMS_WEIXIN_PAY")) }\r\n          <input type="radio" id="weixin" name="paymethod" value={ weixin } r-model={ payMethod } checked={ payMethod === weixin ? \'checked\' : \'\' }>\r\n        </label>\r\n      </li>\r\n      {#if !isWeChat}\r\n      <li>\r\n        <label class="pay-method" for="zhifubao">\r\n          <img src="{cdnBase}static/images/zhifubao.ico" alt="zhifubao">{ @(this.i18n("COM_EXAMS_ZHIFUBAO")) }\r\n          <input type="radio" id="zhifubao" name="paymethod" value={ zhifubao } r-model={ payMethod } checked={ payMethod === zhifubao ? \'checked\' : \'\' }>\r\n        </label>\r\n      </li>\r\n      {/if}\r\n    </ul>\r\n  </div>\r\n  <div class="col-xs-12">\r\n    <button id="pay-btn" class="btn btn-blue" on-click={ this.submit() }>{ @(this.i18n("COM_EXAMS_PAY_NOW")) }</button>\r\n  </div>\r\n</div>\r\n'},495:function(i,n){i.exports='<div class="pay-container-pc">\r\n  <div class="pay-info clearfix">\r\n    <p class="pay-title">{ @(this.i18n("COM_EXAMS_EXAM_NAME")) }{ examDetails.title }<span class="pay-label">{ @(this.i18n("COM_EXAMS_PAID_EXAM")) }</span></p>\r\n    <p class="pay-amount">{ @(this.i18n("COM_EXAMS_PAYMENT_AMOUNT")) }<span class="amount">{ this.formatPrice(examDetails.DecodedParams.pay_setting.price) }</span>{ @(this.i18n("COM_EXAMS_YUAN")) }</p>\r\n  </div>\r\n  <div class="pay-method-box">\r\n    <div class="pay-methods clearfix">\r\n      <label class="pay-method" for="zhifubao"><input type="radio" id="zhifubao" name="paymethod" value={ zhifubao } r-model={ payMethod } checked={ payMethod === zhifubao ? \'checked\' : \'\' }>{ @(this.i18n("COM_EXAMS_ZHIFUBAO_PAY")) }</label>\r\n      <label class="pay-method" for="weixin"><input type="radio" id="weixin" name="paymethod" value={ weixin } r-model={ payMethod } checked={ payMethod === weixin ? \'checked\' : \'\' }>{ @(this.i18n("COM_EXAMS_WEIXIN_PAY")) }</label>\r\n      <p class="test-num">{@(this.i18n("COM_EXAMS_CAN_TEST_NUM"))}<span class="num">{ parseInt(examDetails.DecodedParams.pay_setting.times) != 0 ? parseInt(examDetails.DecodedParams.pay_setting.times) : this.i18n("COM_EXAMS_UNLIMIT") }</span>{@(this.i18n("COM_EXAMS_TIMES"))}</p>\r\n    </div>\r\n    <div class="pay-tab-box" r-class={{ \'active\': payMethod === \'zhifubao\' }}>\r\n      <p class="title"><img src="{cdnBase}static/images/zhifubao.ico" alt="zhifubao"><span class="large-title">{ @(this.i18n("COM_EXAMS_ZHIFUBAO_PAY")) }</span> { @(this.i18n("COM_EXAMS_ZHIFUBAO_PAY_DESC")) }</p>\r\n      <img src="{cdnBase}static/images/zhifubao-scan.png" alt="zhifubao-scan">\r\n      <p class="desc">{ @(this.i18n("COM_EXAMS_ZHIFUBAO_PAY_TIP")) }</p>\r\n    </div>\r\n    <div class="pay-tab-box" r-class={{ \'active\': payMethod === \'weixin\' }}>\r\n      <div class="weixin-pay clearfix">\r\n        <div class="qrcode-box">\r\n          <img id="pay-qrcode" src="" alt="">\r\n          <div class="weixin-scan">\r\n            <img src="{cdnBase}static/images/scan.png" alt="scan">\r\n            <p>{ @(this.i18n("COM_EXAMS_PLEASE_USE_WEIXIN_SCAN")) }</p>\r\n            <p>{ @(this.i18n("COM_EXAMS_SCAN_QRCODE_TO_PAY")) }</p>\r\n          </div>\r\n        </div>\r\n        <img src="{cdnBase}static/images/weixin-scan.png" alt="weixin-scan" id="weixin-scan">\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <button id="pay-btn" class="btn btn-blue">{ @(this.i18n("COM_EXAMS_PAY_NOW")) }</button>\r\n</div>\r\n'},496:function(i,n){i.exports='<div class="svg-circle-progress-wrapper" r-style={{"width": size+"px","height":size+"px"}}>\r\n    \x3c!-- {#if showSvg == 1} --\x3e\r\n    <svg class="svg-circle-progress" width="{size}" height="{size}" viewBox="0 0 {size} {size}">\r\n        <circle cx="{size/2}" cy="{size/2}" r="{size/2-6}" fill="none" stroke="{backColor}" stroke-width="{strokeWidth}"></circle>\r\n        <circle ref=ele class="svg-circle-progress-value"  \r\n            r-style={{"stroke-dasharray":3.14*(size-12),"stroke-dashoffset":3.14*(size-12)}}\r\n            cx="{size/2}" cy="{size/2}" r="{size/2-6}" \r\n            fill="none" \r\n            stroke="{color}" stroke-width="{strokeWidth}"\r\n            r-animation="on: enter; style: stroke-dashoffset {dashOffsetValue};"\r\n            >\r\n        </circle>\r\n    </svg>\r\n    \x3c!-- {#else}\r\n        \r\n    {/if} --\x3e\r\n\r\n    <div class="info">\r\n        <span>{#include this.$body}</span>\r\n        <span>{title}</span>\r\n    </div>\r\n</div>\r\n'},497:function(i,n){i.exports='<app.nav brandInfo={brandInfo}></app.nav>\r\n<div class="container">\r\n    <div class="row">\r\n        <div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">\r\n            <div class="text-center">\r\n                {#if isOnline}\r\n                    <h4>{@(this.i18n("sendScoreCodeTip"))}</h4>\r\n                    <img src="{@(this.rf(\'/wechat/mpqrcode/send/{0}/{1}/{2}\',examDetails.eid, code, tid))}"/>\r\n                {#elseif !isOnline && isOpenMp}\r\n                    <h4>{@(this.i18n("sendScoreCodeTip"))}</h4>\r\n                    <img src="{@(this.rf(\'/wechat/mpqrcodeLan/send/{0}/{1}/{2}\',examDetails.eid, code, tid))}"/>\r\n                {/if}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n'},498:function(i,n){i.exports='{#if displayStudent}\r\n    <a href="javascript:;" on-click={showDropdown = !showDropdown } class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="false">\r\n        <img alt="" class="img-circle" src="{headImage}">\r\n        <span class="username username-hide-on-mobile"> {displayName} </span>\r\n        {#if haveDropdown}\r\n            <i class="fa fa-angle-down"></i>\r\n        {/if}\r\n    </a>\r\n    {#if haveDropdown}\r\n        <div class="dropdown" r-class={{"open": showDropdown}}>\r\n            <ul class="dropdown-menu dropdown-menu-default">\r\n                {#list studentInfo.fields as field}\r\n                    {#if [0,10].indexOf(field.sfid) < 0}\r\n                        <li>\r\n                            <a href="javascript:;">\r\n                                <span><i class="fa fa-angle-right"></i> {field.label}</span>\r\n                                <span title="{field.value}">{field.value} </span>\r\n                            </a>\r\n                        </li>\r\n                    {/if}\r\n                {/list}\r\n            </ul>\r\n        </div>\r\n    {/if}\r\n{#else}\r\n    <span><i class="fa fa-user fa-2x"></i> {name}</span>\r\n{/if}'},499:function(i,n){i.exports='<header style="margin-bottom: 0; overflow: hidden">\r\n    <div class="m-brandinfo new-m-brandinfo">\r\n        <a href="javascript:void(0);" r-class={{"have-img": brandInfo.haveImg>0}} >\r\n            {#if brandInfo.haveImg>0}\r\n                <img class="" src="{brandInfo.img | formatUrl}"/>\r\n            {/if}\r\n            {#if brandInfo.haveImg != 1}\r\n                <p class="text-responsive"> {brandInfo.title}</p>\r\n            {/if}\r\n        </a>\r\n    </div>\r\n</header>\r\n\r\n\r\n{#if showImgList.length>0}\r\n<div class="m-show-imgs-content">\r\n    \x3c!-- 可上传{canUploadImgMaxs}张，已上传{showImgList.length}张 --\x3e\r\n    <div> {this.i18nf("mobileImgUploadTips", canUploadImgMaxs, showImgList.length)} （{this.i18n("uploadImgOnlyTwoSupplement")}）</div>\r\n    <div class="m-show-imgs">\r\n        {#list showImgList as showImg}\r\n            <img src="{showImg}">\r\n        {/list}\r\n    </div>\r\n</div>\r\n{/if}\r\n\r\n\r\n<div style="padding: 50px 15px;text-align: center;">\r\n    {#if !uploadSucess}\r\n        {#if canUploadMedia == "1"}\r\n            <form action="" enctype="multipart/form-data" method="post">\r\n                <span class="synchro-upload image-upload">\r\n                    <img src="{cdnBase}static/images/essay-photo.png" alt="" >\r\n                    \x3c!-- 123456789 --\x3e\r\n                    <p>{@(this.i18n("photo"))}</p>\r\n                    {#if phoneType == "ios"}\r\n                        <input type="file" name="file" ref=imgFlie multiple="multiple" accept="image/*" capture on-change={this.getImage($event)}>\r\n                    {#else}\r\n                        <input type="file" name="file" ref=imgFlie multiple="multiple" accept="image/*" capture=camera on-change={this.getImage()}>\r\n                    {/if}\r\n                    \r\n                </span>\r\n            </form>\r\n        {/if}\r\n\r\n        {#if canUploadFile == "1"}\r\n            <form action="" enctype="multipart/form-data" method="post">\r\n                <span class="synchro-upload image-upload">\r\n                    <img src="{cdnBase}static/images/essay-file.png" alt="" >\r\n                    \r\n                    <p>{@(this.i18n("file"))}</p>\r\n                    {#if phoneType == "ios"}\r\n                        <input type="file" name="file" ref=otherFlie multiple="multiple" on-change="{this.getFile($event)}">\r\n                    {#else}\r\n                        <input type="file" name="file" ref=otherFlie multiple="multiple" on-change="{this.getFile()}">\r\n                    {/if}\r\n                    \r\n                </span>\r\n            </form>\r\n        {/if}\r\n        <p style="text-align: left;margin-bottom: 10px;">1.{@(this.i18n("donotRefreshPage"))}</p>\r\n        {#if canUploadFile == "1"}\r\n            <p style="text-align: left;">2.{@(this.i18n("uploadFileOnlyOne"))}</p>\r\n        {#else}\r\n            <p style="text-align: left;">2.{@(this.i18n("uploadImgOnlyTwo"))}</p>\r\n        {/if}\r\n    {#else}\r\n        <div style="margin: 50px 0 20px 0;">\r\n            <img style="width: 80px;" src="{cdnBase}static/images/check.png"><br>\r\n            <span>{@(this.i18n("uploadSucess"))}</span>\r\n        </div>\r\n        <p>{@(this.i18n("uploadMoreFiles"))}</p>\r\n        \x3c!-- <div style="max-width: 500px;" class="btn btn-blue" on-click={uploadSucess=false}>继续上传</div> --\x3e\r\n    {/if}\r\n</div>\r\n\r\n\r\n{#if mediaLoading}\r\n    <div class="media-overflow" id="mediaLoading"></div>\r\n    <div class="mediaLoading">\r\n        {#if uploadSucess}\r\n            <div class="check-container" r-style={{"background":uploadSucessAnimation?"#666":"#ccc"}}>\r\n                <i class="check-icon" r-class={{"check-icon-move":uploadSucessAnimation}}></i>\r\n            </div>\r\n            <p style="color: #fff;margin-top: 5px;">{@(this.i18n("uploadSucess"))}</p>\r\n        {#else}\r\n            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n        {/if}\r\n    </div>\r\n{/if}\r\n\r\n\r\n{#if fileUpload}\r\n    <div class="file-overflow">\r\n        <div class="row">\r\n            <div class="col-md-12">\r\n                <div class="progress-mian">\r\n                    {#if fileUploadPrecent != 100}\r\n                        <p>{@(this.i18n("uploading"))}{fileUploadPrecent}%</p>\r\n                    {#else}\r\n                        <p>{@(this.i18n("uploadedTip"))}</p>\r\n                    {/if}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n{/if}'},500:function(i,n){i.exports='{#if action != 3 && examDetails.result_page == viewResultType.RESULT_PAGE_NO_SCORE_AND_TIPS}\r\n    <div class="row result-status result-thank" >\r\n        <div class="text-center result">\r\n            <div class="head-img-bg"><img class="head-img" src="{headImage}" alt=""></div>\r\n                <p class="tester"> \r\n                    {#if !audition}\r\n                        {examResult.name}\r\n                    {/if}\r\n                </p>\r\n            \x3c!-- <img class="check" src="{cdnBase}static/images/check{theme}.png" alt=""> --\x3e\r\n            <div class="child-release-content" style="display: inline-block;vertical-align: middle">\r\n                {#if isIE}\r\n                    <img src="{cdnBase}static/images/check{theme}.png" alt="">\r\n                {#else}\r\n                    <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/></svg>\r\n                {/if}\r\n            </div>\r\n            <p class="thank-tips">\r\n                {#if !audition}\r\n                    {thankYouTips}\r\n                {#else}\r\n                    {auditionTips}\r\n                {/if}\r\n            </p>\r\n        </div>\r\n    </div>\r\n    \r\n    {#if examResult.again}\r\n        {#if iswechat}\r\n            <div class="btns btns-center">\r\n                <a class="btn btn-blue border-transparent" on-click={this.closePage()}>{@(this.i18n("examEndAndClosePage"))}</a>\r\n            </div>\r\n        {/if}\r\n        <div class="btns btns-center"><a class="btn btn-white-blue border-transparent" on-click={this.testAgain()}>{@(this.i18n("viewQuestionsTestAgain"))}</a></div>\r\n    {#elseif iswechat}\r\n        <div class="btns btns-center"><a class="btn btn-blue border-transparent" on-click={this.closePage()}>{@(this.i18n("examEndAndClosePage"))}</a></div>\r\n    {/if}\r\n    {#if from != "" && from != "stuapi" && !isMiniprogram}\r\n        {#if backBtn != ""}\r\n        <a target="_blank" class="come-back" r-style={{"background-color":pass?"#ff7551":"#36aafd"}} href="{returnUrl}">{backBtn}</a>\r\n        {/if}\r\n    {#else}\r\n        {#if isMiniprogram && !miniprogramResult && !hiddenComeBack}\r\n            <a class="come-back" r-style={{"background-color":pass?"#ff7551":"#36aafd"}} on-click=\'{this.comeBack()}\'>{@(this.i18n("comeBack"))}</a>\r\n        {/if}\r\n    {/if}\r\n    {#if audition}\r\n        <a class="btn btn-white-blue" on-click={this.returnAudition()}>{auditionButton}</a>\r\n    {/if}\r\n{#elseif isViewResult==0 && examResult.needGrade}\r\n    <div class="row result-status result-thank" >\r\n        <div class="text-center result">\r\n            <div class="head-img-bg"><img class="head-img" src="{headImage}" alt=""></div>\r\n            <p class="tester">{examResult.name}</p>\r\n            \x3c!-- <img class="check" src="{cdnBase}static/images/check{theme}.png" alt=""> --\x3e\r\n            <div class="child-release-content" style="display: inline-block;vertical-align: middle">\r\n                {#if isIE}\r\n                    <img src="{cdnBase}static/images/check{theme}.png" alt="">\r\n                {#else}\r\n                    <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/></svg>\r\n                {/if}\r\n            </div>\r\n            <p class="exam-result-p exam-result-tips1">{@(this.i18n("newExamFinishTips1"))}</p>\r\n            <p class="exam-result-p exam-result-tips2">{@(this.i18n("newExamFinishTips2"))}</p>\r\n            {#if examDetails.DecodedParams.hasOwnProperty("show_view_score_code") && examDetails.DecodedParams.show_view_score_code == 1}\r\n                {#if isonline && iscn }\r\n                    <p class="exam-result-p exam-result-code score-code-tip-noresult">\r\n                        {#include scoreCodeTipNoResult}\r\n                    </p>\r\n                    <a><img style="max-width: 180px;" src=\'{this.rf("/wechat/mpqrcode/send/{0}/{1}/{2}",examDetails.eid,examResult.viewScoreCode,examResult.tid )}\' ></a>\r\n                {#elseif !isOnline && iscn}\r\n                    <p class="exam-result-p exam-result-code score-code-tip-noresult">\r\n                        {#include scoreCodeTipNoResult}\r\n                    </p>\r\n                    {#if isOpenMp}\r\n                        <a><img style="max-width: 180px;" src=\'{this.rf("/wechat/mpqrcodeLan/send/{0}/{1}/{2}",examDetails.eid,examResult.viewScoreCode,examResult.tid )}\' ></a>\r\n                    {/if}\r\n                {#else}\r\n                    <p class="exam-result-p exam-result-code">\r\n                        {#include scoreCodeTip}\r\n                    </p>\r\n                {/if}\r\n            {/if}\r\n        </div>\r\n    </div>\r\n    \r\n    {#if examResult.again && !examResult.afterReward}\r\n        {#if iswechat}\r\n            <div class="btns btns-center">\r\n                <a class="btn btn-blue border-transparent" on-click={this.closePage()}>{@(this.i18n("examEndAndClosePage"))}</a>\r\n            </div>\r\n        {/if}\r\n        <div class="btns btns-center"><a class="btn btn-white-blue border-transparent" on-click={this.testAgain()}>{@(this.i18n("viewQuestionsTestAgain"))}</a></div>\r\n    {#elseif iswechat}\r\n        <div class="btns btns-center"><a class="btn btn-blue border-transparent" on-click={this.closePage()}>{@(this.i18n("examEndAndClosePage"))}</a></div>\r\n    {/if}\r\n    {#if from != "" && from != "stuapi" && !isMiniprogram}\r\n        {#if backBtn != ""}\r\n        <a target="_blank" class="come-back" r-style={{"background-color":pass?"#ff7551":"#36aafd"}} href="{returnUrl}">{backBtn}</a>\r\n        {/if}\r\n    {#else}\r\n        {#if isMiniprogram && !miniprogramResult && !hiddenComeBack}\r\n            <a class="come-back" r-style={{"background-color":pass?"#ff7551":"#36aafd"}} on-click=\'{this.comeBack()}\'>{@(this.i18n("comeBack"))}</a>\r\n        {/if}\r\n    {/if}\r\n{#else}\r\n    {#if examResult.submit_type > 1}\r\n        <div class="flash-msg animated warning">\r\n            {submitTypeTip}\r\n        </div>\r\n    {/if}\r\n    <div class="m-result-info" r-style={{"opacity:":showTab==1?1:0}}>\r\n        <div class="row result-status" r-class={{"passed": passed, "unpassed": !passed}}>\r\n            <div class="text-center result">\r\n                <div class="head-img-bg"><img class="head-img" src="{headImage}" alt=""></div>\r\n                <p class="tester">{examResult.name}</p>\r\n                <p class="number" r-style={{"color":pass && examDetails.theme == "dark"?"#36aafd":"#ff962a"}}>{examResult.userScore|formatScore} <span>{@(this.i18n("points"))}</span> </p>\r\n            \r\n\r\n                <div class="comment pass-message">\r\n                    {#if examDetails.scoreRange.enabled == 1}\r\n                        <p r-html={@(this.getScoreRangeMessage(examResult.userScore*100/examResult.totalScore)|decodeBBCode)}></p>\r\n                    {#else}\r\n                        <p r-html={@((examResult.passed? examDetails.pass_message: examDetails.unpass_message)|decodeBBCode)}></p>\r\n                    {/if}\r\n                </div>\r\n\r\n                \r\n                {#if examResult.afterReward}\r\n                    <a class="btn getAfterReward" style="color: #fff;" on-click={this.getRewardAfterExam()}>\r\n                        {#if rewardType == 0}\r\n                            {@(this.i18n("receiveAward"))}\r\n                        {#else}\r\n                            {@(this.i18n("receiveRewards"))}\r\n                        {/if}\r\n                        {#if showGetRewardLoading}\r\n                            <i class="fa fa-spin fa-spinner fa-1x"></i>\r\n                        {/if}\r\n                    </a>\r\n                {/if}\r\n                \r\n                <div class="mobile-result-detail">\r\n                    <div class="mrd-item item-total-score">\r\n                        <p>{examResult.totalScore|toFixed: -2}</p>\r\n                        <p><img src="{cdnBase}static/images/total-score.png" alt=""> {titleTotalScore}</p>\r\n                    </div>\r\n                    <div class="mrd-item item-end-time">\r\n                        <p>{examResult.submitTime|format}</p>\r\n                        <p>\r\n                            \x3c!-- <i class="fa fa-clock-o" aria-hidden="true"></i> --\x3e\r\n                            <img src="{cdnBase}static/images/clock2.png" alt="">\r\n                            {@(this.i18n("endTime"))}\r\n                        </p>\r\n                    </div>\r\n                    <div class="mrd-item item-taken-time">\r\n                        <p>\r\n                            {#if examResult.seconds_taken >= 60}\r\n                                { Math.ceil(examResult.seconds_taken/60) }{@(this.i18n("minites"))}\r\n                            {#else}\r\n                                { examResult.seconds_taken%60 }{@(this.i18n("seconds"))}\r\n                            {/if}\r\n                        </p>\r\n                        <p>\r\n                            <i class="fa fa-hourglass-start" aria-hidden="true"></i>\r\n                            {@(this.i18n("timeSpend"))}\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                \r\n                {#if showLink}\r\n                    <div class="jumpLink" style="margin: 0;">\r\n                        {@(this.i18n("click"))}\r\n                        <a href={jumpLink} rel="noopener noreferrer">{@(this.i18n("here"))}</a>\r\n                        {@(this.i18n("toSpecifiedPage"))}\r\n                    </div>\r\n                {/if}\r\n            </div>\r\n        </div>\r\n        \r\n        <div class="row">\r\n            <div class="col-xs-12">\r\n                <div class="items">\r\n                    {#if examDetails.result_page != viewResultType.RESULT_PAGE_ONLY_SCORE}\r\n                        <div class="box-white" on-click={this.showTab(2)} >\r\n                            \x3c!-- <img class="icon" src="{cdnBase}static/images/detail.png" alt=""> --\x3e\r\n                            <i class="fa fa-file-text icon" aria-hidden="true"></i>\r\n                            <span>{@(this.i18n("viewQuestionsTakeDetails"))}</span>\r\n                            <i class="fa fa-angle-right  img-arrow"></i>\r\n                        </div>\r\n                    {/if}\r\n\r\n                    {#if examDetails.testtype ==2 || examDetails.testtype == 3}\r\n                        <div class="box-white" on-click={showTab=5}>\r\n                            <i class="fa fa-star img-com"></i>\r\n                            {this.i18nf("rankingInfo", examResult.total,examResult.ranking)}\r\n                            <i class="fa fa-angle-right  img-arrow"></i>\r\n                        </div>\r\n                    {#else}\r\n                        {#if examDetails.DecodedParams.hasOwnProperty("display_ranking") && examDetails.DecodedParams.display_ranking == 1}\r\n                            <div class="box-white" on-click={showTab=4}>\r\n                                    \x3c!-- <img class="icon" src="{cdnBase}static/images/ranking.png" alt=""> --\x3e\r\n                                    <i class="fa fa-trophy icon" aria-hidden="true"></i>\r\n                                    {this.i18nf("rankingInfo", examResult.total,examResult.ranking)}\r\n                                    <i class="fa fa-angle-right  img-arrow"></i>\r\n                            </div>\r\n                        {/if}\r\n                    {/if}\r\n                    \r\n                    {#if examDetails.DecodedParams.hasOwnProperty("show_view_score_code") && examDetails.DecodedParams.show_view_score_code == 1 && examResult.viewScoreCode != ""}\r\n                        {#if isonline}\r\n                            <div class="box-white" on-click={this.sendCodeToWeChat()}>\r\n                                \x3c!-- <img class="icon" src="{cdnBase}static/images/query.png" alt=""> --\x3e\r\n                                <i class="fa fa-search icon" aria-hidden="true"></i>\r\n                                {#include scoreCodeTip}\r\n                                <i class="fa fa-angle-right img-arrow"></i>\r\n                            </div>\r\n                        {#elseif !isonline && isOpenMp}\r\n                            <div class="box-white" on-click={this.sendCodeToWeChat()}>\r\n                                \x3c!-- <img class="icon" src="{cdnBase}static/images/query.png" alt=""> --\x3e\r\n                                <i class="fa fa-search icon" aria-hidden="true"></i>\r\n                                {#include scoreCodeTip}\r\n                                <i class="fa fa-angle-right img-arrow"></i>\r\n                            </div>\r\n                        {#else}\r\n                            <div class="box-white">\r\n                                \x3c!-- <img class="icon" src="{cdnBase}static/images/query.png" alt=""> --\x3e\r\n                                <i class="fa fa-search icon" aria-hidden="true"></i>\r\n                                {#include scoreCodeTip}\r\n                            </div>\r\n                        {/if}\r\n                    {/if}\r\n\r\n                    {#if examDetails.showmore == 1}\r\n                        {#if isMiniprogram || miniprogramResult}\r\n                            <a class="btn-a" on-click={this.miniprogramMoreExams()}>\r\n                                <div class="box-white">\r\n                                    <img class="icon" src="{cdnBase}static/images/more{theme}.png" alt="">\r\n                                    <span>{@(this.i18n("viewMoreExams"))}</span>\r\n                                    <i class="fa fa-angle-right  img-arrow"></i>\r\n                                </div>\r\n                            </a>\r\n                        {#else}\r\n                            <a target="_blank" class="btn-a" href="/viewmore/{examDetails.eid}?proto={proto}">\r\n                                <div class="box-white">\r\n                                    <img class="icon" src="{cdnBase}static/images/more{theme}.png" alt="">\r\n                                    <span>{@(this.i18n("viewMoreExams"))}</span>\r\n                                    <i class="fa fa-angle-right  img-arrow"></i>\r\n                                </div>\r\n                            </a>\r\n                        {/if}\r\n                    {/if}\r\n\r\n                    {#if examDetails.showshare == 1 && !prohibitSharing}\r\n                    <a class="btn-a" href="javascript:">\r\n                        <div class="box-white" on-click=\'{this.shareToWechat()}\'>\r\n                            \x3c!-- <img class="icon" src="{cdnBase}static/images/share.png" alt=""> --\x3e\r\n                            <i class="fa fa-share-square icon" aria-hidden="true"></i>\r\n                            <span>{@(this.i18n("shareTo"))}</span>\r\n                            <i class="fa fa-angle-right  img-arrow"></i>\r\n                            {#include shareInfo}\r\n                        </div>\r\n                    </a>\r\n                    {/if}\r\n\r\n                    {#if examDetails.DecodedParams.hasOwnProperty("show_student_report_link") && examDetails.DecodedParams.show_student_report_link == 1}\r\n                        <a target="_blank" class="btn-a" href="{reportLink}">\r\n                            <div class="box-white">\r\n                                <i class="fa fa-eye icon"></i>\r\n                                <span>{@(this.i18n("displayScoreReport"))}</span>\r\n                                <i class="fa fa-angle-right  img-arrow"></i>\r\n                            </div>\r\n                        </a>\r\n                    {/if}\r\n\r\n                    {#if certificateDownload}\r\n                        <a class="btn-a" href="javascript:;" on-click={this.download()}>\r\n                            <div class="box-white">\r\n                                <i class="fa fa-share-square icon"></i>\r\n                                <span>{@(this.i18n("certificate"))}</span>\r\n                                <i class="fa fa-angle-right  img-arrow"></i>\r\n                            </div>\r\n                        </a>\r\n                    {/if}\r\n\r\n                    {#if from != "" && from != "stuapi" && !isMiniprogram}\r\n                        {#if backBtn != ""}\r\n                        <a target="_blank" class="come-back" r-style={{"background-color":pass?"#ff7551":"#36aafd"}} href="{returnUrl}">{backBtn}</a>\r\n                        {/if}\r\n                    {#else}\r\n                        {#if isMiniprogram && !miniprogramResult && !hiddenComeBack}\r\n                            <a class="come-back" r-style={{"background-color":pass?"#ff7551":"#36aafd"}} on-click=\'{this.comeBack()}\'>{@(this.i18n("comeBack"))}</a>\r\n                        {/if}\r\n                    {/if}\r\n                </div>\r\n            </div>\r\n        </div>\r\n        {#if isShareResult}\r\n            <div class="col-xs-8 col-xs-offset-2" style="margin-bottom: 20px;margin-top: 10px;">\r\n                <button on-click={this.gotoExam()} class="btn btn-white-blue border-transparent" style="padding: 10px;">{@(this.i18n("gotoexam"))}</button>\r\n            </div>\r\n        {#else}\r\n            {#if examResult.again && !examResult.afterReward}\r\n                <div class="col-xs-8 col-xs-offset-2" style="margin-bottom: 20px;margin-top: 10px;">\r\n                    <button on-click={this.testAgain()} class="btn btn-white-blue border-transparent" style="padding: 10px;">{@(this.i18n("viewQuestionsTestAgain"))}</button>\r\n                </div>\r\n            {/if}\r\n        {/if}\r\n    </div>\r\n    {#if action != 5}\r\n        <div class="m-result-details ques-details" r-style={{"left": showTab==2? 0 : "100%"}}>\r\n            <div class="container">\r\n                <div class="row text-center affix title-bar" r-class={{"need-left15": showTab==2}} r-style={{"position": ios? \'absolute\' : \'fixed\'}}>\r\n                    <div>\r\n                        <div id="back-result" on-click={this.hideTab(1)}>\r\n                            \x3c!-- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFODdERkIxNEQ1ODMxMUU2Qjk2OUQ2N0U4RDkyMjExQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFODdERkIxNUQ1ODMxMUU2Qjk2OUQ2N0U4RDkyMjExQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU4N0RGQjEyRDU4MzExRTZCOTY5RDY3RThEOTIyMTFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU4N0RGQjEzRDU4MzExRTZCOTY5RDY3RThEOTIyMTFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rncQzgAAALhJREFUeNrM1jkSgDAMQ1Gc+985VNRgWV/BdWbyJout2ntfwXo2q7eF6wDqU60DqPoLrI1KwCQUDZNRJGyEomBjFAGzoNwwG8oJs6JcMDvKAUNQUxiGmsBQlArDUQosgurCYqgOLIpKJ1gEVmpETpxYFNe9yhhOeWMRnPr4cdzkV6K4abvAcI4+huBcDdaOc3Z+K849kmw4YlZacNQQH+PIdDHC0bFHxiXymIRLBcU2LplgW5H8FmAABdcnScQdx64AAAAASUVORK5CYII=" class="img-arrow" style="margin: 0"> --\x3e\r\n                            <i class="fa fa-angle-left fa-2x"></i>\r\n                        </div>\r\n                        {@(this.i18n("questionAnalysis"))}\r\n                    </div>\r\n                    \r\n                    <div class="text-left wrong-right-tab">\r\n                        <ul id="myTabs" class="nav nav-tabs" role="tablist">\r\n                            <li role="presentation" r-class={{"active": filter == "right"}}>\r\n                                <a href="javascript:" on-click={this.targetfilter("right")} role="tab" data-toggle="tab" aria-controls="trueques"\r\n                                    aria-expanded="true">\r\n                                    {this.i18nf("resultRights", examResult.rights.length)}\r\n                                </a>\r\n                            </li>\r\n                            <li role="presentation" r-class={{"active": filter == "wrong"}}>\r\n                                <a href="javascript:" on-click={this.targetfilter("wrong")} role="tab" data-toggle="tab" aria-controls="falseques"\r\n                                    aria-expanded="false">\r\n                                    {this.i18nf("resultWrongs", examResult.wrongs.length)}\r\n                                </a>\r\n                            </li>\r\n\r\n                            <li role="presentation" r-class={{"active": filter == "undo"}}>\r\n                                <a href="javascript:" on-click={this.targetfilter("undo")} role="tab" data-toggle="tab" aria-controls="trueques"\r\n                                    aria-expanded="true">\r\n                                    {this.i18nf("resultUndos", examResult.undo.length)}\r\n                                </a>\r\n                            </li>\r\n                            \r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                {#if !loading}\r\n                    <div ref=content class="row content" r-style={{"height": ios?clientHeight+\'px\':\'unset\'}} r-style={{"overflow-y": ios?\'scroll\':\'unset\'}}>\r\n                        <div ref=inner class="tab-content" id="tab-content">\r\n                            <div role="tabpanel" class="tab-pane animated clearfix" r-class={{"active": filter == "right"}} r-animation=\'when:filter == "right";class: fadeIn\' aria-labelledby="falseques-tab">\r\n                                <div class="col-xs-12">\r\n                                    {#if this.getList("right").length <=0 && this.getList("undo").length <=0}\r\n                                        <img class="empty" src="{cdnBase}static/images/empty.png" alt="">\r\n                                        <h3 class="text-center">{this.i18n("resultNoRightsTip")}</h3>\r\n                                    {#elseif this.getList("right").length <=0 && this.getList("undo").length >0}\r\n                                        <img class="empty" src="{cdnBase}static/images/empty.png" alt="">\r\n                                        <h3 class="text-center">{this.i18n("resultNoRightsHaveUndoTip")}</h3>\r\n                                    {#else}\r\n                                        {#list this.getList("right") as question}\r\n                                            <question.review question={question} details={this.getDetails(question.qid)} index={question.index} total={examResult.questions.length} />\r\n                                        {/list}\r\n                                    {/if}\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n                            <div role="tabpanel" class="tab-pane animated clearfix" r-class={{"active": filter == "wrong"}} r-animation=\'when:filter == "wrong";class: fadeIn\' aria-labelledby="trueques-tab">\r\n                                <div class="col-xs-12">\r\n                                    {#if this.getList("wrong").length <=0 && this.getList("undo").length <=0}\r\n                                        <img class="empty" src="{cdnBase}static/images/empty.png" alt="">\r\n                                        <h3 class="text-center">{this.i18n("resultNoWrongsTip")}</h3>\r\n                                    {#elseif this.getList("wrong").length <=0 && this.getList("undo").length >0}\r\n                                        <img class="empty" src="{cdnBase}static/images/empty.png" alt="">\r\n                                        <h3 class="text-center">{this.i18n("resultNoWrongsHaveUndoTip")}</h3>\r\n                                    {#else}\r\n                                        {#list this.getList("wrong") as question}\r\n                                            <question.review question={question} details={this.getDetails(question.qid)} index={question.index} total={examResult.questions.length} />\r\n                                        {/list}\r\n                                    {/if}\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n                            <div role="tabpanel" class="tab-pane animated clearfix" r-class={{"active": filter == "undo"}} r-animation=\'when:filter == "undo";class: fadeIn\' aria-labelledby="trueques-tab">\r\n                                <div class="col-xs-12">\r\n                                    {#if this.getList("undo").length <=0 }\r\n                                        <img class="empty" src="{cdnBase}static/images/empty.png" alt="">\r\n                                        <h3 class="text-center">{this.i18n("resultNoUndosTip")}</h3>\r\n                                    {#else}\r\n                                        {#list this.getList("undo") as question}\r\n                                            <question.review question={question} details={this.getDetails(question.qid)} index={question.index} total={examResult.questions.length} />\r\n                                        {/list}\r\n                                    {/if}\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n                        </div>\r\n                    </div>\r\n                {/if}\r\n            </div>\r\n        </div>\r\n\r\n        <div class="m-result-ranking ques-details" r-style={{"left": showTab==4? 0 : "100%"}}>\r\n            <div class="container">\r\n                <div class="row text-center affix title-bar" r-class={{"need-left15": showTab==4}} r-style={{"position": ios? \'absolute\' : \'fixed\'}}>\r\n                    <div>\r\n                        <div id="back-result" on-click={showTab=1}>\r\n                            \x3c!-- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFODdERkIxNEQ1ODMxMUU2Qjk2OUQ2N0U4RDkyMjExQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFODdERkIxNUQ1ODMxMUU2Qjk2OUQ2N0U4RDkyMjExQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU4N0RGQjEyRDU4MzExRTZCOTY5RDY3RThEOTIyMTFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU4N0RGQjEzRDU4MzExRTZCOTY5RDY3RThEOTIyMTFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rncQzgAAALhJREFUeNrM1jkSgDAMQ1Gc+985VNRgWV/BdWbyJout2ntfwXo2q7eF6wDqU60DqPoLrI1KwCQUDZNRJGyEomBjFAGzoNwwG8oJs6JcMDvKAUNQUxiGmsBQlArDUQosgurCYqgOLIpKJ1gEVmpETpxYFNe9yhhOeWMRnPr4cdzkV6K4abvAcI4+huBcDdaOc3Z+K849kmw4YlZacNQQH+PIdDHC0bFHxiXymIRLBcU2LplgW5H8FmAABdcnScQdx64AAAAASUVORK5CYII=" class="img-arrow" style="margin: 0"> --\x3e\r\n                            <i class="fa fa-angle-left fa-2x"></i>\r\n                        </div>\r\n                        {@(this.i18n("rankboard"))}\r\n                    </div>\r\n                </div>\r\n                <div class="row rankingList" r-style={{"height": ios?clientHeight+\'px\':\'unset\'}} r-style={{"overflow-y": ios?\'auto\':\'unset\'}}>\r\n                    <ul>\r\n                        {#if !examTakenToBig}\r\n                            {#list rankList as rl}\r\n                                <li r-class={{"rankinto":(oncerank && rankInto == true && rl.soid == examResult.soid) || (!oncerank && rankInto == true && rl.tid == examResult.tid)}}>\r\n                                    <span class="rank-num" >\r\n                                        {#if rl.rank == 1}\r\n                                        <img src="{cdnBase}static/images/rankf.png" alt="">\r\n                                        {#elseif rl.rank == 2}\r\n                                        <img src="{cdnBase}static/images/ranks.png" alt="">\r\n                                        {#elseif rl.rank == 3}\r\n                                        <img src="{cdnBase}static/images/rankt.png" alt="">\r\n                                        {#else}\r\n                                            {rl.rank}\r\n                                        {/if}\r\n                                    </span>\r\n                                    <div class="rank-context">\r\n                                        \x3c!-- <img src="{cdnBase}{rl.imgvalue}" alt=""> --\x3e\r\n                                        {#if rl.color == \'\'}\r\n                                            <img src="{rl.imgvalue}" alt="">\r\n                                        {#else}\r\n                                            <span class="default-img img{rl.color}" >{rl.imgvalue}</span>\r\n                                        {/if}\r\n                                        <span class="info">\r\n                                            {#if rl.tid == examResult.tid}\r\n                                                <p>{examResult.name}</p>\r\n                                            {#else}\r\n                                                <p>{rl.name}</p>\r\n                                            {/if}\r\n                                            <p>{@(this.i18n("timeSpend"))} {rl.seconds_taken|formatTime}</p>\r\n\r\n                                        </span>\r\n                                    </div>\r\n                                    <span class="rank-score">{rl.score|formatScore} {@(this.i18n("points"))}</span>\r\n                                </li>\r\n                            {/list}\r\n                            {#if rankList.length < 10}\r\n                            <li class="no-more-data">{@(this.i18n("noMoreData"))}</li>\r\n                            {/if}\r\n                            {#if !rankInto}\r\n                                <li class="m-norankinto-point">\r\n                                    <div class="point">\r\n                                        <span class="point"></span>\r\n                                        <span class="point"></span>\r\n                                        <span class="point"></span>\r\n                                    </div>\r\n                                </li>\r\n                            {/if}\r\n                        {#else}\r\n                            <li class="no-more-data">{@(this.i18n("examTakenToBig"))}</li>\r\n                        {/if}\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class="m-result-ranking ques-details" r-style={{"left": showTab==5? 0 : "100%"}}>\r\n            <div class="container">\r\n                <div class="row text-center affix title-bar" r-class={{"need-left15": showTab==5}} r-style={{"position": ios? \'absolute\' : \'fixed\'}}>\r\n                    <div>\r\n                        <div id="back-result" on-click={showTab=1}>\r\n                            \x3c!-- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFODdERkIxNEQ1ODMxMUU2Qjk2OUQ2N0U4RDkyMjExQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFODdERkIxNUQ1ODMxMUU2Qjk2OUQ2N0U4RDkyMjExQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU4N0RGQjEyRDU4MzExRTZCOTY5RDY3RThEOTIyMTFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU4N0RGQjEzRDU4MzExRTZCOTY5RDY3RThEOTIyMTFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rncQzgAAALhJREFUeNrM1jkSgDAMQ1Gc+985VNRgWV/BdWbyJout2ntfwXo2q7eF6wDqU60DqPoLrI1KwCQUDZNRJGyEomBjFAGzoNwwG8oJs6JcMDvKAUNQUxiGmsBQlArDUQosgurCYqgOLIpKJ1gEVmpETpxYFNe9yhhOeWMRnPr4cdzkV6K4abvAcI4+huBcDdaOc3Z+K849kmw4YlZacNQQH+PIdDHC0bFHxiXymIRLBcU2LplgW5H8FmAABdcnScQdx64AAAAASUVORK5CYII=" class="img-arrow" style="margin: 0"> --\x3e\r\n                            <i class="fa fa-angle-left fa-2x"></i>\r\n                        </div>\r\n                        {@(this.i18n("rankboard"))}\r\n                    </div>\r\n                </div>\r\n                <div class="row rankingList">\r\n                    <div class="headImg">\r\n                        <img src="{examResult.wechatimg}" alt="">\r\n                    </div>\r\n                    <div class="advance-rank-info">\r\n                        <p class="ari-name">{examResult.name}</p>\r\n                        {#if rankInto}\r\n                        <p class="ari-type">{@(this.i18n("EnterTopTen"))}</p>\r\n                        {#else}\r\n                        <p class="ari-type">{@(this.i18n("NotEnterTopTen"))}</p>\r\n                        {/if}\r\n                    </div>\r\n                    <div class="advance-rank-list">\r\n                        <div class="arl-title">\r\n                            <span class="arl-rank">{@(this.i18n("scoreRanking"))}</span>\r\n                            <span class="arl-user">{@(this.i18n("username"))}</span>\r\n                            <span class="arl-num">{@(this.i18n("advanceNum"))}</span>\r\n                        </div>\r\n                        <div class="arl-context">\r\n                            <ul>\r\n                                {#list ranks as r}\r\n                                <li>\r\n                                    <span class="arl-rank">{r.rank}</span>\r\n                                    <span class="arl-user">\r\n                                        {#if r.color == \'\'}\r\n                                            <img src="{r.imgvalue}" alt="">\r\n                                        {#else}\r\n                                            <span class="default-img img{r.color}" >{r.imgvalue}</span>\r\n                                        {/if}\r\n                                        {r.name}\r\n                                    </span>\r\n                                    <span class="arl-num">{r.quesnum}</span>\r\n                                </li>\r\n                                {/list}\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    {#else}\r\n        <div class="m-result-ranking ques-details" r-style={{"left": showTab==2? 0 : "100%"}}>\r\n            <div class="container">\r\n                <div class="row text-center affix title-bar" r-class={{"need-left15": showTab==2}} r-style={{"position": ios? \'absolute\' : \'fixed\'}}>\r\n                    <div>\r\n                        <div id="back-result" on-click={showTab=1}>\r\n                            <i class="fa fa-angle-left fa-2x"></i>\r\n                        </div>\r\n                        {@(this.i18n("questionAnalysis"))}\r\n                    </div>\r\n                </div>\r\n                <p class="mobile-preview-tips">{@(this.i18n("previewTips1"))}</p>\r\n            </div>\r\n        </div>\r\n        <div class="m-result-ranking ques-details" r-style={{"left": showTab==4? 0 : "100%"}}>\r\n            <div class="container">\r\n                <div class="row text-center affix title-bar" r-class={{"need-left15": showTab==4}} r-style={{"position": ios? \'absolute\' : \'fixed\'}}>\r\n                    <div>\r\n                        <div id="back-result" on-click={showTab=1}>\r\n                            <i class="fa fa-angle-left fa-2x"></i>\r\n                        </div>\r\n                        {@(this.i18n("rankboard"))}\r\n                    </div>\r\n                </div>\r\n                <p class="mobile-preview-tips">{@(this.i18n("previewTips3"))}</p>\r\n            </div>\r\n        </div>\r\n        <div class="m-result-details ques-details" r-style={{"left": showTab==5? 0 : "100%"}}>\r\n            <div class="container">\r\n                <div class="row text-center affix title-bar" r-class={{"need-left15": showTab==5}} r-style={{"position": ios? \'absolute\' : \'fixed\'}}>\r\n                    <div>\r\n                        <div id="back-result" on-click={showTab=1}>\r\n                            <i class="fa fa-angle-left fa-2x"></i>\r\n                        </div>\r\n                        {@(this.i18n("rankboard"))}\r\n                    </div>\r\n                </div>\r\n                <p class="mobile-preview-tips">{@(this.i18n("previewTips3"))}</p>\r\n            </div>\r\n        </div>\r\n    {/if}\r\n\r\n    <div class="m-result-ranking ques-details" r-style={{"left": showTab==6? 0 : "100%"}}>\r\n        <div class="container">\r\n            <div class="row text-center affix title-bar" r-class={{"need-left15": showTab==6}}>\r\n                <div>\r\n                    <div id="back-result" on-click={showTab=1}>\r\n                        <i class="fa fa-angle-left fa-2x"></i>\r\n                    </div>\r\n                    {@(this.i18n("sendScoreCode"))}\r\n                </div>\r\n            </div>\r\n            <div id="qr">\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n{/if}\r\n\r\n{#if showWechatShare === 1 && action != 5}\r\n<div on-click={showWechatShare=0} class="shareInWechat animated" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'>\r\n        <img class="arrow" src="{cdnBase}static/images/shareToWechat.png">\r\n        <div class="share-text">\r\n            <p>{@(this.i18n("shareToWechatTip"))}</p>\r\n        </div>\r\n        <img class="img" src="{cdnBase}static/images/shareImg.png">\r\n</div>\r\n{/if}\r\n{#if !rankInto && showTab == 4 && action != 5 && !oncerank && !examTakenToBig}\r\n<div class="m-result-ranking">\r\n<div class="row rankingList">\r\n    <ul>                \r\n        <li class="m-norankinto" r-class={{"need-left0": showTab==4}}>\r\n            <span class="rank-num">{examResult.ranking}</span>\r\n            <div class="rank-context">\r\n                {#if thisRank.color == \'\'}\r\n                    <img src="{thisRank.imgvalue}" alt="">\r\n                {#else}\r\n                    <span class="default-img img{thisRank.color}" >{thisRank.imgvalue}</span>\r\n                {/if}\r\n                <span class="info">\r\n                    <p>{examResult.name}</p>\r\n                    <p>{@(this.i18n("timeSpend"))} {examResult.seconds_taken|formatTime}</p>\r\n                    \r\n                </span>\r\n            </div>\r\n            <span class="rank-score">{examResult.userScore|formatScore} {@(this.i18n("points"))}</span>\r\n        </li>           \r\n    </ul>\r\n</div>\r\n</div>\r\n{/if}\r\n\r\n{#if showGetRewardStep != 0}\r\n<div class="switchs overflow getReward-mobile" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'>\r\n    \x3c!-- <p>{@(this.i18n("wechatShareInduction"))}</p> --\x3e\r\n    {#if getReward.status != "ok"}\r\n        <div class="get-reward-error">\r\n            <p>{getReward.tip}</p>\r\n            <a class="btn btn-blue" on-click={showGetRewardStep = 0}>{@(this.i18n("confirm"))}</a>\r\n        </div>\r\n    {#else}\r\n        {#if showGetRewardStep == 1}\r\n            {#if rewardType == 0}\r\n                <img src="{cdnBase}static/images/after-reward-open.png" on-click={showGetRewardStep = 2} class="rewardOpen" alt="">\r\n            {#else}\r\n                <img src="{cdnBase}static/images/after-reward-goods-bg.png" on-click={showGetRewardStep = 2} class="reward-goods reward-goods-bg" alt="">\r\n                <img src="{cdnBase}static/images/after-reward-goods-close.png" on-click={showGetRewardStep = 2} class="reward-goods reward-goods-close" alt="">\r\n                <p class="tips">{@(this.i18n("afterGoodsTips"))}</p>\r\n            {/if}\r\n        {#elseif showGetRewardStep == 2}\r\n            {#if rewardType == 0}\r\n                <img src="{cdnBase}static/images/after-reward-bg.png" on-click={showGetRewardStep = 0} class="rewardbg" alt="">\r\n                <img src="{cdnBase}static/images/after-reward-money.png" on-click={showGetRewardStep = 0} class="rewardMoney" alt="">\r\n                <div class="getReward-action">\r\n                    <p class="getReward-success">{@(this.i18n("receiveSuccess"))}</p>\r\n                    <p class="getReward-money">{getReward.tip}</p>\r\n                    <p class="getReward-tip">{@(this.i18n("AfterRewardMobileTip"))}</p>\r\n                    <p class="getReward-btn" on-click={showGetRewardStep = 0}>{@(this.i18n("confirm"))}</p>\r\n                </div>\r\n            {#else}\r\n                <img src="{cdnBase}static/images/after-reward-goods-bg.png" on-click={showGetRewardStep = 0} class="reward-goods reward-goods-bg" alt="">\r\n                <img src="{cdnBase}static/images/after-reward-goods-open.png" on-click={showGetRewardStep = 0} class="reward-goods reward-goods-open" alt="">\r\n                <p class="content">{rewards.content}</p>\r\n            {/if}\r\n        {/if}\r\n    {/if}\r\n</div>\r\n{/if}\r\n\r\n{#if action == 5}\r\n<div class="preview-float">\r\n    {@(this.i18n("previewTip"))}\r\n</div>\r\n{/if}\r\n\r\n{#if showLoginIntegral && examResult.integral > 0}\r\n<div class="new-tips-switchs">\r\n    <div class="animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="get-Integral-tips new-tips-content">\r\n            <img src="{cdnBase}static/images/integral-icon.png" alt="">\r\n            <p class="integral-icon-title">{@(this.i18n("getIntegralSuccess"))}</p>\r\n            <p class="integral-tips">{this.i18nf("examIntegralTips", examResult.integral)}</p>\r\n            <div class="form-actions">\r\n                <a href="javacript:;" class="btn btn-yellow btn-center" on-click={showLoginIntegral =false}>{@(this.i18n("confirm"))}</a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n{/if}\r\n{#if showCertificate}\r\n    <div class="eFrameSheLayer"></div>\r\n    <div class="elasticFrame elasticFrameRes">\r\n        <span on-click={this.hideCertificate()} class="colseX" style="font-size: 30px;"><i class="fa fa-times" aria-hidden="true"></i></span>\r\n        <div class="certificateBox">\r\n            <p>{@(this.i18n("getCertificate"))}</p>\r\n            <div class="certificateBtn" on-click={this.goCertificate()}>{@(this.i18n("viewCertificate"))}</div>\r\n        </div>\r\n    </div>\r\n{/if}'},501:function(i,n){i.exports='{#if action != 3 && examDetails.result_page == viewResultType.RESULT_PAGE_NO_SCORE_AND_TIPS}\r\n    <div class="row exam-title result no-result">\r\n        <div class="col-xs-12 col-sm-12 col-md-12 text-center new-exam-result">\r\n            \x3c!-- <h2>{@(examDetails.title)}</h2> --\x3e\r\n            \x3c!-- <img src="{cdnBase}static/images/check{theme}.png" alt=""> --\x3e\r\n            <div class="child-release-content" style="display: inline-block;vertical-align: middle">\r\n                {#if isIE}\r\n                    <img src="{cdnBase}static/images/check{theme}.png" alt="">\r\n                {#else}\r\n                    <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/></svg>\r\n                {/if}\r\n            </div>\r\n            <p class="exam-result-p exam-result-tips1">\r\n                {thankYouTips}\r\n            </p>\r\n            <p class="exam-result-p exam-result-name">{@(this.i18nf("testerName",examResult.name ))}</p>\r\n            <div class="btns">\r\n                {#if examResult.again}\r\n                    {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                        <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                    {/if}\r\n                    \x3c!-- <a class="btn btn-white-blue" on-click={this.closePage()}>{@(this.i18n("ClosePage"))}</a> --\x3e\r\n                    <a class="btn btn-blue again" on-click={this.testAgain()}>{@(this.i18n("viewQuestionsTestAgain"))}</a>\r\n                {#else}\r\n                    {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                        <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                    {/if}\r\n                    \x3c!-- <a class="btn btn-blue" on-click={this.closePage()}>{@(this.i18n("examEndAndClosePage"))}</a> --\x3e\r\n                {/if}\r\n            </div>\r\n            {#if from != "" && from != "stuapi" && !occupyScreen && backBtn != "" && !androidFullScreen}\r\n                <div class="btns"> <a class="btn btn-white-blue" target="_blank" href="{returnUrl}">{backBtn}</a></div>\r\n            {/if}\r\n        </div>\r\n    </div>\r\n{#elseif isViewResult==0 &&  examResult.needGrade}\r\n    <div class="row exam-title no-result">\r\n        <div class="col-xs-12  col-sm-12 col-md-12">\r\n                \x3c!-- <h2>{@(examDetails.title)}</h2>\r\n\r\n            <div class="bs-callout bs-callout-info">\r\n                <h4>{@(this.i18n("resultNeedToBeGrade"))}</h4>\r\n            </div> --\x3e\r\n            <div class="new-exam-result">\r\n                \x3c!-- <img src="{cdnBase}static/images/check{theme}.png" alt=""> --\x3e\r\n                <div class="child-release-content" style="display: inline-block;vertical-align: middle">\r\n                    {#if isIE}\r\n                        <img src="{cdnBase}static/images/check{theme}.png" alt="">\r\n                    {#else}\r\n                        <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/></svg>\r\n                    {/if}\r\n                </div>\r\n                <p class="exam-result-p exam-result-tips1">{@(this.i18n("newExamFinishTips1"))}</p>\r\n                <p class="exam-result-p exam-result-tips2">{@(this.i18n("newExamFinishTips2"))}</p>\r\n                <p class="exam-result-p exam-result-name">{@(this.i18nf("testerName",examResult.name ))}</p>\r\n                {#if examDetails.DecodedParams.hasOwnProperty("show_view_score_code") && examDetails.DecodedParams.show_view_score_code == 1}\r\n                    {#if isonline}\r\n                        <p class="exam-result-p exam-result-code score-code-tip-noresult">\r\n                            {#include scoreCodeTip}\r\n                        </p>\r\n                        <a class=\'scorecode-qrcode-noresult\'><img style="width: 200px" src=\'{this.rf("/wechat/mpqrcode/send/{0}/{1}/{2}",examDetails.eid,examResult.viewScoreCode,examResult.tid )}\' ></a>\r\n                    {#elseif !isOnline}\r\n                        <p class="exam-result-p exam-result-code score-code-tip-noresult">\r\n                            {#include scoreCodeTip}\r\n                        </p>\r\n                        {#if isOpenMp}\r\n                            <a class=\'scorecode-qrcode-noresult\'><img style="width: 200px" src=\'{this.rf("/wechat/mpqrcodeLan/send/{0}/{1}/{2}",examDetails.eid,examResult.viewScoreCode,examResult.tid )}\' ></a>\r\n                        {/if}\r\n                    {#else}                                                                 \r\n                        <p class="exam-result-p exam-result-code">\r\n                            {#include scoreCodeTip}\r\n                        </p>\r\n                    {/if}\r\n                    <div class="btns">\r\n                        {#if examResult.again}\r\n                            {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                                <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                            {/if}\r\n                            \x3c!-- <a class="btn btn-white-blue" on-click={this.closePage()}>{@(this.i18n("ClosePage"))}</a> --\x3e\r\n                            <a class="btn btn-blue again" on-click={this.testAgain()}>{@(this.i18n("viewQuestionsTestAgain"))}</a>\r\n                        {#else}\r\n                            {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                                <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                            {/if}\r\n                            \x3c!-- <a class="btn btn-blue" on-click={this.closePage()}>{@(this.i18n("examEndAndClosePage"))}</a> --\x3e\r\n                        {/if}\r\n                    </div>\r\n                    {#if from != "" && from != "stuapi" && !occupyScreen && backBtn != "" && !androidFullScreen}\r\n                        <div class="btns"> <a class="btn btn-white-blue" target="_blank" href="{returnUrl}">{backBtn}</a></div>\r\n                    {/if}\r\n                {#else}\r\n                    <div class="btns">\r\n                        {#if examResult.again}\r\n                            {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                                <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                            {/if}\r\n                            \x3c!-- <a class="btn btn-white-blue" on-click={this.closePage()}>{@(this.i18n("ClosePage"))}</a> --\x3e\r\n                            <a class="btn btn-blue again" on-click={this.testAgain()}>{@(this.i18n("viewQuestionsTestAgain"))}</a>\r\n                        {#else}\r\n                            {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                                <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                            {/if}\r\n                            \x3c!-- <a class="btn btn-blue" on-click={this.closePage()}>{@(this.i18n("examEndAndClosePage"))}</a> --\x3e\r\n                        {/if}\r\n                    </div>\r\n                    {#if from != "" && from != "stuapi" && !occupyScreen && backBtn != "" && !androidFullScreen}\r\n                        <div class="btns"> <a class="btn btn-white-blue" target="_blank" href="{returnUrl}">{backBtn}</a></div>\r\n                    {/if}\r\n                {/if}\r\n            </div>\r\n\r\n            \x3c!-- <div>\r\n                <a class="btn btn-primary" href="javascript:" on-click={this.closePage()}>{@(this.i18n("examEndAndClosePage"))}</a>\r\n            </div> --\x3e\r\n        </div>\r\n    </div>\r\n{#else}\r\n<div id="printableArea">\r\n\r\n        {#if examResult.submit_type > 1}\r\n            <div class="text-center cheat-tip">\r\n                <span class="alert alert-danger" style="display: inline-block;"><img src="{cdnBase}static/images/viewresult/notice.png">{submitTypeTip}</span>\r\n            </div>\r\n        {/if}\r\n\r\n        <div class="result-info-container info-container-print clearfix new-viewresult" r-style={{"margin-top":examResult.submit_type > 1? "0":"55px"}}>\r\n            <p class="new-exam-title">{@(examDetails.title)}</p>\r\n            <div class="tabbable tabbable-custom">\r\n                <ul class="nav nav-tabs">\r\n                    \x3c!--本次成绩--\x3e\r\n                    <li r-class={{"active": showTab==1}}>\r\n                        <a href="javascript:" on-click={showTab = 1} >{@(this.i18n("currentScore"))} </a>\r\n                    </li>\r\n                    {#if examDetails.result_page != viewResultType.RESULT_PAGE_ONLY_SCORE || adminView == 1}\r\n                        \x3c!--题目分析--\x3e\r\n                        <li r-class={{"active": showTab==2}}>\r\n                            <a href="javascript:" on-click={showTab = 2} >{@(this.i18n("questionAnalysis"))}</a>\r\n                        </li>\r\n                    {/if}\r\n\r\n                    {#if adminView == 1 && examDetails.testtype !=2 && examDetails.testtype != 3}\r\n                        \x3c!--操作记录--\x3e\r\n                        <li r-class={{"active": showTab==3}}>\r\n                            <a href="javascript:" on-click={showTab = 3} >{@(this.i18n("takeExamAction"))}</a>\r\n                        </li>\r\n                    {/if}\r\n                    {#if examDetails.testtype ==2 || examDetails.testtype == 3}\r\n                        \x3c!--闯关排行榜--\x3e\r\n                        <li r-class={{"active": showTab==5}}>\r\n                            <a href="javascript:" on-click={showTab = 5} >{@(this.i18n("rankboard"))}</a>\r\n                        </li>\r\n                    {#else}\r\n                        {#if examDetails.DecodedParams.hasOwnProperty("display_ranking") && examDetails.DecodedParams.display_ranking == 1}\r\n                            \x3c!--排行榜--\x3e\r\n                            <li r-class={{"active": showTab==4}}>\r\n                                <a href="javascript:" on-click={showTab = 4} >{@(this.i18n("rankboard"))}</a>\r\n                            </li>\r\n                        {/if}\r\n                    {/if}\r\n                </ul>\r\n                <div class="tab-content" id="print-tab-content">\r\n                    <div class="tab-pane" r-class={{"active": showTab==1}} style="margin-bottom: 70px">\r\n                        \r\n                        <div class="tester-info">\r\n                            <p>{@(this.i18nf("testerName",examResult.name ))}</p>\r\n                            <p>{@(this.i18n("startTime"))}：{examResult.starttime|format} | {@(this.i18n("endTime"))} {examResult.submitTime|format}</p>\r\n                        </div>\r\n                        \r\n                        <div class="row">\r\n                            <div class="col-xs-12 result-scores text-center col-md-12">\r\n                                \r\n                                \x3c!-- <circle-progress strokeWidth=4 size=130 value={examResult.userScore*100/examResult.totalScore} title={titlePercentageScore} color="#eab9a9"> --\x3e\r\n                                    \x3c!-- <span style="font-weight:normal; font-size:25px;">\r\n                                        { examResult.userScore*100/examResult.totalScore | formatScore}\r\n                                        <i style="font-style:normal;font-size:12px;vertical-align: sub;">%</i>\r\n                                    </span> --\x3e\r\n                                \x3c!-- </circle-progress> --\x3e\r\n                                <div class="exam-record-info" >\r\n                                    \x3c!-- <p class="score-time" r-style={{"color":passed?"#36aafd":"#e73a30"}}>{ examResult.userScore*100/examResult.totalScore | formatScore}</p>\r\n                                    <p>{@(this.i18n("percentageScore"))}</p> --\x3e\r\n                                    <p class="score-time" r-style={{"color":passed?"#36aafd":"#e73a30"}}>{examResult.totalScore|toFixed: -2}</p>\r\n                                    <p>{titleTotalScore}</p>\r\n                                </div>\r\n                                <div class="exam-record-info" style="float:left">\r\n                                    <circle-progress strokeWidth=4 size=160 value={examResult.userScore*100/examResult.totalScore} title={titleScore} color={circleBgColor}>\r\n                                        <span style="font-weight:bold; font-size:48px;" r-style={{"color":passed?"#36aafd":"#e73a30"}}>\r\n                                            {examResult.userScore|formatScore}\r\n                                        </span>\r\n                                    </circle-progress>\r\n                                </div>\r\n                                <div class="exam-record-info" >\r\n                                    <p class="score-time" r-style={{"color":passed?"#36aafd":"#e73a30"}}>\r\n                                        {#if examResult.seconds_taken >= 60}\r\n                                            { Math.ceil(examResult.seconds_taken/60) }<i style="font-style:normal;font-size:12px;vertical-align: sub;">{@(this.i18n("minites"))}</i>\r\n                                        {#else}\r\n                                            { examResult.seconds_taken%60 }<i style="font-style:normal;font-size:12px;vertical-align: sub;">{@(this.i18n("seconds"))}</i>\r\n                                        {/if}\r\n                                    </p>\r\n                                    <p>{@(this.i18n("timeSpend"))}</p>\r\n                                </div>\r\n                                \x3c!-- <circle-progress strokeWidth=4 size=130 value={secondsPercent} title={@(this.i18n("timeSpend"))} color="#eab9a9"> --\x3e\r\n                                    \x3c!-- <span style="font-weight:normal; font-size:20px;">\r\n                                        {#if examResult.seconds_taken >= 60}\r\n                                            { Math.floor(examResult.seconds_taken/60) }<i style="font-style:normal;font-size:12px;vertical-align: sub;">{@(this.i18n("minites"))}</i>\r\n                                        {/if}\r\n                                        {#if examResult.seconds_taken %60 != 0 }\r\n                                            { examResult.seconds_taken%60 }<i style="font-style:normal;font-size:12px;vertical-align: sub;">{@(this.i18n("seconds"))}</i>\r\n                                        {/if}\r\n                                    </span> --\x3e\r\n                                \x3c!-- </circle-progress> --\x3e\r\n                            </div>\r\n                        </div>\r\n\r\n                        {#if examDetails.scoreRange.enabled == 1}\r\n                            <div class="row comment">\r\n                                <div class="col-xs-12 pass-message text-center">\r\n                                    <p r-html={@(this.getScoreRangeMessage(examResult.userScore*100/examResult.totalScore)|decodeBBCode)}></p>\r\n                                </div>\r\n                            </div>\r\n                        {#else}\r\n                            <div class="row comment">\r\n                                <div class="col-xs-12 pass-message text-center">\r\n                                    <p r-html={@((examResult.passed? examDetails.pass_message: examDetails.unpass_message)|decodeBBCode)}></p>\r\n                                </div>\r\n                            </div>\r\n                        {/if}\r\n\r\n                        <div class="row" style="margin: 0">\r\n                            <div class="col-xs-12 info-rows col-md-12 new-info-main">\r\n                            {#if showLink}\r\n                                <div class="jumpLink">\r\n                                    {@(this.i18n("click"))}\r\n                                    <a href={jumpLink} rel="noopener noreferrer">{@(this.i18n("here"))}</a>\r\n                                    {@(this.i18n("toSpecifiedPage"))}\r\n                                </div>\r\n                            {/if}\r\n                                \x3c!-- <div class="info-row" r-style={{"background-color": havebg==1?"rgba(252, 248, 227, 0.28)":"#fcf8e3"}}>\r\n                                    <span class="info-col-left"> {@(this.i18n("startTime"))}</span>\r\n    \r\n                                    <span class="info-col-right">{examResult.starttime|format}</span>\r\n                                </div>\r\n    \r\n                                <div class="info-row">\r\n                                    <span class="info-col-left">{@(this.i18n("endTime"))}</span>\r\n                                    <span class="info-col-right">{examResult.submitTime|format}</span>\r\n                                </div> --\x3e\r\n    \r\n                                {#if examDetails.testtype ==2 || examDetails.testtype == 3}\r\n                                    <div class="info-row" >\r\n                                        <span class="info-col-left"><i class="fa fa-trophy" aria-hidden="true"></i>{@(this.i18n("scoreRanking"))}</span>\r\n                                        <span class="info-col-right" on-click={showTab = 5}>{this.i18nf("rankingInfo", examResult.total,examResult.ranking)}</span>\r\n                                    </div>\r\n                                {#else}\r\n                                    {#if examDetails.DecodedParams.hasOwnProperty("display_ranking") && examDetails.DecodedParams.display_ranking == 1}\r\n                                        <div class="info-row" >\r\n                                            <span class="info-col-left">\r\n                                                \x3c!-- <img src="{cdnBase}static/images/ranking.png" alt=""> --\x3e\r\n                                                <i class="fa fa-trophy" aria-hidden="true"></i>\r\n                                                {@(this.i18n("scoreRanking"))}</span>\r\n                                            <span class="info-col-right" on-click={showTab = 4}>{this.i18nf("rankingInfo", examResult.total,examResult.ranking)}</span>\r\n                                        </div>\r\n                                    {/if}\r\n                                {/if}\r\n\r\n                                {#if examDetails.DecodedParams.hasOwnProperty("show_student_report_link") && examDetails.DecodedParams.show_student_report_link == 1}\r\n                                    <div class="info-row">\r\n                                        <span class="info-col-left">\r\n                                            \x3c!-- <img src="{cdnBase}static/images/report.png" alt=""> --\x3e\r\n                                            <i class="fa fa-file-text" aria-hidden="true" style="font-size: 22px;"></i>\r\n                                            {@(this.i18n("displayScoreReport"))}</span>\r\n                                        <span class="info-col-right">\r\n                                            <a target="_blank" href="{reportLink}">{@(this.i18n("displayScoreReport"))}</a>\r\n                                        </span>\r\n                                    </div>\r\n                                {/if}\r\n\r\n                                {#if certificateDownload}\r\n                                    <div class="info-row">\r\n                                        <span class="info-col-left">\r\n                                            \x3c!-- <img src="{cdnBase}static/images/report.png" alt=""> --\x3e\r\n                                            <i class="fa fa-file-text" aria-hidden="true" style="font-size: 22px;"></i>\r\n                                            {@(this.i18n("certificate"))}</span>\r\n                                        <span class="info-col-right" on-click={this.download()} style="color:#36aafd">\r\n                                            {@(this.i18n("clickToDownload"))}\r\n                                        </span>\r\n                                    </div>\r\n                                {/if}\r\n                                \r\n                                {#if examDetails.DecodedParams.hasOwnProperty("show_view_score_code") && examDetails.DecodedParams.show_view_score_code == 1 && examResult.viewScoreCode != ""}\r\n                                <div class="info-row" >\r\n                                    <span class="info-col-left">\r\n                                        \x3c!-- <img src="{cdnBase}static/images/query.png" alt=""> --\x3e\r\n                                        <i class="fa fa-search" aria-hidden="true"></i>\r\n                                        {@(this.i18n("scoreViewCode"))}</span>\r\n                                    {#if isonline}\r\n                                        <span class="info-col-right score-code-tip">\r\n                                            {#include scoreCodeTip}\r\n                                        </span>\r\n                                        <span class=\'scorecode-qrcode\'><img src=\'{this.rf("/wechat/mpqrcode/send/{0}/{1}/{2}",examDetails.eid,examResult.viewScoreCode,examResult.tid )}\' ></span>\r\n                                    {#elseif !isOnline && iscn}\r\n                                        <span class="info-col-right score-code-tip">\r\n                                            {#include scoreCodeTip}\r\n                                        </span>\r\n                                        {#if isOpenMp}\r\n                                            <span class=\'scorecode-qrcode\'><img src=\'{this.rf("/wechat/mpqrcodeLan/send/{0}/{1}/{2}",examDetails.eid,examResult.viewScoreCode,examResult.tid )}\' ></span>\r\n                                        {/if}\r\n                                    {#else}\r\n                                        <span class="info-col-right">\r\n                                            {#include scoreCodeTip}\r\n                                        </span>\r\n                                    {/if}\r\n                                </div>\r\n                                {/if}\r\n\r\n                                {#if examDetails.showshare == 1 && !occupyScreen}\r\n                                <div class="info-row">\r\n                                    <span class="info-col-left">\r\n                                        \x3c!-- <img src="{cdnBase}static/images/share.png" alt=""> --\x3e\r\n                                        <i class="fa fa-share-square" aria-hidden="true"></i>\r\n                                        {@(this.i18n("share"))}</span>\r\n                                    <span class="info-col-right">\r\n                                        {#include shareInfo}\r\n                                    </span>\r\n                                </div>\r\n                                {/if}\r\n                                \r\n                                {#if examDetails.showmore == 1 && !occupyScreen}\r\n                                <div class="info-row">\r\n                                    <span class="info-col-left">\r\n                                        <img class="icon" src="{cdnBase}static/images/more{theme}.png" alt="">\r\n                                        <span><a class="" target="_blank" href="/viewmore/{examDetails.eid}?proto={proto}">{@(this.i18n("viewMoreExams"))}</a></span>\r\n                                    </span>\r\n                                </div>\r\n                                {/if}\r\n                            </div>\r\n                        </div>\r\n                        {#if isShareResult}\r\n                            <div class="row" style="text-align: center;margin-top: 45px">\r\n                                <div class="col-xs-4 col-xs-offset-4">\r\n                                    <a class="btn btn-blue" on-click={this.gotoExam()}>{@(this.i18n("gotoexam"))}</a>\r\n                                </div>\r\n                            </div>\r\n                        {#else}\r\n                            {#if examResult.again && !examResult.afterReward}\r\n                                <div class="row" style="text-align: center;margin-top: 45px">\r\n                                    <div class="col-xs-4 col-xs-offset-4">\r\n                                        <a class="btn btn-blue" on-click={this.testAgain()}>{@(this.i18n("viewQuestionsTestAgain"))}</a>\r\n                                    </div>\r\n                                </div>\r\n                                {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                                    <div class="row" style="text-align: center;margin-top: 45px">\r\n                                        <div class="col-xs-4 col-xs-offset-4">\r\n                                            <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                                        </div>\r\n                                    </div>\r\n                                {/if}\r\n                            {#elseif examResult.afterReward}\r\n                                <div class="row" style="text-align: center;margin-top: 45px">\r\n                                    <div class="col-xs-4 col-xs-offset-4">\r\n                                        <a class="btn btn-blue" on-click={this.getRewardAfterExamInPc()}>\r\n                                            {#if rewardType == 0}\r\n                                                {@(this.i18n("receiveAward"))}\r\n                                            {#else}\r\n                                                {@(this.i18n("receiveRewards"))}\r\n                                            {/if}\r\n                                            {#if showGetRewardLoading}\r\n                                                <i class="fa fa-spin fa-spinner fa-1x"></i>\r\n                                            {/if}\r\n                                        </a>\r\n                                    </div>\r\n                                </div>\r\n                                {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                                    <div class="row" style="text-align: center;margin-top: 45px">\r\n                                        <div class="col-xs-4 col-xs-offset-4">\r\n                                            <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                                        </div>\r\n                                    </div>\r\n                                {/if}\r\n                            {#else}\r\n                                {#if occupyScreen&&action!=3 && !androidFullScreen}\r\n                                    <div class="row" style="text-align: center;margin-top: 45px">\r\n                                        <div class="col-xs-4 col-xs-offset-4">\r\n                                            <a class="btn btn-white-blue" on-click={this.closeFullScreen()}>{@(this.i18n("ClosePage"))}</a>\r\n                                        </div>\r\n                                    </div>\r\n                                {/if}     \r\n                            {/if}\r\n\r\n                            {#if from != "" && from != "stuapi" && !occupyScreen && backBtn != "" && !androidFullScreen}\r\n                                <div class="row" style="text-align: center;margin-top: 20px">\r\n                                    <div class="col-xs-4 col-xs-offset-4">\r\n                                        <a target="_blank" class="btn btn-blue" href="{returnUrl}">{backBtn}</a>\r\n                                    </div>\r\n                                </div>\r\n                            {/if}\r\n                        {/if}\r\n\r\n                        {#if adminView}\r\n                        <div class="row">\r\n                            <div class="col-xs-12 actions col-md-12 text-center">\r\n                                <button on-click={this.printThisPage()} class="print btn btn-white">\r\n                                    {@(this.i18n("printThisPage"))}\r\n                                    {#if printLoading}\r\n                                    <i class="fa fa-spinner fa-spin"></i>\r\n                                    {/if}\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        {/if}\r\n                    </div>\r\n                    {#if action != 5}\r\n                        {#if examDetails.result_page != viewResultType.RESULT_PAGE_ONLY_SCORE  || adminView == 1}\r\n                            <div class="tab-pane watermark" r-class={{"active": showTab==2}}  style="margin-bottom: 50px">\r\n                                {#if loading}\r\n                                    <div class="row">\r\n                                        <div class="col-xs-12 col-md-12 loading">\r\n                                            <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                                        </div>\r\n                                    </div>\r\n                                {#else}\r\n                                    <div class="row">\r\n                                        <div class="col-xs-12 col-md-12">\r\n                                            <div class="btn-group answer-details-btns" role="group" aria-label="...">\r\n                                                <a on-click={filter="wrong"} r-class={{"active": filter=="wrong"}} class="btn btn-default new-result-btn" >{this.i18nf("resultWrongs", examResult.wrongs.length)}</a>\r\n                                                <a on-click={filter="right"} r-class={{"active": filter=="right"}}  class="btn btn-default new-result-btn" >{this.i18nf("resultRights", examResult.rights.length)}</a>\r\n                                                <a on-click={filter="undo"} r-class={{"active": filter=="undo"}}  class="btn btn-default new-result-btn" >{this.i18nf("resultUndos", examResult.undo.length)}</a>\r\n                                                <a on-click={filter="all"} r-class={{"active": filter=="all"}}  class="btn btn-default new-result-btn" >{this.i18nf("resultTotal", examResult.questions.length)}</a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                        \r\n                                    <div class="row" style="margin: 0">\r\n                                        <div class="col-xs-12  col-sm-12 col-md-12 answers-list">\r\n                                            {#if this.getList(filter).length <=0 }\r\n                                                {#if (filter == "wrong" || filter == "right") && this.getList("undo").length > 0}\r\n                                                    <img class="empty" src="{cdnBase}static/images/empty.png" alt="">\r\n                                                    <h3 class="text-center answers-list-tips">{filterNoResultHaveUndoTip}</h3>\r\n                                                {#else}\r\n                                                    <img class="empty" src="{cdnBase}static/images/empty.png" alt="">\r\n                                                    <h3 class="text-center answers-list-tips">{filterNoResultTip}</h3>\r\n                                                {/if}\r\n                                            {#else}\r\n                                                {#list this.getList(filter) as question}\r\n                                                    <question.review question={question} details={this.getDetails(question.qid)} index={question.index} total={examResult.questions.length} />\r\n                                                {/list}\r\n                                            {/if}\r\n                                        </div>\r\n                                    </div>\r\n                                {/if}\r\n                            </div>\r\n                        {/if}\r\n\r\n\r\n                        {#if adminView == 1}\r\n                            <div class="tab-pane" r-class={{"active": showTab==3}}  style="margin-bottom: 50px">\r\n                                {#if antiCheating}\r\n                                    <ul class="nav nav-tabs checkout-data" style="{hasAlertText ?\'width: 632px;\': \'\'}">\r\n                                        <li class="li_question_details" r-class={{"active": showRecord==0}}>\r\n                                            <a href="javascript:" on-click={showRecord = 0}>{@(this.i18n("allData"))}</a>\r\n                                        </li>\r\n                                        <li class="li_question_details" r-class={{"active": showRecord==1}}>\r\n                                            <a href="javascript:" on-click={showRecord = 1}>{@(this.i18n("generalData"))}</a>\r\n                                        </li>\r\n                                        <li class="li_question_details" r-class={{"active": showRecord==2}}>\r\n                                            <a href="javascript:" on-click={showRecord = 2}>{@(this.i18n("antiCheatingData"))}</a>\r\n                                        </li>    \r\n                                        <li class="li_question_details" r-hide="{!hasAlertText}" r-class={{"active": showRecord==3}}>\r\n                                            <a href="javascript:" on-click={showRecord = 3}>{@(this.i18n("warningLog"))}</a>\r\n                                        </li>       \r\n                                    </ul>\r\n                                {#elseif hasAlertText}\r\n                                    <ul class="nav nav-tabs checkout-data" style="width: 317px;">\r\n                                        <li class="li_question_details" r-class={{"active": showRecord==0}}>\r\n                                            <a href="javascript:" on-click={showRecord = 0}>{@(this.i18n("allData"))}</a>\r\n                                        </li>    \r\n                                        <li class="li_question_details" r-class={{"active": showRecord==3}}>\r\n                                            <a href="javascript:" on-click={showRecord = 3}>{@(this.i18n("warningLog"))}</a>\r\n                                        </li>       \r\n                                    </ul>\r\n                                {/if}\r\n                                {#if showRecord == 0}\r\n                                    <div class="row" style="margin-left: 130px;">\r\n                                        <div class="col-xs-12 col-md-12">\r\n                                            <div class="actions-list">\r\n                                                    <div class="list-group">\r\n                                                        {#list this.getAllTakenRecordList() as act}\r\n                                                            <a href="javascript:" class="taken_record">\r\n                                                                    <span class="tr_time">{act.time|format}</span>\r\n                                                                    {#if act.hasOwnProperty(\'action\') && act.action != null && act.action != undefined}\r\n                                                                    <span class="tr_type"><i class="fa fa-circle"></i>{act.action}</span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'type\') && act.type != null && act.type != undefined}\r\n                                                                    <span class="tr_type"><i class="fa fa-circle"></i>{this.i18n(act.type)}</span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'netType\') && act.netType != null && act.netType != undefined}\r\n                                                                        <span class="tr_datail" r-html={@(this.getIcon(act.netType))} title="{@(act.netType)}"></span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'ip\') && act.ip != null && act.ip != undefined}\r\n                                                                        <span class="tr_datail" >IP: {@(act.ip)}</span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'client\') && act.client != null && act.client != undefined}\r\n                                                                        <span class="tr_datail" r-html={@(this.getIcon(act.client))} title="{@(act.client)}"></span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'browser\') && act.browser != null && act.browser != undefined}\r\n                                                                        <span class="tr_datail" r-html={@(this.getIcon(act.browser))} title="{@(act.browser)}"></span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'type\') && act.type != null && act.type != undefined && act.type != "voice" && act.type != "reciveAlert"}\r\n                                                                        <span title="{@(this.i18n(\'clickToViewLargeImg\'))}" class="tr_img"  on-click={this.viewCheatImage(act.img)}><i class="fa fa-file-image-o" aria-hidden="true"></i></span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'type\') && act.type != null && act.type != undefined && act.type == "reciveAlert"}\r\n                                                                        <span title="{@(this.i18n(\'clickToViewAlert\'))}" class="tr_img"  on-click={this.viewAlert(act.alertText)}><i class="fa fa-file-text" aria-hidden="true"></i></span>\r\n                                                                    {/if}\r\n                                                                    \x3c!-- <span></span> --\x3e\r\n                                                            </a>\r\n                                                        {/list}\r\n                                                    </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                {#elseif showRecord == 1}\r\n                                    <div class="row" style="margin-left: 130px;">\r\n                                        <div class="col-xs-12 col-md-12">\r\n                                            <div class="actions-list">\r\n                                                    <div class="list-group">\r\n                                                        {#list this.getTakenRecordList() as act}\r\n                                                            <a href="javascript:" class="taken_record">\r\n                                                                    <span class="tr_time">{act.time|format}</span>\r\n                                                                    <span class="tr_type"><i class="fa fa-circle"></i>{act.action}</span>\r\n                                                                    {#if act.hasOwnProperty(\'netType\') && act.netType != null && act.netType != undefined}\r\n                                                                        <span class="tr_datail" r-html={@(this.getIcon(act.netType))} title="{@(act.netType)}"></span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'ip\') && act.ip != null && act.ip != undefined}\r\n                                                                        <span class="tr_datail" >IP: {@(act.ip)}</span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'client\') && act.client != null && act.client != undefined}\r\n                                                                        <span class="tr_datail" r-html={@(this.getIcon(act.client))} title="{@(act.client)}"></span>\r\n                                                                    {/if}\r\n                                                                    {#if act.hasOwnProperty(\'browser\') && act.browser != null && act.browser != undefined}\r\n                                                                        <span class="tr_datail" r-html={@(this.getIcon(act.browser))} title="{@(act.browser)}"></span>\r\n                                                                    {/if}\r\n                                                                    \x3c!-- <span></span> --\x3e\r\n                                                            </a>\r\n                                                        {/list}\r\n                                                    </div>\r\n                                            </div>\r\n\r\n                                            \x3c!-- <div class="device-info text-center">\r\n                                                <span r-html={@(this.getIcon(device.client))} title="{@(device.client)}"></span>\r\n                                                <span r-html={@(this.getIcon(device.browser))} title="{@(device.browser)}"></span>\r\n                                                <span r-html={@(device.build)}></span>\r\n                                                <div class="network-info">\r\n                                                    {#if device.netType}\r\n                                                    <span>{@(this.i18n("network"))}: {@(device.netType)}</span>\r\n                                                    {/if}\r\n                                                    <span>IP: {@(device.ip)}</span> \r\n                                                </div>\r\n                                            </div> --\x3e\r\n                                            \r\n                                        </div>\r\n                                    </div>\r\n                                {#elseif showRecord == 2}\r\n                                    <div class="row" style="margin-left: 130px;">\r\n                                        <div class="col-xs-12 col-md-12">\r\n                                            <div class="actions-list">\r\n                                                    <div class="list-group">\r\n                                                        <a href="javascript:" class="taken_record">\r\n                                                            <span class="tr_time">{examResult.starttime|format}</span>\r\n                                                            <span class="tr_type"><i class="fa fa-circle"></i>{@(this.i18n("actionStartExam"))}</span>\r\n                                                            {#if device.hasOwnProperty(\'netType\') && device.netType != null && device.netType != undefined}\r\n                                                                <span class="tr_datail" r-html={@(this.getIcon(device.netType))} title="{@(device.netType)}"></span>\r\n                                                            {/if}\r\n                                                            {#if device.hasOwnProperty(\'ip\') && device.ip != null && device.ip != undefined}\r\n                                                                <span class="tr_datail" >IP: {@(device.ip)}</span>\r\n                                                            {/if}\r\n                                                            {#if device.hasOwnProperty(\'client\') && device.client != null && device.client != undefined}\r\n                                                                <span class="tr_datail" r-html={@(this.getIcon(device.client))} title="{@(device.client)}"></span>\r\n                                                            {/if}\r\n                                                            {#if device.hasOwnProperty(\'browser\') && device.browser != null && device.browser != undefined}\r\n                                                                <span class="tr_datail" r-html={@(this.getIcon(device.browser))} title="{@(device.browser)}"></span>\r\n                                                            {/if}\r\n                                                            \x3c!-- <span></span> --\x3e\r\n                                                        </a>\r\n                                                        {#list cheatingRecord as act}\r\n                                                            <a href="javascript:" class="taken_record cha">\r\n                                                                    <span class="tr_time">{act.thisTime|format}</span>\r\n                                                                    <span class="tr_type"><i class="fa fa-circle"></i>{this.i18n(act.type)}</span>\r\n                                                                    {#if act.type != "voice" && act.type != "reciveAlert"}\r\n                                                                        <span title="{@(this.i18n(\'clickToViewLargeImg\'))}" class="tr_img"  on-click={this.viewCheatImage(act.thisImg)}><i class="fa fa-file-image-o" aria-hidden="true"></i></span>\r\n                                                                    {/if}\r\n                                                            </a>\r\n                                                        {/list}\r\n                                                        <a href="javascript:" class="taken_record">\r\n                                                            <span class="tr_time">{examResult.submitTime|format}</span>\r\n                                                            <span class="tr_type"><i class="fa fa-circle"></i>{@(this.i18n("actionEndExam"))}</span>\r\n                                                            \x3c!-- <span></span> --\x3e\r\n                                                        </a>\r\n                                                    </div>\r\n                                            </div>\r\n                                            \r\n                                        </div>\r\n                                    </div>\r\n                                {#elseif showRecord == 3}\r\n                                    <div class="row" style="margin-left: 130px;">\r\n                                        <div class="col-xs-12 col-md-12">\r\n                                            <div class="actions-list">\r\n                                                    <div class="list-group">\r\n                                                        {#list this.getWarningLog() as act}\r\n                                                            <a href="javascript:" class="taken_record">\r\n                                                                <span class="tr_time">{act.time|format}</span>\r\n                                                                {#if act.hasOwnProperty(\'action\') && act.action != null && act.action != undefined}\r\n                                                                <span class="tr_type"><i class="fa fa-circle"></i>{act.action}</span>\r\n                                                                {/if}\r\n                                                                {#if act.hasOwnProperty(\'type\') && act.type != null && act.type != undefined}\r\n                                                                <span class="tr_type"><i class="fa fa-circle"></i>{this.i18n(act.type)}</span>\r\n                                                                {/if}\r\n                                                                {#if act.hasOwnProperty(\'netType\') && act.netType != null && act.netType != undefined}\r\n                                                                    <span class="tr_datail" r-html={@(this.getIcon(act.netType))} title="{@(act.netType)}"></span>\r\n                                                                {/if}\r\n                                                                {#if act.hasOwnProperty(\'ip\') && act.ip != null && act.ip != undefined}\r\n                                                                    <span class="tr_datail" >IP: {@(act.ip)}</span>\r\n                                                                {/if}\r\n                                                                {#if act.hasOwnProperty(\'client\') && act.client != null && act.client != undefined}\r\n                                                                    <span class="tr_datail" r-html={@(this.getIcon(act.client))} title="{@(act.client)}"></span>\r\n                                                                {/if}\r\n                                                                {#if act.hasOwnProperty(\'browser\') && act.browser != null && act.browser != undefined}\r\n                                                                    <span class="tr_datail" r-html={@(this.getIcon(act.browser))} title="{@(act.browser)}"></span>\r\n                                                                {/if}\r\n                                                                {#if act.hasOwnProperty(\'type\') && act.type != null && act.type != undefined && act.type == "reciveAlert"}\r\n                                                                    <span title="{@(this.i18n(\'clickToViewAlert\'))}" class="tr_img"  on-click={this.viewAlert(act.alertText)}><i class="fa fa-file-text" aria-hidden="true"></i></span>\r\n                                                                {/if}\r\n                                                            </a>\r\n                                                        {/list}\r\n                                                    </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                {/if}\r\n                                {#if !!cheatingRecord && cheatingRecord.length > 0}\r\n                                <div class="row">\r\n                                    <div class="col-xs-12 col-md-12">\r\n                                        <h3 style="padding-left: 10px;">{@(this.i18n("cheatPictureLists"))}</h3>\r\n                                        <ul class="webcam-picture-list cheat-picture-list">\r\n                                            {#if miniCamera}\r\n                                                {#list miniCameraRecord as act}\r\n                                                    {#if !!act.thisImg}\r\n                                                        <li>\r\n                                                            <img title="{@(this.i18n(\'clickToViewLargeImg\'))}" src="{act.thisImg}" on-click={this.viewLargeImage(act.thisImg)}>\r\n                                                            <br>\r\n                                                            <img title="{@(this.i18n(\'clickToViewLargeImg\'))}" src="{act.miniImg}" on-click={this.viewLargeImage(act.miniImg)} r-hide={!act.miniImg}>\r\n                                                            <div>{this.i18n(act.type)}</div>\r\n                                                        </li>\r\n                                                    {/if}\r\n                                                {/list}\r\n                                            {#else}\r\n                                                {#list cheatingRecord as act}\r\n                                                    {#if !!act.thisImg}\r\n                                                        <li>\r\n                                                            <img title="{@(this.i18n(\'clickToViewLargeImg\'))}" src="{act.thisImg}" on-click={this.viewLargeImage(act.thisImg)}>\r\n                                                            <div>{this.i18n(act.type)}</div>\r\n                                                        </li>\r\n                                                    {/if}\r\n                                                {/list}\r\n                                            {/if}\r\n                                        </ul>\r\n                                    </div>\r\n                                </div>\r\n                                {/if}\r\n                                {#if !!examResult.pictures && examResult.pictures.length > 0}\r\n                                <div class="row">\r\n                                    <div class="col-xs-12 col-md-12">\r\n                                        <h3 style="padding-left: 10px;">{@(this.i18n("webcamPictureLists"))}</h3>\r\n                                        <ul class="webcam-picture-list">\r\n                                            {#list examResult.pictures as url}\r\n                                                <li title="{@(this.i18n(\'clickToViewLargeImg\'))}" r-hide={!miniCamera && !url}>\r\n                                                    <img src="{url}" on-click={this.viewLargeImage(url)} r-hide={!url}>\r\n                                                    {#if examResult.rearPictures != null}\r\n                                                        <br>\r\n                                                        <img src="{examResult.rearPictures[url_index]}" on-click={this.viewLargeImage(examResult.rearPictures[url_index])} r-hide={!examResult.rearPictures[url_index]}>\r\n                                                    {/if}\r\n                                                </li>\r\n                                            {/list}\r\n                                        </ul>\r\n                                    </div>\r\n                                </div>\r\n                                {/if}\r\n                                {#if !!miniCheatingRecord && miniCheatingRecord.length > 0}\r\n                                <div class="row">\r\n                                    <div class="col-xs-12 col-md-12">\r\n                                        <h3 style="padding-left: 10px;">{@(this.i18n("miniWebcamPictureLists"))}</h3>\r\n                                        <ul class="webcam-picture-list">\r\n                                            {#list miniCheatingRecord as item}\r\n                                                <li title="{@(this.i18n(\'clickToViewLargeImg\'))}" r-hide={!miniCamera && !item.thisImg}>\r\n                                                    <img src="{item.thisImg}" on-click={this.viewLargeImage(item.thisImg)} r-hide={!item.thisImg}>\r\n                                                    <div>{this.i18n(item.type)}</div>\r\n                                                </li>\r\n                                            {/list}\r\n                                        </ul>\r\n                                    </div>\r\n                                </div>\r\n                                {/if}\r\n                            </div>\r\n                        {/if}\r\n\r\n                        {#if examDetails.DecodedParams.hasOwnProperty("display_ranking") && examDetails.DecodedParams.display_ranking == 1}\r\n                            \x3c!--排行榜--\x3e\r\n                            <div class="tab-pane" r-class={{"active": showTab==4}}  style="margin-bottom: 50px">\r\n                                <div class="row p-rankingList">\r\n                                    <ul>\r\n                                        {#if !examTakenToBig}\r\n                                            {#if !rankInto && !oncerank}\r\n                                                <li class="p-norankinto">\r\n                                                    <span class="rank-num">{examResult.ranking}</span>\r\n                                                    <div class="rank-context">\r\n                                                        \x3c!-- <img src="http://userfile.baisikao.com/images/userupload/516754/20180419101314_iuke.jpg" alt="">\r\n                                                        --\x3e\r\n                                                        {#if thisRank.color == \'\'}\r\n                                                            <img src="{thisRank.imgvalue}" alt="">\r\n                                                        {#else}\r\n                                                            <span class="default-img img{thisRank.color}" >{thisRank.imgvalue}</span>\r\n                                                        {/if}\r\n                                                        <span class="info">\r\n                                                            <p>{examResult.name}</p>\r\n                                                            <p>{@(this.i18n("timeSpend"))} {examResult.seconds_taken|formatTime}</p>\r\n                                                        </span>\r\n                                                    </div>\r\n                                                    <span class="rank-score">{examResult.userScore|formatScore} {@(this.i18n("points"))}</span>\r\n                                                </li>\r\n                                            {/if}\r\n                                            {#list rankList as rl}\r\n                                                <li r-class={{"rankinto":(oncerank && rankInto == true && rl.soid == examResult.soid) || (!oncerank && rankInto == true && rl.tid == examResult.tid)}}>\r\n                                                    <span class="rank-num">\r\n                                                        {#if rl.rank == 1}\r\n                                                        <img src="{cdnBase}static/images/rankf.png" alt="">\r\n                                                        {#elseif rl.rank == 2}\r\n                                                        <img src="{cdnBase}static/images/ranks.png" alt="">\r\n                                                        {#elseif rl.rank == 3}\r\n                                                        <img src="{cdnBase}static/images/rankt.png" alt="">\r\n                                                        {#else}\r\n                                                            {rl.rank}\r\n                                                        {/if}\r\n                                                    </span>\r\n                                                    <div class="rank-context">\r\n                                                        \x3c!-- <img src="{cdnBase}{rl.imgvalue}" alt=""> --\x3e\r\n                                                        {#if rl.color == \'\'}\r\n                                                            <img src="{rl.imgvalue}" alt="">\r\n                                                        {#else}\r\n                                                            <span class="default-img img{rl.color}" >{rl.imgvalue}</span>\r\n                                                        {/if}\r\n                                                        <span class="info">\r\n                                                            {#if rl.tid == examResult.tid}\r\n                                                                <p>{examResult.name}</p>\r\n                                                            {#else}\r\n                                                                <p>{rl.name}</p>\r\n                                                            {/if}\r\n                                                            <p>{@(this.i18n("timeSpend"))} {rl.seconds_taken|formatTime}</p>\r\n                                                        </span>\r\n                                                    </div>\r\n                                                    <span class="rank-score">{rl.score|formatScore} {@(this.i18n("points"))}</span>\r\n                                                </li>\r\n                                            {/list}\r\n                                            {#if rankList.length < 10}\r\n                                            <li class="no-more-data">{@(this.i18n("noMoreData"))}</li>\r\n                                            {/if}\r\n                                        {#else}\r\n                                            <li class="no-more-data">{@(this.i18n("examTakenToBig"))}</li>\r\n                                        {/if}\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                        {/if}\r\n\r\n                        {#if examDetails.testtype == 2 || examDetails.testtype == 3}\r\n                            <div class="tab-pane" r-class={{"active": showTab==5}}  style="margin-bottom: 50px" >\r\n                                <div class="row p-rankingList">\r\n                                    <div class="headImg">\r\n                                        <img src="{examResult.wechatimg}" alt="">\r\n                                    </div>\r\n                                    <div class="advance-rank-info">\r\n                                        <p class="ari-name">{examResult.name}</p>\r\n                                        {#if rankInto}\r\n                                        <p class="ari-type">{@(this.i18n("EnterTopTen"))}</p>\r\n                                        {#else}\r\n                                        <p class="ari-type">{@(this.i18n("NotEnterTopTen"))}</p>\r\n                                        {/if}\r\n                                    </div>\r\n                                    <div class="advance-rank-list">\r\n                                        <div class="arl-title">\r\n                                            <span class="arl-rank">{@(this.i18n("scoreRanking"))}</span>\r\n                                            <span class="arl-user">{@(this.i18n("username"))}</span>\r\n                                            <span class="arl-num">{@(this.i18n("advanceNum"))}</span>\r\n                                        </div>\r\n                                        <div class="arl-context">\r\n                                            <ul>\r\n                                                {#list ranks as r}\r\n                                                <li>\r\n                                                    <span class="arl-rank">{r.rank}</span>\r\n                                                    <span class="arl-user">\r\n                                                        {#if r.color == \'\'}\r\n                                                            <img src="{r.imgvalue}" alt="">\r\n                                                        {#else}\r\n                                                            <span class="default-img img{r.color}" >{r.imgvalue}</span>\r\n                                                        {/if}\r\n                                                        {r.name}\r\n                                                    </span>\r\n                                                    <span class="arl-num">{r.quesnum}</span>\r\n                                                </li>\r\n                                                {/list}\r\n                                            </ul>\r\n                                        </div>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        {/if}\r\n                    {#else}\r\n                        <div class="tab-pane" r-class={{"active": showTab==2}}  style="margin-bottom: 50px">\r\n                            <p class="preview-tips">{@(this.i18n("previewTips1"))}</p>\r\n                        </div>\r\n                        <div class="tab-pane" r-class={{"active": showTab==3}}  style="margin-bottom: 50px">\r\n                            <p class="preview-tips">{@(this.i18n("previewTips2"))}</p>\r\n                        </div>\r\n                        <div class="tab-pane" r-class={{"active": showTab==4}}  style="margin-bottom: 50px">\r\n                            <p class="preview-tips">{@(this.i18n("previewTips3"))}</p>\r\n                        </div>\r\n                        <div class="tab-pane" r-class={{"active": showTab==5}}  style="margin-bottom: 50px">\r\n                            <p class="preview-tips">{@(this.i18n("previewTips3"))}</p>\r\n                        </div>\r\n                    {/if}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n\r\n{#if showGetRewardStep != 0}\r\n<div class="switchs overflow getReward" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'>\r\n    {#if showGetRewardStep == 1}\r\n        \x3c!-- {#if rewardType == 0} --\x3e\r\n            <img src="{cdnBase}static/images/after-reward-open.png" on-click={showGetRewardStep = 2} class="rewardOpen" alt="">\r\n        \x3c!-- {#else}\r\n            <img src="{cdnBase}static/images/after-reward-goods-bg.png" on-click={showGetRewardStep = 2} class="reward-goods reward-goods-bg" alt="">\r\n            <img src="{cdnBase}static/images/after-reward-goods-close.png" on-click={showGetRewardStep = 2} class="reward-goods reward-goods-close" alt="">\r\n            <p class="tips">{@(this.i18n("afterGoodsTips"))}</p>\r\n        {/if} --\x3e\r\n    {#elseif showGetRewardStep == 2}\r\n        \x3c!-- {#if rewardType == 0} --\x3e\r\n            <img src="{cdnBase}static/images/after-reward-bg-pc.png" on-click={showGetRewardStep = 0} class="rewardbg" alt="">\r\n            <img src="{cdnBase}static/images/after-reward-money.png" on-click={showGetRewardStep = 0} class="rewardMoney" alt="">\r\n            <div class="getReward-action">\r\n                <p class="getReward-success"><img src=\'{this.rf("/wechat/mpqrcode/sendredpacket/{0}/{1}",examDetails.eid,examResult.tid)}\' ></p>\r\n                {#if rewardType == 0}\r\n                    <p class="getReward-tip">{@(this.i18n("AfterRewardPcTip"))}</p>\r\n                {#else}\r\n                    <p class="getReward-tip">{@(this.i18n("AfterGoodsPcTip"))}</p>\r\n                {/if}\r\n                \r\n                <p class="getReward-btn" on-click={showGetRewardStep = 0}>{@(this.i18n("received"))}</p>\r\n            </div>\r\n        \x3c!-- {#else}\r\n            <img src="{cdnBase}static/images/after-reward-goods-bg.png" on-click={showGetRewardStep = 0} class="reward-goods reward-goods-bg" alt="">\r\n            <img src="{cdnBase}static/images/after-reward-goods-open.png" on-click={showGetRewardStep = 0} class="reward-goods reward-goods-open" alt="">\r\n            <p class="content" title="{rewards.content}">{rewards.content}</p>\r\n        {/if} --\x3e\r\n    {/if}\r\n</div>\r\n{/if}\r\n\r\n{#if showLoginIntegral}\r\n<div class="new-tips-switchs">\r\n    <div class="animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="get-Integral-tips new-tips-content">\r\n            <img src="{cdnBase}static/images/integral-icon.png" alt="">\r\n            <p class="integral-icon-title">{@(this.i18n("getIntegralSuccess"))}</p>\r\n            <p class="integral-tips">{this.i18nf("examIntegralTips", examResult.integral)}</p>\r\n            <div class="form-actions">\r\n                <a href="javacript:;" class="btn btn-yellow btn-center" on-click={showLoginIntegral =false}>{@(this.i18n("confirm"))}</a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n{/if}\r\n{#if showCertificate}\r\n    <div class="eFrameSheLayer"></div>\r\n    <div class="elasticFrame elasticFrameRes">\r\n        <span on-click={this.hideCertificate()} class="colseX"><i class="fa fa-times" aria-hidden="true"></i></span>\r\n        <img src="{cdnBase}static/images/viewresult/certificate.png" alt="" class="certificateImg">\r\n        <p>{@(this.i18n("getCertificate"))}</p>\r\n        <div class="certificateBtn" on-click={this.goCertificate()}>{@(this.i18n("viewCertificate"))}</div>\r\n    </div>\r\n{/if}\r\n'},502:function(i,n){i.exports='{#if !viewResult}\r\n<div class="background"></div>\r\n{#else}\r\n<div class="background-blue"></div>\r\n{/if}\r\n\r\n<div r-class={{"newcenter": !viewResult}}>\r\n    {#if loading}\r\n        <div class="row  ie8-do question-loading">\r\n            <div class="col-md-12">\r\n                <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n            </div>\r\n        </div>\r\n    {#elseif haveError}\r\n    <div class="row">\r\n        <div class="col-md-12" style="text-align: center;">\r\n            <div class="erro-tips-icon" style="margin:115px 35px 60px;">\r\n                <img src="{cdnBase}static/images/wrongretrain/finish.png" alt=\'\' >\r\n            </div>\r\n            <div class="erro-page" style="margin: 55px;color: #707070;font-size: 15px;">{@(this.i18n("COM_EXAMS_CONFIRM_SUBMIT_ERRMESGE"))}</div>\r\n            <a href="{uhomeUrl}" class="btn btn-blue" style="width: 40%;border-radius: 25px;height: 50px;padding-top: 14px;">{@(this.i18n("COM_EXAMS_RE_ITEM_BANK"))}</a>\r\n        </div>\r\n    </div>\r\n    {#else}\r\n        {#if !viewResult}\r\n        <div class="row need-left15 wrong-header-m">\r\n            <div class="header-title-m">\r\n                <a href="{uhomeUrl}" style="color: white;"> \r\n                    <div class="header-back-m">\r\n                        <i class="fa fa-angle-left fa-2x"></i>\r\n                    </div>\r\n                </a>\r\n                    {@(this.i18n("COM_EXAMS_RE_ITEM_BANK"))}\r\n                </div>\r\n        </div>\r\n        <div class="body-question-m">\r\n            <div class="questions mobile retrain-main">\r\n                {#if !lastQues}\r\n                    {#list this.getList(start, limit) as question}\r\n                        <question question={question} details={this.getDetails(question.qid)} index={start+question_index} total={questions.length}  on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n                    {/list}\r\n                {/if}\r\n            </div>\r\n        </div>\r\n        <div class="speed-of-progress">\r\n            <div r-class={{"now": start === 0}}></div>\r\n            <div r-class={{"now": start === 1}}></div>\r\n            <div r-class={{"now": start === 2}}></div>\r\n            <div r-class={{"now": start === 3}}></div>\r\n            <div r-class={{"now": start === 4}}></div>\r\n        </div>\r\n        {#if showAnswer}\r\n        <div class="questions mobile retrain-main">\r\n            {#list this.getList(start, limit) as question}\r\n                <question.review question={question} details={this.getDetails(question.qid)} index={start+question_index} total={questions.length}  on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n            {/list}\r\n        </div>\r\n        {/if}\r\n        <div style="height:42px;" ref="mark"></div>\r\n        <footer class="row doexam-footer mobile mobile-retain">\r\n            <div class="submit-buttons retain-submit-buttons">\r\n                <span class="action">\r\n                    {#if showAnswer}\r\n                        <a class="nextPage btn btn-blue btn-height" on-click={this.next()}> \r\n                            {@(this.i18n(start+1>=len?"completeExercise" : "COM_EXAMS_NEXT_QUESTION"))}\r\n                        </a>\r\n                    {#else}\r\n                        <a class="nextPage btn btn-blue btn-height" r-class={{"btn-blue":canSubmit,"btn-grey":!canSubmit}} on-click={this.submit()}> \r\n                            {@(this.i18n("viewResults"))}\r\n                        </a>\r\n                    {/if}\r\n                </span>\r\n            </div>\r\n        </footer>\r\n        {#else}\r\n        <div class="row need-left15 wrong-result-header-m">\r\n            <div class="header-result-title-m">\r\n                    <a href="{uhomeUrl}" style="color: white;"> \r\n                        <div class="header-back-m">\r\n                            <i class="fa fa-angle-left fa-2x"></i>\r\n                        </div>\r\n                    </a>\r\n                {@(this.i18n("examinationResults"))}\r\n            </div>\r\n        </div>\r\n        <div style="margin: 0 -15px;background:linear-gradient(270deg,#57b8ff,#40afff);position: relative;margin-top: 50px;padding-top: 1px;text-align:center;" id="result">\r\n            <img src="{cdnBase}static/images/wrongretrain/leafbg.png" alt="" class="bereduce">\r\n            <div class="head-portrait" style="position: relative;">\r\n                <img src="{headImage}" alt="头像" style="width: 65px; height: 65px;">\r\n            </div>\r\n            <p style="font-size: 18px;color: white;text-align: center;margin-top: 10px;position: relative;">{displayName}</p>\r\n            <div style="width:80%;height:120px;background-color:white; margin: 10px auto;border-radius: 10px;font-size: 0;position: relative;">\r\n                <div class="wrong-result">\r\n                    <p style="color:#1caf9a;margin: 20px 0 3px">{(rightNum/(rightNum+falseNum)*100).toFixed(2)}%</p>\r\n                    <p style="font-size: 14px;color:#707070"><img src="{cdnBase}static/images/wrongretrain/chart-bar.png" alt=\'\' style="width: 15px;height: 12px;margin-right: 4px;">击败率</p>\r\n                </div>\r\n                <div class="wrong-result-bet"></div>\r\n                <div class="wrong-result">\r\n                    <p style="color:#36aafd;margin: 20px 0 3px">{destroyNum}</p>\r\n                    <p style="font-size: 14px;color:#707070"><img src="{cdnBase}static/images/wrongretrain/wrong-book.png" alt=\'\' style="width: 15px;height: 16px;margin-right: 5px;">消灭错题</p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class="reduce-img" on-click={this.reduceimg()}>\r\n            <img src="{cdnBase}static/images/wrongretrain/saosao.png" alt=\'\'>\r\n            <p>{@(this.i18n("GENERATE_PICTURES"))}</p>\r\n        </div>\r\n        <p style="text-align: center;margin-top: 30px;font-size: 16px;color: white;">{@(this.i18n("SHARE_WITH_PARTNERS"))}</p>\r\n        <footer class="row doexam-footer mobile mobile-retain">\r\n            <div class="submit-buttons retain-submit-buttons">\r\n                <span class="action">\r\n                    <a class="nextPage btn btn-white-blue" href="{uhomeUrl}" style="border-color: white;height: 55px;padding-top: 14px;font-size: 18px;"> \r\n                        {@(this.i18n("viewQuestion"))}\r\n                    </a>\r\n                </span>\r\n                <span class="action">\r\n                    <a class="nextPage btn btn-orange" on-click={this.reload()} style="height: 55px;padding-top: 14px;font-size: 18px;"> \r\n                        {@(this.i18n("takeAnotherExamination"))}\r\n                    </a>\r\n                </span>\r\n            </div>\r\n        </footer>\r\n        {/if}\r\n    {/if}\r\n</div>\r\n\r\n<div class="background-gary" r-hide={showImg}>\r\n    <i class="fa fa-times" aria-hidden="true" on-click={this.close()} style="color: white;font-size: 25px;float: right;margin-bottom: 10px;margin-right: 10px;"></i>\r\n    <img id="html2Image" src="" alt="" style="border-radius:10px">\r\n    <p style="text-align: center;font-size: 18px;color: white;margin-top: 10px;">{@(this.i18n("PICTURE_TO_SAVE"))}</p>\r\n</div>\r\n  '},503:function(i,n){i.exports='<div class="background"></div>\r\n<div class="errorWindow" r-class={{"windowIsCloze":isCloze}}>\r\n\r\n    <div class="wrong-header">\r\n        <div class="errorTitle" data-spy="affix" data-offset-top="54">\r\n            <p>{@(this.i18n("errorCorrection"))}</p>\r\n            <p style="margin-top: 7px;font-size: 12px;">{@(this.i18n("errorCorrectionEn"))}</p>\r\n        </div>\r\n        <div class="errorTitle-div"></div>\r\n        <div style="float: right;margin-right: 70px;">\r\n            <img src="{headImage}" alt="" style="width: 45px;height: 45px;border-radius: 23px;">\r\n            <div style="display: inline-block;color: rgb(153, 153, 153);padding: 0px 20px;border-right: solid 3px #eee;height: 25px;margin-right: 10px;">\r\n                {mailboxName}\r\n            </div>\r\n            <a href="{uhomeUrl}"> \r\n                {@(this.i18n("goBack"))}\r\n            </a>\r\n        </div>\r\n        \r\n        <div class="g-btn"></div>\r\n        <div class="g-btn" style="top:220px"></div>\r\n        <div class="g-btn" style="top:340px"></div>\r\n        <div class="g-btn" style="top:460px"></div>\r\n        <div class="g-btn" style="top:580px"></div>\r\n    </div>\r\n    <div class="question-div" r-class={{"questionIsCloze":isCloze}}>\r\n        {#if loading}\r\n            <div class="row  ie8-do question-loading">\r\n                <div class="col-md-12">\r\n                    <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n                </div>\r\n            </div>\r\n        {#elseif haveError}\r\n            <div class="row">\r\n                <div class="col-md-12">\r\n                    <div class="erro-tips-icon" style="margin: 60px;">\r\n                        <img src="{cdnBase}static/images/wrongretrain/finish.png" alt=\'\' >\r\n                    </div>\r\n                    <div class="erro-page" style="margin: 55px;color: #333333;font-size: 15px;">\r\n                        {@(this.i18n("COM_EXAMS_CONFIRM_SUBMIT_ERRMESGE"))}{@(this.i18n("COM_EXAMS_CLICK"))}\r\n                        <a href="{uhomeUrl}" class="btn btn-blue" style="width: 10%;border-radius: 17px;height: 35px;padding-top: 7px;">{@(this.i18n("goBack"))}</a>\r\n                        {@(this.i18n("COM_EXAMS_ITEM_BANK"))}\r\n                    </div>\r\n                    \r\n                </div>\r\n            </div>\r\n        {#else}\r\n            {#if !viewResult}\r\n                <div class="questions retrain-main">\r\n                    {#if !lastQues}\r\n                        {#list this.getList(start, limit) as question}\r\n                            <question question={question} details={this.getDetails(question.qid)} index={start+question_index} total={questions.length}  on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n                        {/list}\r\n                    {/if}\r\n                </div>\r\n                {#if showAnswer}\r\n                    <div class="questions retrain-main">\r\n                        {#list this.getList(start, limit) as question}\r\n                            <question.review question={question} details={this.getDetails(question.qid)} index={start+question_index} total={questions.length}  on-useranswered={this.onUserAnswered($event)} on-mediachange={this.onMediaChange($event)} />\r\n                        {/list}\r\n                    </div>\r\n                {/if}\r\n                <footer class="row doexam-footer retrain-foot">\r\n                    <div class="submit-buttons retain-submit-buttons">\r\n                        <span class="action">\r\n                            {#if showAnswer}\r\n                                <a class="nextPage btn btn-blue" on-click={this.next()}> \r\n                                    {@(this.i18n(start+1>=len && questions.length == 1 && questions[0].times <= 0?"completeExercise" : "COM_EXAMS_NEXT_QUESTION"))}\r\n                                </a>\r\n                            {#else}\r\n                                <a class="nextPage btn btn-blue" r-class={{"btn-blue":canSubmit,"btn-grey":!canSubmit}} on-click={this.submit()}> \r\n                                    {@(this.i18n("checkAnswer"))}\r\n                                </a>\r\n                            {/if}\r\n                        </span>\r\n                    </div>\r\n                </footer>\r\n            {#else}\r\n                <div class="row">\r\n                    <div class="col-md-12">\r\n                        <div class="erro-tips-icon" style="margin: 60px;">\r\n                            <img src="{cdnBase}static/images/wrongretrain/finish.png" alt=\'\' >\r\n                        </div>\r\n                        <div class="erro-page" style="margin: 55px;color: #333333;font-size: 15px;">\r\n                            {@(this.i18n("COM_EXAMS_ELIMINATED"))}<span style="color: #36aafd;"> {destroyNum} </span>{@(this.i18n("COM_EXAMS_STILL"))}<span style="color: #36aafd;"> {total-destroyNum} </span>{@(this.i18n("COM_EXAMS_NO_SUCCESSFULLY"))}{@(this.i18n("COM_EXAMS_CLICK"))}\r\n                            <span class="action">\r\n                                <a class="nextPage btn btn-blue" on-click={this.reload()} r-style={{"width":(this.i18n("locale"))=="en-gb"? "145px":"110px"}} style="vertical-align: baseline;border-radius: 25px;height: 30px;padding-top: 4px;"> \r\n                                    {@(this.i18n("COM_EXAMS_CONTINUE_CLEAR"))}\r\n                                </a>\r\n                            </span>\r\n                        </div>\r\n                        \r\n                    </div>\r\n                </div>\r\n            {/if}\r\n        {/if}\r\n    </div>\r\n    <p style="text-align: center;margin-top: 120px;color: #999;" r-class={{"textIsCloze":isCloze}}>{@(this.i18n("COM_EXAMS_CONFIRM_SUBMIT_EXAM_RANDOM"))}</p>\r\n</div>\r\n'},504:function(i,n){i.exports='{#if showCameraAgreement == 1}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated cameraAgreement" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="title">\r\n                开启摄像头监考规则\r\n            </div>\r\n            <div class="content" r-style={{"height": bodyHeight>900? "570px":bodyHeight-300+"px"}}>\r\n                <p>\r\n                    尊敬的考生：<br>\r\n                    您好，本次考试已开启了摄像头监考，您的管理员可能开启了摄像监控或人脸识别防作弊功能，请您在考试前仔细阅读《开启摄像头监考规则》（以下简称为“本规则”），并按照规则进行考试。\r\n                </p>\r\n                \r\n                <p>\r\n                    一．监考规则说明<br>\r\n\r\n                    1. 考生进入考试时应认真阅读并同意“本规则”，同意表示接受考试监考规则，并为自己的行为负责，同时意味着允许考试系统对您进行采集录像信息。<br>\r\n    \r\n                    2. 考试必须使用摄像头或带有摄像功能的电脑，建议您提前进行摄像头可用性检查，避免考试时无法进入。<br>\r\n    \r\n                    3. 若开启了人脸识别功能，考试前将进行人脸识别匹配，检查您的证件照是否符合人脸比对，请务必保证系本人参与考试。<br>\r\n    \r\n                    4. 考试过程中请勿遮挡摄像头、任意插拔摄像头，考试过程中如遇突发情况需要暂停考试的请联系管理员(即考试发起方)。<br>\r\n    \r\n                    5. 严禁考生用照片、手机等进行人脸比对，禁止他人替考，一经发现可能会影响您的考试成绩。\r\n                </p>\r\n                \r\n                <p>\r\n                    二．考生注意事项<br>\r\n\r\n                    内容：因摄像头监考采用人工智能领域较为前沿的活体识别技术、人脸比对技术，所以对监控场景有诸多要求，为避免系统产生误判，请考生注意以下事项:<br>\r\n\r\n                    1. 考试时严禁敷面膜参加考试，尽可能素颜，保证面部在摄像头识别范围内清晰可见；<br>\r\n\r\n                    2. 与摄像头保持适当距离，摄像头监控范围尽量保持在上半身，头部完整，不要只露出头顶或者下巴，面部要完整展示并保持在摄像区域中间位置；<br>\r\n\r\n                    3. 考试时身后和身旁不要站人围观；<br>\r\n\r\n                    4. 光线不可过暗、不可过亮、不要背光，注意一下灯光位置，灯光尽可能不要靠太近直照面部；<br>\r\n\r\n                    5. 请勿用手、或其他物品遮挡面部，不要戴帽子、带口罩；<br>\r\n\r\n                    6. 请勿扮鬼脸、卖萌、自拍。\r\n\r\n                </p>\r\n\r\n                <p>\r\n                    三．附则<br>\r\n\r\n                    1. 优考试方仅为提供摄像监控功能的一方，功能的使用决定权归本次考试发起方，若考生不同意开启摄像监考，请与考试发起方协商，因此所发生的争议，由考试发起方与考生协商解决，优考试不承担此责任。<br>\r\n\r\n                    2. 若考生认为考试发起方将摄像监考功能用于非法用途的，可与优考试联系，我司将采取行动了解实际情况，若属实将保留追究其法律责任的权利。<br>\r\n\r\n                    3 优考试对本规则拥有最终解释权，有权在必要时修改本规则，请用户自觉遵守。\r\n\r\n                </p>\r\n\r\n                \x3c!-- <p>\r\n                    <span>\r\n                        优考试<br>\r\n                        2020年6月12日\r\n                    </span>\r\n                </p> --\x3e\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <label>\r\n            <input checked={inputVal} on-click={this.setInput()} class="radio_type" type="radio" name="" id="cameraagreement" r-style={{"vertical-align":isIE?"top":"text-bottom"}}>\r\n                我已认真阅读并同意开启摄像头监考规则<span>（需勾选同意方可进入下一步）</span>\r\n            </label><br>\r\n            {#if acquired && inputVal}\r\n              <button on-click={this.next()} class="btn btn-primary btn-next btn-cannext">下一步</button>\r\n            {#else}\r\n              <button class="btn btn-primary btn-next">下一步({time})</button>\r\n            {/if}\r\n        </div>\r\n    </div>\r\n{/if}\r\n'},505:function(i,n){i.exports='{#if showCameraAgreement == 1}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated cameraAgreement" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="content">\r\n            <div class="title">\r\n              Agreement of Camera Proctoring\r\n            </div>\r\n            <div class="content" r-style={{"height": bodyHeight>900? "570px":bodyHeight-300+"px"}}>\r\n                <p>\r\n                  Dear candidates:<br>\r\n                  The exam has enabled camera proctoring. Your administrator may have turned on Camera Surveillance or Face Recognition. Please read this Agreement of Camera Proctor  and conduct the exam in accordance with the rules.\r\n                </p>\r\n                \r\n                <p>\r\n                  Ⅰ. Invigilation Rules<br>\r\n\r\n                    a.Please read this agreement carefully before the exam. If you check the agreement, it means that you accept the exam supervision rules and be responsible for your actions. It also means that the exam system is allowed to collect video information for you.<br>\r\n    \r\n                    b.The exam requires that your computer must be equipped with a camera. It is recommended you to check the usability of the camera in advance.<br>\r\n    \r\n                    c.If the face recognition function is turned on, face recognition matching will be performed before the test to check whether your ID photo meets the face comparison. Please make sure that you are the one who participated in the test.<br>\r\n    \r\n                    d.During the test, please do not block the camera or plug and unplug the camera arbitrarily. If you need to suspend the test during the test, please contact the administrator (your teacher).<br>\r\n    \r\n                    e.It is strictly forbidden for candidates to use photos, mobile phones, etc. for face comparison, or find someone to take exam for you. Once detect, your exam qualification will be canceled.\r\n                </p>\r\n                \r\n                <p>\r\n                  Ⅱ. Notes for candidates<br>\r\n\r\n                  Because the camera surveillance adopts body recognition technology and face comparison technology, there are many requirements for monitoring scenes. In order to avoid false judgments by the system, candidates should pay attention to the following:<br>\r\n\r\n                    a.It is strictly forbidden to take a mask to take the test during the test, as far as possible;<br>\r\n\r\n                    b.Keep an appropriate distance from the camera, and keep your upper body at the camera monitoring range; fully show your face, do not just expose the top of the head or the chin;<br>\r\n\r\n                    c.Be sure that no one stand by or beside you;<br>\r\n\r\n                    d.The light should not be too dark, too bright, and no backlight;<br>\r\n\r\n                    e.Do not cover the face with your hands or other objects, do not wear hats or masks;<br>\r\n\r\n                    f.Do not make faces.\r\n\r\n                </p>\r\n\r\n                <p>\r\n                  Ⅲ. Supplement<br>\r\n\r\n                    a.Online Exam Maker is only the party that provides the camera monitoring function. The decision to use the function belongs to the initiator of the exam. If the candidate does not agree to open the camera monitoring, please consult with the exam initiator. The dispute arising from this matter shall be resolved by the initiator and candidate, and Online Exam Maker shall not bear this responsibility.<br>\r\n\r\n                    b.If you think that the initiator uses the video surveillance function for illegal purposes, you can contact us. Our company will take action to get the truth, and if it is true, we will pursue the legal responsibility of the initiator<br>\r\n\r\n                    c.Online Exam Maker has the whole interpretation right to this rule, and has the right to modify this rule if necessary, please consciously abide by it.\r\n\r\n                </p>\r\n\r\n                \x3c!-- <p>\r\n                    <span>\r\n                        Online Exam Maker <br>\r\n                        18th,June,2020\r\n                    </span>\r\n                </p> --\x3e\r\n            </div>\r\n        </div>\r\n        <div class="action text-center">\r\n            <label>\r\n              <input checked={inputVal} on-click={this.setInput()} class="radio_type" type="radio" name="" id="cameraagreement" r-style={{"vertical-align":isIE?"top":"text-bottom"}}>\r\n              I have read and agreed with the Agreement of Camera Proctor<span>（Please tick the agreement to continue）</span>\r\n            </label><br>\r\n            {#if acquired && inputVal}\r\n              <button on-click={this.next()} class="btn btn-primary btn-next btn-cannext">Continue</button>\r\n            {#else}\r\n              <button class="btn btn-primary btn-next">Continue({time})</button>\r\n            {/if}\r\n        </div>\r\n    </div>\r\n{/if}'},506:function(i,n){i.exports='<div class="form-group">\r\n  <div class="input-group">\r\n    <label class="input-group-addon" r-style={{"width":(maxWord*charSize+addWidth)+"px"}}>{code.field_label}</label>\r\n    <input type="text"\r\n      class="form-control" placeholder=\'{@(this.i18n("enterVerification"))}\'\r\n      required="required"\r\n      r-model={code.value}\r\n      on-blur={ this.$emit(\'leave\', code) }\r\n      r-style={{"float":"left","margin-left":"5px","width":"calc(100% - "+(maxWord*charSize+115+addWidth)+"px)"}}             \r\n    >\r\n    {#if acquired}\r\n      <button class="btn btn-blue new-btn getCode reCode">\r\n        {@(this.i18n("regain"))}({second})\r\n      </button>\r\n    {#else}\r\n      <button class="btn btn-blue new-btn getCode" on-click={this.getCode()}>\r\n        {@(this.i18n("getVerification"))}\r\n      </button>\r\n    {/if}\r\n  </div>\r\n  {#if code.error}\r\n      \x3c!-- <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> --\x3e\r\n      <span class="help-block" r-style={{"padding-left":(maxWord*charSize+addWidth+72*1)+"px"}}>{code.errorMsg}</span>\r\n  {/if}\r\n</div>\r\n'},507:function(i,n){i.exports='<div class="form-group new-field-input">\r\n  <div class="new-m-input-group new-mobile-input-group">\r\n    <input type="text"\r\n      class="form-control new-phone-code new-form-control" placeholder=\'{@(this.i18n("enterVerification"))}\'\r\n      required="required"\r\n      r-model={code.value}\r\n      on-blur={ this.$emit(\'leave\', code) }\r\n      style="padding-left: 5px;"          \r\n    >\r\n    {#if acquired}\r\n      <button class="btn btn-blue new-btn getCode getCodeMobile">\r\n        {@(this.i18n("regain"))}({second})\r\n      </button>\r\n    {#else}\r\n      <button class="btn btn-blue new-btn getCode getCodeMobile" on-click={this.getCode()}>\r\n        {@(this.i18n("getVerification"))}\r\n      </button>\r\n    {/if}\r\n    {#if code.error}\r\n        <span class="help-block"><span style="margin-right: 3px;">*</span>{code.errorMsg}</span>\r\n    {/if}\r\n  </div>\r\n</div>\r\n'},508:function(i,n){i.exports='{#if qrHide == 1}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut;\'></div>\r\n    <div class="upload-qrbox switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n\r\n        {#if state == 2}\r\n            <div class="uploadSuccess">\r\n                <div class="check-container" r-style={{"background":uploadSucessAnimation?"#666":"#ccc"}}>\r\n                    <i class="check-icon" r-class={{"check-icon-move":uploadSucessAnimation}}></i>\r\n                </div>\r\n                <p style="margin-top: 5px;">{#if uploadImgInfo}{@(this.i18n("imgUploading"))}{#else}{@(this.i18n("uploadSucess"))}{/if}</p>\r\n                <div class="btn btn-blue" on-click={this.hideQR()}>{@(this.i18n("continueAnswer"))}</div>\r\n            </div>\r\n        {#elseif state == 1}\r\n            <p class="usePhoneTxt">{@(this.i18n("cancelUpload"))}</p>\r\n            <div class="btn btn-confirm btn-white-blue" on-click={this.hideQR()}>{@(this.i18n("ok"))}</div>\r\n            <div class="btn btn-cancel btn-blue" on-click={state=0}>{@(this.i18n("continueUploading"))}</div>\r\n        {#elseif state == 0}\r\n            <img src={qrImg}>\r\n            <p class="usePhoneTxt">{@(this.i18n("scanAndUpload"))}</p>\r\n            <p class="usePhoneTxt">{@(this.i18n("donotCloseBox"))}</p>\r\n            <div class="btn btn-blue" on-click={this.shouldHide()}>{@(this.i18n("continueAnswer"))}</div>\r\n        {#elseif state == -1}\r\n            <p class="usePhoneTxt">\r\n                {#if reloadTips}\r\n                    <span>{reloadTips}</span>\r\n                {#else}\r\n                    <span>{@(this.i18n("gettingFileLink"))}</span>\r\n                {/if}\r\n                <i class="fa fa-spin fa-spinner fa-3x"></i>\r\n            </p>\r\n        {#elseif state == 3}\r\n            <p>\r\n                <img src="/static/images/tips.png?t={nowTime}" class="icon">\r\n            </p>\r\n            <p class="usePhoneTxt">{@(this.i18n(\'errQrTips\'))}</p>\r\n            <p class="usePhoneTxt">{@(this.i18n(\'delayRate\'))}: {delayNum}%</p>\r\n            <div class="btn btn-blue" on-click={this.hideQR()}>{@(this.i18n("ok"))}</div>\r\n        {/if}\r\n    </div>\r\n{/if}'},509:function(i,n){i.exports='<div class="test_result" r-class={{"wrong":!isRight, "right": isRight}}>\r\n        <div class="userAnswer">\r\n            <span>{@(this.i18n("COM_EXAMS_USER_ANSWER"))}<span class="colon">: </span><i class="fa" r-class={{"fa-false": !isRight, "fa-check true":isRight }} aria-hidden="true"></i> </span>\r\n            <p r-html={@(userAnswer)}></p>\r\n        </div>\r\n        {#if showRightAnswer}\r\n            <div class="rightAnswer">\r\n                <span>{@(this.i18n("COM_EXAMS_RIGHT_ANSWER"))}<span class="colon">: </span></span>\r\n                <p r-html={rightAnswer}></p>\r\n            </div>\r\n        {/if}\r\n        {#if !inRetrain}\r\n            <div class="score">\r\n                <div r-class={{"false": !isRight, "true":isRight }}>\r\n                    <span>{@(this.i18n("COM_EXAMS_SCORE"))}<span class="colon">: </span></span>\r\n                    <strong><span id="pointsscored">{@(didScore|toFixed: -2)}</span>/<span id="pointsavailable">{@(score)}</span></strong>\r\n                </div>\r\n            </div>\r\n        {/if}\r\n        <div style="clear: both;"></div>\r\n    </div>\r\n    \r\n    {#if showSingleTime && singleTime > -1}\r\n        <p class="singleTime">{@(this.i18n("answerTime"))}: {singleTime}s</p>\r\n    {/if}\r\n\r\n    {#if showFeedback}\r\n        \x3c!-- <div class="dividing-line"></div> --\x3e\r\n        <div class="question-analysis analysis-info" r-class={{"wrong":!isRight, "right": isRight}}>\r\n            {@(this.i18n("questionFeedback"))}:&ensp; <span r-html={@(feedback|decodeBBCode)}></span>\r\n        </div>\r\n    {/if}'},510:function(i,n){i.exports='<div class="test_result essay" r-class={{"wrong":!isRight, "right": isRight}}>\r\n    <div class="userAnswer">\r\n        \x3c!-- <h3>{@(this.i18n("COM_EXAMS_USER_ANSWER"))} <i class="fa" r-class={{"fa-false": !isRight, "fa-check":isRight }} aria-hidden="true"></i> </h3> --\x3e\r\n        <h3>{@(this.i18n("COM_EXAMS_USER_ANSWER"))}<span class="colon">: </span><i class="fa" r-class={{"fa-false": didScore<=0, "fa-check":didScore>0 }} aria-hidden="true"></i> </h3>\r\n        <div class="question-analysis">\r\n            {#if hasKey}\r\n                <pre r-html={userAnswer[0]}></pre>\r\n            {#else}\r\n                <pre>{userAnswer[0]}</pre>\r\n            {/if}\r\n            \x3c!-- <pre>{userAnswer[0]}</pre> --\x3e\r\n            {#if userAnswer[1].length > 0}\r\n                <div class="essayAsImg">\r\n                    {#list userAnswer[1] as imgsl}\r\n                    <a href="javascript:;" class="img-show" on-click="{this.vrShowImg(imgsl_index)}"><img src="{imgsl}" alt=""></a>\r\n                    {/list}\r\n                </div>\r\n            {/if}\r\n            {#if userAnswer[2].length > 0}\r\n                <div class="essayAsAudio">\r\n                    {#list userAnswer[2] as aduiosl}\r\n                    <div class="audio-item" ><audio src="{aduiosl}" controls="controls"></audio></div>\r\n                    {/list}\r\n                </div>\r\n            {/if}\r\n            {#if userAnswer[3].url && userAnswer[3].url != ""}\r\n                <div class="file-preview">\r\n                    <p>{@(this.i18n("file"))}: {userAnswer[3].name}</p>\r\n                </div>\r\n            {/if}\r\n        </div>\r\n    </div>\r\n    {#if showRightAnswer}\r\n        <div class="rightAnswer">\r\n                <h3>{@(this.i18n("referanceAnswer"))}<span class="colon">: </span></h3>\r\n                <p class="question-analysis" r-html={@(details.RefrenceAnswer|decodeBBCode)}></p>\r\n            </div>\r\n    {/if}\r\n    {#if !inRetrain}\r\n        <div class="score">\r\n            <div class="right">\r\n                <h3>{@(this.i18n("COM_EXAMS_SCORE"))}<span class="colon">: </span></h3>\r\n                <strong><span id="pointsscored">{@(didScore|toFixed: -2)}</span>/<span id="pointsavailable">{@(score)}</span></strong>\r\n            </div>\r\n        </div>\r\n    {/if}\r\n    \x3c!-- {#if comment != ""}\r\n        <div class="essay-comment">\r\n            <p>{@(this.i18n("comment"))}{comment}</p>\r\n        </div>\r\n    {/if} --\x3e\r\n    {#if annotations != null}\r\n      {#if annotations.essayAnnotationList.length > 0} \r\n        {#list annotations.essayAnnotationList as annotationText} \r\n          {#if annotationText.underline_list == ""}\r\n            <div class="essay-comment">\r\n                <p>\r\n                    {#if annotationText.type == 2}\r\n                        {@(this.i18n("aiComment"))}\r\n                    {#else}\r\n                        {@(this.i18n("comment"))}\r\n                    {/if}\r\n                    {annotationText.annotation}\r\n                </p>\r\n            </div>\r\n          {#else}\r\n            <div class="essay-comment">\r\n                <p style="background-color: #ddd;padding-left: 5px;">{@(this.i18n("quote"))}：{annotationText.underline_list.text}</p>\r\n                <p>{@(this.i18n("comment"))}{annotationText.annotation}</p>\r\n            </div>\r\n          {/if}\r\n        {/list}\r\n      {/if}\r\n    {/if}\r\n    {#if vrShowBigImg != \'no\'}\r\n    <div class="vr-essay-overview" id="vrEssayOverview">\r\n        <i class="fa fa-times fa-2x" aria-hidden="true" on-click="{this.vrShowClose()}"></i>\r\n        <img id="vrShowBigImg" src="{userAnswer[1][vrShowBigImg]}" alt="">\r\n        {#if isMobile}\r\n        <span class="veo-M"><i class="fa fa-rotate-left fa-2x rt-left" on-click="{this.rotate(\'L\')}"></i> <i class="fa fa-rotate-right fa-2x rt-right" on-click="{this.rotate(\'R\')}"></i></span>\r\n        {#else}\r\n        <span class="veo-L"><i class="fa fa-arrow-left fa-2x rt-left" on-click="{this.next(\'L\')}"></i></span>\r\n        <span class="veo-M"><i class="fa fa-rotate-left fa-2x rt-left" on-click="{this.rotate(\'L\')}"></i> <i class="fa fa-rotate-right fa-2x rt-right" on-click="{this.rotate(\'R\')}"></i></span>\r\n        <span class="veo-R"><i class="fa fa-arrow-right fa-2x rt-left" on-click="{this.next(\'R\')}"></i></span>\r\n        {/if}\r\n    </div>\r\n    {/if}\r\n</div>\r\n\r\n{#if showSingleTime && singleTime > -1}\r\n    <p class="singleTime">{@(this.i18n("answerTime"))}: {singleTime}s</p>\r\n{/if}\r\n\r\n{#if showFeedback}\r\n    \x3c!-- <div class="dividing-line"></div> --\x3e\r\n    <div class="question-analysis analysis-info" r-class={{"wrong":!isRight, "right": isRight}}>\r\n        {@(this.i18n("questionFeedback"))}:&ensp; <span r-html={@(feedback|decodeBBCode)}></span>\r\n    </div>\r\n{/if}'},511:function(i,n){i.exports='<div class="test_result fillinblank" r-class={{"wrong":!isRight, "right": isRight}}>\r\n    <div class="userAnswer" r-class={{"no_right_answer":!showRightAnswer}}>\r\n        <h3>{@(this.i18n("COM_EXAMS_USER_ANSWER"))}<span class="colon">: </span><i class="fa" r-class={{"fa-false": !isRight, "fa-check true":isRight }} aria-hidden="true"></i> </h3>\r\n        <p r-html={@(userAnswer)}></p>\r\n    </div>\r\n    {#if showRightAnswer}\r\n        <div class="rightAnswer">\r\n            <h3>{@(this.i18n("COM_EXAMS_RIGHT_ANSWER"))}<span class="colon">: </span></h3>\r\n            <p r-html={rightAnswer}></p>\r\n        </div>\r\n    {/if}\r\n    {#if !inRetrain}\r\n        <div class="score">\r\n            <div class="right">\r\n                <span class="test_result_span_title">{@(this.i18n("COM_EXAMS_SCORE"))}<span class="colon">: </span></span>\r\n                <strong><span id="pointsscored">{@(didScore|toFixed: -2)}</span>/<span id="pointsavailable">{@(score)}</span></strong>\r\n            </div>\r\n        </div>\r\n    {/if}\r\n</div>\r\n\r\n{#if showSingleTime && singleTime > -1}\r\n    <p class="singleTime">{@(this.i18n("answerTime"))}: {singleTime}s</p>\r\n{/if}\r\n\r\n{#if showFeedback}\r\n    \x3c!-- <div class="dividing-line"></div> --\x3e\r\n    <div class="question-analysis analysis-info" r-class={{"wrong":!isRight, "right": isRight}}>\r\n        {@(this.i18n("questionFeedback"))}:&ensp; <span r-html={@(feedback|decodeBBCode)}></span>\r\n    </div>\r\n{/if}'},512:function(i,n){i.exports='<div class="test_result" r-class={{"wrong":!isRight, "right": isRight}}>\r\n    <div class="userAnswer" r-class={{"no_right_answer":!showRightAnswer}}>\r\n        <span class="test_result_span_title">{@(this.i18n("COM_EXAMS_USER_ANSWER"))}<span class="colon">: </span></span>\r\n        <strong r-class={{"false": !isRight, "true":isRight }}>\r\n            {@(userAnswer)} <i class="fa" r-class={{"fa-false": !isRight, "fa-check":isRight }} aria-hidden="true"></i>\r\n        </strong>\r\n    </div>\r\n    {#if showRightAnswer}\r\n        <div class="rightAnswer">\r\n            <div class="left">\r\n                    <span class="test_result_span_title">{@(this.i18n("COM_EXAMS_RIGHT_ANSWER"))}<span class="colon">: </span></span>\r\n                    <strong>{@(rightAnswer)}</strong>\r\n            </div>\r\n        </div>\r\n    {/if}\r\n    {#if !inRetrain}\r\n        <div class="score">\r\n            <div class="right">\r\n                <span class="test_result_span_title">{@(this.i18n("COM_EXAMS_SCORE"))}<span class="colon">: </span></span>\r\n                <strong><span id="pointsscored">{@(didScore|toFixed: -2)}</span>/<span id="pointsavailable">{@(score)}</span></strong>\r\n            </div>\r\n        </div>\r\n    {/if}\r\n    <div style="clear: both;"></div>\r\n</div>\r\n\r\n{#if showSingleTime && singleTime > -1}\r\n    <p class="singleTime">{@(this.i18n("answerTime"))}: {singleTime}s</p>\r\n{/if}\r\n\r\n{#if showFeedback}\r\n    \x3c!-- <div class="dividing-line"></div> --\x3e\r\n    <div class="question-analysis analysis-info" r-class={{"wrong":!isRight, "right": isRight}}>\r\n        {@(this.i18n("questionFeedback"))}:&ensp; <span r-html={@(feedback|decodeBBCode)}></span>\r\n    </div>\r\n{/if}'},513:function(i,n){i.exports='<div class="test_result" r-class={{"wrong":!isRight, "right": isRight}}>\r\n    <div class="userAnswer">\r\n        <span>{@(this.i18n("COM_EXAMS_USER_ANSWER"))}<span class="colon">: </span><i class="fa" r-class={{"fa-false": !isRight, "fa-check true":isRight }} aria-hidden="true"></i> </span>\r\n        <p r-html={@(userAnswer)}></p>\r\n    </div>\r\n    {#if showRightAnswer}\r\n        <div class="rightAnswer">\r\n            <span>{@(this.i18n("COM_EXAMS_RIGHT_ANSWER"))}<span class="colon">: </span></span>\r\n            <p r-html={rightAnswer}></p>\r\n        </div>\r\n    {/if}\r\n    {#if !inRetrain}\r\n        <div class="score">\r\n            <div r-class={{"false": !isRight, "true":isRight }}>\r\n                <span>{@(this.i18n("COM_EXAMS_SCORE"))}<span class="colon">: </span></span>\r\n                <strong><span id="pointsscored">{@(didScore|toFixed: -2)}</span>/<span id="pointsavailable">{@(score)}</span></strong>\r\n            </div>\r\n        </div>\r\n    {/if}\r\n    <div style="clear: both;"></div>\r\n</div>\r\n\r\n{#if showSingleTime && singleTime > -1}\r\n    <p class="singleTime">{@(this.i18n("answerTime"))}: {singleTime}s</p>\r\n{/if}\r\n\r\n{#if showFeedback}\r\n    \x3c!-- <div class="dividing-line"></div> --\x3e\r\n    <div class="question-analysis analysis-info" r-class={{"wrong":!isRight, "right": isRight}}>\r\n        {@(this.i18n("questionFeedback"))}:&ensp; <span r-html={@(feedback|decodeBBCode)}></span>\r\n    </div>\r\n{/if}'},514:function(i,n){i.exports='{#list childs as q}\r\n<div class="package-child-question">\r\n    <question.review isPackageChild={true} question={q} details={q} index={q_index} parentIndex={parentIndex} />\r\n</div>\r\n{/list}\r\n{#if showSingleTime && singleTime > -1}\r\n    <p class="singleTime packSingleTime">{@(this.i18n("answerTime"))}: {singleTime}s</p>\r\n{/if}'},515:function(i,n){i.exports='{#list group as go}\r\n\x3c!-- {@(this.i18n("option"))} --\x3e\r\n<p><strong>{go_index+1}:</strong></p>\r\n<ul class="clear-list-style">\r\n    {#list go as op}\r\n        <li>{this.getAbc(op_index)}. {optionObj[op].title}</li>\r\n    {/list}\r\n</ul>\r\n{/list}'},516:function(i,n){i.exports='<div class="review-match-list">\r\n    <ul class="clear-list-style mt0-and-mb0 option-list ul-left">\r\n        {#list leftOp as lo}\r\n            {#if !activeOp[lo_index]}\r\n                <li ref=\'op{lo.oid}\'>\r\n                    {lo_index+1}、<span>{lo.title}</span>\r\n                </li>\r\n            {/if}\r\n        {/list}\r\n    </ul>\r\n    <ul class="clear-list-style mt0-and-mb0 option-list ul-left">\r\n        {#list rightOp as ro}\r\n            {#if !activeOp[ro_index+half]}\r\n                <li ref=\'op{ro.oid}\'>\r\n                    {this.getAbc(ro_index)}、<span>{ro.title}</span>\r\n                </li>\r\n            {/if}\r\n        {/list}\r\n    </ul>\r\n</div>\r\n'},517:function(i,n){i.exports='<ul class="sorting-review">\r\n    {#list options as op}\r\n        <li>{this.getAbc(op_index)}.{op.title}</li>\r\n    {/list}\r\n</ul>'},518:function(i,n){i.exports='<div class="test_result" r-class={{"wrong":!isRight, "right": isRight}}>\r\n    <div class="userAnswer">\r\n        <span>{@(this.i18n("COM_EXAMS_USER_ANSWER"))}<span class="colon">: </span><i class="fa" r-class={{"fa-false": !isRight, "fa-check true":isRight }} aria-hidden="true"></i> </span>\r\n        <p r-html={@(userAnswer)}></p>\r\n    </div>\r\n    {#if showRightAnswer}\r\n        <div class="rightAnswer">\r\n            <span>{@(this.i18n("COM_EXAMS_RIGHT_ANSWER"))}<span class="colon">: </span></span>\r\n            <p r-html={rightAnswer}></p>\r\n        </div>\r\n    {/if}\r\n    {#if !inRetrain}\r\n        <div class="score">\r\n            <div r-class={{"false": !isRight, "true":isRight }}>\r\n                <span>{@(this.i18n("COM_EXAMS_SCORE"))}<span class="colon">: </span></span>\r\n                <strong><span id="pointsscored">{@(didScore|toFixed: -2)}</span>/<span id="pointsavailable">{@(score)}</span></strong>\r\n            </div>\r\n        </div>\r\n    {/if}\r\n    <div style="clear: both;"></div>\r\n</div>\r\n\r\n{#if showSingleTime && singleTime > -1}\r\n    <p class="singleTime">{@(this.i18n("answerTime"))}: {singleTime}s</p>\r\n{/if}\r\n\r\n{#if showFeedback}\r\n    \x3c!-- <div class="dividing-line"></div> --\x3e\r\n    <div class="question-analysis analysis-info" r-class={{"wrong":!isRight, "right": isRight}}>\r\n        {@(this.i18n("questionFeedback"))}:&ensp; <span r-html={@(feedback|decodeBBCode)}></span>\r\n    </div>\r\n{/if}'},519:function(i,n){i.exports='<ul class="clear-list-style mt0-and-mb0 option-list">\r\n    {#list options as option}\r\n       {#if option.title != ""}\r\n        <li on-click={this.select(option.oid)} class="btn doadvance-btn-option" r-class={{"btn-option-selected-false":this.selectedOid(option.oid) && !isRight, "btn-option-selected-true":(this.selectedOid(option.oid) && isRight) || ( !this.selectedOid(option.oid) && useranswer != "" && this.isRight(option.oid) )}} >\r\n            {this.getAbc(option_index)}、 <span r-html={@(option.title|decodeBBCode)}></span>\r\n            <i class="fa" \r\n            r-class={{"fa-close":this.selectedOid(option.oid) && !isRight, "fa-check":(this.selectedOid(option.oid) && isRight) || ( !this.selectedOid(option.oid) && useranswer != "" && this.isRight(option.oid) )}}>\r\n            </i>\r\n        </li>\r\n       {/if}\r\n    {/list}\r\n</ul>'},52:function(i,n){i.exports=function(i){var n=[];return n.toString=function(){return this.map(function(n){var e=function(i,n){var e=i[1]||"",t=i[3];if(!t)return e;if(n&&"function"==typeof btoa){var r=function(i){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"}(t),a=t.sources.map(function(i){return"/*# sourceURL="+t.sourceRoot+i+" */"});return[e].concat(a).concat([r]).join("\n")}return[e].join("\n")}(n,i);return n[2]?"@media "+n[2]+"{"+e+"}":e}).join("")},n.i=function(i,e){"string"==typeof i&&(i=[[null,i,""]]);for(var t={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(t[a]=!0)}for(r=0;r<i.length;r++){var s=i[r];"number"==typeof s[0]&&t[s[0]]||(e&&!s[2]?s[2]=e:e&&(s[2]="("+s[2]+") and ("+e+")"),n.push(s))}},n}},520:function(i,n){i.exports='{#if !mobile}\r\n    <span class="cloze-tmp" tabindex="0" hidefocus="true" on-focus={this.showOption()} on-blur={this.closeOption()}>\r\n        {#if useranswertitle == ""}\r\n            \x3c!-- <i r-style={{"color":showOption?"#36aafd":"#000"}} title="{@(this.i18n(\'clozeOpTip\'))}">____</i>  --\x3e\r\n            <i style="color:#36aafd" title="{@(this.i18n(\'clozeOpTip\'))}">____</i>\r\n        {#else}\r\n            <i class="cloze-answer title-pre">{useranswertitle}</i> \r\n        {/if}\r\n        {#if showOption}\r\n            <ul class="clear-list-style mt0-and-mb0 option-list cloze-list">\r\n                {#list thisOids as option} \r\n                    {#if optionObj[option].title != ""}\r\n                    <li on-click={this.select(option)} class="btn btn-option" r-class={{"btn-option-selected":this.selectedOid(option) }}>\r\n                        <i class="fa" r-class={{"fa-circle-o": selimit=="=1" && !this.selectedOid(option), "fa-square-o":selimit!="=1"&&!this.selectedOid(option), "fa-check-circle-o":selimit=="=1" && this.selectedOid(option), "fa-check-square":selimit!="=1"&&this.selectedOid(option)}}>\r\n                        </i> {this.getAbc(option_index)}. <span class="title-pre" r-html={@((optionObj[option].title|decodeBBCode)|formatEn)}></span>\r\n                    </li>\r\n                    {/if}\r\n                {/list}\r\n            </ul>\r\n        {/if}\r\n    </span>\r\n{#else}\r\n    <span class="cloze-tmp" tabindex="{id}" hidefocus="true" on-click={this.showOption($event)} >\r\n        {#if useranswertitle == ""}\r\n            \x3c!-- <i r-style={{"color":showOption?"#36aafd":"#000"}} title="{@(this.i18n(\'clozeOpTip\'))}">____</i>  --\x3e\r\n            <i style="color:#36aafd" title="{@(this.i18n(\'clozeOpTip\'))}">____</i>\r\n        {#else}\r\n            <i class="cloze-answer">{useranswertitle}</i> \r\n        {/if}\r\n    </span>\r\n    <span>\r\n        {#if showOptions}\r\n            <ul class="clear-list-style mt0-and-mb0 option-list cloze-list" r-style={{"margin-top": clozeTop + "px"}}>\r\n                {#list thisOids as option} \r\n                    {#if optionObj[option].title != ""}\r\n                    <li on-click={this.select(option)} class="btn btn-option" r-class={{"btn-option-selected":this.selectedOid(option) }}>\r\n                        <i class="fa" r-class={{"fa-circle-o": selimit=="=1" && !this.selectedOid(option), "fa-square-o":selimit!="=1"&&!this.selectedOid(option), "fa-check-circle-o":selimit=="=1" && this.selectedOid(option), "fa-check-square":selimit!="=1"&&this.selectedOid(option)}}>\r\n                        </i> {this.getAbc(option_index)}. <span class="title-pre" r-html={@((optionObj[option].title|decodeBBCode)|formatEn)}></span>\r\n                    </li>\r\n                    {/if}\r\n                {/list}\r\n            </ul>\r\n        {/if}\r\n    </span>\r\n{/if}\r\n\r\n'},521:function(i,n){i.exports='{#if essayCustomSetting.essay_question_customize_text == 1}\r\n    <textarea class="form-control essay_question_textarea" spellcheck="false" rows="8" placeholder="{@(this.i18n(\'COM_EXAMS_ENTER_ANSWER_HERE\'))}" r-model={answer}></textarea>\r\n    <div style="text-align: right;">\r\n        <span class="wordNum">\r\n            {@(this.i18n("wordNum"))}{wordNum} \r\n        </span>\r\n    </div>\r\n{/if}\r\n\r\n\r\n\x3c!-- <button on-click={this.test1()}>录音</button><button  on-click={this.test2()}>停止</button> --\x3e\r\n\r\n\r\n{#if !!imgList.length}\r\n<imgshow imgList={imgList} showModal={\'answer\'} on-remove={this.imgRemove($event)}/>\r\n\r\n\x3c!--旧版答案预览图片--\x3e\r\n\x3c!-- <div class="image-preview">\r\n    {#list imgList as imgl}\r\n    <span class="img-cell" ><img src="{imgl}" alt="" on-click={this.imgOpen(imgl_index)}> <i class="fa fa-times fa-1x preview-close" aria-hidden="true" on-click={this.imgRemove(imgl_index)}></i></span>\r\n    {/list}\r\n</div> --\x3e\r\n\r\n{/if}\r\n\x3c!-- <audio src="http://userfile.baisikao.com/audios/userupload/112/20180529190651_kha3.mp3"></audio>\r\n<audio src="http://userfile.baisikao.com/media/userupload/113/20180423193702_r2lee4.mp3"></audio> --\x3e\r\n{#if THISIE}\r\n{#if !!audioList.length}\r\n<div class="audio-Preview" id="audio-container">\r\n    {#list audioList as audiol}\r\n    <div class="audio-cell audio-cell-ie">\r\n        <audio id="{mark}audio{audiol_index}" src="{audiol}" />\r\n        <i class="fa fa-times fa-1x preview-audio-close" aria-hidden="true" on-click={this.audioRemove(audiol_index)}></i>\r\n    </div>\r\n    \r\n    {/list}\r\n   \r\n</div>\r\n{/if}\r\n{#else}\r\n{#if !!audioList.length}\r\n<div class="audio-Preview" id="audio-container">\r\n    {#list audioList as audiol}\r\n    <div class="audio-cell">\r\n        <audio id="{mark}audio{audiol_index}">\r\n            <source src="{audiol}" type="audio/mp3">\r\n        </audio>\r\n        <div class="audio-left"><i class="fa fa-play-circle-o fa-2x audio-icon" id="{mark}audioPlayer{audiol_index}" aria-hidden="true" on-click={this.audioPlay(audiol_index)}></i></div>\r\n        <div class="audio-right">\r\n            <div class="progress-bar-bg" id="{mark}progressBarBg{audiol_index}"><span id="{mark}progressDot{audiol_index}"></span>\r\n                <div class="essay-progress-bar" id="{mark}progressBar{audiol_index}"></div>\r\n            </div>\r\n            <div class="audio-time"><span class="audio-length-total">{audioTimeList[audiol_index]}\'s</span></div>\r\n        </div>\r\n        <i class="fa fa-times fa-1x preview-audio-close" aria-hidden="true" on-click={this.audioRemove(audiol_index)}></i>\r\n    </div>\r\n    \r\n    {/list}\r\n</div>\r\n{/if}\r\n{/if}\r\n\r\n{#if fileData.url != ""}\r\n    <div class="file-preview">\r\n        <p>{fileData.name}</p><i class="fa fa-times fa-1x preview-close" aria-hidden="true" on-click={this.fileRemove()}></i>\r\n    </div>\r\n{/if}\r\n\r\n{#if selectMode != 0}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut;\' on-click={selectMode=0}></div>\r\n    <div class="selectModeBox switchs switchTip animated" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <p style={occupyScreen?\'border-bottom: none\':\'\'} class="usePhoneTxt" on-click={this.requestQRCode()}>{@(this.i18n("scanCodeToUpload"))}</p>\r\n        <p r-hide="occupyScreen" class="usePhoneTxt">{@(this.i18n("localUpload"))}\r\n            \r\n        {#if selectMode == 1}\r\n            {#if imgList.length < 6}\r\n                {#if phoneType == "ios"}\r\n                    <input type="file" name="file" ref=imgFlie multiple="multiple" accept="image/*" capture on-change="{this.getImage($event)}" on-click="{this.wantUploadPhoto()}">\r\n                {#else}\r\n                    <input type="file" name="file" ref=imgFlie multiple="multiple" accept="image/*" capture=camera on-change="{this.getImage()}" on-click="{this.wantUploadPhoto()}">\r\n                {/if}\r\n            {#else}\r\n                <input type="hidden">\r\n            {/if}\r\n        {#else}\r\n            {#if fileData.url == ""}\r\n                {#if phoneType == "ios"}\r\n                    <input type="file" name="file" ref=otherFlie multiple="multiple" on-change="{this.getFile($event)}" on-click="{this.wantUploadPhoto()}">\r\n                {#else}\r\n                    <input type="file" name="file" ref=otherFlie multiple="multiple" on-change="{this.getFile()}" on-click="{this.wantUploadPhoto()}">\r\n                {/if}\r\n            {#else}\r\n                <input type="hidden">\r\n            {/if}\r\n        {/if}\r\n        </p>\r\n    </div>\r\n{/if}\r\n\r\n{#if canUpload == 1}\r\n    {#if action != 5}\r\n        <div class="essay-media-upload" r-class={{"can-upload-file":canUploadFile == 1}}>\r\n            {#if essayCustomSetting.essay_question_customize_photo == 1}\r\n                <div>\r\n                    <span class="image-upload" on-click="{this.checkImage()}">\r\n                        <img src="{cdnBase}static/images/essay-photo.png" alt="" >\r\n                        \x3c!-- 123 --\x3e\r\n                        <p>{@(this.i18n("photo"))}</p>\r\n                        \r\n                        {#if imgList.length < 6 && mobile}\r\n                            {#if phoneType == "ios"}\r\n                                <input type="file" name="file" ref=imgFlie multiple="multiple" accept="image/*" capture on-change="{this.getImage($event)}" on-click="{this.wantUploadPhoto()}">\r\n                            {#else}\r\n                                <input type="file" name="file" ref=imgFlie multiple="multiple" accept="image/*" capture=camera on-change="{this.getImage()}" on-click="{this.wantUploadPhoto()}">\r\n                            {/if}\r\n                        {#else}\r\n                            <input type="hidden">\r\n                        {/if}\r\n                    </span>\r\n                </div>\r\n            {/if}\r\n            {#if essayCustomSetting.essay_question_customize_attachment == 1}\r\n                <div>\r\n                    <span class="image-upload" on-click="{this.checkFile()}">\r\n                        <img src="{cdnBase}static/images/essay-file.png" alt="" >\r\n                        <p>{@(this.i18n("file"))}</p>\r\n                        {#if fileData.url == "" && mobile}\r\n                            {#if phoneType == "ios"}\r\n                                <input type="file" name="file" ref=otherFlie multiple="multiple" on-change="{this.getFile($event)}" on-click="{this.wantUploadPhoto()}">\r\n                            {#else}\r\n                                <input type="file" name="file" ref=otherFlie multiple="multiple" on-change="{this.getFile()}" on-click="{this.wantUploadPhoto()}">\r\n                            {/if}\r\n                        {#else}\r\n                            <input type="hidden">\r\n                        {/if}\r\n                    </span>\r\n                </div>\r\n            {/if}\r\n            {#if essayCustomSetting.essay_question_customize_voice == 1}\r\n                <div>\r\n                    <span class="image-upload" on-click={this.Audioing()}>\r\n                        <img src="{cdnBase}static/images/essay-audio.png" alt="" >\r\n                        <p>{@(this.i18n("record"))}</p>\r\n                        \x3c!-- {#if occupyScreen}\r\n                            <div class="not-sup">{@(this.i18n("notSupported"))}</div>\r\n                        {/if} --\x3e\r\n                    </span>\r\n                </div>\r\n            {/if}\r\n            {#if essayCustomSetting.essay_question_customize_drawing_board == 1}\r\n                <div>\r\n                    <span class="image-upload" on-click="{this.openBoard()}">\r\n                        <img src="{cdnBase}static/images/board.png" alt="" >\r\n                        <p>{@(this.i18n("board"))}</p>\r\n                    </span>\r\n                </div>\r\n            {/if}\r\n            <uploadqr ref=upload qrHide={qrHide}/>\r\n        </div>\r\n    {#else}\r\n        <div class="essay-media-upload" r-class={{"can-upload-file":canUploadFile == 1}}>\r\n          <div class="essay-media-upload-left">{this.i18n("moreAnswerMethods")}:</div>\r\n            <div class="essay-upload-area">\r\n              <div class="essay-media-upload-middle">\r\n                {#if essayCustomSetting.essay_question_customize_photo == 1}\r\n                    <div>\r\n                        <span class="image-upload">\r\n                            <img src="{cdnBase}static/images/essay-photo.png" alt="" >\r\n                            \x3c!-- 456789 --\x3e\r\n                            <p>{@(this.i18n("photo"))}</p>\r\n                        </span>\r\n                    </div>\r\n                {/if}\r\n                {#if essayCustomSetting.essay_question_customize_attachment == 1}\r\n                    <div>\r\n                        <span class="image-upload">\r\n                            <img src="{cdnBase}static/images/essay-file.png" alt="" >\r\n                            <p>{@(this.i18n("file"))}</p>\r\n                        </span>\r\n                    </div>\r\n                {/if}\r\n                {#if essayCustomSetting.essay_question_customize_voice == 1}\r\n                    <div>\r\n                        <span class="image-upload">\r\n                            <img src="{cdnBase}static/images/essay-audio.png" alt="" >\r\n                            <p>{@(this.i18n("record"))}</p>\r\n                        </span>\r\n                    </div>\r\n                {/if}\r\n                {#if essayCustomSetting.essay_question_customize_drawing_board == 1}\r\n                    <div>\r\n                        <span class="image-upload">\r\n                            <img src="{cdnBase}static/images/board.png" alt="" >\r\n                            <p>{@(this.i18n("board"))}</p>\r\n                        </span>\r\n                    </div>\r\n                {/if}\r\n              </div>\r\n            </div>\r\n            \r\n        </div>\r\n    {/if}\r\n{/if}\r\n\r\n{#if Audioing}\r\n    <div class="media-overflow"></div>\r\n    <div class="Audioing animated" id="Audioing">\r\n        <span on-click={this.colseAudioing()} class="audio-close"><i class="fa fa-times fa-2x" aria-hidden="true"></i></span>\r\n        {#if AudioDo}\r\n            <div class="audioHead">\r\n                <div class="audioStyle action-{audioBtn}">\r\n                    {#list audioArray_left as item}\r\n                        <span style="height:{item}px"></span>\r\n                    {/list}\r\n                </div>\r\n                <p class="top">0:{AudioTime|formatAsc}</p>\r\n                <div class="audioStyle as2 action-{audioBtn}">\r\n                    {#list audioArray_right as item}\r\n                        <span style="height:{item}px"></span>\r\n                    {/list}\r\n                </div>\r\n            </div>\r\n            <div class="audio-action">\r\n                <a href="javascript:;" class="audio-check" on-click={this.audioRestart()}>{@(this.i18n("renew"))}</a>\r\n                <a href="javascript:;" class="audio-main" on-click={this.audioStop()}><span class="{audioBtn}" id="audio-button"></span></a>\r\n                <a href="javascript:;" class="audio-check" on-click={this.audioSure()}>{@(this.i18n("ok"))}</a>\r\n            </div>\r\n            <p class="audioErrMsg">{audioErrMsg}</p>\r\n        {#else}\r\n            <p class="top">{@(this.i18n("startRecording"))}</p>\r\n            <span class="startAudio" on-click={this.audioDoing()}><img src="/static/images/essay-audio.png" alt=""></span>\r\n        {/if}\r\n    </div>\r\n{/if}\r\n\r\n{#if fileUpload}\r\n    <div class="file-overflow">\r\n        <div class="row">\r\n            <div class="col-md-12">\r\n                <div class="progress-mian">\r\n                    \x3c!-- <div class="progress">\r\n                        <div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" r-style={{"width":fileUploadPrecent+"%"}}>\r\n                            <span class="sr-only">{fileUploadPrecent}%</span>\r\n                        </div>\r\n                    </div> --\x3e\r\n                    {#if fileUploadPrecent != 100}\r\n                    <p>{@(this.i18n("uploading"))}{fileUploadPrecent}%</p>\r\n                    {#else}\r\n                    <p>{@(this.i18n("uploadedTip"))}</p>\r\n                    {/if}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n{/if}\r\n\r\n\r\n{#if showCanvas == 1}\r\n    <div class="switchs overflow" r-animation=\'on: enter; class:fadeIn fast; on: leave; class:fadeOut; \'></div>\r\n    <div class="switchs animated canvasSwitch" r-animation=\'on: enter; class:fadeInDown; on: leave; class:bounceOut; \'>\r\n        <div class="tool-bar-list-wrapper">\r\n            <ul class="tool-bar-list">\r\n                <li class="tool-bar-list-item" on-click={this.changeType("pen")} on-mouseover={this.changeTypeMo("pen")}>\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'pen\'))}">\r\n                        <img class="tool-img" src="{cdnBase}/static/images/boardcast/top-tool-item2.png" alt="" r-hide={type == "pen"}>\r\n                        <img class="tool-img" src="{cdnBase}/static/images/boardcast/top-tool-item2-active.png" alt="" r-hide={type != "pen"}>\r\n                    </div>\r\n\r\n                    <div class="pen-block-container">\r\n                        <div class="pen-block">\r\n                            <div class="pen-wrapper">\r\n                                <ul class="pen-list">\r\n                                    {#list thicknessList as item}\r\n                                        <li class="pen-list-item" on-click={this.setWidth(item_index + 1)}><span class="pen-circle" r-class={{"active": setWidth == (item_index + 1) * 2}} style="width: {item}px; height: {item}px;"></span></li>\r\n                                    {/list}\r\n                                    {#list colorList as item}\r\n                                        <li class="pen-list-item" on-click={this.setColor(item)}><span class="pen-rect" r-class={{"active": setColor == item}} style="background-color:{item};"></span></li>\r\n                                    {/list}\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                \x3c!-- <li class="tool-bar-list-item">\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'text\'))}">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item3.png" alt="" style="">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item3-active.png" alt="" style="display: none;">\r\n                    </div>\r\n                    <div class="pen-block-container">\r\n                        <div class="pen-block">\r\n                            <div class="pen-wrapper">\r\n                                <ul class="pen-list">\r\n                                    {#list thicknessList as item}\r\n                                        <li class="pen-list-item" on-click={this.setWidth(item_index + 1)}><span class="pen-circle" r-class={{"active": setWidth == (item_index + 1) * 2}} style="width: {item}px; height: {item}px;"></span></li>\r\n                                    {/list}\r\n                                    {#list colorList as item}\r\n                                        <li class="pen-list-item" on-click={this.setColor(item)}><span class="pen-rect" r-class={{"active": setColor == item}} style="background-color:{item};"></span></li>\r\n                                    {/list}\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </li> --\x3e\r\n                <li class="tool-bar-list-item" on-click={this.changeType("arrow")} on-mouseover={this.changeTypeMo("arrow")}>\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'arrow\'))}">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item4.png" alt="" r-hide={type == "arrow"}>\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item4-active.png" alt="" r-hide={type != "arrow"}>\r\n                    </div>\r\n                    <div class="pen-block-container">\r\n                        <div class="pen-block">\r\n                            <div class="pen-wrapper">\r\n                                <ul class="pen-list">\r\n                                    {#list thicknessList as item}\r\n                                        <li class="pen-list-item" on-click={this.setWidth(item_index + 1)}><span class="pen-circle" r-class={{"active": setWidth == (item_index + 1) * 2}} style="width: {item}px; height: {item}px;"></span></li>\r\n                                    {/list}\r\n                                    {#list colorList as item}\r\n                                        <li class="pen-list-item" on-click={this.setColor(item)}><span class="pen-rect" r-class={{"active": setColor == item}} style="background-color:{item};"></span></li>\r\n                                    {/list}\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                <li class="tool-bar-list-item" on-click={this.changeType("rect")} on-mouseover={this.changeTypeMo("rect")}>\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'rect\'))}">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item5.png" alt="" r-hide={type == "rect"}>\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item5-active.png" alt=""  r-hide={type != "rect"}>\r\n                    </div>\r\n                    <div class="pen-block-container">\r\n                        <div class="pen-block">\r\n                            <div class="pen-wrapper">\r\n                                <ul class="pen-list">\r\n                                    {#list thicknessList as item}\r\n                                        <li class="pen-list-item" on-click={this.setWidth(item_index + 1)}><span class="pen-circle" r-class={{"active": setWidth == (item_index + 1) * 2}} style="width: {item}px; height: {item}px;"></span></li>\r\n                                    {/list}\r\n                                    {#list colorList as item}\r\n                                        <li class="pen-list-item" on-click={this.setColor(item)}><span class="pen-rect" r-class={{"active": setColor == item}} style="background-color:{item};"></span></li>\r\n                                    {/list}\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                <li class="tool-bar-list-item" on-click={this.changeType("circle")} on-mouseover={this.changeTypeMo("circle")}>\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'circle\'))}">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item6.png" alt="" r-hide={type == "circle"}>\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item6-active.png" alt="" r-hide={type != "circle"}>\r\n                    </div>\r\n                    <div class="pen-block-container">\r\n                        <div class="pen-block">\r\n                            <div class="pen-wrapper">\r\n                                <ul class="pen-list">\r\n                                    {#list thicknessList as item}\r\n                                        <li class="pen-list-item" on-click={this.setWidth(item_index + 1)}><span class="pen-circle" r-class={{"active": setWidth == (item_index + 1) * 2}} style="width: {item}px; height: {item}px;"></span></li>\r\n                                    {/list}\r\n                                    {#list colorList as item}\r\n                                        <li class="pen-list-item" on-click={this.setColor(item)}><span class="pen-rect" r-class={{"active": setColor == item}} style="background-color:{item};"></span></li>\r\n                                    {/list}\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                <li class="tool-bar-list-item" on-click={this.changeType("eraser")}>\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'eraser\'))}">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item7.png" alt="" r-hide={type == "eraser"}>\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item7-active.png" alt="" r-hide={type != "eraser"}>\r\n                    </div>\r\n                </li>\r\n                <li class="tool-bar-list-item" on-click={this.clearAll()}>\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'clearCanvas\'))}">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item8.png" alt="" style="">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item8-active.png" alt="" style="display: none;">\r\n                    </div>\r\n                </li>\r\n                <li class="tool-bar-list-item" on-click={this.saveCanvas()}>\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'saveCanvas\'))}">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item9.png" alt="" style="">\r\n                        <img class="tool-img" src="/static/images/boardcast/top-tool-item9-active.png" alt="" style="display: none;">\r\n                    </div>\r\n                </li>\r\n                <li class="tool-bar-list-item" on-click={this.closeCanvas()}>\r\n                    <div class="img-wrapper" title="{@(this.i18n(\'close\'))}">\r\n                        <i class="fa fa-times" aria-hidden="true"></i>\r\n                    </div>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n        <div class="canvasBox">\r\n            <canvas ref=canvas width="900" height="600" r-class={{"eraser": type == "eraser"}}></canvas>\r\n        </div>\r\n    </div>\r\n{/if}'},522:function(i,n){i.exports='\r\n{#if !mobile}\r\n    <div class="matching-box" ref="matchingBox">\r\n        <ul class="left">\r\n            {#list leftOp as lo}\r\n                <li ref=\'op{lo.oid}\' class={box} r-style={{"animation":isIE?"none":"","background":isIE && activeOp[lo_index].matched?"#387dfe":"","border":isIE && activeOp[lo_index].matched?"1px solid #387dfe":"0"}} r-class={{"active": activeOp[lo_index].matched}} r-class={{"dragin": leftV == lo_index}}>\r\n                    <p class="title-pre" r-html={@(lo.title|formatEn)}></p>\r\n                </li>\r\n            {/list}\r\n        </ul>\r\n        <ul class="middle">\r\n            {#list leftOp as lo}\r\n                <li r-class={{"active": activeOp[lo_index].matched}} r-style={{"animation":isIE?"none":"","background":isIE && activeOp[lo_index].matched?"#387dfe":""}}> \r\n                    <span class="connected" \r\n                    {#if activeOp[lo_index].matched}\r\n                    title="{@(this.i18n(\'matchOpTip\'))}"\r\n                    {/if}  \r\n                    on-click={this.resetMatch(lo_index)}>\r\n                    </span>\r\n                </li>\r\n            {/list}\r\n        </ul>\r\n        <ul class="right" id={rightMatch}>\r\n            {#list rightOp as ro}\r\n                {#if !activeOp[ro_index+half].matched}\r\n                    <li ref=\'op{ro.oid}\' class={drag} id="drag{ro_index}" data-index="{ro_index}">\r\n                        <p class="title-pre" r-html={@(ro.title|formatEn)}></p>\r\n                        <span class="nolinkTip"><img src="{cdnBase}static/images/matching/nop.png">{@(this.i18n("notConnectable"))}</span>\r\n                        <span class="linkTip"><img src="{cdnBase}static/images/matching/link.png">{this.i18nf("connectionTo", msg)}</span>\r\n                    </li>\r\n                {#else}\r\n                    <li ref=\'op{ro.oid}\' draggable="false" data-move="false" class="active {drag}" r-style={{"animation":isIE?"none":"","background":isIE && activeOp[ro_index].matched?"#387dfe":"","border":isIE && activeOp[ro_index].matched?"1px solid #387dfe":"0"}}>\r\n                        <p class="title-pre" r-html={@(ro.title|formatEn)}></p>\r\n                    </li>\r\n                {/if}\r\n            {/list}\r\n        </ul>\r\n    </div>\r\n{#else}\r\n    <div class="matching-box" ref="matchingBox">\r\n        <ul class="left">\r\n            {#list leftOp as lo}\r\n                <li ref=\'op{lo.oid}\' class={box} r-class={{"active": activeOp[lo_index].matched}} r-class={{"dragin": leftV == lo_index}}>\r\n                    <p class="title-pre" r-html={@(lo.title|formatEn)}></p>\r\n                </li>\r\n            {/list}\r\n        </ul>\r\n        <ul class="middle">\r\n            {#list leftOp as lo}\r\n                <li r-class={{"active": activeOp[lo_index].matched}}> \r\n                    <span class="connected" on-click={this.resetMatch(lo_index)}>\r\n                    </span>\r\n                </li>\r\n            {/list}\r\n        </ul>\r\n        <ul class="right" id={rightMatch}>\r\n            {#list rightOp as ro}\r\n                {#if !activeOp[ro_index+half].matched}\r\n                    <li ref=\'op{ro.oid}\' class={drag} id="drag{ro_index}" data-index="{ro_index}">\r\n                        <p class="title-pre" r-html={@(ro.title|formatEn)}></p>\r\n                        <span class="nolinkTip"><img src="{cdnBase}static/images/matching/nop.png">{@(this.i18n("notConnectable"))}</span>\r\n                        <span class="linkTip"><img src="{cdnBase}static/images/matching/link.png">{this.i18nf("connectionTo", msg)}</span>\r\n                    </li>\r\n                {#else}\r\n                    <li ref=\'op{ro.oid}\' draggable="false" data-move="false" class="active {drag}">\r\n                        <p class="title-pre" r-html={@(ro.title|formatEn)}></p>\r\n                    </li>\r\n                {/if}\r\n            {/list}\r\n        </ul>\r\n    </div>\r\n\r\n{/if}\r\n'},523:function(i,n){i.exports='{#if !childs || childs.length == 0}\r\n<p class="alert alert-error">There is no child questions, please check your question, qid：{question.qid}</p>\r\n{/if}\r\n{#list childs as q}\r\n    <div class="package-child-question">\r\n        <question ref={q.qid} isPackageChild={true} question={q} details={q} index={q_index} parentIndex={parentIndex} on-answered={this.onAnswered(q_index, $event)} on-mediachange={this.onMediaChange($event)} />\r\n    </div>\r\n{/list}'},524:function(i,n){i.exports='<ul class="sorting" ref="sortMain">\r\n    {#list oids as o}\r\n        \x3c!-- <li draggable="true" ><div><i class="fa fa-bars" aria-hidden="true"></i></div><div>{op.title}</div></li> --\x3e\r\n        <li data-index="{optionObj[o].index}">\r\n            <i class="fa fa-bars" aria-hidden="true"></i>\r\n            <span class="title-pre">{optionObj[o].title}</span>\r\n        </li>\r\n    {/list}\r\n</ul>'},525:function(i,n){i.exports='\r\n<div class="modal fade show" tabindex="-1" r-anim=\'on:enter; wait: 200;class: in, 3; on: leave; class: in, 4\'  role="dialog" ref=modal>\r\n  <div class="modal-dialog" r-style={{"margin-top":smallScreen?"100px":"200px"}}>\r\n    <div class="modal-content" role="document">\r\n      <div class="modal-header">\r\n        {#if !noClose}\r\n        <button class="close" aria-label="Close" on-click={this.confirm(false)}>\r\n          <span aria-hidden="true">×</span>\r\n        </button>\r\n        {/if}\r\n        <h4 class="modal-title" r-html={title}></h4>\r\n      </div>\r\n      <div class="modal-body">\r\n        {#if !needntIcon && !needNewIcon}\r\n          <p><img src="/static/images/tips.png" class="icon"></p>\r\n        {#elseif !needntIcon && needNewIcon}\r\n          <p><img src="/static/images/tips.png?t={nowTime}" class="icon"></p>\r\n        {/if}\r\n        {#inc  body || this.$body }\r\n      </div>\r\n      {#if foot}\r\n      <div class="modal-footer">\r\n          {#inc foot } \r\n      </div>\r\n      {/if}\r\n    </div>\r\n  </div>\r\n</div>'},526:function(i,n){i.exports='<div id="sgin-qrCode-tip" class="row content-panel group-login new-content-panel">\r\n    <div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-12 content new-content">\r\n        <div class="title text-center">\r\n            <p class="new-exam-title">{examTitle}</p>\r\n        </div>\r\n        <h4 class="form-title">{@(this.i18n("scanSignName"))}</h4>\r\n        <div class="form-group">\r\n            <div class="sgin-body">\r\n                <div class="sgin-img-main">\r\n                    {#if state==\'default\'||state==\'open\'}\r\n                        <img ref="sginQrCode" class="sgin-qrCode" src="/doexamapi/signaturqrcode?eid={eid}" alt="">\r\n                        {#if expired}\r\n                        <div class="expired-tip">{@(this.i18n("signExpired"))}<a on-click="{this.refresh()}"> {@(this.i18n("signFlesh"))} </a>{@(this.i18n("signQRcode"))}</div>\r\n                        {/if}\r\n                        {#if state==\'open\'}\r\n                            <img class="code-Success" src="/static/images/succe.svg" alt="">\r\n                        {/if}\r\n                    {#elseif state==\'save\'}\r\n                        <img class="sign-Success" src="/static/images/finish.svg" alt="">\r\n                    {/if}\r\n                </div>\r\n                {#if state==\'default\'}\r\n                    <div class="sgin-ewm-tip tip">{@(this.i18n("useScanQrCode"))}</div>\r\n                {#elseif state==\'open\'}\r\n                    <div class="sgin-ewm-tip tip">{@(this.i18n("scanCodeSuccessfully"))}</div>\r\n                {#elseif state==\'save\'}\r\n                    <div class="sgin-ewm-tip tip">{@(this.i18n("signSuccGopaper"))}</div>\r\n                {/if}\r\n                {#if state !== \'save\'}\r\n                    <div class="sgin-comm-tip tip">{@(this.i18n("regenerateQRCode"))}<a style="cursor:pointer;" on-click="{this.refresh()}">{@(this.i18n("rebuild"))}</a>{@(this.i18n("qrCode"))}</div>\r\n                {/if}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>'},527:function(i,n){i.exports='{#if !isSaveSgin}\r\n<div id="sign-main" style="position: fixed; top: 0; left: 0; bottom: 0; right: 0;">\r\n    <div class="title">{@(this.i18n("signHorizontally"))}</div>\r\n    <div class="btn-action">\r\n        <div class="sign-route-box" style="{orientation==0?\'\':\'flex-direction: column-reverse\'};">\r\n            <div class="sign-tip">{@(this.i18n("writeSignInUpper"))}</div>\r\n            <div class="btn-group">\r\n                <div class="btn-reset sign-btn" on-click={this.refreshCanvas()}>{@(this.i18n("clearRewrite"))}</div>\r\n                <div class="btn-submit sign-btn {isSaveData?\'save\':\'\'}" on-click={this.saveDate()}>{@(this.i18n("submitSignature"))}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class="sign-area" ref=signArea>\r\n        <canvas width="{canvasWidth}" height="{canvasHeight}" ref=canvas></canvas>\r\n    </div>\r\n</div>\r\n{#else}\r\n<div id="sign-main">\r\n    <div class="save-main">\r\n        <div class="asve-container">\r\n            <img src="/static/images/succe.svg" alt="">\r\n            <div class="save-tip">{type==\'mobile\'?this.i18n("subSuccExamBegins"):this.i18n("returnCompBeginTest")}</div>\r\n            {#if type==\'mobile\'}\r\n            <div class="close-btn" on-click={this.closePage()}>{@(this.i18n("miniCamerState3"))}</div>\r\n            \x3c!-- {#elseif isWechat}\r\n            <div class="close-btn" on-click={this.closePage()}>{@(this.i18n("confirm"))}</div> --\x3e\r\n            {/if}\r\n            \r\n        </div>\r\n    </div>\r\n</div>\r\n{/if}'},528:function(i,n){i.exports='<div ref="program" class="coding-container">\r\n  <div class="info">\r\n    \x3c!-- firefox不支持自定义resize控件大小 所以firefox不能自由调整元素的宽度--\x3e\r\n    <div class="drag-background"></div>\r\n    <div class="line"></div>\r\n    <div class="content">\r\n      <div class="exam-time-container">\r\n        <div class="title">\r\n          <img src="{cdnBase}static/images/doexam/time-clock.png" />\r\n          <span>{@(this.i18n("remainTimeTips"))}</span>\r\n        </div>\r\n        <div class="left-time">\r\n          <span>{question.leftTimeText}</span>\r\n        </div>\r\n        <button class="submit-button" on-click="{this.$parent.$parent.submit(1)}">{@(this.i18n("COM_EXAMS_SUBMIT_EXAMS"))}</button>\r\n      </div>\r\n      <div class="exam-meta">\r\n        <div class="exam-base">\r\n          <span>{question.index+1}、</span>\r\n          <span>{@(this.i18n("coding"))}</span>\r\n          <span>（{question.score}{@(this.i18n("points"))}）</span>\r\n        </div>\r\n        <div class="exam-title">\r\n          <h3>{@(this.i18n(\'coding-fixed-title\'))}：</h3>\r\n          <div r-html="{question.title|decodeBBCode}"></div>\r\n          <h3>{@(this.i18n(\'coding-fixed-example\'))}：</h3>\r\n          <div r-html="{question.example|decodeBBCode}"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class="code">\r\n    <div class="code-tip">{this.i18nf("placeUsingLang", codeType)}</div>\r\n    <div class="code-area" style="flex: 1;width: 100%;height: 0;">\r\n      {#if codeType == \'Scratch\'}\r\n        <iframe ref="scratchFrame" class="do-scratch-container" src="https://fs.baisikao.com/scratch/index.html" frameborder="0" frameborder="0"></iframe>\r\n        \x3c!-- <iframe ref="scratchFrame" class="do-scratch-container" src="http://127.0.0.1:8601" frameborder="0" frameborder="0"></iframe> --\x3e\r\n      {#else}\r\n        <div ref="container" style="width: 100%;height: 100%;"></div>\r\n      {/if}\r\n    </div>\r\n    <div ref="consolePanel" class="console-panel">\r\n      <h3>{@(this.i18n("userTestExample"))}：</h3>\r\n      <div class="test-case-container">\r\n        <ul>\r\n          {#list question.testCase as item}\r\n          <li>\r\n            <div on-click="{this.switchTestCaseItem($event)}" class="case-title">\r\n              <span>{@(this.i18n("sysTestExample"))}{item_index+1}</span>\r\n              <img src="/static/images/components/coding/arrow.svg" />\r\n            </div>\r\n            <div class="case-meta">\r\n              <p>{@(this.i18n("inputTips"))}：{item.input}</p>\r\n              <p>{@(this.i18n("expOutput"))}：{item.output}</p>\r\n            </div>\r\n          </li>\r\n          {/list}\r\n        </ul>\r\n        <div class="console-output" ref="consoleOutput"></div>\r\n      </div>\r\n    </div>\r\n    <div class="operate">\r\n      {#if !consoleShow}\r\n      <button on-click="{this.hidePanel(0)}" class="defalut-button y-button" style="margin: 0 16px 0 0;">{@(this.i18n("COM_EXAMS_PREVE_QUESTION"))}</button>\r\n      <button on-click="{this.hidePanel(1)}" class="defalut-button y-button">{@(this.i18n("COM_EXAMS_NEXT_QUESTION"))}</button>\r\n      <button r-hide="{codeType == \'Scratch\'}" on-click="{this.showConsole(this.data)}" class="blue-button y-button"\r\n        style="margin: 0 0 0 auto;">{@(this.i18n("userTestTips"))}</button>\r\n      {#else}\r\n      <button on-click="{this.closeConsole(this.data)}" class="defalut-button y-button"\r\n        style="margin: 0 16px 0 auto;">{@(this.i18n("close"))}</button>\r\n      <button on-click="{this.getCodeResult(this.data,this)}" class="blue-button y-button" r-class="{{\'blur\': resultRequest}}">{@(this.i18n("runCodeTips"))}</button>\r\n      {/if}\r\n    </div>\r\n  </div>\r\n</div>'},529:function(i,n){i.exports='<div class="test_result">\r\n<p style="font-size:17px;">{@(this.i18n("COM_EXAMS_USER_ANSWER"))}：\r\n{#if question.right}\r\n<i class="fa fa-check" style="color:green" aria-hidden="true"></i>\r\n{#else}\r\n<i class="fa fa-false" style="color:red" aria-hidden="true"></i>\r\n{/if}\r\n</p>\r\n{#if details.lang != \'Scratch\'}\r\n<pre><code class="language-python">{question.useranswer}</code></pre>\r\n<p style="font-size:17px;">{@(this.i18n("referanceAnswer"))}：</p>\r\n<pre><code class="language-python">{details.user_program_code}</code></pre>\r\n{/if}\r\n<p style="font-size:17px;">{@(this.i18n("COM_EXAMS_SCORE"))}：\r\n    <span style="color: #36aafd;font-size: 16px;font-weight: 700;">\r\n        {didScore}/{score}\r\n    </span>\r\n</p>\r\n<p style="font-size:17px;color: #999;">\r\n    {@(this.i18n("questionFeedback"))}:&ensp; <span r-html={@(details.feedback|decodeBBCode)}></span>\r\n</p>\r\n</div>\r\n'},53:function(i,n,e){var t={},r=function(i){var n;return function(){return void 0===n&&(n=i.apply(this,arguments)),n}}(function(){return window&&document&&document.all&&!window.atob}),a=function(i){var n={};return function(i){if("undefined"==typeof n[i]){var e=function(i){return document.querySelector(i)}.call(this,i);if(e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}n[i]=e}return n[i]}}(),s=null,o=0,l=[],c=e(451);function d(i,n){for(var e=0;e<i.length;e++){var r=i[e],a=t[r.id];if(a){a.refs++;for(var s=0;s<a.parts.length;s++)a.parts[s](r.parts[s]);for(;s<r.parts.length;s++)a.parts.push(x(r.parts[s],n))}else{var o=[];for(s=0;s<r.parts.length;s++)o.push(x(r.parts[s],n));t[r.id]={id:r.id,refs:1,parts:o}}}}function p(i,n){for(var e=[],t={},r=0;r<i.length;r++){var a=i[r],s=n.base?a[0]+n.base:a[0],o={css:a[1],media:a[2],sourceMap:a[3]};t[s]?t[s].parts.push(o):e.push(t[s]={id:s,parts:[o]})}return e}function f(i,n){var e=a(i.insertInto);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var t=l[l.length-1];if("top"===i.insertAt)t?t.nextSibling?e.insertBefore(n,t.nextSibling):e.appendChild(n):e.insertBefore(n,e.firstChild),l.push(n);else if("bottom"===i.insertAt)e.appendChild(n);else{if("object"!=typeof i.insertAt||!i.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=a(i.insertInto+" "+i.insertAt.before);e.insertBefore(n,r)}}function m(i){if(null===i.parentNode)return!1;i.parentNode.removeChild(i);var n=l.indexOf(i);n>=0&&l.splice(n,1)}function g(i){var n=document.createElement("style");return i.attrs.type="text/css",h(n,i.attrs),f(i,n),n}function h(i,n){Object.keys(n).forEach(function(e){i.setAttribute(e,n[e])})}function x(i,n){var e,t,r,a;if(n.transform&&i.css){if(!(a=n.transform(i.css)))return function(){};i.css=a}if(n.singleton){var l=o++;e=s||(s=g(n)),t=b.bind(null,e,l,!1),r=b.bind(null,e,l,!0)}else i.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(e=function(i){var n=document.createElement("link");return i.attrs.type="text/css",i.attrs.rel="stylesheet",h(n,i.attrs),f(i,n),n}(n),t=function(i,n,e){var t=e.css,r=e.sourceMap,a=n.convertToAbsoluteUrls===undefined&&r;(n.convertToAbsoluteUrls||a)&&(t=c(t));r&&(t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var s=new Blob([t],{type:"text/css"}),o=i.href;i.href=URL.createObjectURL(s),o&&URL.revokeObjectURL(o)}.bind(null,e,n),r=function(){m(e),e.href&&URL.revokeObjectURL(e.href)}):(e=g(n),t=function(i,n){var e=n.css,t=n.media;t&&i.setAttribute("media",t);if(i.styleSheet)i.styleSheet.cssText=e;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(e))}}.bind(null,e),r=function(){m(e)});return t(i),function(n){if(n){if(n.css===i.css&&n.media===i.media&&n.sourceMap===i.sourceMap)return;t(i=n)}else r()}}i.exports=function(i,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{},n.singleton||"boolean"==typeof n.singleton||(n.singleton=r()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom");var e=p(i,n);return d(e,n),function(i){for(var r=[],a=0;a<e.length;a++){var s=e[a];(o=t[s.id]).refs--,r.push(o)}i&&d(p(i,n),n);for(a=0;a<r.length;a++){var o;if(0===(o=r[a]).refs){for(var l=0;l<o.parts.length;l++)o.parts[l]();delete t[o.id]}}}};var u=function(){var i=[];return function(n,e){return i[n]=e,i.filter(Boolean).join("\n")}}();function b(i,n,e,t){var r=e?"":t.css;if(i.styleSheet)i.styleSheet.cssText=u(n,r);else{var a=document.createTextNode(r),s=i.childNodes;s[n]&&i.removeChild(s[n]),s.length?i.insertBefore(a,s[n]):i.appendChild(a)}}},530:function(i,n){i.exports='<div class="classified-container">\r\n\r\n  \x3c!-- 分类 --\x3e\r\n  <h4 class="classified-area-title">{@(this.i18n("answerAreaTips"))}</h4>\r\n  <ul class="classified" ref=classifiedItem>\r\n    {#list classifiedList as item}\r\n    <li class="category-item" r-class="{{\'drag-cate\': classActiveId === item_index}}" data-index="{item_index}"\r\n      on-click="{this.openModal(this.data, item_index)}">\r\n      {#if item.selected.length>0}\r\n      <ul class="select-container">\r\n        {#list item.selected as _item}\r\n        {#if this.isOnlyOneImage(item)}\r\n        <img src="{this.isOnlyOneImage(item)}" />\r\n        {#else}\r\n        <li>{_item}</li>\r\n        {/if}\r\n        {/list}\r\n      </ul>\r\n      {#else}\r\n      <div class="select-container empty-select">\r\n        <p class="empty-tips">?</p>\r\n      </div>\r\n      {/if}\r\n      <p style="margin-top: 12px;">{item.name}</p>\r\n    </li>\r\n    {/list}\r\n  </ul>\r\n\r\n  \x3c!-- 选项 --\x3e\r\n  <h4 class="classified-area-title">\r\n    {@(this.i18n("optionAreaTips"))}\r\n    <span style="font-size: 12px;color: #7A8C99;">({@(this.i18n("classifyMoveTips"))})</span>\r\n  </h4>\r\n  <ul class="answer-container" ref=answerItem>\r\n    {#list answerList as item}\r\n    <li class="answer-item" data-index="{item_index}">\r\n      <div class="answer-inx-code">{item.name}.</div>\r\n      <div class="classify-answer-content" r-html={(item.content|decodeBBCode)|formatEn}></div>\r\n      <img class="classify-arrow-gary" r-hide="{isMobile}" draggable="false" class="arrow-icon" src="/static/images/components/category/arrow-all-gary.svg" />\r\n    </li>\r\n    {/list}\r\n  </ul>\r\n\r\n  \x3c!-- 模态框 --\x3e\r\n  <div class="cover {isCover?\'active\':\'\'}">\r\n    <div class="category-modal">\r\n      <div class="modal-head">\r\n        <span class="modal-title">[{modalData.name}]{@(this.i18n(\'IncludedOptions\'))}</span>\r\n        <img draggable="false" style="cursor: pointer;" src="/static/images/components/category/close.svg"\r\n          on-click="{this.closeModal(this.data, $event)}" />\r\n      </div>\r\n      <div class="modal-main">\r\n        <ul ref=modalSource>\r\n          {#list modalData.selected as item}\r\n          <li class="modal-drag-li" data-index="{item_index}">\r\n            <div class="answer-inx-code">{item.name}.</div>\r\n            <div class="classify-answer-content" r-html={@((item.content?item.content:item)|decodeBBCode)}></div>\r\n            <img class="classify-arrow-gary" draggable="false" src="/static/images/components/category/arrow-all-gary.svg" />\r\n          </li>\r\n          {/list}\r\n        </ul>\r\n        <div class="delete-content">\r\n          <div class="delete-box" r-class="{{\'is-delete\': deleteAnswerId != null}}" ref=modalTar>\r\n            <img src="/static/images/components/category/delete.svg" />\r\n            <p>{@(this.i18n(\'drapForRemove\'))}</p>\r\n          </div>\r\n          <button class="delete-button" on-click="{this.deleteButtonHandle(this.data)}">{@(this.i18n(\'oneClickRemoveAll\'))}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>'},531:function(i,n){i.exports='\x3c!-- 注意：question.js 调用此模板 --\x3e\r\n<div class="review-classified">\r\n  <ul class="answer-container">\r\n    {#list details.options as item}\r\n    <li class="answer-item review">\r\n      <div r-html={(item.content|decodeBBCode)|formatEn}></div>\r\n      <img class="review-image" src="/static/images/arrow-all-gary.svg" />\r\n    </li>\r\n    {/list}\r\n  </ul>\r\n  <div class="answer-a">\r\n    <div>\r\n      <p>考生答案：</p>\r\n      {#if (question.classList)}\r\n      {#list question.classList as item}\r\n      <p class="{item.right?\'right\':\'error\'}">{item.name}：\r\n        {#list item.selected as _item}\r\n        {_item}\r\n        {/list}\r\n        {#if(item.right)}\r\n        <i class="fa fa-check" aria-hidden="true"></i>\r\n        {#else}\r\n        <i class="fa fa-false" aria-hidden="true"></i>\r\n        {/if}\r\n      </p>\r\n      {/list}\r\n      {#else}\r\n      {#list details.puzzle_answers as item}\r\n      <p class="{item.right?\'right\':\'error\'}">{item.name}：\r\n        {#list item.selected as _item}\r\n        {_item}\r\n        {/list}\r\n        {#if(item.right)}\r\n        <i class="fa fa-check" aria-hidden="true"></i>\r\n        {#else}\r\n        <i class="fa fa-false" aria-hidden="true"></i>\r\n        {/if}\r\n      </p>\r\n      {/list}\r\n      {/if}\r\n    </div>\r\n    <div>\r\n      <p>正确答案：</p>\r\n      {#list details.puzzle_answers as item}\r\n      <p style="color: #36aafd;">{item.name}：\r\n        {#list item.answers as _item}\r\n        {_item}\r\n        {/list}\r\n      </p>\r\n      {/list}\r\n    </div>\r\n    <div>\r\n      <p>分数：</p>\r\n      <p style="color: #36aafd;font-weight: 700;">{question.realScore}/{@(score)}</p>\r\n    </div>\r\n  </div>\r\n  <p style="font-size:17px;color: #999;" r-html="{\'题目解析：\'+(details.feedback|decodeBBCode)}"></p>\r\n</div>'},673:function(i,n,e){i.exports=e(3)}});