* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	font-size: 62.5%;
	/*10 ÷ 16 × 100% = 62.5%*/
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #f9f9f9;
	font-size: 1.6rem;
	line-height: 30px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	color: #333;
}

#content {
	width: 100%;
	max-width: 750px;
	height: auto;
	background-color: #fff;
	margin: 0 auto;
}

#box {
	margin: 0px 10px 10px 10px;
	overflow: hidden;
}

.headbox {
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #dbdbdb;
	font: bold 22px/30px Microsoft YaHei, simsun, Verdana, Geneva, sans-serif;
	padding: 14px 0;
}

.headnick {
	height: 20px;
	overflow: hidden;
	font: 14px/20px Microsoft YaHei, simsun, Verdana, Geneva, sans-serif;
	margin-top: 12px;
	color: #607fa6;
}

.headnick span {
	color: #666;
	margin-left: 14px;
}

.main {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}

h3 {
	margin: 20px 0;
	padding: 5px 10px;
	border-bottom-left-radius: 10px;
	background-color: #fcb42b;
	font-size: 2.0rem;
	border-bottom-right-radius: 10px;
	display: inline-block;
}

.bto {
	color: #fff;
	text-align: center;
}

.mm-text {
	margin-bottom: 15px;
	text-indent: 2em;
}

.orange {
	font-weight: bold;
	color: #ffa900;
}

.mm-imgs {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
	text-align: center;
}

.boxshow {
	width: 98%;
	height: auto;
	box-shadow: #ccc 3.2px 3.2px 8px;
	word-wrap: break-word !important;
}

hr {
	color: #ffa900;
}

.mm-center {
	text-align: center;
}

.red {
	color: #ff0000;
	font-weight: bold;
}

.footer{
	width: 100%;
	margin-bottom: 120px;
	margin-top: 30px;
	border-top: 1px solid #dcdcdc;
	padding-top: 10px;
	text-align: center;
}
.footer{
	font-size: 1.3rem;
	color: #ccc;
}

