anki智能题卡模板

正面

<article class="yead_editor" data-id="4842" data-use="1" data-author="Wxeditor" style="font-size:14px;margin:5px auto;">

    <section style="padding:0;margin:0;display:block;box-sizing:border-box">

        <section style="padding:0;display:block;background-color:#fff;margin:0;border-radius:5px;box-sizing:border-box">

<section style="padding:0;display:block;margin:0;background-image:url(king.png);background-repeat:no-repeat;background-size:35px;background-position:top 0 left 5px;box-sizing:border-box">

                <section style="padding:15px;display:block;margin:0;background-image:url(ka.png);background-repeat:no-repeat;background-size:40px;background-position:bottom 5px right 5px;box-sizing:border-box">

                    <section style="padding:0;display:block;width:100%;height:2px;margin:0;background:linear-gradient(to right,transparent 30px,#888 0);box-sizing:border-box"></section>

                    <section style="padding:3px;display:block;border-image:-webkit-linear-gradient(transparent,#000) 20 33;border-radius:3px;margin:0;box-sizing:border-box">

                        <section style="padding:0;display:block;margin:0;box-sizing:border-box">

                            <section style="padding:0;display:block;margin:0;box-sizing:border-box">

                                <section style="color:#333;margin:0;font-size:20px;padding:10px;line-height:30px;text-align:justify;box-sizing:border-box;-webkit-transform:rotate(0)">

                                    <p style="padding:0;margin:0">

<div id='div0'><%正面%></div>

</p>

                                </section>

                            </section>

                        </section>

                    </section>

                    <section style="padding:0;display:block;width:100%;height:2px;margin:0;background:linear-gradient(to left,transparent 30px,#888 0);box-sizing:border-box"></section>

                </section>

            </section>

        </section>

    </section>

</article>

<p>

    <br/>

</p>

