﻿

@charset="utf-8";



.wp {width:100%;max-width: 640px;min-width: 320px;margin: 0 auto;}

.zxck-box h1 {font-size: 0.26rem;color: #000;text-align: left;}

.zxck-box h1 img {width: 0.25rem;height: 0.3rem;display:inline-block;margin-top:0.15rem;margin-right: 0.15rem; }



.zxck-box dl {overflow: hidden;padding: 0 0; margin-top:0.22rem;}

.zxck-box dl dt {width: 1.31rem;float: left;margin-right:0.1rem;margin-bottom: 0.1rem; margin-top:0.1rem;}

.zxck-box dl dt span {font-size: 0.32rem; padding-left:0.32rem; color:#653906; font-weight:400; line-height:0.6rem;}

.zxck-box dl dd { width: 75%; float: left;}

.zxck-box dl dd p {font-size: 0.16rem;color:#333333;}

.zxck-box dl dd p span {color:#ea1919;font-weight: bold;}

.zxck-box dl dd strong {font-size: 0.26rem;margin:1% 0;display: block;}

.zxck-box dl dd ul {width: 100%;overflow: hidden;}

.zxck-box dl dd ul li {float: left;width: 49%;height: 0.41rem;background: #f9f3ec;margin-right: 0.08rem;margin-bottom: 0.08rem;line-height: 0.41rem;font-size: 0.20rem;color:#282828;text-align: center;}

.zxck-box dl dd ul li:nth-child(2n) {margin-right:0;}

.zxck-box .nolink {width: 100%;margin: 0.22rem auto 0;display: flex;display: -webkit-flex;padding: 0 1%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

.zxck-box .nolink a {border-radius: 0.15rem;flex: 1;-webkit-flex:1;margin-right: 1%}

.zxck-box .nolink a:last-child {margin-right: 0;}

.hot a {display:block;width: 1.15rem;height: 1.15rem;border-radius: 0.15rem;float: right;margin-right:0.1rem;padding: 0.05rem 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

.zxck {max-width: 640px;min-width: 320px; width: 100%;height: 6.27rem;  margin-left: auto;margin-right: auto;margin-bottom: 0.01rem; overflow: hidden; color:#000; position: relative; padding-top: 1%; margin-top:0.3rem;}

.zxck .zx1{ top: 7%; color:#333; left:20%; font-size: 0.2rem; position: absolute;padding: 2%; background: #f1f1f1; border: 0.02rem solid #ccc;width: 69%;border-radius: 0.1rem}

.zxck .zx1 .zx-sj{ position:absolute; width:4%;top: 5%; left:-4%; display:block;}

.zxck .zx2 .zx-sj{ position:absolute; width:4%;top: 18%; left:-4%; display:block;}

.zxck .zx1 ul {/* width: 4.1rem; */margin: auto; margin-top: 0.15rem;}

.zxck .zx1 ul li {height: 0.38rem;background: url(../images/icon4.png);margin-bottom: 0.1rem;text-align: left;color:#fff;font-size: 0.18rem;line-height: 0.4rem;padding-left: 0.1rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;overflow: hidden;}

.zxck .zx1 ul li a {color:#282828;}

#zx-time1{ margin: auto; text-align: center; color:#999;}

#zx-time2{ position: absolute; top: 46%; left:35%;}

.zxck .time{ font-size: 0.17rem;}

.zxck .zx2{ top: 58%;}

.zxck .box1{ position: absolute; width:14%;top: 7%; left:2%;}

.zxck .box2{ top: 58%;}

.zx-but {width: 100%;max-width: 640px;min-width: 320px; height: 0.8rem;background: #e6e6e6;position: fixed;bottom: 0;}

.zx-but .zx-icon {width: 0.6rem;height: 0.6rem;float: right;margin-top: 0.12rem;margin-right: 0.2rem;}

.zx-but #wenti{ margin-left: 0.2rem; display: block; width:65%; height:0.55rem;border:0;border:0.01rem solid #999; border-radius: 0.05rem;background: #fff;line-height: 0.48rem;color: #000;padding-left: 0.2rem;margin-top:0.14rem;float: left; }

.zx-but  button{ border:0;animation: bianda 3s .2s ease both infinite;-webkit-animation: bianda 3s .2s ease both infinite;-moz-animation: bianda 3s .2s ease both infinite;background: none;width: 0.6rem;margin-top: 0.12rem;margin-left: 0.2rem;}

/* .jump{

  webkit-animation: jump 2.5s linear normal both infinite;

    -o-animation: jump 2.5s linear normal both infinite;

    animation: jump 2.5s linear normal both infinite;

    animation-delay:2s;

} */

@keyframes  jump{

    0%{

        transform: translateY(0);

    }

    50%{

        transform: translateY(5px);

    }

    100%{

        transform: translateY(0);

    }

}@-moz-keyframes tada{

    0%{-moz-transform:scale(1);}

    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}

    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}

    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}

    100%{-moz-transform:scale(1) rotate(0);}

   }

  @-webkit-keyframes tada{

    0%{-webkit-transform:scale(1);}

    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}

    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}

    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}

    100%{-webkit-transform:scale(1) rotate(0);}}