/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;opacity:0;filter:alpha(opacity=0);}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:middle; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}


.wrap{max-width: 640px;min-width: 320px; margin-left: auto;margin-right: auto; overflow: hidden; }
.re{ position: relative;}
.te{ text-align: center;}
.ov{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.plr{ padding:0 0.2rem;}
.part{ padding-top: 0.25rem;}


.wrap .kvzi{ position: absolute; top: 60%;  width:1.42rem; height:1.41rem; background:url(../images/kvbg.png) no-repeat; background-size: 100%; font-size: 0.22rem; color:#0f86db; padding-top: 0.3rem;}
.wrap .kvzi b{ font-size: 0.25rem; color:#ff0000;}
.wrap .kvaa{position: absolute; top: 66%; right:1.7rem; width:1.42rem;animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;}
.wrap .luodi-ti{ width:4.47rem; margin:0 auto; }
.part1 ul{ padding:0 0.1rem 0.3rem;}
.part1 ul li{ float: left;position: relative; width:2.78rem;margin:0.35rem 0.15rem 0;border-radius: 0.2rem; box-shadow: 0px 10px 30px #efe3d7;height:2.56rem; background:#fff; overflow: hidden;}
.part1 ul li h2{ font-size: 0.23rem;line-height: 0.4rem; padding-left: 0.1rem;}
.part1 ul li h2 span{ font-size: 0.16rem;}
.part1 ul li p{ color:#f51300;padding-left: 0.1rem; line-height: 0.3rem; font-size: 0.24rem;}
.part1 ul li h2 i{ color:#f51300; font-style: normal;}
.part1 ul li b{ font-size: 0.35rem;}
.part1 ul li a{ width:0.65rem; height:0.55rem; border-radius: 50%; font-size: 0.2rem; line-height: 0.22rem; background:#fa3902; position: absolute; top: 1.8rem; right: 0.1rem; color:#fff; padding-top: 0.1rem;-webkit-animation: tada 2s linear normal both infinite;
    -o-animation: tada 2s linear normal both infinite;
    animation: tada 2s linear normal both infinite;}
.part2{ width:6.05rem;margin:0 auto;border-radius: 0.1rem; height:4.7rem; background:#fff url(../images/kk.png) no-repeat center center; background-size: 97%; box-shadow: 0px 0px 20px #999;}
.part2 .p2-xuan{ margin:0.15rem 0;}
.part2 .p2-xuan p{font-size: 0.2rem;display:inline-block; text-align: left; padding-left: 0.2rem; box-sizing: border-box; width:16%; margin-bottom: 0.05rem;}
.part2 .p2-xuan p.shuru{ width:100%; text-align: center; margin-top: 0.15rem;}
.part2 .p2-xuan p.shuru span{ font-size: 0.25rem; color:#0c7ae9; font-weight: bold;}
.part2 .p2-xuan p.shuru input{ width:4rem;height:0.52rem;margin-left: 0.15rem;border-radius: 0.1rem; border:0;box-shadow: 0px 0px 0.1rem #ccc; font-size: 0.2rem; padding-left: 0.1rem; border:1px solid #ccc;}
.part2 .ps{ font-size: 0.17rem; color:#ff0000;}
.part2 .p2-xuan .shuru .formtips{ font-size: 0.12rem;}
input[type="checkbox"] {
                width: 0;
                height: 0;
                display: inline-block;
                text-align: center;
                vertical-align: top;
                position: relative;
                background:#7ecef4;
                border:0;
                list-style: none;
            }
            
            input[type="checkbox"]::before {
                content: "";
                position: absolute;
                top:0;
                left:-0.18rem;
                background:url(../images/yuan1.png) no-repeat;
                background-size: 100%;
                width: 0.19rem;
                height: 0.19rem;
            }
            
            input[type="checkbox"]:checked::before {
                content: "";
                background:url(../images/yuan2.png) no-repeat;
                background-size: 100%;
                position: absolute;
                top:0;
                left:-0.18rem;
                width: 0.19rem;
                height: 0.19rem;
            }

.part2 .p2-a{ width:3.95rem; line-height: 0.6rem; font-size: 0.3rem; color:#fff; position: absolute; left:50%; bottom:-0.35rem;border-radius: 100px; margin-left: -1.98rem;animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite; background: -webkit-linear-gradient(left, #1bc296 , #0c7ae9); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #1bc296 , #0c7ae9); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #1bc296 , #0c7ae9); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #1bc296 , #0c7ae9); /* 标准的语法 */}
  .part3 .p3-aa{ margin:0.1rem;}
.part3 .p3-aa a{ float: left; width:1.9rem;height:1.9rem;font-size: 0.25rem; line-height: 0.3rem; border-radius: 50%; background:#84ccc9; color:#fff; padding-top: 0.5rem;margin:0.2rem 0.08rem; box-sizing: border-box;}
.part3 .p3-aa a img{ width:0.26rem; margin-top: 0.05rem;}
.part3 .p3-aa a:nth-of-type(2n){ background:#7ecef4;}
.part3 .p3-aa a.zizun{ font-weight: bold; padding-top: 0.65rem;line-height: 0.35rem; font-size: 0.3rem;}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-3px,0)}}