.temp-bookInnerContentSports { width: 100%; height: 100%; overflow: auto; .page-main { width: 100%; height: 100%; overflow: auto; .public-preschoolGameGuidance { font-family: '宋体'; max-width: 816px; min-width: 375px; margin: 0 auto; border-color: #f49a4c; height: 100%; font-size: 18px; .page-box { box-sizing: border-box; min-height: 1150px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; position: relative; } .pdf-content { padding: 15%; box-sizing: border-box; } .tips-mask { width: 15px; height: 15px; font-size: 12px; border: 1px solid #35ACD6; color: #35ACD6; border-radius: 15px; position: absolute; top: 0; right: -25px; text-align: center; display: inline-flex; justify-content: center; align-items: center; } .notIndent { text-indent: 0 !important; } .chapter { .questionBox { width: 100%; border: 2px solid #00ADEF; margin-bottom: 10px; .titleBox { width: 100%; height: 35px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #00ADEF; .title { padding: 3px 0; width: 120px; background-color: #00ADEF; text-align: center; color: #000; font-weight: 600; letter-spacing: 2px; } img { width: 25px; height: 26px; cursor: pointer; margin-right: 10px; } } .questionContent { padding: 20px; box-sizing: border-box; .q-title { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 60px; } .q-tips { font-size: 22px; font-weight: 600; text-align: center; text-indent: 0; } .block-tips { font-size: 18px; font-weight: 600; font-family: '楷体'; } .block-ms-tips { font-weight: 600; } } } .imgBox-003 { width: 100%; height: 220px; } .videoBox { width: 100%; padding: 30px 20px; padding-top: 60px; box-sizing: border-box; display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; .videoItem { display: flex; flex-direction: column; justify-content: center; align-items: center; .video-border { width: 100%; // border: 2px solid #fff; border-radius: 10px; margin-bottom: 10px; } } } .bk-xyx { textarea { width: 100%; max-width: 630px; border: 1px solid #00ADEF; border-radius: 5px; font-size: 16px; font-family: '宋体'; line-height: 30px; padding: 10px; box-sizing: border-box; } textarea:focus { outline: none; border-color: #000; } } .btn-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; padding-left: 20px; .answerText { margin-left: 20px; font-weight: 600; } } .btn-default { background-color: #35ACD6; border: 1px solid #35ACD6; color: #fff; padding: 5px 10px; box-sizing: border-box; border-radius: 5px; margin: 0 5px; cursor: pointer; } .coverImg { position: absolute; top: 0; left: 0; } ul { list-style-type: none; } li { list-style-type: none; } @font-face { font-family: 'FZLTZHJW'; src: url('../Fonts/FZLTZHJW.ttf'); } @font-face { font-family: 'FZLTXIHJW'; src: url('../Fonts/FZLTXIHJW.ttf'); } @font-face { font-family: 'FZHTJW'; src: url('../Fonts/FZHTJW.ttf'); } .custom_tag2 { background-color: #F1BE49; color: #FFFFFF; display: inline-block; padding: 0.5px; border-radius: 1.5em; font-size: 1.1em; padding: 2px 10px 2px 10px; font-weight: bold; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } .custom_tag1 { background-color: #35ACD6; color: #FFFFFF; display: inline-block; padding: 1px; font-size: 1.1em; padding: 3px 10px 3px 10px; font-weight: bold; box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } .custom_tag { background-color: #35509F; color: #FFFFFF; display: inline-block; padding: 1px; border-radius: 1.5em; font-size: 1.1em; padding: 10px 20px 10px 20px; font-weight: bold; box-shadow: 30px 0px 0px 0px #F5D83E; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } span.under1 { border-bottom: 2px solid #F0BD4A; border-width: 2px; } div.bodycontent-div-center { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; border-color: #dfb27d; padding: 1em; } img.bodycontent-divcenter-image { float: center; clear: both; height: 140px; margin: 15px; } .module_block { display: flex; font-size: 1.1em; position: relative; padding-left: 90px; justify-content: center; align-items: center; margin-right: 91px; } .module_block .custom1 { background-color: #9ACC77; padding: 10px 20px; color: #FFFFFF; /* position: absolute; */ /* left:0; */ /* top: 50%; */ border-radius: 0.5em 0em 0em 0.5em; /* transform: translateY(-50%); */ } .module_block .custom2 { background-color: #E9F3E0; padding: 10px 20px; color: #75A64E; font-weight: bold; border-radius: 0em 0.5em 0.5em 0em; } div.bodycontent-div-left1 { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; border-color: #dfb27d; padding: 1em; background-color: #F0F8FF; } div.bodycontent-div-left { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; border-color: #dfb27d; padding: 1em; } img.bodycontent-divright-image { float: right; clear: both; height: 140px; margin: 15px; } img.bodycontent-divleft-image { float: left; clear: both; height: 110px; margin: 15px; } div.bodystyle { // font-family: 'FZLTXIHJW'; font-family: '宋体'; font-size: 18px; text-align: justify; padding: 10% 10%; box-sizing: border-box; line-height: 30px; } span.zt-0 { color: #0087AF; } p.pzt-0 { color: #0087AF; font-size: 18px; } p.pzt-0-right { font-size: 18px; color: #0087AF; text-align: right; } p.pzt-1 { font-weight: bold; color: #0087AF; font-size: 18px; } div.sgc-toc-title { font-size: 2em; font-weight: bold; margin-bottom: 1em; text-align: center; } div.sgc-toc-level-1 { margin-left: 0em; } div.sgc-toc-level-2 { margin-left: 2em; } div.sgc-toc-level-3 { margin-left: 2em; } div.sgc-toc-level-4 { margin-left: 2em; } div.sgc-toc-level-5 { margin-left: 2em; } div.sgc-toc-level-6 { margin-left: 2em; } .imz { width: 100%; text-align: center; } .note { font-size: 0.85em; } .block { font-size: 16px; color: #000; font-weight: 500; font-family: '楷体'; line-height: 1.5; } .block1 { text-align: center; } .img { font-weight: bold; font-family: 'FZLTXIHJW'; text-align: center; font-size: 0.85em; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .img1 { font-family: 'FZLTXIHJW'; text-align: right; font-size: 0.85em; margin-left: 0%; margin-right: 2em; text-indent: 0em; } p { margin-top: 1em; text-indent: 2em; line-height: 30px; // font-size: 18px; text-align: justify; // font-family: 'msyh'; } .cover { width: 100%; padding: 0px; } .center { text-align: center; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .center-ss { text-align: center; color: #EF8472; font-weight: bold; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .left { text-indent: 0em; margin-left: 0%; margin-right: 0%; } .left2 { font-size: 1.3em; text-indent: 0em; font-weight: bold; margin-left: 0%; margin-right: 0%; } .right { text-align: right; margin-left: 0%; margin-right: 0%; } .left1 { text-indent: 0em; margin-left: 0%; margin-right: 0%; } .center1 { text-align: center; margin-left: 0%; margin-right: 0%; font-size: 1.2em; text-indent: 0em; font-weight: bold; } .right1 { text-align: right; margin-left: 0%; margin-right: 0%; } .quote { margin-top: 0%; margin-bottom: 0%; margin-left: 1em; margin-right: 1em; text-align: justify; font-family: "cnepub", serif; } h1 { font-family: 'FZLTZHJW'; color: #01AFEE; font-weight: bold; font-size: 1.8em; text-align: center; margin-bottom: 1em; margin-top: 1em; text-indent: 0em; } .h1-zt { font-family: 'FZLTZHJW'; line-height: 2em; color: #01AFEE; font-weight: bold; font-size: 1.9em; margin-bottom: 1em; margin-top: -0.5em; text-indent: 0em; } .h1-bk { box-shadow: 0em 0.1em 0em 0em #C3C2C0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: none; padding: 0.1em 0.8em 0.1em 0.5em; font-weight: bold; color: #000000; margin-bottom: 1em; margin-top: 1em; } .front { font-family: 'FZLTZHJW'; font-weight: bold; font-size: 1.8em; color: #00ADEF; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: center; } .zt-2 { font-size: 1.3em; font-weight: bold; background-color: #6DCFF6; border: 1px solid #00ADF2; } .zt-4 { font-family: 'FZLTZHJW'; color: #01AFEE; font-size: 1.8em; color: #00ADEF; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; } .zt-3 { font-size: 1.3em; font-weight: bold; border: 1px solid #00ADF2; } .left1 { text-indent: 3em; } h2 { font-family: 'FZHTJW'; color: #00ADEF; font-weight: bold; text-align: center; font-size: 1.6em; margin-bottom: 0em; margin-top: 1.5em; text-indent: 2em; } .h2-zt { font-family: 'FZHTJW'; color: #00ADEF; font-weight: bold; font-size: 1.4em; margin-bottom: 1em; margin-top: 0em; text-indent: 2.2em; } h3 { font-family: 'FZHTJW'; color: #03AFED; font-weight: bold; font-size: 1.3em; margin-bottom: 1em; margin-top: 1em; text-indent: 0em; } h4 { font-family: 'FZHTJW'; font-weight: bold; color: #03AFED; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.2em; text-indent: 1em; } h5 { font-family: 'FZHTJW'; color: #03AFED; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.15em; text-indent: 2em; } h6 { font-family: 'FZHTJW'; color: #00ADEF; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.2em; text-indent: 0em; border-bottom: 2px solid #00ADEF; } .h6-zt { margin-bottom: 0em; margin-top: -5em; margin-left: 0em; } .bb { font-family: "cnepub", serif; font-family: 'FZHTJW'; color: #66CCCC; font-size: 1.1em; margin-top: 10px; text-indent: 2em; margin-bottom: 10px; border-bottom: 5px dotted #F4C388; margin-left: 2em; margin-bottom: 0.5em; text-indent: 0em; } .u { text-decoration: underline; } .img-0 { width: 100%; } .img-a { width: 95%; } .img-b { width: 70%; } .img-c { width: 60%; } .img-d { width: 50%; } .img-e { width: 45%; } .img-f { width: 40%; } .img-g { width: 30%; } .img-h { width: 20%; } .img-i { width: 10%; } .img-j { width: 5%; } .img-zt { height: 6em; margin-top: -1.5em; margin-bottom: -0.4em; margin-left: 15%; } .inline { height: 2.5em; margin-bottom: -0.3em; } .inline0 { height: 3em; } .inline0-1 { height: 2em; } .inline1 { height: 2.2em; margin-top: 0.5em; margin-bottom: -0.5em; } .inline2 { height: 2.3em; } .img-qj { height: 7.5em; margin-bottom: -3.4em; margin-right: 0.5em; } .bk-bwh { background-color: #DFEBF7; font-size: 1.2em; padding: 25px; border: 4px dotted #197ABF; } div.bj { margin-bottom: 0em; margin-top: -0.5em; margin-left: -2.8em; } .un1 { border-bottom: 2px solid #00ADEF; } .zt-1 { font-weight: bold; font-size: 1.2em; text-indent: 0em; } .zt-ls1 { color: #00ADEF; font-weight: bold; font-size: 1.2em; text-indent: 0em; position: relative; } .zt-ls2 { color: #00ADEF; font-weight: bold; text-align: center; text-indent: 0em; } .zt-ls { color: #00ADEF; text-indent: 0em; font-weight: bold; } span.lsyq-1 { background-color: #0082D4; padding: 0.2em 0.4em 0.2em 0.4em; border-radius: 1.2em; margin-right: 0.5em; color: #FFFFFF; font-weight: bold; font-size: 1.3em; } span.hsyq-1 { background-color: #FFB7D4; padding: 0.2em 0.4em 0.2em 0.4em; border-radius: 1.2em; margin-right: 0.5em; color: #FFFFFF; font-weight: bold; font-size: 1.3em; } .zt-hs1 { font-weight: bold; color: #F0855B; font-size: 1.2em; } .h1-zt1 { padding: 5px 25px 5px 25px; border-radius: 10px 0px 0px 10px; background-color: #5392C7; font-size: 1.2em; color: #FFFFFF; } .h1-zt2 { padding: 10px; background-color: #B1DDE0; margin-right: 2em; color: #FFFFFF; padding: 5px 50px 5px 25px; border-radius: 0px 5px 80px 0px; font-size: 1.2em; } div.bk { border: 2px solid #00ADEF; padding: 3px 10px 3px 10px; margin-top: 2em; border-radius: 1.5em; margin-bottom: 1em; font-size: 14px; } div.bk1 { margin-top: -2em; margin-bottom: 1.5em; margin-left: -0.5em; } div.bk-1 { margin-top: -3em; margin-bottom: 1.5em; margin-left: -2.5em; } div.bk2 { background: #8DD8F8; border: 2px solid #00ADEF; padding: 3px 10px 3px 10px; margin-top: 2em; margin-bottom: 1em; } div.bk3 { border: 2px dotted #00ADEF; border-radius: 1.5em; padding: 3px 10px 3px 10px; margin-top: 2em; margin-bottom: 1em; min-height: 1150px; display: flex; flex-direction: column; justify-content: center; align-items: center; } p.bj1-qjms { background-color: #5392C7; color: #FFFFFF; display: inline-block; font-size: 1em; padding: 0.1em 0.7em 0.12em 0.7em; font-weight: bold; border-radius: 1.5em; margin-left: 0em; text-align: center; text-indent: 0em; position: absolute; top: -2em; } span.bj1 { background-color: #00ADEF; padding: 0.2em 1em 0.2em 1em; font-size: 1em; font-weight: bold; color: #FFFFFF; } div.tp { margin-bottom: 0.2em; margin-top: -3em; margin-left: 5.5em; } div.tp-1 { margin-bottom: 0.2em; margin-top: -2.7em; margin-left: 6.9em; } div.tp-2 { margin-bottom: 0.2em; margin-top: -3em; margin-left: 25em; } div.tp-3 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: 6em; } div.tp-4 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: 5em; } div.tp-5 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: 6.5em; } div.tp-6 { margin-bottom: 0.2em; margin-top: -2.7em; margin-left: 5em; } div.tp-7 { margin-bottom: 0.2em; margin-top: -2.8em; margin-left: 6em; } div.tp-8 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: -1.2em; } div.tp-9 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: -2.2em; } div.tp-10 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: -1.8em; } .rwmb-1 { height: 1.6em; } .rwmb-4 { height: 2em; } .rwmb-5 { height: 2em; } .rwmb-2 { height: 2em; } .rwmb-3 { height: 2em; } .rwmb-6 { height: 2em; } span.bj2 { background-color: #00ADEF; padding: 0.2em 1.5em 0.2em 1em; font-size: 1.5em; font-weight: bold; text-indent: 0em; color: #FFFFFF; border-radius: 1.5em; } span.bj3 { background-color: #00ADEF; padding: 0.2em 1.5em 0.2em 1em; font-size: 1.1em; font-weight: bold; margin-left: -0.8em; color: #FFFFFF; border-radius: 1.5em; } span.bj4 { background-color: #6DCFF6; padding: 0.2em 1.5em 0.2em 1em; box-shadow: 0.2em 0.2em 0px 0px #00ADEF; font-size: 1.1em; font-weight: bold; margin-left: 0em; border-radius: 1.5em; } div.bj1 { background-color: #AAE0FA; padding: 0.2em 0.5em 0.2em 0.5em; border-radius: 1em; margin-bottom: 0.5em; margin-left: -0.6em; margin-right: -0.6em; margin-top: 0.5em; } div.bj2-1 { background-color: #9ADBF9; padding: 0.1px 0.5px 0.1px 0.5px; border-radius: 1.5em; margin-bottom: 0.2em; margin-left: -0.6em; margin-right: -0.6em; margin-top: -1.4em; } div.bj3 { background-color: #C7EAFD; padding: 0.8em 1.8em 0.5em 0.1em; border-radius: 1.5em; margin-bottom: 0.2em; margin-left: -0.6em; margin-right: -0.6em; margin-top: -1.4em; } span.bj3-xyx { background-color: #92B03E; color: #FFFFFF; border-radius: 1.5em; padding: 5px 20px 5px 20px; font-size: 1em; font-weight: bold; } .ts-1 { font-weight: bold; } .zt-h4 { background-color: #F0BD40; padding: 10px; color: #FFFFFF; margin-left: -2em; border-radius: 1.5em; } .qyls-h4 { font-family: "HiFont Hei GB"; color: #6CB26C; font-weight: bold; padding: 0.2em; text-indent: 0em; margin-left: 0%; } span.bj4-xyx { background-color: #FA9D1A; color: #FFFFFF; border-radius: 1.5em; padding: 5px 20px 5px 20px; font-size: 1em; font-weight: bold; } .bj5 { background-color: #CFCBDC; padding: 20px; border-radius: 1em; margin-bottom: 1em; margin-top: 2.5em; } span.bj5-xyx { background-color: #FFFFFF; color: #7D719F; border-radius: 0.5em 0.5em 0em 0em; padding: 5px 20px 5px 20px; font-size: 1em; font-weight: bold; } div.bj5-xyx { margin-top: -4em; margin-bottom: 1.5em; margin-left: -1.5em; } div.bj6 { margin-top: 1.6em; margin-bottom: -2.2em; margin-left: -1.3em; } span.bj6-xyx { background-color: #7B72A1; border-radius: 0.5em 0.5em 0em 0em; padding: 10px 20px 10px 20px; font-size: 1em; font-weight: bold; } .zt-lvs1 { color: #95B321; } .zt-cs { color: #FCA01B; } .zysx { margin-top: -2.2em; margin-left: -2em; } .zt-zysx { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; background-color: #24b8bc; border-radius: 1.5em; color: #FFFFFF; font-weight: bold; padding: 4px; font-size: 1.2em; box-shadow: 0.2em 0.2em 0px 0px #c1e3e4; } .zt-zysx1 { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; background-color: #96A7D5; border-radius: 1.5em; color: #FFFFFF; font-weight: bold; padding: 6px; font-size: 1.2em; } .zt-zysx2 { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; background-color: #0071BD; font-size: 1.2em; } } } } }