/*font*/ @font-face{ font-family: 'myclock'; src: url('./sznum.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face{ font-family: 'temanum'; src: url('./num.ttf') format('truetype'); font-weight: 600; font-style: normal; } .clock{font-family: 'myclock';font-size:calc(1.8rem + .3vw);color:var(--bs-info);vertical-align:-8%;padding:0 0.05em;} #shipin{max-height:692px;} @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } body{background-image:url('./images/bg.png'); background-color:#003262;} section{color:#a8ffff;} a{text-decoration:none;} a:hover{color:#a8ffff;} .text-light{color:#f4a86e!important;} .text-danger{color:#8a1d17!important;} .bg-primary{background-color:#003262!important;} .bg-danger{background-color:#8a1d17!important;} .bg-snow{background-color:#fbf1db!important;} .bt-out{ color: #ffdbbb; border-top: 1px solid #ffd79b; border-bottom: 1px solid #a25000; padding: 3px 0 3px 0; background-color: #fde2ae } .bt-in{ border-top: 1px solid #a25000; border-bottom: 1px solid #ffd79b; background-color: #8a1d17; box-shadow: inset 0px 8px 6px 0px rgba(48, 2, 2, 0.4),inset 0px -8px 6px 0px rgba(48, 2, 2, 0.4); text-align: center; text-shadow: 0px 3px 3px rgba(48, 2, 2, 0.4); } .card { color: #ffdbbb; border-left:1px solid #d58200; border-right: 1px solid #C60; border-top: 1px solid #ffd79b; border-bottom: 1px solid #a25000; padding: 3px; border-radius: .625rem; background-color: #fde2ae; box-shadow: 0 0.46875rem 2.1875rem rgb(0 0 0 / 20%), 0 0.9375rem 1.40625rem rgb(0 0 0 / 20%), 0 0.25rem 0.53125rem rgb(0 0 0 / 20%), 0 0.125rem 0.1875rem rgb(0 0 0 / 20%); margin: 10px 0 10px 0; } .card-header { color:#8a1d17; } .card-body { border-right: 1px solid #d58200; border-left: 1px solid #C60; border-bottom: 1px solid #ffd79b; border-top: 1px solid #a25000; border-radius: .625rem; background-color: #8a1d17; box-shadow: inset 0px 0px 6px 0px rgba(2, 48, 46, 0.6); } .bg-snow{background-color:snow;color:#333} .body-text{ text-align: center; text-shadow: 0px 3px 3px rgba(2, 48, 46, 0.6); } .bbs{margin-bottom: 8px;} .bbs-box{padding: 6px;background: #fdfdfd;} .bbs-box-left{padding: 6px;} .bbs-box-right{padding: 6px;} .bbs-hr{border: 1px 2px;border-color: #ccc;margin: 4px;} .file-input{line-height: 30px;position: relative;margin-top: 10px;} .file-input .input-container{width: 100px;height: 30px;text-align: center;background: #3879d9;color: #fff;border-radius: 3px;} .file-input input{position: absolute;left: 0;top: 0;opacity: 0;} .file-input #name{position: absolute;left: 100px;top: 0;font-size: 12px;color: #666;} .well img{margin-bottom: 6px;} #jiezhi {padding-top: 20px;} td {padding: 6px;vertical-align:text-top;} .adminrp {width: 90%;} #yz1,.kj-jilu{background-image: url(./images/yz.jpg);background-repeat: no-repeat;background-size: 100% 100%;margin: 0 auto;} #yz2{background-image: url(./images/yz2.jpg);background-repeat: no-repeat;background-size: 100% 100%;margin: 0 auto;} #acyz1,.ackj-jilu{background-image: url(./images/acyz.jpg);background-repeat: no-repeat;background-size: 100% 100%;margin: 0 auto;} #acyz2{background-image: url(./images/acyz2.jpg);background-repeat: no-repeat;background-size: 100% 100%;margin: 0 auto;} #shoufei{background-image: url(./images/ruhui.jpg);background-repeat: no-repeat;background-size: 100% 100%;margin: 0 auto;} #yz1::after,#yz2::after,.kj-jilu::after,#acyz1::after,#acyz2::after,.ackj-jilu::after{content: "";display: block;} .num { font-size: 32px; font-weight: bold; color: #666; } .wk { font-size: 32px; font-weight: bold; color: #ccc; } #lan .row{padding-right:0.5em;} #lan .col-3{padding:5px;} #lan .card-header{padding:2px;} #load {height:100px;} #load .bi-check-circle-fill, #load .bi-exclamation-circle-fill, #load .bi-x-circle-fill{font-size:36px} .yz-title{letter-spacing:1px} @media (max-width: 375px) { .userinfo{ display: none; } #kjset .col-3{padding:2px;} #kjset .card{margin-top:.3em;margin-bottom:.3em;} #kjset .card-header, #kjset .card-body{padding:5px;} #kjset .card{font-size:14px;} } /* 小屏: only small screen */ @media (min-width: 280px) and (max-width: 575px) { .num,.wk{font-size: 24px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{font-size: 22px;} .list-title{font-size: 18px;font-weight: bold;} .tdl{width:20%;} .lhclogo{width: 60px;} .yzwen{background:#222;color:#fff;padding:4px;text-indent:1em;margin-bottom:0;border-radius:5px;border: 4px #f5b07c double;} } /* 中屏: only middle screen */ @media (min-width: 576px) and (max-width: 799px) { .num,.wk{font-size: 28px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{font-size: 32px;} .list-title{font-size: 20px;font-weight: bold;} .tdl{width:20%;} .bbs-tx{margin: 5px;width:100px;height:100px;} .lhclogo{width: 70px;} .yzwen{background:#222;color:#fff;padding:4px;text-indent:1em;margin-bottom:0;border-radius:5px;border: 4px #f5b07c double;font-size:18px;font-weight:bolder;} } /* 800-1199屏: only middle screen */ @media (min-width: 800px) and (max-width: 1199px) { .img-ma{width:60%} .list-title{font-size: 24px;font-weight: bold;} .tdl{width:20%;} .bbs-tx{margin: 5px;width:128px;height:128px;} .lhclogo{width: 70px;} .yzwen{background:#222;color:#fff;padding:4px;text-indent:1em;margin-bottom:0;border-radius:5px;border: 4px #f5b07c double;font-size:20px;font-weight:bolder;} } /* 1200屏: only middle screen */ @media (min-width: 1200px) { .img-ma{width:50%} .teshu{margin:0;padding:0} .list-title{font-size: 36px;font-weight: bold;} .tdl{width:16.7%;} .bbs-tx {margin: 5px;width:138px;height:138px} .yzwen{background:#222;color:#fff;padding:4px;text-indent:1em;margin-bottom:0;border-radius:5px;border: 4px #f5b07c double;font-size:24px;font-weight:bolder;} .ptnum img{width:70px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{width:566px;height:370px;font-size: 30px;font-weight: bolder;;} .yz-title{height: 148px;padding-top: 106px;} .yz-main{height: 112px;padding:0 19px;} .yz-bottom{height: 110px;padding: 5px;} .number,.zuhe{margin: 0;padding: 0;border: none;width: 88px;height: 88px;display: inline-block;} .number1{margin: 0;padding: 0;border: none;width: 180px;height: 150px;display: inline-block;} .n01{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px 0px;} .n02{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px 0px;} .n03{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px 0px;} .n04{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px 0px;} .n05{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px 0px;} .n06{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px 0px;} .n07{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px 0px;} .n08{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px 0px;} .n09{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px 0px;} .n10{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -792px 0px;} .n11{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -88px;} .n12{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -88px;} .n13{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -88px;} .n14{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -88px;} .n15{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -88px;} .n16{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -88px;} .n17{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px -88px;} .n18{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px -88px;} .n19{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px -88px;} .n20{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -792px -88px;} .n21{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -176px;} .n22{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -176px;} .n23{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -176px;} .n24{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -176px;} .n25{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -176px;} .n26{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -176px;} .n27{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px -176px;} .n28{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px -176px;} .n29{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px -176px;} .n30{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -792px -176px;} .n31{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -264px;} .n32{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -264px;} .n33{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -264px;} .n34{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -264px;} .n35{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -264px;} .n36{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -264px;} .n37{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px -264px;} .n38{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px -264px;} .n39{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px -264px;} .n40{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -792px -264px;} .n41{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -352px;} .n42{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -352px;} .n43{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -352px;} .n44{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -352px;} .n45{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -352px;} .n46{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -352px;} .n47{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px -352px;} .n48{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px -352px;} .n49{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px -352px;} .zu1{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -440px;} .zu2{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -440px;} .zu3{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -440px;} .zu4{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -440px;} .zu5{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -440px;} .zu6{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -440px;} } /* 992-1199屏: only middle screen */ @media (min-width: 992px) and (max-width: 1199px) { .ptnum img{width:62px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{width:464px;height:309px;padding: 0 12px 0 12px;font-size: 28px;font-weight: bolder;} .yz-title{height: 123px;padding-top: 84px;} .yz-main{height: 91px;padding: 0 7px;} .yz-bottom{height: 95px;} .number,.zuhe{margin: 0;padding: 0;border: none;width: 75px;height: 75px;display: inline-block;} .n01{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px 0px;} .n02{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px 0px;} .n03{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px 0px;} .n04{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px 0px;} .n05{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px 0px;} .n06{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px 0px;} .n07{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px 0px;} .n08{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px 0px;} .n09{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px 0px;} .n10{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -675px 0px;} .n11{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -75px;} .n12{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -75px;} .n13{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -75px;} .n14{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -75px;} .n15{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -75px;} .n16{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -75px;} .n17{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px -75px;} .n18{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px -75px;} .n19{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px -75px;} .n20{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -675px -75px;} .n21{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -150px;} .n22{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -150px;} .n23{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -150px;} .n24{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -150px;} .n25{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -150px;} .n26{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -150px;} .n27{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px -150px;} .n28{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px -150px;} .n29{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px -150px;} .n30{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -675px -150px;} .n31{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -225px;} .n32{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -225px;} .n33{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -225px;} .n34{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -225px;} .n35{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -225px;} .n36{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -225px;} .n37{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px -225px;} .n38{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px -225px;} .n39{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px -225px;} .n40{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -675px -225px;} .n41{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -300px;} .n42{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -300px;} .n43{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -300px;} .n44{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -300px;} .n45{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -300px;} .n46{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -300px;} .n47{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px -300px;} .n48{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px -300px;} .n49{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px -300px;} .zu1{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -375px;} .zu2{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -375px;} .zu3{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -375px;} .zu4{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -375px;} .zu5{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -375px;} .zu6{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -375px;} } /* 768-991屏: only middle screen */ @media (min-width: 768px) and (max-width: 991px) { .ptnum img{width:60px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{width:600px;height:400px;padding: 0 13px 0 13px; font-size: 30px;font-weight: bolder;} .yz-title{height: 162px;padding-top: 120px;} .yz-main{height: 120px;padding: 0 35px;} .yz-bottom{height: 118px;} .number,.zuhe{margin: 0;padding: 0;border: none;width: 88px;height: 88px;display: inline-block;} .n01{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px 0px;} .n02{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px 0px;} .n03{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px 0px;} .n04{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px 0px;} .n05{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px 0px;} .n06{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px 0px;} .n07{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px 0px;} .n08{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px 0px;} .n09{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px 0px;} .n10{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -792px 0px;} .n11{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -88px;} .n12{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -88px;} .n13{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -88px;} .n14{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -88px;} .n15{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -88px;} .n16{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -88px;} .n17{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px -88px;} .n18{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px -88px;} .n19{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px -88px;} .n20{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -792px -88px;} .n21{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -176px;} .n22{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -176px;} .n23{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -176px;} .n24{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -176px;} .n25{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -176px;} .n26{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -176px;} .n27{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px -176px;} .n28{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px -176px;} .n29{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px -176px;} .n30{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -792px -176px;} .n31{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -264px;} .n32{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -264px;} .n33{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -264px;} .n34{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -264px;} .n35{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -264px;} .n36{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -264px;} .n37{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px -264px;} .n38{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px -264px;} .n39{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px -264px;} .n40{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -792px -264px;} .n41{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -352px;} .n42{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -352px;} .n43{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -352px;} .n44{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -352px;} .n45{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -352px;} .n46{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -352px;} .n47{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -528px -352px;} .n48{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -616px -352px;} .n49{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -704px -352px;} .zu1{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: 0px -440px;} .zu2{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -88px -440px;} .zu3{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -176px -440px;} .zu4{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -264px -440px;} .zu5{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -352px -440px;} .zu6{background-image: url("./images/number88x88.png");background-repeat: no-repeat;background-position: -440px -440px;} } /* 576-767屏: only middle screen */ @media (min-width: 576px) and (max-width: 767px) { .ptnum img{width:50px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{width:508px;height:338px;padding: 0 13px 0 13px; font-size: 30px;font-weight: bolder;} .yz-title{height: 136px;padding-top: 96px;} .yz-main{height: 107px;padding: 0 28px;} .yz-bottom{height: 94px;} .number,.zuhe{margin: 0;padding: 0;border: none;width: 75px;height: 75px;display: inline-block;} .n01{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px 0px;} .n02{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px 0px;} .n03{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px 0px;} .n04{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px 0px;} .n05{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px 0px;} .n06{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px 0px;} .n07{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px 0px;} .n08{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px 0px;} .n09{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px 0px;} .n10{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -675px 0px;} .n11{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -75px;} .n12{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -75px;} .n13{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -75px;} .n14{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -75px;} .n15{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -75px;} .n16{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -75px;} .n17{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px -75px;} .n18{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px -75px;} .n19{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px -75px;} .n20{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -675px -75px;} .n21{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -150px;} .n22{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -150px;} .n23{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -150px;} .n24{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -150px;} .n25{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -150px;} .n26{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -150px;} .n27{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px -150px;} .n28{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px -150px;} .n29{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px -150px;} .n30{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -675px -150px;} .n31{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -225px;} .n32{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -225px;} .n33{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -225px;} .n34{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -225px;} .n35{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -225px;} .n36{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -225px;} .n37{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px -225px;} .n38{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px -225px;} .n39{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px -225px;} .n40{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -675px -225px;} .n41{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -300px;} .n42{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -300px;} .n43{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -300px;} .n44{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -300px;} .n45{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -300px;} .n46{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -300px;} .n47{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -450px -300px;} .n48{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -525px -300px;} .n49{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -600px -300px;} .zu1{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: 0px -375px;} .zu2{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -75px -375px;} .zu3{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -150px -375px;} .zu4{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -225px -375px;} .zu5{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -300px -375px;} .zu6{background-image: url("./images/number75x75.png");background-repeat: no-repeat;background-position: -375px -375px;} } /* 390-575屏: only middle screen */ @media (min-width: 390px) and (max-width: 575px) { .ptnum img{width:40px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{width:358px;height:238px;padding: 0 9px 0 9px; font-size: 18px;font-weight: bolder;} .yz-title{height: 95px;padding-top: 70px;} .yz-main{height: 72px;padding: 0 13px;} .yz-bottom{height: 71px;} .number,.zuhe{margin: 0;padding: 0;border: none;width: 56px;height: 56px;display: inline-block;} .n01{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: 0px 0px;} .n02{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -56px 0px;} .n03{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -112px 0px;} .n04{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -168px 0px;} .n05{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -224px 0px;} .n06{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -280px 0px;} .n07{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -336px 0px;} .n08{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -392px 0px;} .n09{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -448px 0px;} .n10{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -504px 0px;} .n11{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: 0px -56px;} .n12{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -56px -56px;} .n13{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -112px -56px;} .n14{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -168px -56px;} .n15{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -224px -56px;} .n16{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -280px -56px;} .n17{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -336px -56px;} .n18{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -392px -56px;} .n19{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -448px -56px;} .n20{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -504px -56px;} .n21{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: 0px -112px;} .n22{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -56px -112px;} .n23{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -112px -112px;} .n24{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -168px -112px;} .n25{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -224px -112px;} .n26{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -280px -112px;} .n27{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -336px -112px;} .n28{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -392px -112px;} .n29{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -448px -112px;} .n30{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -504px -112px;} .n31{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: 0px -168px;} .n32{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -56px -168px;} .n33{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -112px -168px;} .n34{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -168px -168px;} .n35{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -224px -168px;} .n36{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -280px -168px;} .n37{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -336px -168px;} .n38{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -392px -168px;} .n39{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -448px -168px;} .n40{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -504px -168px;} .n41{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: 0px -224px;} .n42{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -56px -224px;} .n43{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -112px -224px;} .n44{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -168px -224px;} .n45{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -224px -224px;} .n46{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -280px -224px;} .n47{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -336px -224px;} .n48{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -392px -224px;} .n49{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -448px -224px;} .zu1{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: 0px -280px;} .zu2{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -56px -280px;} .zu3{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -112px -280px;} .zu4{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -168px -280px;} .zu5{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -224px -280px;} .zu6{background-image: url("./images/number56x56.png");background-repeat: no-repeat;background-position: -280px -280px;} } /* 320-389屏: only middle screen */ @media (min-width: 320px) and (max-width: 389px) { .ptnum img{width:28px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{width:288px;height:192px;padding: 0 5px 0 5px; font-size: 16px;font-weight: bolder;} .yz-title{height: 78px;padding-top: 56px;} .yz-main{height: 59px;padding: 0 28px;} .yz-bottom{height: 55px;} .number,.zuhe{margin: 0;padding: 0;border: none;width: 40px;height: 40px;display: inline-block;} .n01{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px 0px;} .n02{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px 0px;} .n03{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px 0px;} .n04{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px 0px;} .n05{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px 0px;} .n06{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px 0px;} .n07{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px 0px;} .n08{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px 0px;} .n09{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px 0px;} .n10{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -360px 0px;} .n11{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -40px;} .n12{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -40px;} .n13{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -40px;} .n14{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -40px;} .n15{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -40px;} .n16{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -40px;} .n17{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px -40px;} .n18{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px -40px;} .n19{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px -40px;} .n20{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -360px -40px;} .n21{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -80px;} .n22{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -80px;} .n23{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -80px;} .n24{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -80px;} .n25{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -80px;} .n26{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -80px;} .n27{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px -80px;} .n28{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px -80px;} .n29{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px -80px;} .n30{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -360px -80px;} .n31{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -120px;} .n32{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -120px;} .n33{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -120px;} .n34{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -120px;} .n35{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -120px;} .n36{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -120px;} .n37{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px -120px;} .n38{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px -120px;} .n39{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px -120px;} .n40{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -360px -120px;} .n41{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -160px;} .n42{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -160px;} .n43{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -160px;} .n44{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -160px;} .n45{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -160px;} .n46{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -160px;} .n47{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px -160px;} .n48{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px -160px;} .n49{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px -160px;} .zu1{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -200px;} .zu2{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -200px;} .zu3{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -200px;} .zu4{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -200px;} .zu5{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -200px;} .zu6{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -200px;} } /* 280-319屏: only middle screen */ @media (min-width: 280px) and (max-width: 319px) { .ptnum img{width:15px;} #yz1,#yz2,.kj-jilu,#acyz1,#acyz2,.ackj-jilu{width:248px;height:165px;padding: 0 5px 0 5px; font-size: 12px;font-weight: bolder;} .yz-title{height: 65px;padding-top: 48px;} .yz-main{height: 50px;padding: 0 11px;} .yz-bottom{height: 50px;} .number,.zuhe{margin: 0;padding: 0;border: none;width: 40px;height: 40px;display: inline-block;} .n01{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px 0px;} .n02{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px 0px;} .n03{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px 0px;} .n04{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px 0px;} .n05{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px 0px;} .n06{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px 0px;} .n07{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px 0px;} .n08{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px 0px;} .n09{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px 0px;} .n10{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -360px 0px;} .n11{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -40px;} .n12{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -40px;} .n13{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -40px;} .n14{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -40px;} .n15{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -40px;} .n16{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -40px;} .n17{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px -40px;} .n18{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px -40px;} .n19{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px -40px;} .n20{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -360px -40px;} .n21{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -80px;} .n22{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -80px;} .n23{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -80px;} .n24{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -80px;} .n25{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -80px;} .n26{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -80px;} .n27{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px -80px;} .n28{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px -80px;} .n29{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px -80px;} .n30{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -360px -80px;} .n31{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -120px;} .n32{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -120px;} .n33{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -120px;} .n34{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -120px;} .n35{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -120px;} .n36{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -120px;} .n37{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px -120px;} .n38{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px -120px;} .n39{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px -120px;} .n40{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -360px -120px;} .n41{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -160px;} .n42{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -160px;} .n43{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -160px;} .n44{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -160px;} .n45{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -160px;} .n46{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -160px;} .n47{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -240px -160px;} .n48{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -280px -160px;} .n49{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -320px -160px;} .zu1{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: 0px -200px;} .zu2{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -40px -200px;} .zu3{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -80px -200px;} .zu4{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -120px -200px;} .zu5{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -160px -200px;} .zu6{background-image: url("./images/number40x40.png");background-repeat: no-repeat;background-position: -200px -200px;} } /* 1200屏: only middle screen */ @media (min-width: 1200px) { .tn01{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px 0px;} .tn02{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px 0px;} .tn03{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px 0px;} .tn04{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px 0px;} .tn05{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px 0px;} .tn06{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px 0px;} .tn07{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px 0px;} .tn08{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px 0px;} .tn09{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px 0px;} .tn10{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -792px 0px;} .tn11{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px -88px;} .tn12{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px -88px;} .tn13{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px -88px;} .tn14{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px -88px;} .tn15{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px -88px;} .tn16{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px -88px;} .tn17{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px -88px;} .tn18{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px -88px;} .tn19{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px -88px;} .tn20{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -792px -88px;} .tn21{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px -176px;} .tn22{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px -176px;} .tn23{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px -176px;} .tn24{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px -176px;} .tn25{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px -176px;} .tn26{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px -176px;} .tn27{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px -176px;} .tn28{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px -176px;} .tn29{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px -176px;} .tn30{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -792px -176px;} .tn31{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px -264px;} .tn32{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px -264px;} .tn33{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px -264px;} .tn34{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px -264px;} .tn35{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px -264px;} .tn36{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px -264px;} .tn37{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px -264px;} .tn38{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px -264px;} .tn39{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px -264px;} .tn40{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -792px -264px;} .tn41{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px -352px;} .tn42{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px -352px;} .tn43{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px -352px;} .tn44{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px -352px;} .tn45{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px -352px;} .tn46{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px -352px;} .tn47{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px -352px;} .tn48{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px -352px;} .tn49{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px -352px;} } /* 992-1199屏: only middle screen */ @media (min-width: 992px) and (max-width: 1199px) { .tn01{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px 0px;} .tn02{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px 0px;} .tn03{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px 0px;} .tn04{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px 0px;} .tn05{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px 0px;} .tn06{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px 0px;} .tn07{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px 0px;} .tn08{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px 0px;} .tn09{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px 0px;} .tn10{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -675px 0px;} .tn11{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px -75px;} .tn12{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px -75px;} .tn13{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px -75px;} .tn14{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px -75px;} .tn15{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px -75px;} .tn16{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px -75px;} .tn17{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px -75px;} .tn18{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px -75px;} .tn19{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px -75px;} .tn20{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -675px -75px;} .tn21{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px -150px;} .tn22{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px -150px;} .tn23{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px -150px;} .tn24{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px -150px;} .tn25{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px -150px;} .tn26{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px -150px;} .tn27{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px -150px;} .tn28{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px -150px;} .tn29{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px -150px;} .tn30{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -675px -150px;} .tn31{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px -225px;} .tn32{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px -225px;} .tn33{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px -225px;} .tn34{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px -225px;} .tn35{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px -225px;} .tn36{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px -225px;} .tn37{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px -225px;} .tn38{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px -225px;} .tn39{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px -225px;} .tn40{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -675px -225px;} .tn41{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px -300px;} .tn42{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px -300px;} .tn43{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px -300px;} .tn44{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px -300px;} .tn45{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px -300px;} .tn46{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px -300px;} .tn47{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px -300px;} .tn48{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px -300px;} .tn49{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px -300px;} } /* 768-991屏: only middle screen */ @media (min-width: 768px) and (max-width: 991px) { .tn01{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px 0px;} .tn02{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px 0px;} .tn03{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px 0px;} .tn04{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px 0px;} .tn05{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px 0px;} .tn06{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px 0px;} .tn07{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px 0px;} .tn08{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px 0px;} .tn09{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px 0px;} .tn10{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -792px 0px;} .tn11{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px -88px;} .tn12{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px -88px;} .tn13{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px -88px;} .tn14{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px -88px;} .tn15{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px -88px;} .tn16{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px -88px;} .tn17{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px -88px;} .tn18{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px -88px;} .tn19{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px -88px;} .tn20{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -792px -88px;} .tn21{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px -176px;} .tn22{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px -176px;} .tn23{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px -176px;} .tn24{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px -176px;} .tn25{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px -176px;} .tn26{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px -176px;} .tn27{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px -176px;} .tn28{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px -176px;} .tn29{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px -176px;} .tn30{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -792px -176px;} .tn31{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px -264px;} .tn32{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px -264px;} .tn33{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px -264px;} .tn34{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px -264px;} .tn35{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px -264px;} .tn36{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px -264px;} .tn37{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px -264px;} .tn38{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px -264px;} .tn39{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px -264px;} .tn40{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -792px -264px;} .tn41{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: 0px -352px;} .tn42{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -88px -352px;} .tn43{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -176px -352px;} .tn44{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -264px -352px;} .tn45{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -352px -352px;} .tn46{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -440px -352px;} .tn47{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -528px -352px;} .tn48{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -616px -352px;} .tn49{background-image: url("./images/tn88x88.png");background-repeat: no-repeat;background-position: -704px -352px;} } /* 576-767屏: only middle screen */ @media (min-width: 576px) and (max-width: 767px) { .tn01{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px 0px;} .tn02{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px 0px;} .tn03{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px 0px;} .tn04{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px 0px;} .tn05{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px 0px;} .tn06{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px 0px;} .tn07{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px 0px;} .tn08{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px 0px;} .tn09{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px 0px;} .tn10{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -675px 0px;} .tn11{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px -75px;} .tn12{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px -75px;} .tn13{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px -75px;} .tn14{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px -75px;} .tn15{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px -75px;} .tn16{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px -75px;} .tn17{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px -75px;} .tn18{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px -75px;} .tn19{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px -75px;} .tn20{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -675px -75px;} .tn21{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px -150px;} .tn22{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px -150px;} .tn23{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px -150px;} .tn24{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px -150px;} .tn25{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px -150px;} .tn26{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px -150px;} .tn27{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px -150px;} .tn28{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px -150px;} .tn29{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px -150px;} .tn30{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -675px -150px;} .tn31{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px -225px;} .tn32{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px -225px;} .tn33{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px -225px;} .tn34{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px -225px;} .tn35{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px -225px;} .tn36{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px -225px;} .tn37{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px -225px;} .tn38{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px -225px;} .tn39{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px -225px;} .tn40{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -675px -225px;} .tn41{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: 0px -300px;} .tn42{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -75px -300px;} .tn43{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -150px -300px;} .tn44{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -225px -300px;} .tn45{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -300px -300px;} .tn46{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -375px -300px;} .tn47{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -450px -300px;} .tn48{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -525px -300px;} .tn49{background-image: url("./images/tn75x75.png");background-repeat: no-repeat;background-position: -600px -300px;} } /* 390-575屏: only middle screen */ @media (min-width: 390px) and (max-width: 575px) { .tn01{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: 0px 0px;} .tn02{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -56px 0px;} .tn03{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -112px 0px;} .tn04{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -168px 0px;} .tn05{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -224px 0px;} .tn06{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -280px 0px;} .tn07{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -336px 0px;} .tn08{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -392px 0px;} .tn09{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -448px 0px;} .tn10{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -504px 0px;} .tn11{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: 0px -56px;} .tn12{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -56px -56px;} .tn13{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -112px -56px;} .tn14{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -168px -56px;} .tn15{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -224px -56px;} .tn16{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -280px -56px;} .tn17{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -336px -56px;} .tn18{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -392px -56px;} .tn19{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -448px -56px;} .tn20{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -504px -56px;} .tn21{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: 0px -112px;} .tn22{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -56px -112px;} .tn23{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -112px -112px;} .tn24{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -168px -112px;} .tn25{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -224px -112px;} .tn26{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -280px -112px;} .tn27{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -336px -112px;} .tn28{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -392px -112px;} .tn29{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -448px -112px;} .tn30{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -504px -112px;} .tn31{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: 0px -168px;} .tn32{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -56px -168px;} .tn33{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -112px -168px;} .tn34{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -168px -168px;} .tn35{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -224px -168px;} .tn36{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -280px -168px;} .tn37{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -336px -168px;} .tn38{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -392px -168px;} .tn39{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -448px -168px;} .tn40{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -504px -168px;} .tn41{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: 0px -224px;} .tn42{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -56px -224px;} .tn43{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -112px -224px;} .tn44{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -168px -224px;} .tn45{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -224px -224px;} .tn46{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -280px -224px;} .tn47{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -336px -224px;} .tn48{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -392px -224px;} .tn49{background-image: url("./images/tn56x56.png");background-repeat: no-repeat;background-position: -448px -224px;} } /* 320-389屏: only middle screen */ @media (min-width: 320px) and (max-width: 389px) { .tn01{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px 0px;} .tn02{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px 0px;} .tn03{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px 0px;} .tn04{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px 0px;} .tn05{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px 0px;} .tn06{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px 0px;} .tn07{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px 0px;} .tn08{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px 0px;} .tn09{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px 0px;} .tn10{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -360px 0px;} .tn11{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px -40px;} .tn12{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px -40px;} .tn13{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px -40px;} .tn14{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px -40px;} .tn15{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px -40px;} .tn16{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px -40px;} .tn17{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px -40px;} .tn18{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px -40px;} .tn19{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px -40px;} .tn20{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -360px -40px;} .tn21{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px -80px;} .tn22{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px -80px;} .tn23{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px -80px;} .tn24{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px -80px;} .tn25{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px -80px;} .tn26{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px -80px;} .tn27{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px -80px;} .tn28{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px -80px;} .tn29{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px -80px;} .tn30{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -360px -80px;} .tn31{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px -120px;} .tn32{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px -120px;} .tn33{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px -120px;} .tn34{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px -120px;} .tn35{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px -120px;} .tn36{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px -120px;} .tn37{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px -120px;} .tn38{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px -120px;} .tn39{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px -120px;} .tn40{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -360px -120px;} .tn41{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px -160px;} .tn42{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px -160px;} .tn43{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px -160px;} .tn44{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px -160px;} .tn45{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px -160px;} .tn46{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px -160px;} .tn47{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px -160px;} .tn48{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px -160px;} .tn49{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px -160px;} } /* 280-319屏: only middle screen */ @media (min-width: 280px) and (max-width: 319px) { .tn01{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px 0px;} .tn02{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px 0px;} .tn03{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px 0px;} .tn04{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px 0px;} .tn05{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px 0px;} .tn06{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px 0px;} .tn07{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px 0px;} .tn08{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px 0px;} .tn09{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px 0px;} .tn10{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -360px 0px;} .tn11{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px -40px;} .tn12{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px -40px;} .tn13{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px -40px;} .tn14{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px -40px;} .tn15{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px -40px;} .tn16{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px -40px;} .tn17{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px -40px;} .tn18{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px -40px;} .tn19{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px -40px;} .tn20{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -360px -40px;} .tn21{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px -80px;} .tn22{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px -80px;} .tn23{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px -80px;} .tn24{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px -80px;} .tn25{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px -80px;} .tn26{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px -80px;} .tn27{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px -80px;} .tn28{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px -80px;} .tn29{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px -80px;} .tn30{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -360px -80px;} .tn31{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px -120px;} .tn32{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px -120px;} .tn33{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px -120px;} .tn34{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px -120px;} .tn35{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px -120px;} .tn36{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px -120px;} .tn37{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px -120px;} .tn38{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px -120px;} .tn39{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px -120px;} .tn40{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -360px -120px;} .tn41{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: 0px -160px;} .tn42{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -40px -160px;} .tn43{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -80px -160px;} .tn44{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -120px -160px;} .tn45{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -160px -160px;} .tn46{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -200px -160px;} .tn47{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -240px -160px;} .tn48{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -280px -160px;} .tn49{background-image: url("./images/tn40x40.png");background-repeat: no-repeat;background-position: -320px -160px;} } .yz-title{ color: #fff; }