.wrap-ripple {
        z-index: 9;
        position: fixed;
        width: 60px;
        height: 180px;
        padding: 10px;
        right: -10px;
      }

      @keyframes clock {
        0% {
          transform: scale(.95)
        }

        18% {
          transform: scale(1.1)
        }

        32% {
          transform: scale(.95)
        }

        48% {
          transform: scale(1.1)
        }

        64% {
          transform: scale(.95)
        }

        80% {
          transform: scale(1.1)
        }

        100% {
          transform: scale(.95)
        }
      }

      .btn {
        margin: 20px auto;
        width: 50%;
        background: red;
        color: #fff;
        text-align: center;
        font-size: 1.3rem;
        padding: 10px 20px;
        border-radius: 10px;
        -webkit-animation: clock 2.5s ease infinite alternate;
        -moz-animation: clock 2.5s ease infinite alternate;
        -ms-animation: clock 2.5s ease infinite alternate;
        -o-animation: clock 2.5s ease infinite alternate
      }

      .btn2 {
        -webkit-animation: clock 1.5s ease infinite alternate;
        -moz-animation: clock .5s ease infinite alternate;
        -ms-animation: clock 1.5s ease infinite alternate;
        -o-animation: clock .5s ease infinite alternate
      }

      @-webkit-keyframes pan-ripple {
        0% {
          -webkit-transform: scale(1);
          opacity: 0
        }

        30% {
          -webkit-transform: scale(1.1);
          opacity: 1
        }

        100% {
          -webkit-transform: scale(1.4);
          opacity: 0
        }
      }

      .wrap-ripple .s-ripple i {
        position: absolute;
        width: 50px;
        height: 50px;
        line-height: normal;
        border-radius: 50%;
        border: 1px solid #8538f8;
        box-sizing: border-box
      }

      .wrap-ripple .ripple {
        background: linear-gradient(to bottom, #cfacfd, #8538f8);
        color: #fff;
        font-size: 14px;
        text-align: center;
        font-style: normal;
        padding-top: 8%;
        opacity: 1
      }

      .wrap-ripple .ripple-a {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation: pan-ripple 2s linear infinite;
        animation: pan-ripple 2s linear infinite
      }

      .wrap-ripple .ripple-b {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation: pan-ripple 1s linear infinite;
        animation: pan-ripple 1s linear infinite
      }

      .wrap-ripple .s-ripple {
        z-index: 99999;
        width: 50px;
        height: 50px;
        display: block;
        transform-origin: 0 0 0;
        transform: scale(1, 1);
        top: 35%;
        right: 15px
      }

      .wrap-ripple .s-ripple span.num1 {
        display: block;
        height: 20px;
        width: 20px;
        border-radius: 15px;
        position: absolute;
        top: 0;
        right: -5px;
        background: red;
        z-index: 100;
        color: #fff;
        text-align: center;
        line-height: 17px;
        font-size: 12px;
        border: 1px solid #fff
      }

      .wrap-ripple .tada {
        -webkit-animation-name: tada;
        animation-name: tada
      }

      .wrap-ripple .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
      }

      @-webkit-keyframes tada {
        0% {
          -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)
        }

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

      @keyframes tada {
        0% {
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
        }

        10%,
        20% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          -ms-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);
          -ms-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);
          -ms-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)
        }

        100% {
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
        }
      }

      .tada {
        -webkit-animation-name: tada;
        animation-name: tada
      }

      #animationTipBox {
        font-family: "Microsoft Yahei", "寰蒋闆呴粦", Arial, Tahoma;
        font-size: 14px;
        width: 250px;
        height: 226px !important;
        background-color: #fff;
        border-radius: 8px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -125px;
        margin-top: -85px;
        z-index: 1000001;
        -webkit-animation: alertAnimation .3s ease-in-out 0 1;
        -moz-animation: alertAnimation .3s ease-in-out 0 1;
        animation: alertAnimation .3s ease-in-out 0 1;
        display: none;
      }

      #sm-load {
        width: 20px;
        height: 20px;
        padding: 0;
        background: 0;
        padding: 0;
        position: relative;
        float: left;
        vertical-align: middle;
        margin-right: 5px;
        top: 0;
        left: 0;
        margin: 0;
        -webkit-animation: none;
        -moz-animation: none;
        animation: none
      }

      #sm-load .load {
        width: 20px;
        height: 20px;
        border: 0;
        margin: 0 auto;
        top: 0
      }

      #sm-load .icon_box {
        margin: 0 auto
      }

      #sm-load .load .cirBox1,
      #sm-load .load .cirBox2,
      #sm-load .load .cirBox3 {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 0
      }

      #sm-load .load .cirBox1>div,
      #sm-load .load .cirBox2>div,
      #sm-load .load .cirBox3>div {
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #fff;
        position: absolute
      }

      #sm-load .load .icon_box {
        width: 20px;
        height: 20px
      }

      #animationTipBox .icon1 {
        position: relative;
        width: 80px;
        height: 80px;
        border-radius: 50px;
        border: 4px solid #6c3;
        margin: 15px auto 5px auto
      }

      #animationTipBox .icon_box {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        text-align: center;
        position: relative
      }

      .tip .icon1 {
        width: 80px;
        height: 80px;
        background-color: #6c3;
        border-radius: 100%;
        color: #fff;
        font-size: 80px;
        text-align: center;
        line-height: 80px
      }

      #animationTipBox .lose .icon1 {
        border-color: #ff9090
      }

      #animationTipBox .lose .icon_box {
        -webkit-animation: lose_Animation .5s;
        -moz-animation: lose_Animation .5s;
        animation: lose_Animation .5s
      }

      #animationTipBox .dec_txt {
        font-size: 16px;
        text-align: center;
        color: #666;
        line-height: 26px;
        height: 50px;
        box-sizing: content-box;
      }

      .success .line_short {
        width: 25px;
        height: 5px;
        position: absolute;
        left: 6px;
        top: 46px;
        border-radius: 4px;
        background-color: #6c3;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-animation: success_short_Animation .65s;
        -moz-animation: success_short_Animation .65s;
        animation: success_short_Animation .65s
      }

      .success .line_long {
        width: 47px;
        height: 5px;
        position: absolute;
        right: 8px;
        top: 38px;
        border-radius: 4px;
        background-color: #6c3;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: success_long_Animation .65s;
        -moz-animation: success_long_Animation .65s;
        animation: success_long_Animation .65s
      }

      .lose .line_left,
      .lose .line_right {
        width: 47px;
        height: 5px;
        position: absolute;
        left: 17px;
        top: 37px;
        border-radius: 4px;
        background-color: #ff9090;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
      }

      .lose .line_right {
        right: 11px;
        top: 37px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
      }

      @keyframes alertAnimation {
        0% {
          transform: scale(0.5)
        }

        45% {
          transform: scale(1.25)
        }

        80% {
          transform: scale(0.95)
        }

        100% {
          transform: scale(1)
        }
      }

      @-webkit-keyframes alertAnimation {
        0% {
          -webkit-transform: scale(0.5)
        }

        45% {
          -webkit-transform: scale(1.25)
        }

        80% {
          -webkit-transform: scale(0.95)
        }

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

      @-moz-keyframes alertAnimation {
        0% {
          -moz-transform: scale(0.5)
        }

        45% {
          -moz-transform: scale(1.25)
        }

        80% {
          -moz-transform: scale(0.95)
        }

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

      @-webkit-keyframes success_short_Animation {
        0% {
          width: 0;
          left: 1px;
          top: 19px
        }

        54% {
          width: 0;
          left: 1px;
          top: 19px
        }

        70% {
          width: 50px;
          left: -4px;
          top: 37px
        }

        84% {
          width: 17px;
          left: 21px;
          top: 48px
        }

        100% {
          width: 25px;
          left: 14px;
          top: 45px
        }
      }

      @-moz-keyframes success_short_Animation {
        0% {
          width: 0;
          left: 1px;
          top: 19px
        }

        54% {
          width: 0;
          left: 1px;
          top: 19px
        }

        70% {
          width: 50px;
          left: -4px;
          top: 37px
        }

        84% {
          width: 17px;
          left: 21px;
          top: 48px
        }

        100% {
          width: 25px;
          left: 14px;
          top: 45px
        }
      }

      @keyframes success_short_Animation {
        0% {
          width: 0;
          left: 1px;
          top: 19px
        }

        54% {
          width: 0;
          left: 1px;
          top: 19px
        }

        70% {
          width: 50px;
          left: -4px;
          top: 37px
        }

        84% {
          width: 17px;
          left: 21px;
          top: 48px
        }

        100% {
          width: 25px;
          left: 14px;
          top: 45px
        }
      }

      @-webkit-keyframes success_long_Animation {
        0% {
          width: 0;
          right: 46px;
          top: 54px
        }

        65% {
          width: 0;
          right: 46px;
          top: 54px
        }

        84% {
          width: 55px;
          right: 0;
          top: 35px
        }

        100% {
          width: 47px;
          right: 8px;
          top: 38px
        }
      }

      @-moz-keyframes success_long_Animation {
        0% {
          width: 0;
          right: 46px;
          top: 54px
        }

        65% {
          width: 0;
          right: 46px;
          top: 54px
        }

        84% {
          width: 55px;
          right: 0;
          top: 35px
        }

        100% {
          width: 47px;
          right: 8px;
          top: 38px
        }
      }

      @keyframes success_long_Animation {
        0% {
          width: 0;
          right: 46px;
          top: 54px
        }

        65% {
          width: 0;
          right: 46px;
          top: 54px
        }

        84% {
          width: 55px;
          right: 0;
          top: 35px
        }

        100% {
          width: 47px;
          right: 8px;
          top: 38px
        }
      }

      @-webkit-keyframes lose_Animation {
        0% {
          -webkit-transform: scale(0.6);
          opacity: .2
        }

        50% {
          -webkit-transform: scale(0.6);
          opacity: .5
        }

        80% {
          -webkit-transform: scale(1.15);
          opacity: .8
        }

        100% {
          -webkit-transform: scale(1);
          opacity: 1.0
        }
      }

      @-moz-keyframes lose_Animation {
        0% {
          -moz-transform: scale(0.6);
          opacity: .2
        }

        50% {
          -moz-transform: scale(0.6);
          opacity: .5
        }

        80% {
          -moz-transform: scale(1.15);
          opacity: .8
        }

        100% {
          -moz-transform: scale(1);
          opacity: 1.0
        }
      }

      @keyframes lose_Animation {
        0% {
          transform: scale(0.6);
          opacity: .2
        }

        50% {
          transform: scale(0.6);
          opacity: .5
        }

        80% {
          transform: scale(1.15);
          opacity: .8
        }

        100% {
          transform: scale(1);
          opacity: 1.0
        }
      }

      @-webkit-keyframes load_Animation {
        0% {
          -webkit-transform: scale(0.6);
          opacity: .2
        }

        50% {
          -webkit-transform: scale(0.6);
          opacity: .5
        }

        80% {
          -webkit-transform: scale(1.15);
          opacity: .8
        }

        100% {
          -webkit-transform: scale(1);
          opacity: 1.0
        }
      }

      @-moz-keyframes load_Animation {
        0% {
          -moz-transform: scale(0.6);
          opacity: .2
        }

        50% {
          -moz-transform: scale(0.6);
          opacity: .5
        }

        80% {
          -moz-transform: scale(1.15);
          opacity: .8
        }

        100% {
          -moz-transform: scale(1);
          opacity: 1.0
        }
      }

      @keyframes load_Animation {
        0% {
          transform: scale(0.6);
          opacity: .2
        }

        50% {
          transform: scale(0.6);
          opacity: .5
        }

        80% {
          transform: scale(1.15);
          opacity: .8
        }

        100% {
          transform: scale(1);
          opacity: 1.0
        }
      }

      .load {
        position: relative;
        width: 60px;
        height: 80px;
        border-radius: 50px;
        border: 4px solid #fff;
        margin: 15px auto 5px auto;
        top: 10px
      }

      .load .icon_box {
        margin: 10px auto;
        width: 60px;
        height: 60px
      }

      .load .cirBox1,
      .load .cirBox2,
      .load .cirBox3 {
        width: 60px;
        height: 60px;
        position: absolute;
        left: 0;
        top: 0
      }

      .load .cirBox1>div,
      .load .cirBox2>div,
      .load .cirBox3>div {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #ccc;
        position: absolute
      }

      .load .cirBox1 {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        transform: rotate(30deg)
      }

      .load .cirBox2 {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        transform: rotate(60deg)
      }

      .load .cirBox3 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
      }

      .load .cir1 {
        left: 0;
        top: 0
      }

      .load .cir2 {
        right: 0;
        top: 0
      }

      .load .cir3 {
        right: 0;
        bottom: 0
      }

      .load .cir4 {
        left: 0;
        bottom: 0
      }

      .load .cir1,
      .load .cir2,
      .load .cir3,
      .load .cir4 {
        -webkit-animation: cir_Animation 1.2s ease 0 infinite;
        -moz-animation: cir_Animation 1.2s ease 0 infinite;
        animation: cir_Animation 1.2s ease 0 infinite
      }

      .cirBox1 .cir2 {
        -webkit-animation-delay: -1.1s;
        -moz-animation-delay: -1.1s;
        animation-delay: -1.1s
      }

      .cirBox1 .cir3 {
        -webkit-animation-delay: -0.8s;
        -moz-animation-delay: -0.8s;
        animation-delay: -0.8s
      }

      .cirBox1 .cir4 {
        -webkit-animation-delay: -0.5s;
        -moz-animation-delay: -0.5s;
        animation-delay: -0.5s
      }

      .cirBox2 .cir2 {
        -webkit-animation-delay: -1.0s;
        -moz-animation-delay: -1.0s;
        animation-delay: -1.0s
      }

      .cirBox2 .cir3 {
        -webkit-animation-delay: -0.7s;
        -moz-animation-delay: -0.7s;
        animation-delay: -0.7s
      }

      .cirBox2 .cir4 {
        -webkit-animation-delay: -0.4s;
        -moz-animation-delay: -0.4s;
        animation-delay: -0.4s
      }

      .cirBox3 .cir2 {
        -webkit-animation-delay: -0.9s;
        -moz-animation-delay: -0.9s;
        animation-delay: -0.9s
      }

      .cirBox3 .cir3 {
        -webkit-animation-delay: -0.6s;
        -moz-animation-delay: -0.6s;
        animation-delay: -0.6s
      }

      .cirBox3 .cir4 {
        -webkit-animation-delay: -0.3s;
        -moz-animation-delay: -0.3s;
        animation-delay: -0.3s
      }

      @-webkit-keyframes cir_Animation {

        0%,
        80%,
        100% {
          -webkit-transform: scale(0.4)
        }

        40% {
          -webkit-transform: scale(1.0)
        }
      }

      .mask {
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .8;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100000
      }

      #animationTipBox .okoButton {
        width: 80px;
        display: block;
        height: 35px;
        margin: 0 auto;
        border: 0;
        padding: 0;
        border-radius: 5px;
        background: #6c3;
        color: #fff;
        font-size: 22px;
      }

      #animationTipBox .redOkoButton {
        background: #ff9090
      }
    </style>



    <!-- <div  class="weixin-tc go" data-clipboard-action="copy" data-clipboard-target=".bar" style="display: none;position: fixed;top: 40%;left:10%;border: 1px solid #ccc;background: #fff;max-width: 640px;width: 80%;">
                 <h2 style="font-size: 15px;text-align: center;background: green;color: #fff;line-height: 40px;">提示</h2>
                 <img src="static/picture/0060lm7tly1fyz0xaybv4g30g40beaev.gif" width="100%"  alt="" />
                <p style="font-size: 15px;text-align: center;color: #000;line-height: 60px;">微信号复制成功，请打开微信添加好友</p>
                <p style="text-align: center;line-height: 30px;">
                <a href="javascript:;" class="queding go" data-clipboard-action="copy" data-clipboard-target=".bar">确定</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:;" class="quxiao">取消</a>
                </p>
            </div>

    <script>
      $(".queding").click(function () {
            window.location.href = "weixin://"
       })

        $("#footer").click(function () {
              $('.weixin-tc').show();
        })
        $(".go").click(function () {
              $('.weixin-tc').show();
        })

        $('.weixin-tc,.close,.quxiao').click(function (event) {
            $('.weixin-tc').hide();
        });
    </script> -->

    <div class="bar" style="font-size:1px;filter:alpha(opacity=100);
 -moz-opacity:0;
 -khtml-opacity: 0;
opacity: 0;
background: #fff">
    </div>

    <script>
      if (IsPC()) {
        // $('.float_right').hide()
        // $('.touch').hide()
      } else {
        $('.float_right').hide()
      }

      var clipboard = new ClipboardJS('.go');
      clipboard.on('success', function (e) {
        console.log(e);
      });
      clipboard.on('error', function (e) {
        console.log(e);
      });
    </script>
    <style>
      .float_right {
        position: fixed;
        top: 20px;
        left: 50%;
        margin-left: 340px;
        width: 300px;
        padding: 15px;
        border: 1px solid #333;
      }

      .float_right img {
        display: block;
        width: 100%;
      }

      .float_right p {
        padding: 0px;
        margin: 0px;
        font-size: 24px;
        text-align: center;
        line-height: 30px;
      }

      .bg_red {
        background-color: red;
        color: #fff;
        line-height: 30px;
        border-radius: 5px;
        margin-top: 10px !important;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
      }

      .bg_red span {
        color: #fff;
        font-weight: bold;
        font-size: 24px;
      }

      .weixin_box {
        line-height: 45px !important;
      }

      .weixin {
        font-size: 16px;
      }

      #animationTipBox {}