/* The monkeys learn by watching you */
@charset "utf-8";

::-moz-selection{background-color:var(--theme-ui-colors-main);color:var(--theme-ui-colors-white);}
::selection{background-color:var(--theme-ui-colors-main);color:var(--theme-ui-colors-white);}
html{
--theme-ui-colors-black:#000;
--theme-ui-colors-main:#1649ff; /* Blue */
--theme-ui-colors-error:#f70044; /* Error */
--theme-ui-colors-focus:#f70044; /* Red */
--theme-ui-colors-white:#ffffff;
--theme-ui-colors-primary:#4f4f50; /* Dark Grey */
--theme-ui-colors-muted:#8b9697; /* Dull Grey */
--theme-ui-colors-secondary:#183a6b; /* Dark Blue */
--theme-ui-colors-surreal:#ecf4f7; /* Light */
}

html,body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-feature-settings:'kern';-moz-font-feature-settings:'kern';font-feature-settings:'kern';-webkit-font-kerning:normal;-moz-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures;-moz-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;scroll-behavior:smooth;}
body{font-size:17px;width:100%;font-weight:400;overflow-x:initial;height:auto!important;color:var(--theme-ui-colors-black);font-family:Roboto,Noto Sans SC,Roboto,Hiragino Sans GB,WenQuanYi Micro Hei,Heiti SC,Microsoft YaHei,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;width:100%;height:100%;overflow-x:initial;height:auto!important;text-wrap:pretty;}

