FED
/
oyweb-fe


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    

    <style>
        /*适配wap*/

        .wap .dw-account-login-tip {
            width: 310px;
            margin: 0;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
        }

        .wap .dw-account-login-tip .close {
            right: -20px;
        }

        .wap .dw-account-login-tip .dw-account-tip-cont {
            font-size: 13px;
        }

        .wap .dw-account-login-tip .dw-account-tip-cont .specical-tip {
            font-size: 13px;
        }

        @media screen and (max-width:320px) {
            .wap .dw-account-login-tip {
                width: 280px;
            }
        }
        /*适配wap end*/

        .account-login-mask {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 20000;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: .5;
            zoom: 1;
            -moz-opacity: .5;
            filter: alpha(opacity=50)
        }

        .dw-account-login-tip {
            position: fixed;
            top: 50%;
            left: 50%;
            z-index: 20001;
            display: none;
            margin: -146px 0 0 -228px;
            width: 455px;
            min-height: 180px;
            border-radius: 3px;
            background: #fff;
            box-shadow: 3px 3px 10px rgba(0, 0, 0, .3);
            font-family: Microsoft Yahei
        }

        .dw-account-login-tip p {
            margin: 0 auto;
        }

        .dw-account-login-tip.bbs-setnick {
            width: 520px;
            margin-left: -260px;
        }

        .dw-account-login-tip .close {
            position: absolute;
            top: 0px;
            right: -24px;
            width: 14px;
            height: 14px;
            background: url(http://pub.dwstatic.com/common/dwUDBProxy/img/close-icon_8635244.png) no-repeat;
            cursor: pointer;
            font-size: 0;
        }

        .dw-account-login-tip .close:hover {
            background-image: url(http://pub.dwstatic.com/common/dwUDBProxy/img/close-icon-hover_ae1378d.png);
        }

        .dw-account-login-tip .dw-account-tip-title {
            color: #000003;
            font-size: 20px;
            line-height: 32px;
            margin: 40px 0 23px;
            text-align: center;
            font-weight: bold;
        }

        .dw-account-login-tip .dw-account-tip-cont {
            font-size: 16px;
            line-height: 36px;
            color: #333333;
            text-align: center;
        }

        .dw-account-login-tip .dw-account-tip-cont .specical-tip {
            font-size: 14px;
            font-weight: bold;
            color: #e94646;
        }

        .dw-account-login-tip .dw-account-tip-cont .specical-icon {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 15px;
            height: 15px;
            vertical-align: top;
            margin: 10px 5px 0 0;
            background: url(http://pub.dwstatic.com/common/dwUDBProxy/img/specical-icon.png);
        }

        .dw-account-login-tip.bbs-setnick .dw-account-tip-tools {
            margin-top: 30px;
        }

        .dw-account-login-tip .dw-account-tip-tools {
            font-size: 0;
            text-align: center;
            margin: 37px 0 50px;
        }

        .dw-account-login-tip .dw-account-tip-tools a,
        .dw-account-login-tip .dw-account-tip-tools button {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            box-sizing: content-box;
            width: 90px;
            height: 32px;
            padding: 0;
            margin: 0 10px;
            background: transparent;
            font-size: 14px;
            line-height: 32px;
            color: #596d81;
            border: 1px solid #596d81;
            border-radius: 2px;
            outline: none;
            text-decoration: none;
            vertical-align: top;
            cursor: pointer;
        }

        .dw-account-login-tip .dw-account-tip-tools .dw-account-tip-confirm:hover {
            background-color: #e9eff4;
        }

        .dw-account-login-tip .dw-account-tip-tools .dw-account-tip-cancel {
            color: #fff;
            background-color: #596d81;
        }

        .dw-account-login-tip .dw-account-tip-tools .dw-account-tip-cancel:hover {
            background-color: #7992ab;
            border-color: #7992ab;
        }
    </style>
</head>

<body>
    <!--公共消息弹窗-->
    <div class="dw-account-login-tip" id="dwAccountMsg">
        <div class="dw-account-tip-title">提示</div>
        <div class="dw-account-tip-cont">
            我们支持微信、QQ、微博账号绑定啦！
        </div>
        <a class="close" title="关闭">退出</a>
    </div>

    <!--强制绑定弹窗-->
    <div class="dw-account-login-tip" id="checkBind">
        <div class="dw-account-tip-title">该账号已经绑定过了！</div>
        <div class="dw-account-tip-cont">
            <p>你可以选择强制绑定，也可以换个账号绑定</p>
            <p class="specical-tip"><i class="specical-icon"></i>强制绑定后将不能使用该第三方账号登录原账号</p>
        </div>
        <div class="dw-account-tip-tools">
            <button class="dw-account-tip-confirm">强制绑定</button>
            <button class="dw-account-tip-cancel">换个账号</a>
        </div>
        <a class="close" title="关闭">退出</a>
    </div>

    <div class="account-login-mask" style="display:none"></div>

<script src="http://pub.dwstatic.com/common/js/jquery.js"></script>
<script src="./dwFoot/duowanFooter.js"></script>
<script>
        var $dwMsg = $('#dwAccountMsg'),
            $msgCont = $dwMsg.find('.dw-account-tip-cont'),
            $checkBind = $('#checkBind'),
            $mask = $('.account-login-mask'),
            //适配wap
            adapt = (function () {
                var isWap = /Android|webOS|iPhone|Windows Phone|iPod|BlackBerry|SymbianOS/i.test(window.navigator.userAgent)

                isWap && $('body').addClass('wap')
            })(),

            showTip = function (text) {
                $msgCont.text(text)
                $dwMsg.show()
                $mask.show()
            },

            showCheckBind = function () {
                $checkBind.show()
                $mask.show()
            },
            hideModal = function () {
                $dwMsg.hide()
                $checkBind.hide()
                $mask.hide()
            }

        $dwMsg.on('click', '.close', function () {
            hideModal()
        })

        $checkBind.on('click', '.close', function () {
            hideModal()
        }).on('click', '.dw-account-tip-confirm', function () {
            //强制绑定方法
        }).on('click', '.dw-account-tip-cancel', function () {
            window.close()
        })
    </script>
</body>

</html>