.body { min-height: 100vh; position: relative; overflow: hidden; background: top center no-repeat; background-size: contain; padding-top: 0.4rem; } .body .card { position: relative; background: top center no-repeat; background-size: contain; height: 11.24rem; align-items: center; padding: 3.42rem 0.9rem 0; } .body .card .c_t { height: 0.4rem; background: #008BCA; border-radius: 0.2rem; padding: 0 0.2rem; justify-content: center; font-size: 0.26rem; color: #FFFFFF; } .body .card .c_n { text-align: center; font-size: 0.6rem; font-weight: 600; line-height: 0.7rem; color: #009A62; border-bottom: 0.02rem solid #BBCFBE; margin-bottom: 0.12rem; } .body .card .c_d { font-size: 0.24rem; color: #2E2E2E; margin-bottom: 0.5rem; text-align: center; } .body .card .tr { width: 4.5rem; line-height: 0.4rem; flex-direction: row; align-items: center; font-size: 0.22rem; color: #2E2E2E; } .body .card .tr span { width: 1.6rem; color: #072315; padding-left: 0.16rem; } .body .card .tr:first-child { font-size: 0.26rem; font-weight: 500; background: #C5E2D7; } .body .card .bo { position: absolute; left: 0; right: 0; bottom: 1.17rem; flex-direction: row; justify-content: space-between; padding: 0 0.9rem; } .body .card .bo .bo_l, .body .card .bo .bo_r { flex-direction: row; font-size: 0.22rem; color: #072315; } .body .card .bo .bo_l span, .body .card .bo .bo_r span { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; font-size: 0.22rem; font-weight: 500; color: #2E2E2E; margin-left: 0.08rem; } .body .card .bo .bo_l span:after, .body .card .bo .bo_r span:after { content: ''; width: 1.1rem; border-bottom: 0.02rem solid #BBCFBE; } .body .btn { width: 4rem; height: 0.8rem; justify-content: center; align-items: center; background: #FFFFFF; border-radius: 0.4rem; margin: 0 auto 0.2rem; font-weight: 600; } .body .cku_ex { flex-direction: row; align-items: center; font-size: 0.26rem; color: #E9EDE9; margin: 0 auto 0.6rem; } .body .cku_ex:after { content: ''; width: 0.08rem; height: 0.14rem; background: url(../assets/ckuCertificate/icon3.png) center no-repeat; background-size: contain; margin-left: 0.06rem; } .body .cku_foot { flex-direction: row; align-items: center; font-size: 0.2rem; color: #B5C2BC; margin: 0 0.24rem 0.3rem; } .body .cku_foot:before { content: ''; width: 0.36rem; height: 0.36rem; background: url(../assets/ckuCertificate/icon4.png) center no-repeat; background-size: contain; margin-right: 0.1rem; } .body .certificate { position: absolute; top: 0; left: 0; right: 0; z-index: -1; background: center no-repeat; background-size: contain; font-size: 30px; font-weight: 500; color: #333333; } .body .certificate .ce_t_i { position: absolute; width: 591px; height: 108px; top: 300px; right: 200px; } .body .certificate .ce_t_xt { position: absolute; width: 591px; height: 108px; bottom: 350px; left: 1100px; } .body .certificate .ce_t_xt1 { position: absolute; width: 591px; height: 108px; bottom: 220px; left: 1100px; } .body .certificate .ce_t_zaxt { position: absolute; width: 591px; height: 108px; top: 450px; right: 200px; } .body .certificate .ce_t_dg { position: absolute; width: 591px; height: 108px; top: 300px; right: 900px; } .body .certificate .ce_t_dg1 { position: absolute; width: 591px; height: 108px; top: 450px; right: 900px; } .body .certificate .ce_t_jd { position: absolute; width: 591px; height: 108px; bottom: 400px; left: 290px; } .body .certificate .ce_t_jd1 { position: absolute; width: 591px; height: 108px; bottom: 540px; left: 290px; } .body .certificate .ce_t_mq { position: absolute; width: 591px; height: 108px; top: 140px; right: 710px; } .body .certificate .ce_t_mq1 { position: absolute; width: 591px; height: 108px; top: 260px; right: 710px; } .body .open_bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9000; background: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; color: #FFFFFF; } .body .open_bg img { width: 95%; height: auto; margin-bottom: 0.3rem; } .body.xt { background-color: #072315; background-image: url(../assets/ckuCertificate/xt/icon1.png); } .body.xt .card { background-image: url(../assets/ckuCertificate/xt/icon2.png); } .body.xt .certificate { width: 3508px; height: 2481px; background-image: url(../assets/ckuCertificate/xt/xt.jpg); } .body.xt .certificate .ce_n { padding: 390px 0 0 1478px; } .body.xt .certificate .ce_t { padding: 52px 0 0 0; } .body.xt .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 78px; } .body.xt .certificate .ce_t .ce_tr span { box-sizing: border-box; } .body.xt .certificate .ce_t .ce_tr span:nth-child(1) { width: 1818px; padding-left: 600px; } .body.xt .certificate .ce_t .ce_tr span:nth-child(2) { width: 738px; padding-left: 304px; } .body.xt .certificate .ce_t .ce_tr span:nth-child(3) { width: 680px; padding-left: 304px; } .body.xt .certificate .ce_b { padding: 34px 274px 0; flex-direction: row; height: 1186px; } .body.xt .certificate .ce_b .ce_td { flex: 1; } .body.xt .certificate .ce_b .ce_td .ce_td_tr { flex: 1; } .body.xt .certificate .ce_b .ce_td .ce_td_tr .ce_td_tr_r { flex-direction: row; justify-content: space-between; } .body.xt .certificate .ce_b .ce_td:nth-child(1) .ce_td_tr { padding: 114px 85px 0; } .body.xt .certificate .ce_b .ce_td:nth-child(2) .ce_td_tr { padding: 0 160px 0; justify-content: space-around; } .body.xt .certificate .ce_b .ce_td:nth-child(3) .ce_td_tr { font-size: 26px; padding: 0 20px 0 200px; justify-content: space-around; } .body.xt .certificate .ce_b_t { padding: 165px 0 0 1965px; } .body.xt .certificate .ce_b_c { position: absolute; width: 240px; height: 240px; right: 220px; bottom: 220px; justify-content: center; align-items: center; background: #FFFFFF; } .body.zaXt { background-image: url(../assets/ckuCertificate/zaXt/icon1.jpg); background-color: #835638; background-size: cover; } .body.zaXt .card { background-image: url(../assets/ckuCertificate/zaXt/icon2.png); } .body.zaXt .card .c_t { background: #ba8627; } .body.zaXt .card .c_n { color: #4d4d4d; border-bottom: 0.02rem #cccccc; } .body.zaXt .card .tr:first-child { background: rgba(220, 166, 66, 0.33); } .body.zaXt .card .bo .bo_l span:after, .body.zaXt .card .bo .bo_r span:after { border-bottom: 0.02rem #cccccc; } .body.zaXt .certificate { font-size: 32px; width: 2930px; height: 4607px; background-image: url(../assets/ckuCertificate/zaXt/zaXt.jpg); } .body.zaXt .certificate .ce_t { padding: 610px 0 0 0; } .body.zaXt .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 78px; margin: 0 0 15px; } .body.zaXt .certificate .ce_t .ce_tr:nth-child(1) { margin: 0 0 70px; } .body.zaXt .certificate .ce_t .ce_tr:nth-child(6) span:nth-child(2) { padding-top: 60px; } .body.zaXt .certificate .ce_t .ce_tr span { box-sizing: border-box; } .body.zaXt .certificate .ce_t .ce_tr span:nth-child(1) { width: 1690px; padding-left: 734px; } .body.zaXt .certificate .ce_t .ce_tr span:nth-child(1) span { padding-left: 118px; } .body.zaXt .certificate .ce_t .ce_tr span:nth-child(2) { width: 1140px; padding-left: 350px; } .body.zaXt .certificate .ce_b { padding: 136px 368px 0; flex-direction: row; height: 2130px; } .body.zaXt .certificate .ce_b .ce_td .ce_td_tr { flex: 1; justify-content: center; } .body.zaXt .certificate .ce_b .ce_td .ce_td_tr span { white-space: nowrap; overflow: visible; } .body.zaXt .certificate .ce_b .ce_td:nth-child(1) { width: 510px; } .body.zaXt .certificate .ce_b .ce_td:nth-child(1) .ce_td_tr { padding: 0 0 0 30px; } .body.zaXt .certificate .ce_b .ce_td:nth-child(2) { width: 896px; } .body.zaXt .certificate .ce_b_t { padding: 490px 0 0 1248px; } .body.zaJd { background-image: url(../assets/ckuCertificate/zaJd/icon1.jpg); background-color: #835638; background-size: cover; } .body.zaJd .card { background-image: url(../assets/ckuCertificate/zaJd/icon2.png); } .body.zaJd .card .c_t { background: #ba8627; } .body.zaJd .card .c_n { color: #4d4d4d; border-bottom: 0.02rem solid #cccccc; } .body.zaJd .card .tr:first-child { background: rgba(220, 166, 66, 0.33); } .body.zaJd .card .bo .bo_l span:after, .body.zaJd .card .bo .bo_r span:after { border-bottom: 0.02rem solid #cccccc; } .body.zaJd .certificate { font-size: 32px; width: 2930px; height: 4607px; background-image: url(../assets/ckuCertificate/zaJd/zaJd.jpg); } .body.zaJd .certificate .ce_t { padding: 610px 0 0 0; } .body.zaJd .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 78px; margin: 0 0 15px; } .body.zaJd .certificate .ce_t .ce_tr:nth-child(1) { margin: 0 0 70px; } .body.zaJd .certificate .ce_t .ce_tr:nth-child(4) { margin: 0 0 138px; } .body.zaJd .certificate .ce_t .ce_tr:nth-child(5) { margin: 0 0 150px; } .body.zaJd .certificate .ce_t .ce_tr span { box-sizing: border-box; } .body.zaJd .certificate .ce_t .ce_tr span:nth-child(1) { width: 1690px; padding-left: 734px; } .body.zaJd .certificate .ce_t .ce_tr span:nth-child(2) { width: 1140px; padding-left: 350px; } .body.zaJd .certificate .ce_b { margin: 2090px 0 0 1224px; flex-direction: row; height: 336px; } .body.zaJd .certificate .ce_b .ce_td { width: 810px; } .body.zaJd .certificate .ce_b .ce_td:nth-child(1) { justify-content: flex-end; padding-bottom: 20px; } .body.zaJd .certificate .ce_b .ce_td:nth-child(2) div { flex: 1; justify-content: center; } .body.jd { background-image: url(../assets/ckuCertificate/jd/icon1.png); background-color: #151515; } .body.jd .card { background-image: url(../assets/ckuCertificate/jd/icon2.png); } .body.jd .card .c_t { background: #737373; } .body.jd .card .c_n { color: #6d4a2c; border-bottom: 0.02rem solid #cccccc; } .body.jd .card .tr:first-child { background: #ebddcf; } .body.jd .card .bo .bo_l span:after, .body.jd .card .bo .bo_r span:after { border-bottom: 0.02rem solid #cccccc; } .body.jd .certificate { font-size: 32px; width: 2480px; height: 3510px; background-image: url(../assets/ckuCertificate/jd/jd.jpg); } .body.jd .certificate .ce_t { padding: 412px 0 0 0; } .body.jd .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 78px; margin: 0 0 15px; } .body.jd .certificate .ce_t .ce_tr:nth-child(1) span:nth-child(1) { padding-left: 900px; } .body.jd .certificate .ce_t .ce_tr:nth-child(5) { margin: 0; } .body.jd .certificate .ce_t .ce_tr:nth-child(6) { margin: 0 0 110px; } .body.jd .certificate .ce_t .ce_tr:nth-child(7) span:nth-child(1) { padding-left: 820px; } .body.jd .certificate .ce_t .ce_tr span { box-sizing: border-box; } .body.jd .certificate .ce_t .ce_tr span:nth-child(1) { width: 1270px; padding-left: 600px; } .body.jd .certificate .ce_t .ce_tr span:nth-child(2) { width: 1050px; padding-left: 350px; } .body.jd .certificate .ce_b { margin: 1176px 0 0 815px; height: 336px; } .body.jd .certificate .ce_b div { flex: 1; justify-content: center; } .body.jd .certificate .ce_b_t { padding: 336px 0 0 1860px; } .body.dnaXt { background-image: url(../assets/ckuCertificate/dnaXt/icon1.png); background-color: #072322; } .body.dnaXt .card { background-image: url(../assets/ckuCertificate/dnaXt/icon2.png); } .body.dnaXt .card .c_t { background: #008bca; } .body.dnaXt .card .c_n { color: #008a9a; border-bottom: 0.02rem solid #cccccc; } .body.dnaXt .card .c_d { margin-bottom: 0; } .body.dnaXt .card .c_dna { font-size: 0.28rem; font-weight: 500; color: #cb0000; margin-bottom: 0.3rem; } .body.dnaXt .card .tr:first-child { background: #ddfbff; } .body.dnaXt .card .bo .bo_l span:after, .body.dnaXt .card .bo .bo_r span:after { border-bottom: 0.02rem solid #cccccc; } .body.dnaXt .certificate { width: 3508px; height: 2480px; background-image: url(../assets/ckuCertificate/dnaXt/dnaXt.jpg); } .body.dnaXt .certificate .ce_t { padding: 480px 0 0 0; } .body.dnaXt .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 86px; } .body.dnaXt .certificate .ce_t .ce_tr span { width: 760px; padding-left: 350px; box-sizing: border-box; white-space: nowrap; overflow: visible; } .body.dnaXt .certificate .ce_t .ce_tr span:nth-child(1) { width: 1000px; padding-left: 600px; } .body.dnaXt .certificate .ce_t .ce_tr span:nth-child(4) span { width: auto; padding-left: 120px; } .body.dnaXt .certificate .ce_b { padding: 100px 268px 0; flex-direction: row; height: 1220px; } .body.dnaXt .certificate .ce_b .ce_td { flex: 1; } .body.dnaXt .certificate .ce_b .ce_td .ce_td_tr { flex: 1; } .body.dnaXt .certificate .ce_b .ce_td .ce_td_tr .ce_td_tr_r { flex-direction: row; justify-content: space-between; } .body.dnaXt .certificate .ce_b .ce_td:nth-child(1) .ce_td_tr { justify-content: center; padding: 0 0 0 148px; } .body.dnaXt .certificate .ce_b .ce_td:nth-child(2) .ce_td_tr { padding: 0 0 0 200px; justify-content: center; } .body.dnaXt .certificate .ce_b .ce_td:nth-child(3) .ce_td_tr { font-size: 26px; padding: 0 50px 0 240px; justify-content: center; } .body.dnaXt .certificate .ce_b_t { padding: 165px 825px 0 785px; flex-direction: row; justify-content: space-between; } .body.dnaXt .certificate .geneBox { position: absolute; left: 780px; top: 2152px; display: block; } .body.dnaXt .certificate .geneBox p { display: inline-block; } .body.dnaYsfyXt { background-image: url(../assets/ckuCertificate/dnaYsfyXt/icon1.png); background-color: #23070c; } .body.dnaYsfyXt .card { background-image: url(../assets/ckuCertificate/dnaYsfyXt/icon2.png); } .body.dnaYsfyXt .card .c_t { background: #008bca; } .body.dnaYsfyXt .card .c_n { color: #862b3d; border-bottom: 0.02rem solid #cccccc; } .body.dnaYsfyXt .card .c_d { margin-bottom: 0; } .body.dnaYsfyXt .card .c_dna { font-size: 0.28rem; font-weight: 500; color: #cb0000; margin-bottom: 0.3rem; } .body.dnaYsfyXt .card .tr:first-child { background: #efc0c8; } .body.dnaYsfyXt .card .bo .bo_l span:after, .body.dnaYsfyXt .card .bo .bo_r span:after { border-bottom: 0.02rem solid #cccccc; } .body.dnaYsfyXt .certificate { width: 3508px; height: 2480px; background-image: url(../assets/ckuCertificate/dnaYsfyXt/dnaYsfyXt.jpg); } .body.dnaYsfyXt .certificate .ce_t { padding: 380px 0 0 0; } .body.dnaYsfyXt .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 86px; } .body.dnaYsfyXt .certificate .ce_t .ce_tr span { width: 760px; padding-left: 350px; box-sizing: border-box; white-space: nowrap; overflow: visible; } .body.dnaYsfyXt .certificate .ce_t .ce_tr span:nth-child(1) { width: 1000px; padding-left: 600px; } .body.dnaYsfyXt .certificate .ce_t .ce_tr span:nth-child(4) span { width: auto; padding-left: 120px; } .body.dnaYsfyXt .certificate .ce_b { padding: 30px 270px 0; flex-direction: row; height: 1310px; } .body.dnaYsfyXt .certificate .ce_b .ce_td { flex: 1; } .body.dnaYsfyXt .certificate .ce_b .ce_td .ce_td_tr { flex: 1; } .body.dnaYsfyXt .certificate .ce_b .ce_td .ce_td_tr .ce_td_tr_r { flex-direction: row; justify-content: space-between; } .body.dnaYsfyXt .certificate .ce_b .ce_td:nth-child(1) .ce_td_tr { justify-content: center; padding: 0 0 0 148px; } .body.dnaYsfyXt .certificate .ce_b .ce_td:nth-child(2) .ce_td_tr { padding: 0 0 0 200px; justify-content: center; } .body.dnaYsfyXt .certificate .ce_b .ce_td:nth-child(3) .ce_td_tr { font-size: 26px; padding: 0 50px 0 240px; justify-content: center; } .body.dnaYsfyXt .certificate .ce_b_t { padding: 108px 0 0 445px; } .body.dg { background-image: url(../assets/ckuCertificate/dg/icon1.png); background-color: #231807; } .body.dg .card { background-image: url(../assets/ckuCertificate/dg/icon2.png); } .body.dg .card .c_t { background: #008bca; } .body.dg .card .c_n { color: #9a7100; border-bottom: 0.02rem solid #cccccc; } .body.dg .card .tr:first-child { background: #bf9d63; } .body.dg .card .bo .bo_l span:after, .body.dg .card .bo .bo_r span:after { border-bottom: 0.02rem solid #cccccc; } .body.dg .certificate { font-size: 32px; width: 4677px; height: 3000px; background-image: url(../assets/ckuCertificate/dg/dg.jpg); } .body.dg .certificate .ce_t { padding: 575px 0 0 0; } .body.dg .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 110px; } .body.dg .certificate .ce_t .ce_tr span { width: 1040px; padding-left: 470px; box-sizing: border-box; white-space: nowrap; overflow: visible; } .body.dg .certificate .ce_t .ce_tr span:nth-child(1) { width: 1370px; padding-left: 825px; } .body.dg .certificate .ce_t .ce_tr span:nth-child(4) span { width: auto; padding-left: 140px; } .body.dg .certificate .ce_b { padding: 45px 375px 0; flex-direction: row; height: 1420px; } .body.dg .certificate .ce_b .ce_td { flex: 1; } .body.dg .certificate .ce_b .ce_td .ce_td_tr { flex: 1; } .body.dg .certificate .ce_b .ce_td .ce_td_tr .ce_td_tr_r { flex-direction: row; justify-content: space-between; } .body.dg .certificate .ce_b .ce_td:nth-child(1) .ce_td_tr { justify-content: center; padding: 0 0 0 110px; margin-right: 80px; } .body.dg .certificate .ce_b .ce_td:nth-child(2) .ce_td_tr { padding: 0 0 0 120px; justify-content: center; } .body.dg .certificate .ce_b .ce_td:nth-child(3) .ce_td_tr { font-size: 30px; padding: 0 50px 0 375px; justify-content: center; } .body.dg .certificate .ce_b_t { padding: 156px 0 0 4080px; } .body.mq { background-image: url(../assets/ckuCertificate/mq/icon1.png); background-color: #231f07; } .body.mq .card { background-image: url(../assets/ckuCertificate/mq/icon2.png); } .body.mq .card .c_t { background: #008bca; } .body.mq .card .c_n { color: #9a9700; border-bottom: 0.02rem solid #cccccc; } .body.mq .card .tr:first-child { background: #f7f6e6; } .body.mq .card .bo .bo_l span:after, .body.mq .card .bo .bo_r span:after { border-bottom: 0.02rem solid #cccccc; } .body.mq .card1 { background-image: url(../assets/ckuCertificate/mq/icon3.png); } .body.mq .certificate { font-size: 32px; width: 4608px; height: 2930px; background-image: url(../assets/ckuCertificate/mq/mq.jpg); } .body.mq .certificate .ce_t { padding: 338px 0 0 0; } .body.mq .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 80px; margin-bottom: 14px; } .body.mq .certificate .ce_t .ce_tr:nth-child(1) { margin-bottom: 38px; } .body.mq .certificate .ce_t .ce_tr span { box-sizing: border-box; white-space: nowrap; overflow: visible; } .body.mq .certificate .ce_t .ce_tr span:nth-child(1) { width: 1185px; padding-left: 400px; } .body.mq .certificate .ce_t .ce_tr span:nth-child(2) { width: 1065px; padding-left: 345px; } .body.mq .certificate .ce_t .ce_tr span:nth-child(3) { width: 1055px; padding-left: 445px; } .body.mq .certificate .ce_t .ce_tr span:nth-child(4) { width: 1145px; padding-left: 300px; } .body.mq .certificate .ce_t .ce_tr span:nth-child(4) span { width: auto; padding-left: 140px; } .body.mq .certificate .ce_b { padding: 70px 158px 0; flex-direction: row; height: 1718px; } .body.mq .certificate .ce_b .ce_td { flex: 1; } .body.mq .certificate .ce_b .ce_td .ce_td_tr { flex: 1; } .body.mq .certificate .ce_b .ce_td .ce_td_tr .ce_td_tr_r { flex-direction: row; justify-content: space-between; } .body.mq .certificate .ce_b .ce_td:nth-child(1) .ce_td_tr { justify-content: center; padding: 0 0 0 215px; } .body.mq .certificate .ce_b .ce_td:nth-child(2) .ce_td_tr { padding: 0 0 0 200px; justify-content: center; } .body.mq .certificate .ce_b .ce_td:nth-child(3) .ce_td_tr { font-size: 30px; padding: 0 50px 0 370px; justify-content: center; } .body.mq .certificate .ce_b_t { padding: 192px 0 0 1485px; } .body.mq .certificate1 { background-image: url(../assets/ckuCertificate/mq/mq1.jpg); } .body.country { background-image: url(../assets/ckuCertificate/country/icon1.png); background-color: #024950; } .body.country .card { background-image: url(../assets/ckuCertificate/country/icon2.png); } .body.country .card .c_t { background: #066A71; } .body.country .card .c_n { color: #066A71; border-bottom: 0.02rem solid #BBCFBE; } .body.country .card .c_d { margin-bottom: 0.7rem; } .body.country .card .tr:first-child { background: #C2DEE0; font-weight: 600; } .body.country .card .bo .bo_l span:after, .body.country .card .bo .bo_r span:after { border-bottom: 0.02rem solid #cccccc; } .body.country .certificate { width: 3508px; height: 2480px; background-image: url(../assets/ckuCertificate/country/country.jpg); } .body.country .certificate .ce_t { padding: 440px 0 0 0; } .body.country .certificate .ce_t .ce_tr { flex-direction: row; align-items: center; height: 95px; } .body.country .certificate .ce_t .ce_tr span { box-sizing: border-box; } .body.country .certificate .ce_t .ce_tr span:nth-child(1) { width: 1580px; padding-left: 520px; } .body.country .certificate .ce_t .ce_tr span:nth-child(2) { width: 870px; } .body.country .certificate .ce_b { padding: 0 274px 0; flex-direction: row; height: 1186px; } .body.country .certificate .ce_b .ce_td { flex: 1; } .body.country .certificate .ce_b .ce_td .ce_td_tr { flex: 1; } .body.country .certificate .ce_b .ce_td .ce_td_tr .ce_td_tr_r { flex-direction: row; justify-content: space-between; } .body.country .certificate .ce_b .ce_td:nth-child(1) .ce_td_tr { padding: 150px 100px 0; } .body.country .certificate .ce_b .ce_td:nth-child(2) .ce_td_tr { padding: 40px 180px 0; justify-content: space-around; } .body.country .certificate .ce_b .ce_td:nth-child(3) .ce_td_tr { font-size: 26px; padding: 40px 20px 0 200px; justify-content: space-around; } .body.country .certificate .ce_b_t { padding: 150px 0 0 2250px; } .body.normal { width: 100%; height: 100vh; } .body.normal .icon { height: 1.69rem; width: 3.2rem; background: url(../assets/normalIcon.png) center center no-repeat; background-size: 100% 100%; margin: 50% auto 0.46rem; } .body.normal .p { font-size: 0.28rem; font-weight: 600; color: #A8A8A8; line-height: 0.4rem; text-align: center; } .body.geneContent { background-image: url(../assets/ckuCertificate/gene/icon1.png); background-color: #100723; background-size: cover; } .body.geneContent .card { background-image: url(../assets/ckuCertificate/gene/gene.png); height: 10.65rem; width: 7.02rem; padding: 3.58rem 0.73rem 0; margin: 0 auto 0.5rem; display: block; position: relative; } .body.geneContent .samplingCode { position: absolute; font-size: 0.15rem; left: 4.8rem; top: 0.49rem; color: #71627F; line-height: 0.21rem; } .body.geneContent .enName { width: 100%; top: 3.58rem; font-size: 0.22rem; font-weight: 500; color: #016DF7; line-height: 0.3rem; text-align: center; } .body.geneContent .gender { width: 100%; top: 3.97rem; font-size: 0.19rem; font-weight: 500; color: #413C45; line-height: 0.28rem; margin-top: 0.09rem; text-align: center; } .body.geneContent .pos { position: absolute; font-size: 0.19rem; font-weight: 500; color: #413C45; line-height: 0.28rem; } .body.geneContent .pedigreeCertifiedCode { left: 2.16rem; top: 4.44rem; width: 1.5rem; } .body.geneContent .birthdate { left: 5.25rem; top: 4.63rem; } .body.geneContent .identificationFlag { left: 1.61rem; top: 5.16rem; } .body.geneContent .dogOwner { display: flex; left: 4.68rem; top: 5.04rem; width: 1.4rem; height: 0.5rem; align-items: center; flex-direction: row; } .body.geneContent .total { top: 5.83rem; left: 2.45rem; font-size: 0.21rem; font-weight: 400; color: #71627F; line-height: 0.29rem; display: flex; flex-direction: row; align-items: center; } .body.geneContent .total .jt { margin-left: 0.04rem; height: 0.16rem; width: 0.13rem; background: url(../assets/ckuCertificate/gene/gt.png) center center no-repeat; background-size: 100% 100%; } .body.geneContent .levelNo { top: 6.77rem; left: 1.2rem; font-size: 0.21rem; color: #71627F; line-height: 0.29rem; } .body.geneContent .level { left: 0.97rem; top: 6.41rem; font-size: 0.21rem; color: #71627F; line-height: 0.29rem; } .body.geneContent .level .block { display: block; } .body.geneContent .level em { margin-right: 0.06rem; display: inline-block; height: 0.11rem; width: 0.11rem; border-radius: 50%; } .body.geneContent .level .list { display: flex; justify-content: space-between; flex-direction: row; width: 2.52rem; margin-bottom: 0.07rem; } .body.geneContent .level .list:nth-child(1) em { background: #FB602F; } .body.geneContent .level .list:nth-child(2) em { background: #64CBAA; } .body.geneContent .level .list:nth-child(3) em { background: #9AB2D0; } .body.geneContent .state { left: 4.67rem; top: 6.38rem; height: 0.99rem; width: 1.16rem; } .body.geneContent .state img { height: 100%; width: 100%; } .body.geneContent .time { top: 9.49rem; left: 5.1rem; font-size: 0.17rem; font-weight: 400; color: #71627F; line-height: 0.24rem; } .body.geneContent .dnaCode { top: 7.87rem; left: 1.92rem; font-size: 0.24rem; font-weight: 500; color: #4F425C; line-height: 0.33rem; } .body.geneContent .geneBox { position: absolute; left: 0.73rem; top: 8.28rem; display: block; } .body.geneContent .geneBox p { display: inline-block; margin: 0; } .body.geneContent .geneBox span { display: block; height: 0.108rem; margin-bottom: 0.04rem; width: 0.216rem; } .body .certificate { background-image: url(../assets/ckuCertificate/gene/gene.png); height: 2130px; width: 1404px; } .body .certificate .samplingCode { font-size: 30px; left: 960px; top: 98px; line-height: 42px; } .body .certificate .enName { font-size: 44px; top: 716px; color: #016DF7; line-height: 60px; margin-bottom: 18px; } .body .certificate .gender { top: 794px; line-height: 56px; font-size: 39px; } .body .certificate .pedigreeCertifiedCode { width: 300px; top: 900px; left: 432px; font-size: 39px; line-height: 56px; word-wrap: break-word; } .body .certificate .birthdate { top: 926px; left: 1050px; font-size: 39px; line-height: 56px; } .body .certificate .identificationFlag { top: 1032px; left: 322px; font-size: 39px; line-height: 56px; } .body .certificate .dogOwner { height: 100px; width: 300px; top: 1010px; left: 936px; font-size: 39px; line-height: 56px; } .body .certificate .total { top: 1166px; left: 490px; font-size: 41px; line-height: 58px; } .body .certificate .total .jt { height: 32px; width: 26px; } .body .certificate .level { top: 1282px; left: 194px; font-size: 41px; line-height: 58px; } .body .certificate .level em { margin-right: 12px; height: 24px; width: 24px; } .body .certificate .level .list { width: 504px; margin-bottom: 14px; } .body .certificate .state { height: 198px; width: 232px; top: 1276px; left: 934px; } .body .certificate .geneBox { top: 1656px; left: 146px; } .body .certificate .geneBox span { height: 22px; width: 43px; margin-bottom: 8px; } .body .certificate .time { top: 1898px; left: 1020px; line-height: 48px; font-size: 35px; } .body .certificate .dnaCode { font-size: 48px; line-height: 66px; top: 1574px; left: 384px; }