<section class="yead_bgc" style="color:#fff;background-color:#da2811;font-weight:700;margin:0 8px 0 0;font-size:14px;padding:0 7px;border-radius:4px;line-height:20px;transform:translate(0);vertical-align:middle;text-align:justify;box-sizing:border-box;display:inline-block">

                        <p style="padding:0;margin:0">

                          {{#Tags}}{{Tags}}{{/Tags}}

                        </p>

                    </section>

<div class=mystyle2><input type="button" onclick="shuaxin300();" value="查看"style="height:25px;width:65px;" /></div>

{{=<% %>=}}

<script type="text/javascript">

var NO_tk300=0,NO_media=0,kuan=undefined,gao=undefined,kuan_Normal=undefined,gao_Normalundefined,shuaxin=0;

var reg_tk300=new RegExp("\{\{答案::(.+?)\}\}","g");

var reg_xz400=new RegExp("\\[选择:(.+?):选择\\]","g");

var reg_xz400_2=new RegExp("\\[x2::(.+?)::x2\\]","g");

var reg_yc500=new RegExp("\\[y::(.+?)::y\\]","g");

var reg_yc600=new RegExp("\\[隐藏:(.+?):\\隐藏]","g");

var CC=0,XX=0,XX_2=0,YY=0,ZZ=0;

    [].forEach.call(document.querySelectorAll('#div0'),

        function(V0) {

          var  div0html=tihuan_br_xx(V0.innerHTML);

            V0.innerHTML=div0html;

            if(reg_tk300.test(div0html)==true){CC++;};

            if(reg_xz400.test(div0html)==true){XX++;};

            if(reg_xz400_2.test(div0html)==true){XX_2++;};

            if(reg_yc500.test(div0html)==true){YY++;};

            if(reg_yc600.test(div0html)==true){ZZ++;};

            div0html=null;

          });         

if(CC!=0){CCtiangkong();};

if(XX!=0){XXxuanze();};

if(XX_2!=0){XX_2xuanze();};

if(YY!=0){YYyincang();};

if(ZZ!=0){ZZyincang();};

CC=null;XX=null;XX_2=null;YY=null;ZZ=null;

    [].forEach.call(document.querySelectorAll('#div0'),

        function(V0) {

          var  div0html=tihuan_xx_br(V0.innerHTML);

            V0.innerHTML=div0html;

            div0html=null;

          });

function  CCtiangkong(){

    [].forEach.call(document.querySelectorAll('#div0'),

      function(V0) {

        V0.innerHTML = V0.innerHTML.replace(reg_tk300,

            function(tk300) {

              var str_tk_tihuan300='<span id="@NO_tk300@div310" onclick="togglediv300(this)"  style="display:none;color:blue;" >@word310@</span><span id="@NO_tk300@div320" onclick="togglediv300(this)"  style="display:inline;color:blue;" >@word320@</span>';

                    NO_tk300++;

          var str_tk300=tk300.substring(2, tk300.length-2);

          var arr_tk300_split=str_tk300.split("::");

          var str_tk_word310=arr_tk300_split[1];

          var str_onclick="onclick";

            var  str_if400daan=str_tk_word310.replace(/(&nbsp;)/g,"空格").replace(/[(空格)|\s]/g,"");

            if(/[^A-G]/i.test(str_if400daan)!=true&&str_if400daan.length<8){

                var str_xzdaan='xz400_daan="[daan:'+str_if400daan.toUpperCase()+']"';

                var str_xzNO='xz400_NOx="@xz400_NOx@"';

                str_onclick=str_xzNO+str_xzdaan+str_onclick;};

            str_if400daan=null;

          var str_tk_word320=arr_tk300_split[2];

          if(str_tk_word320==undefined){str_tk_word320="[......]";}

            else{str_tk_word310="["+str_tk_word310+"]";

                    str_tk_word320="["+str_tk_word320+"]";}

        return str_tk_tihuan300.replace(/(@NO_tk300@)/g,NO_tk300).replace('@word310@',str_tk_word310).replace('@word320@',str_tk_word320).replace(/(onclick)/g,str_onclick);

  }); });

}

function XXxuanze(){

    [].forEach.call(document.querySelectorAll('#div0'),

    function(V0) {

                  var NO_xz400=0;

                  V0.innerHTML = V0.innerHTML.replace(reg_xz400,

                      function(xz400) {

                            var str_xz_tihuan400='<span id="@NO_xz400@div400" 400daan="@xz400daan@" 420_jixiang="@选项数量@" >@......@</span>';

                          var str_xz_word400=xz400.substring(4, xz400.length-4)+"@︻@";

                          NO_xz400++;

                          str_xz_word400_ok=word400gaizao(str_xz_word400,NO_xz400)[0];

                          daan_ok=word400gaizao(str_xz_word400,NO_xz400)[1];

                          dig_420_jixiang=word400gaizao(str_xz_word400,NO_xz400)[2];

                      return str_xz_tihuan400.replace('@NO_xz400@',NO_xz400).replace('@xz400daan@',daan_ok).replace('@选项数量@', dig_420_jixiang).replace('@......@',str_xz_word400_ok);

  }); });

}

function XX_2xuanze(){

    [].forEach.call(document.querySelectorAll('#div0'),

    function(V0) {

                  V0.innerHTML = V0.innerHTML.replace(reg_xz400_2,

                      function(xz400_2) {

                          var str_xz400_2=xz400_2.substring(5, xz400_2.length-5)+"@︻@";

                          var reg_xz400_div300=new RegExp('<span.+?div310.+?\[daan:[A-G]{1,7}\].+?>.+?<\\/span><span.+?div320.+?>.+?<\\/span>');

                          var arr_xz400_div300=new Array;

                      if(reg_xz400_div300.test(str_xz400_2)==true){

                        while (reg_xz400_div300.test(str_xz400_2)==true){

                            str_xz400_2=str_xz400_2.replace(reg_xz400_div300,

                            function(V0){arr_xz400_div300.push(V0);

                                    return "@div300@";});}

                          var j=arr_xz400_div300.length-1;

                          var str_xz400_div300daan=arr_xz400_div300[j];

                          var reg_ifdaan=new RegExp("\\[daan:[A-G]{1,7}\\]","gi");

                          var arr_ifdaan = str_xz400_div300daan.match(reg_ifdaan);

                          var daan=arr_ifdaan[0].substring(6, arr_ifdaan[0].length-1);

                          str_xz400_div300daan=str_xz400_div300daan.replace(/(<span.+?div310.+?>)(.+?)(<\/span>)/, "$1"+"✂答案："+daan+"$3");

                          if(daan.length==1){str_xz400_div300daan=str_xz400_div300daan.replace(/(<span.+?div320.+?>)(.+?)(<\/span>)/, "$1"+"[🔑单选...]"+"$3");}

                            else{str_xz400_div300daan=str_xz400_div300daan.replace(/(<span.+?div320.+?>)(.+?)(<\/span>)/, "$1"+"[🔑多选...]"+"$3");}

                          arr_xz400_div300[j]=str_xz400_div300daan;

                        var i=0;

                        while (/@div300@/.test(str_xz400_2)==true){

                            str_xz400_2=str_xz400_2.replace(/@div300@/,arr_xz400_div300[i]);

                            i++; }

                    }

        return str_xz400_2;

  }); });

}

function YYyincang(){

    [].forEach.call(document.querySelectorAll('#div0'),

      function(V0) {

        var NO_yc500=0;

        V0.innerHTML = V0.innerHTML.replace(reg_yc500,

        function(yc500) {

          var str_yc_tihuan500='<span id="@500@div510" onclick="togglediv500(this)"  style="display:none;color:#2F4F4F;" >@word510@</span><span id="@500@div520" onclick="togglediv500(this)" style="display:inline;color:#2F4F4F;" >💊_找药<i>@123@</i>...</span>';

          var str_yc_word510=yc500.substring(4, yc500.length-4);

          NO_yc500++;

        return str_yc_tihuan500.replace(/(@500@)/g,NO_yc500).replace('@123@',NO_yc500).replace('@word510@',str_yc_word510);

  }); });

  }

function ZZyincang(){

    [].forEach.call(document.querySelectorAll('#div0'),

      function(V0) {

        var NO_yc600=0;

        V0.innerHTML = V0.innerHTML.replace(reg_yc600,

        function(yc600) {

          var str_yc_tihuan600='<span id="@600@div610"  style="display:none;" >@word610@</span><span id="@600@div620" onclick="togglediv620(this)" style="display:inline;color:;" ><input type="checkbox" id="@600@div620check" style="display:none;" / >💌_秘籍<i>@123@</i>...</span>';

          var str_yc_word610=yc600.substring(4, yc600.length-4);

          str_yc_word610='<input id="@600@div631" type="button" onclick="togglediv630(this);" value="隐藏GO......" style="background-color: transparent; border: 0;"/><br>'+str_yc_word610+'<input id="@600@div632" type="button" onclick="togglediv630(this);" value="......隐藏END" style="background-color: transparent; border: 0;float:right"/>';

          NO_yc600++;

        return str_yc_tihuan600.replace('@word610@',str_yc_word610).replace('@123@',NO_yc600).replace(/(@600@)/g,NO_yc600);

  }); });

  }

function word400gaizao(str_xz_word400,NO_xz400) {

        var str_400NOx=NO_xz400.toString();

        var reg_xz420=new RegExp("(@︻@)[(&nbsp;)|(\\s)]*?[A-G][、|．|\\.].+?(?=(@︻@))","gi");

        var reg_xz400_div300=new RegExp('<span.+?div310.+?\[daan:[A-G]{1,7}\].+?>.+?<\\/span><span.+?div320.+?>.+?<\\/span>');

        var daan="0";

        var arr_xz400_div300=new Array;

      if(reg_xz420.test(str_xz_word400)==true && reg_xz400_div300.test(str_xz_word400)==true){

      while (reg_xz400_div300.test(str_xz_word400)==true){

              str_xz_word400=str_xz_word400.replace(reg_xz400_div300,

              function(V0){arr_xz400_div300.push(V0);

                      return "@div300@";});}

            var j=arr_xz400_div300.length-1;

            var str_xz400_div300daan=arr_xz400_div300[j];

            var reg_ifdaan=new RegExp("\\[daan:[A-G]{1,7}\\]","gi");

            var arr_ifdaan = str_xz400_div300daan.match(reg_ifdaan);

            daan=arr_ifdaan[0].substring(6, arr_ifdaan[0].length-1);

            str_xz400_div300daan=str_xz400_div300daan.replace(/(<span.+?div310.+?>)(.+?)(<\/span>)/, "$1"+"📕答案："+daan+"$3");

            str_xz400_div300daan=str_xz400_div300daan.replace(/(<span.+?div320.+?>)(.+?)(<\/span>)/, "$1"+"[🚩选...]"+"$3");

            str_xz400_div300daan=str_xz400_div300daan.replace(/(@xz400_NOx@)/g, str_400NOx);

            arr_xz400_div300[j]=str_xz400_div300daan;

        var i=0;

          while (/@div300@/.test(str_xz_word400)==true){

              str_xz_word400=str_xz_word400.replace(/@div300@/,arr_xz400_div300[i]);

              i++; }

          }

          if(reg_xz420.test(str_xz_word400)==true){

            var arr_xz420=str_xz_word400.match(reg_xz420);

            str_xz_word400=str_xz_word400.replace(reg_xz420,"@本题选项@").replace(/(@本题选项@)+/,"@本题选项@");

            var  str_xz_zhuan410='<span id="@str_400NOx@div410" >';

            var  str_xz_zhuan420='<span id="@str_400NOx@div420" >' ;

              str_xz_word400=str_xz_word400.replace(/^(.+?)(@本题选项@)(.+)$/,str_xz_zhuan410+"$1"+"</span>"+str_xz_zhuan420+"$2"+"</span>"+str_xz_zhuan410+"$3"+"</span>").replace(/(@str_400NOx@)/g,str_400NOx);

          for (var y=0; arr_xz420[y];y++){

                  var str_421NO_xy= str_400NOx+y.toString();

                  var str_xz_420y=arr_xz420[y];

                  str_xz_420y=str_xz_420y.replace(/(@︻@)[(&nbsp;)|(\s)]*?[A-G][、|．|\\.]/i,

                    function(Aa) {

                    Aa=Aa.replace(/(&nbsp;)/g,"空格").replace(/[(@︻@)|(空格)|\s|、|．|\.]/g,"");

                    CC=Aa.toUpperCase();

                    return CC+".";

                    } )

                  var reg_xz422=new RegExp("^([A-G]\\.)(.+)$");

                  var  str_xz_zhuan421='<input id="@str_421NOxy@div421"  type="checkbox"  name="@name@" disabled>' ;                 

                  var  str_xz_zhuan422='<span id="@str_421NOxy@div422" style="visibility:hidden;color:;" 422abc="';

                  var str_xz_zhuan423='<span id="@str_421NOxy@div423" onclick= "togglediv423(this);" style="color:;">';

                  str_xz_420y=str_xz_420y.replace(reg_xz422, str_xz_zhuan421 +  str_xz_zhuan422 +  "$1" +'">'+"$1" +"</span>" + str_xz_zhuan423 + "$2"+ "</span>").replace(/(@str_421NOxy@)/g,str_421NO_xy).replace(/(@name@)/g,str_400NOx);

                  arr_xz420[y]="@︻@"+str_xz_420y;

              }

            if(daan.length==1 && daan!="0"){

                    for (var z=0; arr_xz420[z];z++){

                    var str_xz_420z=arr_xz420[z];

                    str_xz_420z=str_xz_420z.replace(/(type="checkbox")/g,'type="radio"');

                    arr_xz420[z]=str_xz_420z;}}

                }             

            dig_420_jixiang=arr_xz420.length;

              var    str_xz_420join=nuanxudiv420(arr_xz420);

              str_xz_word400=str_xz_word400.replace(/(@本题选项@)/,str_xz_420join).replace(/(@︻@){1,30}/g,"@︻@");

              return [str_xz_word400,daan,dig_420_jixiang];

      }

    function togglediv300(iddiv300) {

          event.cancelBubble = true;

      var  str_IDdiv300=iddiv300.id,  str_Xtk=str_IDdiv300.substring(0,str_IDdiv300.length-6);

      var  str_Xxz=iddiv300.getAttribute('xz400_NOx');

      var div310=document.getElementById(str_Xtk+"div310");

      var div320=document.getElementById(str_Xtk+"div320");

      if(str_Xxz!=null&&str_Xxz!="@xz400_NOx@"){

      var  div400=document.getElementById(str_Xxz+"div400"); 

      var  su=parseInt(div400.getAttribute('420_jixiang'));

      var  xz400daan=div400.getAttribute('400daan');  }     

      if(div320.style.display=="inline"){div310.style.display="inline";div320.style.display="none";

          if(str_Xxz!=null&&str_Xxz!="@xz400_NOx@"){ div422show(str_Xxz,su,xz400daan);}}

      else {div310.style.display="none";div320.style.display="inline";

          if(str_Xxz!=null&&str_Xxz!="@xz400_NOx@"){div420nuanxu(str_Xxz,su);}}

      }

    function togglediv500(iddiv500) {

      event.cancelBubble = true;

      var  str_IDdiv500=iddiv500.id,  str_Xyc=str_IDdiv500.substring(0,str_IDdiv500.length-6);

      var div510=document.getElementById(str_Xyc+"div510");

      var div520=document.getElementById(str_Xyc+"div520");

          if(div520.style.display=="inline"){div510.style.display="inline";div520.style.display="none";}

        else {div510.style.display="none";div520.style.display="inline";}

  }

    function togglediv620(iddiv620) {

      event.cancelBubble = true;

      var  str_IDdiv620=iddiv620.id,  str_Xyc=str_IDdiv620.substring(0,str_IDdiv620.length-6);

      var div610=document.getElementById(str_Xyc+"div610");

      var div620=document.getElementById(str_Xyc+"div620");

      div610.style.display="inline";

      div620.style.display="none";

  }

    function togglediv630(iddiv630) {

      event.cancelBubble = true;

      var  str_IDdiv630=iddiv630.id;str_Xyc=str_IDdiv630.substring(0,str_IDdiv630.length-6);

      var  str_div631or632=str_IDdiv630.substring(str_IDdiv630.length-6,str_IDdiv630.length);

      var div610=document.getElementById(str_Xyc+"div610");

      var div620=document.getElementById(str_Xyc+"div620");

      var div620check=document.getElementById(str_Xyc+"div620check");

          if(str_div631or632=="div631"){ div620.style.color="" ;};

          if(str_div631or632=="div632"){ div620.style.color="#9d9d9d" ;};

          div610.style.display="none";

          div620.style.display="inline";

          div620check.style.display="inline"; div620check.focus();  div620check.style.display="none";

  }

function togglediv423(iddiv423) { 

    event.cancelBubble = true;

var  div423=iddiv423.id;

var  div422=div423.substring(0,div423.length-6)+"div422";

var  div421=div423.substring(0,div423.length-6)+"div421";

        if(document.getElementById(div421).checked==false)

    {document.getElementById(div421).checked=true;}

        else

    {document.getElementById(div421).checked=false;};

}

function  div420nuanxu(str_X,su) {

      var arr_xz420nx=new Array;

      var div420=document.getElementById(str_X+"div420");

            for (var i=0;i<su;i++){

              var div421=document.getElementById(str_X+i.toString()+"div421");

              var div422=document.getElementById(str_X+i.toString()+"div422");

              var div423=document.getElementById(str_X+i.toString()+"div423");

              div421.checked=false;

              div422.style.color="";div422.style.visibility="hidden";div422.innerHTML=div422.getAttribute('422abc'); 

              div423.style.color="" ;

              var  str_xz_zhuan420="<br>&emsp;&emsp;"+div421.outerHTML+div422.outerHTML+div423.outerHTML;

              arr_xz420nx.push(str_xz_zhuan420);

                              }

            div420.innerHTML=nuanxudiv420(arr_xz420nx) ;

}

    function nuanxudiv420(arr_xz420) {

          arr_xz420new=nuanxu_arr(arr_xz420) ;

  var str_xz_420join=arr_xz420new.join("");

      return str_xz_420join;

      }

    function div422show(str_X,su,xz400daan){

          for ( var j=0, i=0;i<su;i++){                     

              var div422=document.getElementById(str_X+i.toString()+"div422");

              var str_ABC=div422.innerHTML.substring(0,1);

              var reg_ABC=new RegExp(str_ABC, "g");

              if(reg_ABC.test(xz400daan)==true){j=j+1;}

        }

            for (var i=0;i<su;i++){

              var div421=document.getElementById(str_X+i.toString()+"div421");

              var div422=document.getElementById(str_X+i.toString()+"div422");

              var div423=document.getElementById(str_X+i.toString()+"div423");

              var str_ABC=div422.innerHTML.substring(0,1);

              var reg_ABC=new RegExp(str_ABC, "g");

              var panduan=reg_ABC.test(xz400daan);

                div422.style.visibility="visible";

            if(panduan==true && div421.checked==true){div422.style.color="green" ;div423.style.color="blue" ;}

            else if(panduan==true && div421.checked!=true){div422.style.color="Orange " ;div423.style.color="blue" ;}

            else if(div421.checked==true){div422.innerHTML="✘";div422.style.color=" red " ;div423.style.color=" #808080 " ;}

            else if( j==0) {div422.style.color="" ;div423.style.color="" ;}

            else {div422.style.color="#808080" ;div423.style.color=" #808080 " ;}

                              }

              }

function tihuan_br_xx(str_br){

    str_br=str_br.replace(/(<hr\s?\/?>)/g,"╭┄┄┄┄┄┄┄┄┄┄┄┄╮@︻@").replace(/(<div>)/g,"").replace(/(<\/div>)/g,"@︻@").replace(/<br\s\/>/g,"@︻@").replace(/(<br>)/g,"@︻@").replace(/(@︻@){2,}/g,"@︻@@︻@");

    return str_br;

    }

function tihuan_xx_br(str_br){

    str_br=str_br.replace(/@︻@/g,"<br>").replace(/<br>+<\/span>/g,"</span>").replace(/<br>/g,"<br>&emsp;&emsp;").replace(/<u>/g,"<mark>").replace(/<\/u>/g,"</mark>");

    return str_br;

    }

function  nuanxu_arr(o){ 

      for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);

      return o;};   

    function shuaxin300(){

        if (shuaxin==0){

              for (var i=1;i<NO_tk300+1;i++){

              var div320=document.getElementById(i.toString()+"div320");

              if(div320.style.display=="inline"){togglediv300(div320)};}

              shuaxin=1;}       

        else{

              for (var i=1;i<NO_tk300+1;i++){

              var div310=document.getElementById(i.toString()+"div310");

              if(div310.style.display=="inline"){togglediv300(div310)}; }

              shuaxin=0;}

    }

/*KING咔 修改2020年5月2日*/

</script>

格式

/* ----------调用字体---------- */

@font-face { font-family: yh; src: url('_FZYHJW.ttf'); }

@font-face { font-family: times; src: url('_times.ttf'); }

/* ----------各种样式---------- */

body { background-color: #fff; color: black; }

.card {

font: 20px/30px yh;

background-color:#fff;

#background-image: url(_bg.png);

#background-size:100%;

}

.h1 { font: 22px/22px yh; padding: 0.3em 0em 0.3em 0.5em; }

.h2 { font: 20px/30px yh; padding: 0.3em 0em 0.3em 0.5em; }

.xleft { border-left: 3px solid #ec6c4f; }

.yleft { border-left: 3px solid #338eca; }

.zleft { border-left: 3px solid #4c991b; }

.xcolor { color: #ec6c4f; }

.ycolor { color: #338eca; }

.zcolor { color: #4c991b; }

.ximg { background: url(_x-day.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.yimg { background: url(_y-day.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.zimg { background: url(_z-day.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.hint { color: #333; }

/* ---------- 其他调整 ---------- */

a { color: #666; }

img { max-width: 100%; vertical-align: middle; }

.chrome img { max-width: 100%; vertical-align: middle; }

ul,ol { margin-top: 0em; }

li { margin-left: -0.5em; }

i { font-family: palatino; padding: 0 3px 0 0; }

u { text-decoration: none; background-color: #ffff75; border-bottom: 2px solid #ec6c4f; }

hr { height: 1px; width: 100%; display: block; border: 0px solid #fff; vertical-align: middle; margin:5px 0px 10px 0px; background-color: #ccc;}

#time { font-family: yh; float: right; } 

/* ----------夜间模式（Android）---------- */

body.night_mode { background-color: #232323; color:#727272; }

.night_mode .card { background-color: #232323;  color:#727272; }

.night_mode .div0 { border-left: 3px solid #a0a0a0; }

.night_mode .yleft { border-left: 3px solid #a0a0a0; }

.night_mode .zleft { border-left: 3px solid #a0a0a0; }

.night_mode .xcolor { #font-weight: bold; color:#a0a0a0; }

.night_mode .ycolor { #font-weight: bold; color:#a0a0a0; }

.night_mode .zcolor { #font-weight: bold; color:#a0a0a0; }

.night_mode .ximg{ background: url(_x-night.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.night_mode .yimg{ background: url(_y-night.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.night_mode .zimg{ background: url(_z-night.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

.night_mode .hint { color: #727272; }

.night_mode u { color: #a0a0a0; background-color: #505050; border-bottom: 2px solid #5f5f5f; }

.night_mode img { filter: alpha(opacity=30); opacity:0.3;  filter:invert;}

.night_mode audio { filter: alpha(opacity=30); opacity:0.3; }

.night_mode hr { background-color: #484848; }

/* ----------动画效果---------- */

.slide { position: relative; -webkit-animation: slide 1s 0s; -webkit-animation-fill-mode: forwards; }

@-webkit-keyframes slide {

0% { opacity: 0  ; top: 100px; }

50% { opacity: 0.8; top: -10px; }

100% { opacity: 1.0; top: -3px; }

}

背面：

<article class="yead_editor" data-id="4813" data-use="1" data-author="Wxeditor" style="font-size:14px;margin:5px auto;">

    <section style="padding:0;display:block;border:0;box-sizing:border-box">

        <section style="padding:0;display:flex;flex-direction:column;border:0;box-sizing:border-box">

            <section style="padding:0;margin:0 5px 8px 0;background-color:#eee;border-radius:6px;box-sizing:border-box">

                <section style="padding:0;display:inline-block;margin:0;transform:translate(5px,5px);border-radius:4px;box-sizing:content-box">

                    <section class="yead_bgc" style="color:#fff;background-color:#da2811;font-weight:700;margin:0 8px 0 0;font-size:14px;padding:0 7px;border-radius:4px;line-height:20px;transform:translate(0);vertical-align:middle;text-align:justify;box-sizing:border-box;display:inline-block">

                        <p style="padding:0;margin:0">

                            问题及答案

                        </p>

                    </section>

                    <section style="color:#333;margin:0;font-size:16px;display:inline-block;font-weight:700;padding:0;line-height:25px;transform:translate(0);vertical-align:middle;text-align:justify;box-sizing:border-box">

                        <p style="padding:0;margin:0">

                            King咔

                        </p>

                    </section>

                </section>

                <section style="padding:0;display:block;margin:0;transform:translate(5px,8px);background-color:#fff;border:1px solid #eee;border-radius:4px;box-sizing:content-box">

                    <section style="color:#333;margin:0;font-size:15px;padding:8px 10px;line-height:30px;transform:translate(0);text-align:justify;box-sizing:border-box">

                        <p style="padding:0;margin:0">

<div class="h2 xleft slide"><hr>{{背面}}</div>

      </p>

                    </section>

                </section>

            </section>

        </section>

    </section>

</article>

<p>

    <br/>

</p>