<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>会员注册</title>
<link rel="stylesheet" href="../../layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/reg.css">
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" href="../../css/logshoppingcar/popup.css">
</head>
<body>
<script>
// function deav(){
// document.getElementById(myPopup).style.display='none';
(function ($){
document.addEventListener('click',function (e) {
var parent=$(e.target).parents('.foo,.help');
if(parent.length===0){
console.log('不在弹层与按钮区')
//操作此区域
$('.help ul').hide();
$('.bnt').removeClass('show');
}else{
console.log('按钮与弹层区')
}
})
})(jQuery);
</script>
<header>
<!-- logo -->
<div class="img">
<img src="../../img/images/logo-bac.png" alt="">
</div>
<!-- 背景图 -->
<div class="bac"></div>
<!-- 输入框 -->
<form class="layui-form" action="" method="post">
<div class="container">
<div class="head">
<h2>会员注册</h2>
<p>请选择您的会员身份进行注册</p>
<div class="gang"></div>
</div>
<!-- 身份 -->
<div class="identity">
<ul>
<li><a href="#" class="set_1_btn Vbtn-2">个人会员</a>
<a href="mecha.html" class="set_1_btn Vbtn-2">机构会员</a>
<a href="artist.html" class="set_1_btn Vbtn-2">艺术家会员</a>
</li>
</ul>
</div>
<!-- 用户名 -->
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="请输入用户名"
autocomplete="off" class="layui-input">
</div>
</div>
<!-- 手机号 -->
<div class="layui-form-item">
<div class="layui-input-block">
<input type="tel" name="phone" required lay-verify="required" placeholder="请输入手机号"
maxlength="11" autocomplete="off" class="layui-input">
</div>
</div>
<!-- 验证码 -->
<div class="layui-form-item">
<div class="layui-input-block codes">
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
autocomplete="off" class="layui-input verity">
<canvas>
<p>发送手机验证码</p>
</canvas>
</div>
</div>
<!-- 密码 -->
<div class="layui-form-item">
<div class="layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
autocomplete="off" class="layui-input">
</div>
</div>
<!-- 同意 -->
<div class="layui-form-item">
<div class="layui-input-block">
<div class="checkb">
<input type="checkbox" title=""> 我已阅读并接受<a
href="#myPopup" data-rel="popup" class=" ui-inline ui-corner-all">用户协议</a>和<a
href="#">隐私政策</a>
<div data-role="popup" class="myPopup" id="myPopup" class="content" data-overlay-theme="b">
<span style="font-size: 16px;float: right;"id="deav" onclick="deav();">关闭</span>
<h1>用户协议</h1>
<p>后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。
</p>
<p>下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。</p>
<p>经过20年不间断的运营发展，已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</p>
<p>合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等，在国内艺术品市场有较大影响，为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。
</p>
<p> 后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。
</p>
<p> 下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。
</p>
<p> 经过20年不间断的运营发展，已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</p>
<p> 合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。
</p>
<p>合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等，在国内艺术品市场有较大影响，为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。
</p>
</div>
</div>
</div>
</div>
<!-- 登录 -->
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">立即登陆</button>
</div>
</div>
<div class="bot">
<!-- <a href="" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a> -->
<a href="" class="font-set">已有账号，立即登录</a>
</div>
</div>
</form>
</header>
<section>
<div class="navig">
<div class="label">
<!-- 标签 -->
<div class="label-text">
<ul>
<li><a href="#">首页</a> </li>
<li><a href="#">资讯</a></li>
<li><a href="#">展览</a></li>
<li><a href="#">艺术家</a></li>
<li><a href="#">机构</a></li>
<li><a href="#">培训</a></li>
<li><a href="#">商城</a></li>
<li><a href="#">拍卖</a></li>
</ul>
</div>
<!-- 微信的图标 -->
<div class="label-icon">
<ul>
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
</ul>
</div>
</div>
</div>
</section>
</body>
</html>