.ans-dance { width: 100%; height: 100%; font-family: "宋体", SimSun, sans-serif; ul { list-style-type: none; } li { list-style-type: none; } .ls1 { font-family: "HiFont Hei GB"; color: #30aad1; font-weight: bold; } .hs { font-family: "HiFont Hei GB"; color: #ea6b00; font-weight: bold; } .zs1 { font-family: "HiFont Hei GB"; color: #857eb4; font-weight: bold; } span.under1 { border-bottom: 2px solid #f0bd4a; border-width: 2px; } div.bodystyle { font-size: 18px; text-align: justify; margin: 5%; 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; } .note { font-size: 0.85em; } .img { text-align: center; font-size: 0.8em; color: #5d78bb; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .img1 { text-align: right; font-size: 0.85em; margin-left: 0%; margin-right: 2em; text-indent: 0em; } p { // margin-top: 1em; margin: 0; text-indent: 2em; line-height: 30px; font-size: 18px; text-align: justify; } .cover { width: 100%; padding: 0px; } .center { text-align: center; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .center1 { font-family: "STKaiti"; text-align: center; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .left { text-indent: 0em; margin-left: 0%; margin-right: 0%; } .right { text-align: right; margin-left: 0%; margin-right: 0%; } .right1 { font-family: "STKaiti"; 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: "STKaiti"; text-align: center; font-size: 1.8em; color: #515594; margin-bottom: 0.5cm; margin-top: 0.5cm; } h2 { font-family: "STKaiti"; text-align: center; font-size: 1.2em; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 0em; } h2.lefth2 { text-align: left; font-size: 1.2em; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 0em; } h2.whleft2 { text-align: left; color: #af0206; font-size: 1.2em; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 0em; } h3 { font-family: "STKaiti"; color: #ef495d; font-weight: bold; // font-size: 1.15em; font-size: 26px; margin-top: 2em; text-align: center; margin-bottom: 20px; text-indent: 0em; } h4 { font-weight: bold; color: #5877ba; font-size: 1.1em; margin-top: 0.2em; margin-bottom: 1em; text-indent: 0em; } h5 { font-weight: bold; color: #c96653; font-size: 1em; margin-top: 0.2em; margin-bottom: 1em; text-indent: 2em; } h6 { font-family: "cnepub", serif; color: #36c3f4; font-size: 1.1em; margin-top: 10px; text-indent: 2em; margin-bottom: 10px; } .u { text-decoration: underline; } .img-0 { width: 100%; } .imz { width: 96%; text-align: center; } .img-a { width: 95%; } .img-b { width: 80%; } .img-c { width: 70%; } .img-d { width: 60%; } .img-e { width: 50%; } .img-f { width: 40%; } .img-g { width: 30%; } .img-gh1 { width: 30%; text-align: right; } .img-gh2 { width: 45%; text-align: right; } .img-h { width: 25%; } .img-i { width: 10%; } .img-j { width: 5%; } .img-gn { width: 48%; } .img-gn1 { width: 18%; } .inline { height: 2em; margin-bottom: -0.5em; } .inline1 { height: 1.5em; margin-top: -1em; margin-bottom: -0.4em; } .inline2 { height: 2.5em; margin-top: 2em; margin-bottom: -0.4em; } .inline3 { height: 4em; margin-top: 2em; margin-bottom: -0.4em; } .block { font-family: "STKaiti"; font-size: 1.15em; } .block1 { font-family: "STKaiti"; color: #08a496; text-align: right; font-size: 1.15em; margin-right: 2em; text-indent: 0em; } .block2 { font-family: "STKaiti"; // font-size: 1.15em; font-size: 26px; text-align: center; text-indent: 0em; margin: 6px 0; } .bj1 { border: 2px solid #0aa19c; background: #e3efd7; border-style: solid none none none; padding: 0.2em 0.4em 0.2em 0.4em; margin-top: 1em; margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 1em; font-size: 1.1em; box-shadow: 0.3em 0.3em 0px 0px #c3c2c0; } .bj2 { border: 2px solid #e04239; background: #fdecd2; border-style: solid none none none; padding: 0.2em 0.4em 0.2em 0.4em; margin-top: 1em; margin-left: 0.5em; margin-right: 0.5em; margin-bottom: -0.8em; font-size: 1.1em; box-shadow: 0.3em 0.3em 0px 0px #c3c2c0; } .kaiti { font-family: "STKaiti"; } // 自定义 .page-box { position: relative; box-sizing: border-box; min-height: 1150px !important; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; } ul { list-style: none; margin: 0; padding: 0; } .fl { display: flex; } .fw-wr { flex-wrap: wrap; } .fl-cl { flex-direction: column; } .ju-bt { justify-content: space-between; } .ju-end { justify-content: flex-end; } .al-cn { align-items: center; } .wh-nr { white-space: nowrap; } .w100 { width: 100%; } .m0 { margin: 0; } .mb-20 { margin-bottom: 20px; } .mb-40 { margin-bottom: 40px; } .ml-40 { margin-left: 40px; } .mr-40 { margin-right: 40px; } .pg-mh { min-height: 1150px; } .dl-ib { display: inline-block; } .w-min { width: min-content; } .w40 { width: 40px; } .pb-box { position: absolute; bottom: 0; } } /* 媒体查询做基础响应式布局 */ @media (max-width: 660px) { .ans-dance { /* 分页padding */ .page-padding { padding: 104px 20px; } .padding-96 { padding: 0 20px; } /* video大小 */ .video-box { max-width: 260px; } } } @media (min-width: 660px) { .ans-dance { .page-padding { padding: 104px 96px; } .padding-96 { padding: 0 96px; } .video-box { max-width: 370px; } } }