/* 复制微信 */

/* 手机端 */
@media (max-width:400px) {
    #WeChat {
        position:absolute;
        bottom:-99999999.9rem;
        right:-99999.9rem;
    }
    #copyWX {
        position:fixed;
        right: 0.5rem;
		bottom: 2rem;
        z-index:110;
    }
    .btn{
        border-radius: 40px;
    }
    #copy_btn {
        padding:0;
        display:block;
        border:none;
        width:50px;
        height:50px;
        background-color:#fff;
        animation:pulse 1s infinite;
    }
    #copy_btn img {
        width:100%;
        height:auto;
    }
    @keyframes pulse {
        0% {
            -webkit-transform:scale(1);
            -ms-transform:scale(1);
            transform:scale(1)
        }
        50% {
            -webkit-transform:scale(1.1);
            -ms-transform:scale(1.1);
            transform:scale(1.1)
        }
        100% {
            -webkit-transform:scale(1);
            -ms-transform:scale(1);
            transform:scale(1)
        }
    }
    #tanOption {
        position:fixed;
        top:0;
        left:-3000px;
        width:100%;
        height:100%;
        font-size:14px;
        text-align:center;
        background-color:rgba(0,0,0,.5);
        opacity:0;
    }
    .tan {
        background:#fff;
        display:inline-block;
        padding:20px;
        border-radius:15px;
        vertical-align:middle;
        box-sizing:border-box;
        width:300px;
        max-width:90%;
        position:relative;
        top:25%;
        border-radius: 30px;
    }
    .cg img {
        width:40px;
        height:auto;
        margin: 0 auto;
    }
    .cg h5 {
        margin:5px 0 12px;
        font-size:18px;
        font-weight:bold;
    }
    .hao p {
        color:#333;
        font-size:13px;
        line-height:20px;
        margin:10px auto;
    }
    .hao em {
        color:red;
        font-weight:bold;
        font-style:normal;
    }
    .hao img {
        width:200px;
        height:auto;
        display:block;
        margin:0 auto;
    }
    .hao #yesBtn{
        display:block;
        background-color:#1aad19;
        margin:10px auto 0;
        padding:8px 5px;
        width:100px;
        border-radius:10px;
        color:#fff;
        text-decoration:none;
    }
}

/* PC 端 */
@media (min-width:400px) {
    #WeChat {
        position:absolute;
        bottom:-99999999.9rem;
        right:-99999.9rem;
    }
    #copyWX {
        position:fixed;
        right:120px;
        bottom:120px;
        z-index:110;
    }
    .btn{
        border-radius: 40px;
    }
    #copy_btn {
        padding:0;
        display:block;
        border:none;
        width:50px;
        height:50px;
        background-color:#fff;
        animation:pulse 1s infinite;
    }
    #copy_btn img {
        width:100%;
        height:auto;
    }
    @keyframes pulse {
        0% {
            -webkit-transform:scale(1);
            -ms-transform:scale(1);
            transform:scale(1)
        }
        50% {
            -webkit-transform:scale(1.1);
            -ms-transform:scale(1.1);
            transform:scale(1.1)
        }
        100% {
            -webkit-transform:scale(1);
            -ms-transform:scale(1);
            transform:scale(1)
        }
    }
    #tanOption {
        position:fixed;
        top:0;
        left:-3000px;
        width:100%;
        height:100%;
        font-size:14px;
        text-align:center;
        background-color:rgba(0,0,0,.5);
        opacity:0;
    }
    .tan {
        background:#fff;
        display:inline-block;
        padding:20px;
        border-radius:15px;
        vertical-align:middle;
        box-sizing:border-box;
        width:300px;
        max-width:90%;
        position:relative;
        top:25%;
        border-radius: 30px;
    }
    .cg img {
        width:40px;
        height:auto;
        margin: 0 auto;
    }
    .cg h5 {
        margin:5px 0 12px;
        font-size:18px;
        font-weight:bold;
    }
    .hao p {
        color:#333;
        font-size:13px;
        line-height:20px;
        margin:10px auto;
    }
    .hao em {
        color:red;
        font-weight:bold;
        font-style:normal;
    }
    .hao img {
        width:200px;
        height:auto;
        display:block;
        margin:0 auto;
    }
    .hao #yesBtn{
        display:block;
        background-color:#1aad19;
        margin:10px auto 0;
        padding:8px 5px;
        width:100px;
        border-radius:10px;
        color:#fff;
        text-decoration:none;
    }
}



.tanOptionArtive {
    opacity:1 !important;
    z-index:1000;
    transition:all .35s;
    left: 0 !important;
}