<!DOCTYPE html>
<html style=" font-size: 50px; margin: 0px auto;">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="x5-orientation" content="portrait">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="referrer" content="never">
    <link rel="stylesheet" href="./style.css">
    <title>
        &nbsp;
    </title>
    <style type="text/css">
        #test {
            display: none;
        }

        #cotent-text>p:not(:first-of-type) {
            padding: 0 0.3rem !important;
            /* font-size: 22px !important; */
        }

        body {
            font-size: 22px;
        }

        #cotent-text p,
        #cotent-text p span {
            font-size: 22px;
        }

        #common-content {
            display: none;
        }

        #cotent-text>div {
            padding: 0 0.3rem !important;
        }

        #android-content {
            display: none;
        }
    </style>
    <style>
        img {
            display: block;
        }

        * {
            margin: 0;
            padding: 0;
            max-width: 100%;
        }

        body {
            /* padding: 0.38rem 0.3rem 0.38rem; */
            /*font-size: 0.26rem;*/
            /* font-size: 1.2rem; */
            line-height: 1.5;
            background: #ffffff;
        }

        h2 {
            font-size: 0.36rem;
            font-weight: bold;
            text-align: center;
            line-height: 1.5;
        }

        h3 {
            font-size: 0.26rem;
            font-weight: bold;
            text-indent: 2em;
            margin-top: 0.3rem;
            line-height: 1.5;
        }

        .main p {
            font-size: 0.4rem;
            text-indent: 2em;
            margin-top: 0.3rem;
            line-height: 1.5;
        }

        .foot_m {
            margin-top: 0.3rem;
            padding: 0.3rem 0.15rem;
            background-color: #f7eed6;
        }

        .foot {}

        .foot p {
            text-align: center;
            font-weight: bold;
            font-size: 0.36rem;
            padding-top: 0.3rem;
            line-height: 1.2;
        }

        .f_red {
            color: crimson;
        }

        .foot_img {
            margin-top: 0.3rem;
        }

        .foot_img img {
            width: 100%;
        }

        .foot2 {
            position: relative;
            margin-top: 0.3rem;
            padding: 0 1.75rem 0 0.9rem;
            height: 0.75rem;
        }

        .foot2 .icon {
            position: absolute;
            left: 0;
            top: 0;
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 50%;
        }

        .foot2 p {
            position: relative;
            top: 0.05rem;
            height: 0.65rem;
            line-height: 0.65rem;
            text-align: left;
            color: #333;
            font-size: 0.3rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .foot2 .copyxs {
            position: absolute;
            right: 0;
            top: 0.05rem;
        }

        .copyxs {
            display: inline-block;
            border-radius: 0.325rem;
            padding: 0 0.35rem;
            height: 0.65rem;
            line-height: 0.65rem;
            text-align: center;
            color: #fff;
            font-size: 0.33rem;
            background: red;
            text-decoration: none;
        }

        .foot3 {
            margin-top: 0.3rem;
        }

        .foot3 p {
            text-align: left;
            font-size: 0.3rem;
            padding-top: 0.3rem;
            line-height: 1.5;
        }

        .foot3 strong {
            position: relative;
            left: -0.1rem;
        }

        .foot3 .f_red {
            font-weight: bold;
        }

        .dialog {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            background: rgba(0, 0, 0, 0.4);
        }

        .dialog_m {
            position: fixed;
            top: 50%;
            left: 10%;
            margin-top: -2.5rem;
            width: 80%;
            height: 4.4rem;
            background: #fff;
            border-radius: 0.4rem;
        }

        .dialog_m .h3 {
            margin-top: 0.4rem;
            padding: 0.3rem 0;
            text-align: center;
            font-size: 0.45rem;
            color: #333;
            font-weight: bold;
        }

        .dialog_m p {
            text-align: center;
            font-size: 0.35rem;
            color: #454545;
        }

        .dialog_m a {
            display: block;
            margin: 0 auto;
            margin-top: 0.4rem;
            border-radius: 0.5rem;
            width: 80%;
            height: 1rem;
            line-height: 1rem;
            background: red;
            text-align: center;
            font-size: 0.45rem;
            color: #fff;
            text-decoration: none;
        }

        .top_ban {
            padding-top: 0.3rem;
        }

        .top_ban img {
            width: 100%;
        }

        .ar_dx {
            padding: 0.6rem 0;
            text-align: center;
        }

        .ar_dx p {
            font-size: 0.4rem;
            font-weight: 800;
            text-align: center;
            line-height: 0.8rem;
        }

        .gowechat {
            border: none;
            color: #fff;
            background: #4caf50;
            line-height: 1.066667rem;
            text-align: center;
            border-radius: .133333rem;
            font-size: .426667rem;
            margin-top: .33333rem;
            display: inline-block;
            width: 4.8rem;
            text-decoration: none;
            animation-name: scaleDraw;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            animation-duration: 3s;
        }

        @keyframes scaleDraw {
            0% {
                transform: scale(1);
            }

            25% {
                transform: scale(1.2);
            }
        }

        .button {
            padding: 0.5rem;
            background: #fff;
        }

        .button button {
            float: right;
            display: inline-block;
            font-size: 0.373333rem;
            color: rgb(255, 255, 255);
            border-width: 0rem;
            border-color: rgba(0, 0, 0, 0);
            width: 1.97333rem;
            height: 0.853333rem;
            border-radius: 0.533333rem;
            background-color: rgb(78, 144, 255);
        }

        .button .icon {
            background-image: url(http://statics.tmtmz.cn/promotion_img/aPX1MSlSTeQ3T12ZGRpSA2pq15AUBrpnmW0nKPvt.jpeg);
            flex: 0 0 auto;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background-size: cover;
            border: 1px solid #e8e8e8;
            display: inline-block;
        }

        .button span {
            display: inline-block;
            margin-left: 8px;
            overflow: hidden;
            white-space: nowrap;
            line-height: 2.25;
            color: rgb(51, 51, 51);
        }

        .operate {
            font-size: 0.43rem;
            line-height: 2;
            padding: 0.6rem 0.4rem;
            background-color: rgb(231, 231, 231);
        }

        .red-font {
            color: rgb(204, 0, 0);
        }

        .instruct img {
            display: block;
            width: 100%;
            height: 100%;
        }
    </style>
    <style id="modal-helper-style">
        body.modal-open {
            position: fixed;
            width: 100%;
        }
    </style>
    <style id="svelte-1n7b36t-style">
        .svelte-1n7b36t {
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            font-family: PingFangSC-Regular, PingFang SC
        }

        .wrapper.svelte-1n7b36t {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            background-color: #fff
        }

        .wrapper.style1.svelte-1n7b36t,
        .wrapper.style2.svelte-1n7b36t {
            height: 1.28rem
        }

        .wrapper.style3.svelte-1n7b36t {
            background-color: transparent
        }

        .wrapper.style4.svelte-1n7b36t {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            background-color: #4E90FF
        }

        .wrapper.style5.svelte-1n7b36t {
            width: 100%;
            height: 100%;
            background-color: transparent
        }

        .wrapper.style6.svelte-1n7b36t {
            width: 100%;
            height: 100%;
            background-color: transparent
        }

        .style1.svelte-1n7b36t .avatar.svelte-1n7b36t {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
            margin-left: 0.42666667rem;
            width: 0.85333333rem;
            height: 0.85333333rem;
            border-radius: 50%;
            background-size: cover
        }

        .style1.svelte-1n7b36t .label.svelte-1n7b36t {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1;
            flex: 1 1;
            margin: 0 0.42666667rem 0 0.32rem;
            font-size: 0.42666667rem;
            font-weight: 400;
            color: #333;
            line-height: 0.58666667rem;
            overflow: hidden;
            white-space: nowrap
        }

        .style3.svelte-1n7b36t img.svelte-1n7b36t {
            width: 100%;
            cursor: pointer
        }

        .btn.svelte-1n7b36t {
            -webkit-appearance: none;
            appearance: none;
            margin: 0;
            padding: 0;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            font-weight: 400;
            line-height: 0.53333333rem;
            -webkit-user-select: none;
            user-select: none;
            cursor: pointer;
            border-style: solid;
            border-width: 0;
            outline: none;
            background-color: #4E90FF;
            color: #fff
        }

        .btn.svelte-1n7b36t>span.svelte-1n7b36t {
            white-space: nowrap;
            overflow: hidden
        }

        .style1.svelte-1n7b36t .btn.svelte-1n7b36t {
            margin-right: 0.42666667rem;
            width: 1.97333333rem;
            height: 0.74666667rem;
            font-size: 0.37333333rem;
            border-radius: 0.74666667rem
        }

        .style1.svelte-1n7b36t .btn.zoom.svelte-1n7b36t {
            -webkit-animation: svelte-1n7b36t-large-zoom .3s ease-in-out 0s infinite alternate;
            animation: svelte-1n7b36t-large-zoom .3s ease-in-out 0s infinite alternate
        }

        .style2.svelte-1n7b36t .btn.svelte-1n7b36t {
            padding: 0 0.64rem;
            width: 9.14666667rem;
            height: 1.17333333rem;
            font-size: 0.42666667rem;
            border-radius: 2.66666667rem
        }

        .style2.svelte-1n7b36t .btn.zoom.svelte-1n7b36t {
            -webkit-animation: svelte-1n7b36t-zoom .38s ease-in-out 0s infinite alternate;
            animation: svelte-1n7b36t-zoom .38s ease-in-out 0s infinite alternate
        }

        .style4.svelte-1n7b36t .wechat-number-wrapper.svelte-1n7b36t {
            margin-top: 0.32rem;
            max-width: 8.21333333rem;
            font-size: 0.42666667rem;
            line-height: 0.58666667rem;
            font-weight: 400;
            color: #fff;
            white-space: nowrap;
            overflow: hidden;
            -webkit-user-select: none;
            user-select: none
        }

        .style4.svelte-1n7b36t .wechat-number-wrapper label.svelte-1n7b36t {
            font-weight: 600;
            color: #FFDE9B;
            -webkit-user-select: initial;
            user-select: initial
        }

        .style4.svelte-1n7b36t .hint-text.svelte-1n7b36t {
            margin-top: 0.21333333rem;
            margin-bottom: 0.37333333rem;
            width: 9.14666667rem;
            max-height: 1.6rem;
            font-size: 0.32rem;
            font-weight: 400;
            color: #fff;
            line-height: 0.53333333rem;
            vertical-align: middle;
            text-align: center;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
            -webkit-user-select: none;
            user-select: none
        }

        .style5.svelte-1n7b36t .btn-float.svelte-1n7b36t {
            width: 1.6rem;
            height: 1.6rem;
            position: relative
        }

        .style5.svelte-1n7b36t .msg-spot.svelte-1n7b36t {
            position: absolute;
            padding: 0 0.17333333rem;
            font-size: 0.32rem;
            height: 0.48rem;
            text-align: center;
            line-height: 0.48rem;
            background-color: #F85959;
            color: #fff;
            border-radius: 0.8rem;
            right: -0.05333333rem
        }

        .style5.svelte-1n7b36t .icon-img.svelte-1n7b36t {
            width: 1.6rem;
            height: 1.6rem;
            border-radius: 50%;
            background-image: url("http://p1-tt.byteimg.com/img/ad-tetris-site/file/1548129668752/41b586905e6233e72b076191f8bf9512~noop.image");
            background-size: contain;
            border-style: solid;
            border-width: 0
        }

        .style5.svelte-1n7b36t .message.svelte-1n7b36t {
            position: absolute;
            bottom: -0.29333333rem;
            display: block;
            background: #333;
            color: #fff;
            padding: 0.08rem 0.13333333rem;
            white-space: nowrap;
            font-size: 0.32rem;
            border-radius: 0.10666667rem;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        .style6.svelte-1n7b36t .null-style.svelte-1n7b36t {
            width: 100%;
            height: 100%;
            background-color: transparent
        }

        @-webkit-keyframes svelte-1n7b36t-zoom {
            from {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            to {
                -webkit-transform: scale(1.08);
                transform: scale(1.08)
            }
        }

        @keyframes svelte-1n7b36t-zoom {
            from {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            to {
                -webkit-transform: scale(1.08);
                transform: scale(1.08)
            }
        }

        @-webkit-keyframes svelte-1n7b36t-large-zoom {
            from {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            to {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }
        }

        @keyframes svelte-1n7b36t-large-zoom {
            from {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            to {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }
        }
    </style>
    <style id="svelte-1chm258-style">
        .svelte-1chm258 {
            font-family: PingFangSC-Medium, PingFang SC;
            -webkit-user-select: none;
            user-select: none
        }

        .jump-icon.svelte-1chm258 {
            margin: 0.69333333rem auto 0;
            width: 1.22666667rem;
            height: 1.22666667rem;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjMgLjA4M2EyMi44NDcgMjIuODQ3IDAgMCAxIDE2LjIwNSA2LjcxMkEyMi44NDcgMjIuODQ3IDAgMCAxIDQ1LjkxNyAyM2EyMi44NDcgMjIuODQ3IDAgMCAxLTYuNzEyIDE2LjIwNUEyMi44NDcgMjIuODQ3IDAgMCAxIDIzIDQ1LjkxN2EyMi44NDcgMjIuODQ3IDAgMCAxLTE2LjIwNS02LjcxMkEyMi44NDcgMjIuODQ3IDAgMCAxIC4wODMgMjMgMjIuODQ3IDIyLjg0NyAwIDAgMSA2Ljc5NSA2Ljc5NSAyMi44NDcgMjIuODQ3IDAgMCAxIDIzIC4wODN6bTkuNTMyIDEzLjQ0N2ExLjk4NSAxLjk4NSAwIDAgMC0uNjczLS4xODdsLS4wMzYtLjAwNC0uMDI1LS4wMDFhMi4wMTIgMi4wMTIgMCAwIDAtLjEwNS0uMDA0SDE5LjY2N2wtLjE1LjAwNWEyIDIgMCAwIDAtMS44NSAxLjk5NGwuMDA1LjE1YTIgMiAwIDAgMCAxLjk5NSAxLjg1aDcuMTcxTDEzLjI4MiAzMC44OWwtLjEwMi4xMWEyIDIgMCAwIDAgMi45MyAyLjcxOGwxMy41NTUtMTMuNTU2LjAwMiA3LjE3MS4wMDUuMTVhMiAyIDAgMCAwIDMuOTk1LS4xNXYtMTIuMDNsLS4wMDQtLjA4NC0uMDAyLS4wMzVhMi4wMTIgMi4wMTIgMCAwIDAtLjIzNy0uODA2IDEuOTcgMS45NyAwIDAgMC0uMjA0LS4zMDVsLS4wMjEtLjAyNi0uMDQ0LS4wNWEyLjAxMiAyLjAxMiAwIDAgMC0uMDQtLjA0M2wtLjAzNC0uMDM1YTIuMDM5IDIuMDM5IDAgMCAwLS40Ny0uMzVsLS4wNjMtLjAzMXoiIGZpbGw9IiM2NkMyM0EiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
            background-size: contain
        }

        .wechat-icon.svelte-1chm258 {
            margin: 0.69333333rem auto 0;
            width: 1.22666667rem;
            height: 1.22666667rem;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill-opacity='.01' fill='%23FFF' d='M0 0h50v50H0z'/%3E%3Cpath d='M25 2.083a22.847 22.847 0 0116.205 6.712A22.847 22.847 0 0147.917 25a22.847 22.847 0 01-6.712 16.205A22.847 22.847 0 0125 47.917a22.847 22.847 0 01-16.205-6.712A22.847 22.847 0 012.083 25 22.847 22.847 0 018.795 8.795 22.847 22.847 0 0125 2.083zm8.944 15.194L22.917 28.304l-4.777-4.777a2.083 2.083 0 00-2.946 2.946l6.25 6.25a2.083 2.083 0 002.946 0l12.5-12.5a2.083 2.083 0 10-2.946-2.946z' fill='%2366C23A'/%3E%3C/g%3E%3C/svg%3E")
        }

        .auto-copied.svelte-1chm258,
        .guide-text.manual.svelte-1chm258 {
            margin: 0 auto;
            width: 6.08rem;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333;
            line-height: 0.53333333rem;
            text-align: center;
            white-space: nowrap;
            overflow: hidden
        }

        .auto-copied.svelte-1chm258 {
            margin-top: 0.32rem;
            margin-bottom: 0.42666667rem;
            font-size: 0.42666667rem
        }

        .modal-text.svelte-1chm258 {
            margin: 0 auto;
            width: 6.08rem;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333;
            line-height: 0.64rem;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            margin-top: 0.32rem;
            margin-bottom: 0.42666667rem;
            font-size: 0.42666667rem
        }

        .guide-text.manual.svelte-1chm258 {
            margin-top: 1.06666667rem;
            margin-bottom: 0.77333333rem;
            font-size: 0.45333333rem
        }

        .wechat-number.svelte-1chm258 {
            height: 0.9rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            background: rgba(216, 216, 216, .3);
            border-radius: 0.05333333rem;
            font-size: 0.33rem;
            font-weight: 500;
            color: #161823
        }

        .wechat-number.svelte-1chm258 p.svelte-1chm258 {
            max-width: 5.65333333rem;
            overflow: hidden;
            white-space: nowrap
        }

        .wechat-number.svelte-1chm258:not(.copied) p.svelte-1chm258 {
            -webkit-user-select: initial;
            user-select: initial
        }

        .guide-text.auto.svelte-1chm258,
        .manual-copy.svelte-1chm258 {
            font-size: 0.27333333rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666;
            line-height: 0.53333333rem;
            text-align: center;
            white-space: nowrap;
            overflow: hidden
        }

        .guide-text.auto.svelte-1chm258 {
            margin-top: 0.32rem
        }

        .manual-copy.svelte-1chm258 {
            margin-top: 0.64rem;
            margin-bottom: 0.85333333rem
        }

        .btn-wrapper.svelte-1chm258 {
            margin: 0.74666667rem 0 0.53333333rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }

        .btn-wrapper.svelte-1chm258>button.svelte-1chm258,
        .btn-wrapper.svelte-1chm258>div.svelte-1chm258 {
            -webkit-appearance: none;
            appearance: none;
            width: 2.173333rem;
            line-height: 0.86rem;
            background: #66C23A;
            font-size: 0.33rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            border-radius: 0.05333333rem;
            color: #fff;
            border: none;
            outline: none;
            text-align: center;
        }
    </style>
    <style id="svelte-1t57pxc-style">
        .modal-wrapper.svelte-1t57pxc {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: transparent;
            z-index: 300
        }

        .modal-wrapper.hide.svelte-1t57pxc {
            display: none
        }

        .mask.svelte-1t57pxc {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 1;
            background-color: rgba(0, 0, 0, 0.5)
        }

        .window.svelte-1t57pxc {
            padding: 0 0.53333333rem;
            width: 7.14666667rem;
            border-radius: 0.13333333rem;
            box-sizing: border-box;
            position: absolute;
            left: 50%;
            top: 50%;
            padding-top: 0.64rem;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: #FFFFFF;
            font-family: PingFangSC-Regular;
            font-weight: bold
        }

        .close.svelte-1t57pxc {
            position: absolute;
            top: 0.21333333rem;
            right: 0.21333333rem;
            padding: 0.37333333rem;
            width: 0.58666667rem;
            height: 0.58666667rem;
            box-sizing: border-box;
            cursor: pointer;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.34' fill='%23000' fill-rule='nonzero' cx='11' cy='11' r='11'/%3E%3Cpath stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M15 7l-8 8M7 7l8 8'/%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: contain
        }
    </style>
    <script>
        ! function (n) {
            var e = n.document,
                t = e.documentElement,
                i = 720,
                d = i / 100,
                o = "orientationchange" in n ? "orientationchange" : "resize",
                a = function () {
                    var n = t.clientWidth || 320;
                    n > 720 && (n = 720);
                    t.style.fontSize = n / d + "px"
                };
            e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener("DOMContentLoaded", a, !1))
        }(window);
    </script>
    <script type="text/javascript" src="//statres.quickapp.cn/quickapp/js/routerinline.min.js"></script>
</head>

<body id="activity-detail" class="zh_CN mm_appmsg  appmsg_skin_default appmsg_style_default ">

    <div id="test">
        <div class="goWx">Copy_target</div>
        <div class="testdiv">hello</div>
    </div>
    <div id="js_article">
        <div id="cotent-text"></div>
        <div id="common-content"></div>
        <div id="android-content"></div>
    </div>
    <div class="modal-wrapper  svelte-1t57pxc" style="display: none;">
        <div class="mask svelte-1t57pxc"></div>
        <div class="window svelte-1t57pxc" style="padding: 0px 0.533333rem; width: 5.84667rem; border-radius: 0.133333rem; box-sizing: border-box;">
            <div class="close svelte-1t57pxc" style="display: none;"></div>
            <div class="wechat-icon svelte-1chm258"></div>
            <div class="auto-copied svelte-1chm258">微信号已复制</div>
            <div class="wechat-number copied svelte-1chm258">
                <p class="copy-name1-text copy-name2  svelte-1chm258"></p>
            </div>

            <div class="copy-name2 copy-name2-text guide-text auto svelte-1chm258"></div>
            <div class="btn-wrapper svelte-1chm258">
                <button class="cancel svelte-1chm258">取消</button>
                <button class="goWx copy-name2 svelte-1chm258">去微信</button>
            </div>
        </div>
    </div>
    <script src="./js/jquery-1.12.4.min.js"></script>
    <script src="./js/clipboard2.min.js"></script>
    <script type="text/javascript" src="./js/mobile-detect.min.js"></script>
    <script>
        function goWX() {
            juliangBack(() => {
                var a = document.createElement("a");
                a.setAttribute('href', 'weixin://');
                a.click()
            })

        }

        function test() {
            var clipboard = new ClipboardJS('.goWx', {
                // 通过target指定要复印的节点
                target: function () {
                    return document.querySelector('.testdiv');
                }
            });

            clipboard.on('success', function (e) {
                console.log(e);
                juliangBack(() => {
                    window.location.href = "weixin://"
                })

            });

            clipboard.on('error', function (e) {
                console.log(e);
            });
        }

        // test()

        var clipboard = new ClipboardJS('.copy-name2', {
            target: function () {
                return document.querySelector('.copy-name1-text');
            }
        });

        clipboard.on('success', function (e) {
            console.info('Text:', e.text, e.trigger);
            if ($(e.trigger).hasClass('goWx')) {
                goWX()
            }

        });
        clipboard.on('error', function (e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);

        });
        $(function () {
            // new ClipboardJS('.copyBtn')

            const DEV_MODEL = getString('test') === "1"
            if (DEV_MODEL) {
                document.querySelector('#test').style.display = 'block'
            }
            let quickapp = false
            const UA = navigator.userAgent.toLowerCase()
            if (UA.match(/huawei/i)) {
                quickapp = true
            } else if (UA.match(/honor/i)) {
                quickapp = true
            } else if (UA.match(/honor/i)) {
                quickapp = true
            } else if (UA.match(/oppo/i)) {
                quickapp = true
            } else if (UA.match(/pacm00/i)) {
                quickapp = true
            } else if (UA.match(/vivo/i)) {
                quickapp = true
            } else if (UA.match(/honor/i)) {
                quickapp = true
            } else if (UA.match(/mi\s/i)) {
                quickapp = true
            } else if (UA.match(/mix\s/i)) {
                quickapp = true
            } else if (UA.match(/redmi/i)) {
                quickapp = true
            } else if (UA.match(/meizu/i)) {
                quickapp = true
            } else if (UA.match(/lenovo/i)) {
                quickapp = true
            } else if (UA.match(/(v|pd)[0-9][0-9][0-9][0-9][a-z]?/i)) {
                quickapp = true
            } else {
                quickapp = false
            }

            // quickapp = false
            if (quickapp) {
                $('#android-content').css('display', 'block');
            } else {
                $('#common-content').css('display', 'block');
            }

            var userAgent = navigator.userAgent;
            var md = new MobileDetect(userAgent); //初始化mobile-detect
            var data = {}



            function init() {
                let name = getString('id')
                if (!name) {
                    return
                }
                getHtml(name)
            }

            function getString(name) {
                let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
                let r = window.location.search.substr(1).match(reg);
                if (r != null) {
                    return unescape(r[2]);
                }
                return null;
            }

            function getHtml(id) {
                $.ajax({
                    // url: 'http://compassdev.zwyll.com/api/ldyinfo/getinfo',
                    // url: 'http://compass.wozhangwan.com/api/ldyinfo/getinfo',
                    url: 'http://zqing.wozhangwan.com/api/api/ldy/getInfo',
                    type: 'get',
                    data: {
                        id
                    },
                    dataType: 'json',
                    success: function (res) {
                        if (res.status_code === 1) {
                            data = res.data
                            setHtml(res.data.currency_content, 'cotent-text')
                            setHtml(res.data.currency_jump, 'common-content')
                            setHtml(res.data.android_jump, 'android-content')
                            imgClick()
                        }
                    }
                })
            }

            function setHtml(innerHtml, myclass) {
                $('#' + myclass).html(innerHtml)
            }


            function imgClick() {
                $('.copyName').on('click', copyName)
                $('.circleName').on('click', circleName)
                $('.miniName').on('click', miniName)
                $('.cancel').on('click', closeCopyName)
                $('.close').on('click', closeCopyName)

                $('.goWx').attr('data-clipboard-text', data.gz_name)


                // if (DEV_MODEL) {
                //     alert('DEV_MODEL:' + DEV_MODEL)
                // }
                // $('.goWx').on('click', goWX)
            }

            function copyName() {
                $('.copy-name1-text').html('#公众号:' + data.gz_name + '/' + data.wxh)
                $('.copy-name2-text').html('关注【' + data.gz_name + '】阅读全文')
                $('.copy-name2').attr('data-clipboard-text', '#公众号:' + data.gz_name + '/' + data.wxh)
                // $('.goWx').attr('data-clipboard-text', data.gz_name)

                // $('.modal-wrapper').css('display', 'block')
                $('.goWx').click()

                // var buttonClipboard = new ClipboardJS('.goWx', {
                //     text: function (trigger) {
                //         return data.gz_name; // 返回需要复制的内容
                //     }
                // });

                // buttonClipboard.on('success', function (e) {
                //     console.info('Text:', e.text);
                //     goWX()

                // });
                // buttonClipboard.on('error', function (e) {
                //     goWX()
                //     console.error('Action:', e.action);
                //     console.error('Trigger:', e.trigger);
                // });
            }

            function closeCopyName() {
                $('.modal-wrapper').css('display', 'none')
            }



            function circleName() {
                juliangBack(() => {
                    window.location.href = '/go.html?key=' + data.raw_id
                })

            }

            function miniName() {
                juliangBack(() => {
                    window.location = data.mini_url
                })

            }


            init()
        })

        function juliangBack(callback) {
            console.log()
            const userAgent = navigator.userAgent
            // const url = 'http://pubapi-dev.zwwlkj03.top/toutiao/user/userData'
            // const url = 'http://pub-api.zwyll.com/toutiao/user/userData'
            const url = 'http://pub-api.zwyll.com/toutiao/user/mpUserData'
            $.get(url + location.search + '&ua=' + userAgent)
                .then(res => {
                    console.log(res)
                    callback && callback()
                })

        }
    </script>
</body>

</html>