/*mc1*/
.art-head h1{font-size:35px;margin:20px 10px 10px 10px;padding:0 50px}
.art-head p{font-size:20px;max-width:900px;padding:0 50px}
.byline{font-size:14px;margin:25px auto 0 auto;padding:0 15px}
.byline li{height:22px;line-height:22px;display:inline-block;vertical-align:top;text-align:center;padding:0 15px}
.b-wr span,.b-qu span,.b-di span,.b-pl span{margin-right:7px}
.b-wr svg,.b-qu svg{width:12px;height:12px;position:relative;top:1px}
.b-di svg,.b-pl svg{width:14px;height:14px;position:relative;top:2px}
.pri-img img{border-radius:0;border-bottom:5px solid #D9D800}
.pri-img i,.qu-img i{font-style:normal;position:absolute;font-size:12px;top:10px;right:10px;color:#666}
.qz-desc{width:94%;max-width:640px;margin:0 auto;margin:-40px auto 0 auto;background:linear-gradient(#FFF,#FFF,#F8F8F8);border-top:4px solid #D9D800;border-radius:19px;position:relative}
.qz-desc h2{font-size:24px;padding:30px 0 5px 35px}
.qz-desc p{margin-top:15px;font-size:18px;line-height:30px;padding:0 35px}
.fd3-btn,.fd3 input{position:absolute;bottom:4px;left:90%;width:26px;height:26px;border-radius:7px;box-shadow:1px 1px 3px -1px rgba(0,0,0,.6);cursor:pointer;background:#FFF}
.fd3-btn .more:after{content:"";display:block;width:5px;height:5px;border:#1DA6FF solid;border-width:2px 2px 0 0;transform:rotate(135deg);position:absolute;top:8px;left:10px}
.fd3-btn .less:after{content:"";display:block;width:5px;height:5px;border:#666 solid;border-width:2px 2px 0 0;transform:rotate(-45deg);position:absolute;top:11px;left:10px}
.fd3-p{overflow:hidden;max-height:350px}
.start-btn{text-align:center;padding:40px 0}
.start-btn a{padding:17px 60px;display:inline-block;background:#FE0;color:#161616;font-size:17px;font-weight:700;border-bottom:3px solid #BDB000;border-radius:14px;letter-spacing:2px}
.start-btn a svg{width:16px;height:16px;margin-right:12px;position:relative;top:3px;fill:#333}
.art-728{max-width:728px;min-height:90px;background:#EEE;margin:50px auto 0 auto}
.question{max-width:640px;margin:50px auto}
.status{height:53px;text-align:center;position:relative}
.progress{background:#fff;padding:3px 16px;font-weight:600;left:7%;top:35px;box-shadow:1px 1px 10px -1px rgba(0,0,0,.3);border-radius:15px;position:absolute;z-index:9999}
.progress b{font-size:22px}
.timer{font-size:22px;font-weight:700;color:#F30;line-height:48px}
.timer:before{content:"\23F0";margin-right:10px}
.t-bar-bg{height:4px;background:#EEE;border-radius:15px}
.t-bar{height:4px;background:#F30;border-radius:15px}
.qu-img img{border-radius:14px}
.qu-img img:nth-of-type(2){position:absolute;top:0;left:0;opacity:0;z-index:-1}
.qu-img img.ansimg{animation:fadeInOut 10s;z-index:1}
@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0}}
.question h3{max-width:94%;margin:0 auto;font-size:20px;padding:20px 0;text-align:center;color:#222}
.question h3 b,.qz-desc p a,.exp p a,.rq-btn a b{background:linear-gradient(to right,#CFF,#CFF) no-repeat 0 25px;padding:10px 0 0}
.question .bh3{max-width:100%;color:#FFF;margin-bottom:30px;padding:70px 80px;text-align:center;word-wrap:break-word;border-radius:14px;border-bottom:3px solid #DDD}
.question .bh3 b{font-size:38px}
.question .bh3 b{background:0;padding:0;line-height:38px}
.style-1 .bh3{background:#F51E28;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 50%,rgba(255,255,255,.08) 60px,transparent 60px)}
.style-2 .bh3{background:#E20086;background-image:radial-gradient(circle at 10% 80%,rgba(255,255,255,.1) 80px,transparent 80px),radial-gradient(circle at 90% 50%,rgba(255,255,255,.15) 80px,transparent 80px)}
.style-3 .bh3{background:#1C83BE;background-image:radial-gradient(circle at 10% 70%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 50%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-4 .bh3{background:#B211ED;background-image:radial-gradient(circle at 10% 60%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 50%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-5 .bh3{background:#FF3C00;background-image:radial-gradient(circle at 10% 50%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 50%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-6 .bh3{background:#E51D76;background-image:radial-gradient(circle at 10% 40%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 90%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-7 .bh3{background:#F57300;background-image:radial-gradient(circle at 10% 30%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 80%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-8 .bh3{background:#A312FF;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 70%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-9 .bh3{background:#0CB200;background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 60%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-10 .bh3{background:#EE214A;background-image:radial-gradient(circle at 10% 50%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 50%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-11 .bh3{background:#ED224B;background-image:radial-gradient(circle at 10% 50%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 40%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-12 .bh3{background:#BE00FF;background-image:radial-gradient(circle at 10% 50%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 30%,rgba(255,255,255,.07) 70px,transparent 70px)}
.style-13 .bh3{background:#16B37E;background-image:radial-gradient(circle at 10% 50%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 20%,rgba(255,255,255,.08) 80px,transparent 80px)}
.style-14 .bh3{background:#4EB304;background-image:radial-gradient(circle at 10% 50%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 10%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-15 .bh3{background:#3063FF;background-image:radial-gradient(circle at 10% 50%,rgba(255,255,255,.1) 40px,transparent 40px),radial-gradient(circle at 90% 50%,rgba(255,255,255,.05) 60px,transparent 60px)}
.style-16 .bh3{background:#4A79FB;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.05) 10%,transparent 10%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.1) 20%,transparent 20%)}
.style-17 .bh3{background:#0B85F4;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.06) 20%,transparent 20%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 30%,transparent 30%)}
.style-18 .bh3{background:#4AB900;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.07) 15%,transparent 15%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.1) 10%,transparent 10%)}
.style-19 .bh3{background:#FF5A00;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.08) 10%,transparent 10%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 15%,transparent 15%)}
.style-20 .bh3{background:#D7089E;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.15) 20%,transparent 20%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.1) 10%,transparent 10%)}
.style-21 .bh3{background:#9A37F3;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.1) 15%,transparent 15%),radial-gradient(circle at 80% 60%,rgba(255,255,255,.1) 20%,transparent 20%)}
.style-22 .bh3{background:#D62791;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.05) 15%,transparent 15%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 20%,transparent 20%)}
.style-23 .bh3{background:#DE2189;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.06) 20%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 10%,transparent 10%)}
.style-24 .bh3{background:#E36D00;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.07) 20%,transparent 20%),radial-gradient(circle at 80% 90%,rgba(255,255,255,.1) 15%,transparent 15%)}
.style-25 .bh3{background:#F64D26;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.08) 20%,transparent 20%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.1) 15%,transparent 15%)}
.style-26 .bh3{background:#00BB09;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.09) 20%,transparent 20%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 15%,transparent 15%)}
.style-27 .bh3{background:#EF2239;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.1) 20%,transparent 20%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.1) 10%,transparent 10%)}
.style-28 .bh3{background:#0084FF;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.1) 20%,transparent 20%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.1) 20%,transparent 30%)}
.style-29 .bh3{background:#7126CB;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.1) 20%,transparent 20%),radial-gradient(circle at 80% 40%,rgba(255,255,255,.1) 30%,transparent 40%)}
.style-30 .bh3{background:#FF7200;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.1) 20%,transparent 20%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.1) 15%,transparent 50%)}
.option{margin:0 auto;display:flex;flex-wrap:wrap}
.option li{width:50%;margin-bottom:10px;box-sizing:border-box}
.option li:nth-child(odd){border-right:5px solid #FFF}
.option li:nth-child(even){border-left:5px solid #FFF}
.option li button{width:100%;padding:14px;text-align:left;color:#222;font-size:18px;font-weight:600;border:1px solid #EEE;border-bottom:3px solid #DDD;box-shadow:1px 1px 10px -1px rgba(0,0,0,.2);box-sizing:border-box;border-radius:10px;word-wrap:break-word;position:relative}
.option li button b{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border:2px solid #DDD;box-shadow:1px 1px 5px -1px rgba(0,0,0,.2);border-radius:7px;margin-right:10px}
.option li:hover button,.option li:hover b{border:2px dotted #000;color:#000}
.option .yes,.option .no{width:35px;height:35px;border-radius:35px;background:#0B0;border:2px solid #FFF;position:absolute;top:11px;right:11px}
.option .yes:before{content:"";display:block;width:13px;height:7px;border:#FFF solid;border-width:3px 3px 0 0;transform:rotate(135deg);position:absolute;top:10px;left:10px;animation:yesAnimation 0.6s}
@keyframes yesAnimation{0%{transform:rotate(135deg) scale(5);opacity:0}100%{transform:rotate(135deg) scale(1);opacity:1}}
.option .no{background:#F00}
.option .no:before,.option .no:after{content:"";height:18px;width:3px;background:#FFF;position:absolute;top:9px;left:16px;animation:noAnimation 0.4s}
.option .clicked,.option .clicked b{background:#EEE;border:2px dotted #000;font-weight:700}
.imgopt li button{padding:0;border:0;position:relative}
.imgopt li button b{position:absolute;top:10px;left:10px;background:#FFF;border:2px solid #FFF}
.imgopt .clicked img{opacity:.3}
@keyframes noAnimation{0%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-5px)}80%{transform:translateX(0)}}
.exp{margin:0 auto;padding:20px 0;background:#FFF;position:relative;overflow:hidden;animation:expAnimation 0.8s;box-shadow:1px 1px 25px -1px rgba(0,0,0,.1);border-radius:10px}
.exp p{width:90%;margin:10px auto 0 auto;line-height:24px;text-align:center;color:#333}
.exp p b{font-size:20px}
.exp p b{background:linear-gradient(to right,#BBF6BB,#BBF6BB) no-repeat 0 25px;padding:10px 0 0}
.exp p img{max-width:100px;float:left;margin-right:15px}
@keyframes expAnimation{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}
.correct,.wrong{font-size:22px;font-weight:700;text-align:center;position:relative}
.correct{color:#0B0}
.correct:after{content:"+1";font-size:15px;color:#0B0;position:absolute;top:0;right:60px;font-style:italic}
.wrong i:before,.wrong i:after{content:"";height:20px;width:4px;background:#F00;position:absolute;top:2px;left:10px}
.wrong i:before,.option .no:before{transform:rotate(45deg)}
.wrong i:after,.option .no:after{transform:rotate(-45deg)}
.question.disabled,.start-btn .btn-disabled,.next-btn .btn-disabled,.score-btn .btn-disabled,.pages span,.trend-t-r .disabled,.tih-t-r .disabled{opacity:.3;cursor:default}
.next-btn,.score-btn{text-align:center;margin:20px auto}
.next-btn button,.score-btn button{width:100%;color:#161616;margin:0 auto;border:0;font-size:17px;padding:15px 0;display:inline-block;background:#FE0;border-radius:14px;border-bottom:3px solid #BDB000;font-weight:700;letter-spacing:2px}
.next-btn button:after,.score-btn button:after{content:"";display:inline-block;width:7px;height:7px;border:#333 solid;border-width:3px 3px 0 0;border-radius:2px;transform:rotate(135deg);position:relative;top:-3px;right:0;margin-left:10px;animation-name:floatUpDown;animation-duration:.6s;animation-delay:1s;;animation-iteration-count:1}
@keyframes floatUpDown{0%{transform:translateY(-4px) rotate(135deg)}50%{transform:translateY(0px) rotate(135deg);opacity:.3}100%{transform:translateY(3px) rotate(135deg)}}
.results{margin-bottom:50px;background:#86ED86;text-align:center;position:relative;overflow:hidden}
.results h3{background:#FFF;display:inline-block;padding:12px 35px;color:#F50;font-size:22px;border-radius:0 0 15px 15px;box-shadow:2px 2px 2px -2px rgba(0,0,0,.5);position:relative;letter-spacing:1px}
.results p{font-size:21px;font-weight:500;padding:0 15px;margin:30px 0;position:relative;z-index:1}
.scored{max-width:640px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scored li{width:100%;padding:9px 0;border-radius:7px;position:relative}
.scored li span{display:block;font-size:30px}
.scored li:nth-child(1) b,.scored li:nth-child(2) b{color:#0A0}
.scored li:nth-child(3) b{color:#F3E}
.scored li:nth-child(4) b{color:#F60}
.scored li:nth-child(1),.scored li:nth-child(4),.scored .front{background:#FFF;border-bottom:3px solid #62BB62}
.card-flip:hover .front{transform:rotateY(180deg)}
.card-flip:hover .back{transform:rotateY(0)}
.card-flip .front,.card-flip .back{position:absolute;top:0;left:0;width:100%;padding:21px 0;backface-visibility:hidden;transition:transform .5s}
.card-flip .front:after{position:absolute;right:0;bottom:0;content:"i";display:block;padding:0 8px;background:#EEE;font-weight:700}
.card-flip .back{transform:rotateY(180deg);overflow:hidden}
.card-flip .back:after{position:absolute;top:-60px;left:0px;content:"";display:block;width:96px;height:96px;border-radius:96px;background:#FFC700;opacity:.2}
.card-flip .back{background:#3621A8;color:#FFF}
.scored .front,.scored .back{padding:9px 0;border-radius:5px}
.scored .front:after{background:#62BB62;color:#FFF;border-radius:5px 0 0 0}
.scored .back{border-bottom:3px solid #1F1260}
.levels{max-width:640px;margin:0 auto;padding:30px 5%}
.levels li{font-size:16px;height:30px;line-height:30px;border-bottom:3px solid #62BB62;margin-bottom:10px}
.levels li b{float:left}
.levels li span,.follow{float:right}
.levels li svg{width:20px;height:20px;position:relative;top:3px;padding-right:7px}
.levels .lv-100 svg,.levels .lv-90 svg,.levels .lv-80 svg{width:22px;height:22px}
.levels .lv-100{width:100%}
.levels .lv-90{width:90%}
.levels .lv-80{width:80%}
.levels .lv-70{width:70%}
.levels .lv-60{width:60%}
.levels .lv-50{width:50%;border-bottom:3px solid #D60;color:#D20}
.levels .lv-50 svg{fill:#D20}
.play-again a{margin-bottom:50px;background:#FFF;padding:9px 60px 16px 60px;display:inline-block;border-bottom:3px solid #62BB62;border-radius:15px;color:#161616;font-size:17px;font-weight:600;letter-spacing:1px;position:relative}
.play-again a svg{width:22px;height:22px;position:relative;top:5px;padding-right:5px}
#user-lv{height:34px;background:#FF0;border:#FF0 solid;border-width:3px 6px;box-sizing:border-box;box-shadow:1px 1px 6px -1px rgba(0,0,0,.6)}
.plist{width:94%;max-width:640px;margin:0 auto 40px auto;text-align:center}
.plist li{margin-bottom:5px;padding:3px 10px}
.plist li a{font-size:17px;color:#1DA6FF;font-weight:500}
.plist .curr{background:#FFF;padding:10px 20px;border-radius:10px;box-shadow:1px 1px 5px -1px rgba(0,0,0,.2);border:2px solid #EEE}
.plist .curr a,.plist .curr a:hover{color:#888}
.plist .curr:before{content:"\2794";color:#888;margin-right:5px}
.replr{text-align:center;margin-bottom:40px;background:#FF8;padding:0 20px 30px 20px;position:relative;overflow:hidden;border-radius:0 0 15px}
.replr h3{font-size:19px;display:inline-block;margin:0 auto;background:#FFF;padding:10px 40px;margin-bottom:15px;border-radius:0 0 15px 15px}
.replr ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 6px;color:#888}
.replr li b{color:#0A0;font-size:16px}
.replr img{width:60px;height:60px;border-radius:60px}
.cfe-bg svg{width:100%;height:185px;position:absolute;left:0;top:-50px;z-index:1}
.share{margin-bottom:30px;text-align:center}
.share a{display:inline-block;border:1px solid #333;height:34px;width:34px;border-radius:34px;margin:8px 4px 0 4px;cursor:pointer;position:relative}
.share svg{width:19px;height:19px;position:relative;top:8px;pointer-events:none}
#copylink span{position:absolute;top:-20px;left:50%;width:80px;color:#FFF;padding:7px 10px;border-radius:7px;font-size:13px;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);opacity:0;transition:opacity .5s}
.tags{width:94%;max-width:550px;margin:0 auto 30px auto;text-align:center;font-size:17px;font-weight:500}
.tags a{display:inline-block;border:2px solid #1DA6FF;border-radius:30px;margin:4px 0 4px 4px;padding:7px 12px;color:#1DA6FF}
.tags a:before{content:"#";margin-right:1px;font-size:14px}
.tags a:hover{background:#1DA6FF;color:#FFF;transition:.2s}
.rating{text-align:center;margin-bottom:40px;position:relative}
.rating button{border:0;border-bottom:2px solid #DD5;border-right:2px solid #DD5;background:#FF0;min-width:40px;height:37px;line-height:37px;border-radius:7px}
.rating button svg{width:19px;height:20px;position:relative;top:4px}
.refs{max-width:640px;margin:0 auto 50px auto;background:#EFF;border-radius:15px;text-align:center}
.refs h3{border-radius:0 0 15px 15px;padding:3px 50px;display:inline-block;background:#FFF}
.refs ol{padding:5px 0;counter-reset: section}
.refs li{font-size:14px;line-height:22px;padding:0 20px}
.refs li a{color:#1DA6FF;text-decoration:underline}
.refs li::before{content:counter(section)". ";counter-increment:section;font-weight:700}
.like{margin:0 7px 0 5px;padding:0 10px;font-weight:500}
.like svg{margin:0 3px 0 2px}
.like-msg{margin:7px auto 0 auto;width:260px;padding-left:45px;height:50px;line-height:50px;background:#FF0;font-size:16px;border-radius:19px;position:relative}
.like-msg:before{position:absolute;top:7px;left:8px;content:"+1";margin-right:5px;padding:3px 16px;background:#FFF;border-radius:15px;border-bottom:2px solid #DD5;font-size:18px;font-weight:600;line-height:30px}
.dislike svg{transform:rotate(180deg)}
.dis-msg{margin:7px auto 0 auto;width:305px;padding:15px 0 10px 0;background:#FF0;border-radius:19px;font-size:16px}
.dis-msg a{display:block;margin:10px 20px;background:#FFF;height:40px;line-height:40px;border-radius:15px;font-size:18px;font-weight:600;border-bottom:2px solid #DD5}
.related .qz-info h3,.morefq .qz-info h3{padding-bottom:10px}
.morefq{padding-bottom:35px}
.rq-btn{width:94%;margin:20px auto 50px auto;text-align:center}
.rq-btn svg{width:26px;height:26px;position:relative;top:7px;padding-right:10px;fill:#1DA6FF}
@media screen and (max-width:470px){.question .bh3{padding:50px 60px}}