body.bg-gradient-blue1{background:linear-gradient(180deg, #2d2db0 -65%, #2c8cf4 110%);}
body.bg-gradient-blue-purple{background-image:linear-gradient(115deg,hsl(240deg 100% 20%) 0%,hsl(249deg 98% 22%) 11%,hsl(255deg 96% 24%) 22%,hsl(259deg 93% 26%) 33%,hsl(262deg 90% 28%) 44%,hsl(264deg 87% 30%) 56%,hsl(266deg 83% 32%) 67%,hsl(268deg 81% 34%) 78%,hsl(270deg 79% 37%) 89%,hsl(272deg 77% 39%) 100%);}
body.bg-gradient-blue-green{background-image:linear-gradient(115deg,hsl(240deg 100% 20%) 0%,hsl(224deg 100% 25%) 11%,hsl(218deg 100% 29%) 22%,hsl(212deg 100% 31%) 33%,hsl(206deg 100% 31%) 44%,hsl(198deg 100% 30%) 56%,hsl(187deg 100% 27%) 67%,hsl(173deg 100% 27%) 78%,hsl(161deg 100% 30%) 89%,hsl(151deg 100% 32%) 100%);}
body.bg-gradient-blue-purple-yellow{background-image: linear-gradient(120deg,hsl(240deg 100% 20%) 0%,hsl(250deg 100% 22%) 9%,hsl(261deg 100% 24%) 20%,hsl(271deg 100% 25%) 33%,hsl(281deg 100% 27%) 45%,hsl(291deg 100% 29%) 55%,hsl(302deg 100% 31%) 63%,hsl(312deg 100% 32%) 70%,hsl(322deg 100% 34%) 76%,hsl(333deg 100% 36%) 81%,hsl(343deg 100% 38%) 85%,hsl(353deg 100% 39%) 88%,hsl(3deg 100% 41%) 91%,hsl(14deg 100% 43%) 94%,hsl(24deg 100% 45%) 96%,hsl(34deg 100% 46%) 97%,hsl(45deg 100% 48%) 99%,hsl(55deg 100% 50%) 100%);}

#zbsg-social,#footer .copyright{text-align:center;}

.tag{font-size:0.9em;font-weight:normal;margin:1em auto 4em auto;}
.tag a{padding:0.3em 0.8em;font-weight:400!important;margin:0.3em 0.3em 0.3em 0;background:var(--theme-ui-colors-white);border-radius:50px;border:1px solid #ccc;display:inline-block;}

#brand{padding:0.6em 0;z-index:100000;position:relative;display:table;}
.navbar{padding:0 0 0 1em;margin-bottom:0;display:block;color:var(--theme-ui-colors-black);}
.nav.navbar-nav li{padding:0.4em 1em 0.2em 1em;}
.nav.navbar-nav li a,.nav.navbar-nav li a:visited{color:#ff0024;transition:all .5s;}
.nav.navbar-nav li a:hover{transform:scale(1.2);}
.nav.navbar-nav li a .caret,.nav.navbar-nav li a:visited .caret{color:var(--theme-ui-colors-black)!important;}
.navbar-brand{margin:auto;padding:0;}
.navbar-brand img{width:140px;}

.copy-link-icon{right:1em;top:0.4em;color:var(--theme-ui-colors-black);font-weight:500;position:absolute;overflow:initial;white-space:nowrap;display:block;cursor:pointer;background:transparent;transition:all .5s;z-index:1000000;}
.copy-link-icon:before,.copy-link-icon:after{display:block;padding:0;transition:all .5s;}
.copy-link-icon:before{content:'分享';font-size:0.8em;padding:0.2em 0.9em;background:var(--theme-ui-colors-white);border:1px solid var(--theme-ui-colors-black);border-radius:50px;position:relative;display:block;transform:rotate(0deg);}
.copy-link-icon:after{content:'';position:relative;display:block;transform:rotate(0deg);}
.copy-link-icon.copy-link-icon--clicked{}
.copy-link-icon.copy-link-icon--clicked:before{content:'链接已复制,即可分享';background:var(--theme-ui-colors-black);color:var(--theme-ui-colors-white);border-color:transparent;}
.copy-link-icon .tooltip{display:block;left:0;top:0;margin-bottom:0;opacity:0;pointer-events:none;position:absolute;text-align:center;transform:translateY(0);transition:all 0.25s ease-out;}
.copy-link-icon:hover .tooltip{opacity:1;pointer-events:auto;transform:translateX(-60px);}

.view-desktop{display:block;width:100%;-webkit-overflow-scrolling:touch;}
.view-mobile,.view-tablet{display:none;width:100%;-webkit-overflow-scrolling:touch;}

@media (min-width:200px) and (max-width:768px){
.view-mobile{display:block!important;}
.view-desktop{display:none!important;}
}


.text-center{margin:auto;text-align:center;}
.link{font-size:0.9em;padding:0.2em 0.6em;color:var(--theme-ui-colors-white)!important;margin-bottom:1em;display:inline-block;background:#d70222;}

.skrollr{overflow-y:scroll!important;}

h1,h2,h3{color:var(--theme-ui-colors-black);}
#hero{width:100%;height:auto;z-index:0;display:block;flex-direction:row;align-items:center;justify-content:center;background-size:150% auto;background-repeat:no-repeat;background-position:center 0;background-size:100%;position:relative!important;background-attachment:fixed;}
#hero .content{width:70%;margin:1em auto 0 auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}

#hero .content .cover{margin:0 auto 6em auto;position:relative;height:auto;}
#hero #program-header{padding:0;margin:0 auto;}
#hero #program-logo{width:300px;height:80px;margin:auto;background-image:url(../imgs/equiz-logo.svg);background-size:100%;background-repeat:no-repeat;background-position:0 0;top:1em;z-index:10000;}
#hero #program-logo{position:absolute;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#hero #program-cover img,#hero #program-headline img{margin:auto;border-radius:0.6em;box-shadow:0 0 4em rgba(0,0,0,0.3);}
#hero #program-cover img{width:100%;}
#hero #program-cover,#hero #program-headeline{padding:0;}

#hero h1{font-size:3.6em;font-weight:500important;}
#hero.skrollable-after .content{display:none;}
#hero h1 em,#hero h1 span{display:block;}
#hero h1 em{font-size:0.6em;padding:0.4em 1em;margin:0 auto;font-weight:bold;display:table;background:var(--theme-ui-colors-white);color:var(--theme-ui-colors-black);}
#hero h1 span{padding:0.4em 1em;margin:0 auto;font-weight:400;display:table;background:#ff1f5f;color:var(--theme-ui-colors-white);}
#hero h1 img{margin:auto;width:100%;}
#hero .sub-head{padding:1.4em;font-size:1.2em;line-height:1.4;background:var(--theme-ui-colors-white);display:inline-block;}
#hero .sub-head em{font-size:1.2em;font-style:normal;font-weight:bold;}
#hero .intro{padding:3em 4em;color:var(--theme-ui-colors-black);background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);}
#hero.light-base.skrollable-after:before{width:100%;height:100vh;left:0;backdrop-filter:blur(0.6em);-webkit-backdrop-filter:blur(0.6em);-moz-backdrop-filter:blur(0.6em);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;content:'';position:absolute;background:rgba(255,255,255,0.4);}
#hero h1.header-img{width:80%;height:54vh;margin:0 auto 1em auto;display:block;background-position:center top;background-size:100%;background-repeat:no-repeat;}
#hero .publish{font-size:16px;font-weight:300;margin-top:1em;padding-top:0.6em;border-top:1px solid rgba(255,255,255,0.5);}
#hero .publish .date{padding-right:0.8em;margin-right:0.5em;border-right:1px solid var(--theme-ui-colors-white);}
#hero .publish a{color:var(--theme-ui-colors-white);}

.theme-light #hero .sub-head{}
.theme-light #brand{background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);}

#plate{margin:1em auto 10em auto;width:70%;position:relative;}

@media (min-width:769px) and (max-width:1024px){
#hero .content{width:90%;}
}
@media (min-width:1300px) {
#hero .content{width:50%;}
}


@media (min-width:200px) and (max-width:768px){
#hero{margin-top:-3em;height:auto;background-position:center 0;background-size:100%;position:relative!important;background-attachment:fixed;}
#hero .content{width:100%;margin:0 auto;padding:2em 1em 0 1em;}
#hero h1{font-size:2.4em;}
#hero .intro{padding:2em;text-align:left;}
#hero h1.header-img{width:100%;height:50vh;}
#hero .sub-head{padding:1.2em;font-size:1.1em;}

#hero .content .cover{margin:2em auto 2em auto;}
#hero #program-logo{width:200px;height:60px;}
#hero #program-logo{position:absolute;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#hero #program-cover img,#hero #program-headline img{box-shadow:0 0 2em rgba(0,0,0,0.06);}
#hero #program-headline img{width:100%;border-radius:0.6em;}
#hero .publish{font-size:14px;}

#plate{width:90%;margin:0 auto 10vh auto;}
}

@media (min-width:768px) and (orientation:portrait){
#hero .content{margin:10% auto 0 auto;}
#hero h1{font-size:3em;}
#hero .sub-head{font-size:1.2em;}

#hero .content .cover{margin:0 auto 2em auto;}
#hero #program-logo{width:300px;height:100px;}
#hero #program-logo{position:absolute;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#hero #program-cover img,#hero #program-headline img{box-shadow:0 0 3em rgba(0,0,0,0.3);}
#hero #program-headline img{width:100%;border-radius:0.6em;}
}


.btn-read{border-radius:50px;padding:0.4em 1em;display:inline-block;background:#a50034;color:var(--theme-ui-colors-white);}
.btn-read:hover{color:var(--theme-ui-colors-white)!important;}

#quizStyle{padding:0;margin:0 auto;align-items:center;justify-content:center;text-align:center;background-color:transparent;}
#quizStyle a{color:#a50034;font-weight:bold;}
#quizStyle .package{background:var(--theme-ui-colors-white);border-radius:0.6em;margin-bottom:2em;display:flex;align-items:center;justify-content:center;text-align:center;}
#quizStyle .summary{font-size:1.1em;background:rgba(240,243,244,1);border-radius:0.6em;margin-bottom:2em;}
#quizStyle h3{font-size:2.8em;padding-bottom:0.2em;border-bottom:4px solid #f791b0;display:inline-block;font-weight:700;}
#quizStyle fieldset{height:auto;padding:3em 2em;margin:1em auto;border-radius:0.6em;box-shadow:0 0 2em rgba(0,0,0,0.06);border:0;background-color:var(--theme-ui-colors-white);display000:flex;align-items:center;justify-content:center;text-align:center;}
#quizStyle .set{margin:0 auto;padding:0 4em;}
#quizStyle.pix-plate fieldset{height:auto;}
#quizStyle.pix-plate .set fieldset{margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #ccc;border-radius:0;display:block;box-shadow:none;text-align:left;}
#quizStyle.pix-plate .set{padding:4em;text-align:left;}
#quizStyle.pix-plate fieldset legend{font-size:1.2em;}

#quizStyle fieldset legend{font-size:1.4em;line-height:1.4;display:contents;font-weight:700;color:var(--theme-ui-colors-black);display:block;position:relative;}
#quizStyle input[type="radio"],#quizStyle button{display:none;}
#quizStyle label{line-height:1.6;border-radius:50px;}
#quizStyle .answers{margin:1em auto 0 auto;}
#quizStyle .answer{vertical-align:top;}
#quizStyle .answer.inline{display:inline-block;}
#quizStyle .answer__item{padding:0.4em 1em 0.4em 2.2em;margin:0 0.4em 0.4em 0;line-height:1.4;background:var(--theme-ui-colors-secondary);background000:#f1f3f4;position:relative;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;display:flex;align-items:center;justify-content:center;vertical-align:top;color:var(--theme-ui-colors-white);}
#quizStyle .answer__item:before{width:12px;height:12px;border:1px solid var(--theme-ui-colors-white);border-radius:50%;left:0.6em;position:absolute;display:block;content:'';}
#quizStyle0000 .answer__item:hover{background:#fbcddb;border-color:transparent;}
#quizStyle :valid .answer__item--is-correct{background-color:rgba(113,207,146,1);color:var(--theme-ui-colors-white);border-color:transparent;}

#quizStyle .answer__reveal-text{display:none;margin:1em auto 0 auto;}
#quizStyle .answer__reveal-text figure{width:70%;}
#quizStyle .answer__reveal-text figure img{width:100%;}
#quizStyle :valid .answer__reveal-text{padding:1em 2em 1em 2em;border-radius:0.6em;text-align:left;display:block;background:#f9f9f9;}

#quizStyle :checked + .answer__item{color:var(--theme-ui-colors-white);background-color:#f55555;border-color:transparent;}
#quizStyle :checked + .answer__item:before{border:1px solid var(--theme-ui-colors-white);content:'';background-image:url(https://interactive.zaobao.com/lib/imgs/icon-close-white.svg);}

#quizStyle :checked + .answer__item--is-correct{background-color:rgba(113,207,146,1);color:var(--theme-ui-colors-white);border-color:transparent;border-color:transparent;}
#quizStyle :checked + .answer__item--is-correct:before,#quizStyle :valid .answer__item--is-correct:before{background-image:url(https://interactive.zaobao.com/lib/imgs/icon-tick-white.svg);border:1px solid var(--theme-ui-colors-white);}

#quizStyle :checked + .answer__item:before,#quizStyle :checked + .answer__item--is-correct:before,#quizStyle :valid .answer__item--is-correct:before{width:20px;height:20px;margin:0 0.6em 0 0;display:inline-block;border-radius:50%;background-repeat:no-repeat;background-position:0;background-size:100%;content:'';}

#quizStyle :checked + .answer__item .answer__icon{display:inline-block;}

#quizStyle :valid{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#quizStyle :valid + .answer__item{pointer-events:none;}

form{counter-reset:quiz-score;}

#quizStyle :checked + .answer__item--is-correct{counter-increment:quiz-score;}
#quizStyle .score{font-size:2.4em;padding-bottom:0.3em;line-height:1;display:block;counter(quiz-score, decimal) "/" attr(data-question-count);}
#quizStyle .score:before{padding-right:0.1em;font-weight:900;content:counter(quiz-score);}
#quizStyle .score:after{margin-left:0.1em;content:"/ " attr(data-question-count);font-weight:300;}

#quizStyle #score{width:40%;padding:3em 1em;display:block;color:var(--theme-ui-colors-white);position:fixed;height:auto;margin:0;vertical-align:bottom;border-radius:0.6em;background:#1654fc;z-index:10000000;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0 0 4em rgba(0,0,0,0.3);}
#quizStyle #score:before{content:'你答对';font-size:1.2em;margin-bottom:0.2em;}
#quizStyle #score a{color:var(--theme-ui-colors-white)!important;padding-bottom:0.1em;border-bottom:1px solid var(--theme-ui-colors-white);}
#quizStyle .message,#quizStyle #score{display:none;}
#quizStyle:valid .message,#quizStyle:valid #score{display:block;}
#quizStyle #score .alert-msg{font-size:1.2em;background:var(--theme-ui-colors-white);color:var(--theme-ui-colors-black);padding:1em;border-radius:0.4em;display:table;margin:auto;}
#quizStyle #score .alert-msg a{color:var(--theme-ui-colors-main)!important;font-weight:bold;}

#quizStyle .img{position:sticky;top:0;}
#quizStyle .img.circle{overflow:hidden;}
#quizStyle .img img{width:120%;margin:0 0 4em -4em;border-radius:50%;}
#quizStyle figure{overflow:hidden;margin:1em auto;}
#quizStyle figure img{width:80%;margin:0;border-radius:0.6em;border:1px solid rgba(0,0,0,0.2);}
#quizStyle figure figcaption{padding:1em 0;color:var(--theme-ui-colors-muted);}
#quizStyle figure.img-portrait{width:60%;}
#quizStyle figure.img-square{width:70%;}

@media (max-width:800px) and (orientation:portrait){
#quizStyle h3{font-size:1.8em;text-align:center;display:table;margin:auto;}
#quizStyle fieldset{padding:0;height:auto;display:block;}
#quizStyle fieldset .set{padding:1.6em;}
#quizStyle fieldset legend{font-size:1.2em;line-height:1.4;text-align:left;}
#quizStyle .package{display:block;}
#quizStyle.pix-plate .set{padding:2em;}
#quizStyle .img.circle{position:relative;}
#quizStyle .img.circle img{width:80%;margin:-10% auto 0 auto;}
#quizStyle figure img{width:100%;}
#quizStyle figure.img-portrait,#quizStyle figure.img-square{width:100%;}
#quizStyle figure figcaption{text-align:left;}
#quizStyle :valid .answer__reveal-text{padding:1em;}
#quizStyle .score:before,#quizStyle .score:after{font-size:1em;}
#quizStyle #score{width:80%;}
}

#quizStyle.quizStyle1 fieldset .set{position:relative;}
#quizStyle.quizStyle1 fieldset .set:before,#quizStyle.quizStyle1 fieldset legend:after{color:#aaa;}
#quizStyle.quizStyle1 fieldset .set:before{content:"题目";font-size:0.9em;top:0;left:4.5em;font-weight:normal;position:absolute;}
#quizStyle.quizStyle1 fieldset legend{font-size:1.4em;line-height:1.4;padding-top:1em;display:contents;font-weight:700;color:var(--theme-ui-colors-black);text-align:center;display:block;position:relative;}
#quizStyle.quizStyle1 fieldset legend:before,#quizStyle.quizStyle1 fieldset legend:after{font-size:0.7em;top:0;font-weight:normal;display:inline-block;position:absolute;}
#quizStyle.quizStyle1 fieldset legend:before{left:2em;content:attr(data-section-fraction);color:var(--theme-ui-colors-black);font-weight:bold;text-align:right;}
#quizStyle.quizStyle1 fieldset legend:after{left:3em;content:"/ " attr(data-section-total);}


#QuizList{padding:0;margin:0 auto;list-style:none;}
#QuizList li{width:100%;padding:0;margin:0;list-style-position:inside;counter-increment:custom-counter-name;position:relative;}
#QuizList li:before,#QuizList li:after{top:1em;font-size:1em;line-height:1;z-index:1;display:inline-block;position:absolute;}
#QuizList li:before{right:2.4em;font-weight:bold;color:var(--theme-ui-colors-main);content:counter(custom-counter-name);content:counter(custom-counter-name);text-align:right;}
#QuizList li:after{right:1em;content:"/ " attr(data-section-total);opacity:0.5;}
#QuizList fieldset{margin:4px auto!important;padding:3em 0 2em 0;}
#QuizList :checked + .answer__item{background-color:var(--theme-ui-colors-error);}
#QuizList :valid .answer__item--is-correct{background-color:var(--theme-ui-colors-main);}

.quizStyle2 #hero #program-logo{top:-2em;}
.quizStyle2 #hero #program-logo{transform:translate(-50%,0);}
.quizStyle2 #hero #program-headline{width:80%;padding:1em;margin:-3em auto 0 auto;text-align:center;z-index:10000;position:relative;line-height:1.2;font-size:2.2em;font-weight:700;color:var(--theme-ui-colors-white);background:var(--theme-ui-colors-main);box-shadow:0 0 4em rgba(0,0,0,0.3);border-radius:0.4em;}
.quizStyle2 #hero #program-headline .headline{line-height:1.4;font-size:1em;font-weight:900;color:var(--theme-ui-colors-white);}
.quizStyle2 #program-headline .sub-head{font-size:0.6em;font-weight:500;padding:0.4em 0;background:none;}

@media (min-width:200px) and (max-width:800px) and (orientation:portrait){
#QuizList fieldset{padding:2em 0 0 0;border-radius:0.4em;}
#QuizList fieldset .set{padding:1em;}
#quizStyle figure img{border-radius:0.4em;border:none;}
#quizStyle.quizStyle1 fieldset legend{text-align:left;}
#quizStyle .answer__reveal-text figure{width:100%;}
#quizStyle #score{padding:2em 1em;}
.quizStyle2 #hero #program-logo{top:-1em;}
.quizStyle2 #hero #program-headline{width:100%;line-height:1.2;font-size:1.6em;margin:-10% auto 0 auto;text-align:center;border-top-left-radius:0;border-top-right-radius:0;}
.quizStyle2 #hero #program-headline .headline{font-size:1em;}
}

.close{position:absolute;right:0.4em;top:0.4em;width:30px;height:30px;padding:0.6em;opacity:1;border-radius:50%;border:1px solid var(--theme-ui-colors-white);background-color:var(--theme-ui-colors-white);background-size:100%;background-position:center;background-repeat:no-repeat;background-image:url(https://interactive.zaobao.com/lib/imgs/icon-close.svg);}

#footer{background:var(--theme-ui-colors-white);}


#stickyBottom{left:0;bottom:40%;margin:0;padding:0;position:fixed;text-align:left;transition: all .5s;z-index:1000000;}
#stickyBottom .item{margin:1px;}
#stickyBottom .item a{font-size:1.2em;width:100%;display:block;padding:0.6em 1em;background:#e90044;line-height:1.2;color:#fff;}

@media screen and (min-height:320px) and (max-height:499px) and (orientation:landscape) {
#stickyBottom{display:none!important;}
}

@media screen and (min-width:768px) and (max-width:900px) and (orientation:portrait) {
#stickyBottom{left:0;top:auto;bottom:0;height:40px;width:100%;display:flex;display:flex;text-align:center;margin:auto;z-index:1000000;}
#stickyBottom .item{width:33%;margin:auto;justify-content:center;align-items:center;text-align:center;}
}

@media only screen and (max-width:767px){
#stickyBottom{left:0;top:auto;bottom:0;height:40px;width:100%;display:flex;display:flex;text-align:center;margin:auto;z-index:1000000;}
#stickyBottom .item{width:33%;margin:auto;justify-content:center;align-items:center;text-align:center;}
#stickyBottom .item a{font-size:1em;padding:0.6em;}
}