登录、注册
parent
e39a0199bc
commit
22cc7a3043
|
|
@ -0,0 +1,356 @@
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img {
|
||||||
|
position: absolute;
|
||||||
|
left: 20%;
|
||||||
|
top: 5%;
|
||||||
|
transform: translate(-20%, -5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img img {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .bac {
|
||||||
|
height: 930px;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-image: url("../../img/images/backimg.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container {
|
||||||
|
width: 420px;
|
||||||
|
height: 680px;
|
||||||
|
min-height: 320px;
|
||||||
|
max-height: 700px;
|
||||||
|
position: absolute;
|
||||||
|
top: 40px;
|
||||||
|
left: -50px;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px;
|
||||||
|
z-index: 130;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head p {
|
||||||
|
color: #a2a2a2;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head .gang {
|
||||||
|
width: 55px;
|
||||||
|
margin: auto;
|
||||||
|
border-bottom: 1px solid #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul {
|
||||||
|
margin: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
display: flex;
|
||||||
|
border-bottom: 1px solid #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li {
|
||||||
|
width: 400px;
|
||||||
|
padding: 0px 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li a {
|
||||||
|
height: 23px;
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .set_1_btn {
|
||||||
|
color: #333;
|
||||||
|
display: block;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 45px;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 100px;
|
||||||
|
text-decoration: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2 {
|
||||||
|
letter-spacing: 0;
|
||||||
|
transition: all 150ms linear 0s;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2:after {
|
||||||
|
content: " ";
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2:hover:after {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
border-color: #56c5ff;
|
||||||
|
-webkit-transition: width 350ms ease-in-out;
|
||||||
|
transition: width 350ms ease-in-out;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li:visited {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input {
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 19px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item {
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb {
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb input {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
top: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb a {
|
||||||
|
color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .font-set {
|
||||||
|
font-size: 13px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input-block:last-child {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes input {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas {
|
||||||
|
width: 200px;
|
||||||
|
height: 40px;
|
||||||
|
background: #efefef;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas p {
|
||||||
|
color: #000;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-btn {
|
||||||
|
margin-left: 18px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .verity {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .bot {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container #verify {
|
||||||
|
height: 34px;
|
||||||
|
vertical-align: top;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container #verify #code_img {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
cursor: pointer;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
background-color: #cb1919;
|
||||||
|
height: 60px;
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul {
|
||||||
|
display: flex;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon {
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul {
|
||||||
|
display: flex;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li img {
|
||||||
|
width: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .foot {
|
||||||
|
display: flex;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr {
|
||||||
|
padding: 35px;
|
||||||
|
width: 342px;
|
||||||
|
height: 226px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr img {
|
||||||
|
height: 86px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(1) {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(2) {
|
||||||
|
color: #616161;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address {
|
||||||
|
background-color: #faf9f8;
|
||||||
|
border-left: 1px solid #ededed;
|
||||||
|
border-bottom: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1,
|
||||||
|
footer .address .addreses .addres-2,
|
||||||
|
footer .address .addreses .addres-3 {
|
||||||
|
padding: 33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .icp {
|
||||||
|
padding: 28px 40px;
|
||||||
|
border-top: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 {
|
||||||
|
width: 310px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 img {
|
||||||
|
height: 50px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(2) {
|
||||||
|
font-size: 6px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(2) {
|
||||||
|
font-size: 12.5px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 img {
|
||||||
|
height: 92px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 p {
|
||||||
|
float: left;
|
||||||
|
font-size: 1px;
|
||||||
|
margin-left: 12px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-4 {
|
||||||
|
padding: 63px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,345 @@
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img {
|
||||||
|
position: absolute;
|
||||||
|
left: 20%;
|
||||||
|
top: 5%;
|
||||||
|
transform: translate(-20%, -5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img img {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .bac {
|
||||||
|
height: 930px;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-image: url("../../img/images/backimg.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container {
|
||||||
|
width: 420px;
|
||||||
|
height: 450px;
|
||||||
|
min-height: 320px;
|
||||||
|
max-height: 570px;
|
||||||
|
position: absolute;
|
||||||
|
top: 80px;
|
||||||
|
left: 25px;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px;
|
||||||
|
z-index: 130;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head p {
|
||||||
|
color: #a2a2a2;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head .gang {
|
||||||
|
width: 55px;
|
||||||
|
margin: auto;
|
||||||
|
border-bottom: 1px solid #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul {
|
||||||
|
margin: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
display: flex;
|
||||||
|
border-bottom: 1px solid #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li {
|
||||||
|
width: 400px;
|
||||||
|
padding: 0px 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li a {
|
||||||
|
height: 23px;
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .set_1_btn {
|
||||||
|
color: #333;
|
||||||
|
display: block;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 45px;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 100px;
|
||||||
|
text-decoration: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2 {
|
||||||
|
letter-spacing: 0;
|
||||||
|
transition: all 150ms linear 0s;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2:after {
|
||||||
|
content: " ";
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2:hover:after {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
border-color: #56c5ff;
|
||||||
|
-webkit-transition: width 350ms ease-in-out;
|
||||||
|
transition: width 350ms ease-in-out;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li:visited {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input {
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 19px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item {
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb {
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb input {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
top: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb a {
|
||||||
|
color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .font-set {
|
||||||
|
font-size: 13px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input-block:last-child {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes input {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas {
|
||||||
|
width: 200px;
|
||||||
|
height: 40px;
|
||||||
|
background: #efefef;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas p {
|
||||||
|
color: #000;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-btn {
|
||||||
|
margin-left: 18px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .verity {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .bot a:first-child {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .bot a:last-child {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
background-color: #cb1919;
|
||||||
|
height: 60px;
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul {
|
||||||
|
display: flex;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon {
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul {
|
||||||
|
display: flex;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li img {
|
||||||
|
width: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .foot {
|
||||||
|
display: flex;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr {
|
||||||
|
padding: 35px;
|
||||||
|
width: 342px;
|
||||||
|
height: 226px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr img {
|
||||||
|
height: 86px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(1) {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(2) {
|
||||||
|
color: #616161;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address {
|
||||||
|
background-color: #faf9f8;
|
||||||
|
border-left: 1px solid #ededed;
|
||||||
|
border-bottom: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 {
|
||||||
|
padding: 33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .icp {
|
||||||
|
padding: 28px 40px;
|
||||||
|
border-top: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 {
|
||||||
|
width: 310px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 img {
|
||||||
|
height: 50px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(2) {
|
||||||
|
font-size: 6px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(2) {
|
||||||
|
font-size: 12.5px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 img {
|
||||||
|
height: 92px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 p {
|
||||||
|
float: left;
|
||||||
|
font-size: 1px;
|
||||||
|
margin-left: 12px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-4 {
|
||||||
|
padding: 63px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,356 @@
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img {
|
||||||
|
position: absolute;
|
||||||
|
left: 20%;
|
||||||
|
top: 5%;
|
||||||
|
transform: translate(-20%, -5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img img {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .bac {
|
||||||
|
height: 930px;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-image: url("../../img/images/backimg.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container {
|
||||||
|
width: 420px;
|
||||||
|
height: 680px;
|
||||||
|
min-height: 320px;
|
||||||
|
max-height: 700px;
|
||||||
|
position: absolute;
|
||||||
|
top: 40px;
|
||||||
|
left: -50px;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px;
|
||||||
|
z-index: 130;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head p {
|
||||||
|
color: #a2a2a2;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head .gang {
|
||||||
|
width: 55px;
|
||||||
|
margin: auto;
|
||||||
|
border-bottom: 1px solid #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul {
|
||||||
|
margin: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
display: flex;
|
||||||
|
border-bottom: 1px solid #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li {
|
||||||
|
width: 400px;
|
||||||
|
padding: 0px 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li a {
|
||||||
|
height: 23px;
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .set_1_btn {
|
||||||
|
color: #333;
|
||||||
|
display: block;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 45px;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 100px;
|
||||||
|
text-decoration: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2 {
|
||||||
|
letter-spacing: 0;
|
||||||
|
transition: all 150ms linear 0s;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2:after {
|
||||||
|
content: " ";
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2:hover:after {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
border-color: #56c5ff;
|
||||||
|
-webkit-transition: width 350ms ease-in-out;
|
||||||
|
transition: width 350ms ease-in-out;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li:visited {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input {
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 19px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item {
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb {
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb input {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
top: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb a {
|
||||||
|
color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .font-set {
|
||||||
|
font-size: 13px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input-block:last-child {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes input {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas {
|
||||||
|
width: 200px;
|
||||||
|
height: 40px;
|
||||||
|
background: #efefef;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas p {
|
||||||
|
color: #000;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-btn {
|
||||||
|
margin-left: 18px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .verity {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .bot {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container #verify {
|
||||||
|
height: 34px;
|
||||||
|
vertical-align: top;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container #verify #code_img {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
cursor: pointer;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
background-color: #cb1919;
|
||||||
|
height: 60px;
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul {
|
||||||
|
display: flex;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon {
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul {
|
||||||
|
display: flex;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li img {
|
||||||
|
width: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .foot {
|
||||||
|
display: flex;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr {
|
||||||
|
padding: 35px;
|
||||||
|
width: 342px;
|
||||||
|
height: 226px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr img {
|
||||||
|
height: 86px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(1) {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(2) {
|
||||||
|
color: #616161;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address {
|
||||||
|
background-color: #faf9f8;
|
||||||
|
border-left: 1px solid #ededed;
|
||||||
|
border-bottom: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1,
|
||||||
|
footer .address .addreses .addres-2,
|
||||||
|
footer .address .addreses .addres-3 {
|
||||||
|
padding: 33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .icp {
|
||||||
|
padding: 28px 40px;
|
||||||
|
border-top: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 {
|
||||||
|
width: 310px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 img {
|
||||||
|
height: 50px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(2) {
|
||||||
|
font-size: 6px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(2) {
|
||||||
|
font-size: 12.5px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 img {
|
||||||
|
height: 92px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 p {
|
||||||
|
float: left;
|
||||||
|
font-size: 1px;
|
||||||
|
margin-left: 12px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-4 {
|
||||||
|
padding: 63px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
.myPopup {
|
||||||
|
width: 1020px;
|
||||||
|
height: 600px;
|
||||||
|
position: relative;
|
||||||
|
width: 50%;
|
||||||
|
height: 50%;
|
||||||
|
transform: (50%-300px, 50%-510px);
|
||||||
|
}
|
||||||
|
.ui-popup.ui-body-inherit {
|
||||||
|
margin: auto;
|
||||||
|
margin-top:120px;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 80px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-indent: 2em;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,354 @@
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img {
|
||||||
|
position: absolute;
|
||||||
|
left: 20%;
|
||||||
|
top: 5%;
|
||||||
|
transform: translate(-20%, -5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img img {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .bac {
|
||||||
|
height: 930px;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-image: url("../../img/images/backimg.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container {
|
||||||
|
width: 420px;
|
||||||
|
height: 570px;
|
||||||
|
min-height: 320px;
|
||||||
|
max-height: 570px;
|
||||||
|
position: absolute;
|
||||||
|
top: 80px;
|
||||||
|
left: 25px;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px;
|
||||||
|
z-index: 130;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head p {
|
||||||
|
color: #a2a2a2;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head .gang {
|
||||||
|
width: 55px;
|
||||||
|
margin: auto;
|
||||||
|
border-bottom: 1px solid #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul {
|
||||||
|
margin: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
display: flex;
|
||||||
|
border-bottom: 1px solid #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li {
|
||||||
|
width: 400px;
|
||||||
|
padding: 0px 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li a {
|
||||||
|
height: 23px;
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .set_1_btn {
|
||||||
|
color: #333;
|
||||||
|
display: block;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 45px;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 100px;
|
||||||
|
text-decoration: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2 {
|
||||||
|
letter-spacing: 0;
|
||||||
|
transition: all 150ms linear 0s;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2:after {
|
||||||
|
content: " ";
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li .Vbtn-2:hover:after {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
border-color: #56c5ff;
|
||||||
|
-webkit-transition: width 350ms ease-in-out;
|
||||||
|
transition: width 350ms ease-in-out;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .identity ul li:visited {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input {
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 19px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item {
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb {
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb input {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
top: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .checkb a {
|
||||||
|
color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item .font-set {
|
||||||
|
font-size: 13px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input-block:last-child {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes input {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas {
|
||||||
|
width: 200px;
|
||||||
|
height: 40px;
|
||||||
|
background: #efefef;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas p {
|
||||||
|
color: #000;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-btn {
|
||||||
|
margin-left: 18px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .verity {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .bot {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container #verify {
|
||||||
|
height: 34px;
|
||||||
|
vertical-align: top;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container #verify #code_img {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
cursor: pointer;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
background-color: #cb1919;
|
||||||
|
height: 60px;
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul {
|
||||||
|
display: flex;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon {
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul {
|
||||||
|
display: flex;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li img {
|
||||||
|
width: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .foot {
|
||||||
|
display: flex;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr {
|
||||||
|
padding: 35px;
|
||||||
|
width: 342px;
|
||||||
|
height: 226px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr img {
|
||||||
|
height: 86px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(1) {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(2) {
|
||||||
|
color: #616161;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address {
|
||||||
|
background-color: #faf9f8;
|
||||||
|
border-left: 1px solid #ededed;
|
||||||
|
border-bottom: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 {
|
||||||
|
padding: 33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .icp {
|
||||||
|
padding: 28px 40px;
|
||||||
|
border-top: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 {
|
||||||
|
width: 310px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 img {
|
||||||
|
height: 50px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(2) {
|
||||||
|
font-size: 6px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(2) {
|
||||||
|
font-size: 12.5px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 img {
|
||||||
|
height: 92px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 p {
|
||||||
|
float: left;
|
||||||
|
font-size: 1px;
|
||||||
|
margin-left: 12px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-4 {
|
||||||
|
padding: 63px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,281 @@
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img {
|
||||||
|
position: absolute;
|
||||||
|
left: 20%;
|
||||||
|
top: 5%;
|
||||||
|
transform: translate(-20%, -5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
header .img img {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
/* 背景图 */
|
||||||
|
header .bac {
|
||||||
|
height: 930px;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-image: url("../../img/images/backimg.png");
|
||||||
|
}
|
||||||
|
/* 找回密码表单 */
|
||||||
|
header .container {
|
||||||
|
width: 420px;
|
||||||
|
height: 400px;
|
||||||
|
min-height: 320px;
|
||||||
|
max-height: 570px;
|
||||||
|
position: absolute;
|
||||||
|
top: 200px;
|
||||||
|
left: 25px;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px;
|
||||||
|
z-index: 130;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head p {
|
||||||
|
color: #a2a2a2;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .head .gang {
|
||||||
|
width: 55px;
|
||||||
|
margin: auto;
|
||||||
|
border-bottom: 1px solid #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input {
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 19px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-form-item {
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
header .container .layui-form-item .font-set {
|
||||||
|
font-size: 13px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .layui-input-block:last-child {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 验证码 */
|
||||||
|
header .container .codes {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes input {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas {
|
||||||
|
width: 200px;
|
||||||
|
height: 40px;
|
||||||
|
background: #efefef;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .codes canvas p {
|
||||||
|
color: #000;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
/* 登录按钮 */
|
||||||
|
header .container .layui-btn {
|
||||||
|
margin-left: 18px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 400px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #f0cccc;
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .verity {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
/* 底部返回 */
|
||||||
|
header .container .bot {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .bot a:first-child {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container .bot a:last-child {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
background-color: #cb1919;
|
||||||
|
height: 60px;
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul {
|
||||||
|
display: flex;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-text ul li a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon {
|
||||||
|
background-color: #cb1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul {
|
||||||
|
display: flex;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li {
|
||||||
|
padding: 20px 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .navig .label .label-icon ul li img {
|
||||||
|
width: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
padding: 0px 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .foot {
|
||||||
|
display: flex;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr {
|
||||||
|
padding: 35px;
|
||||||
|
width: 342px;
|
||||||
|
height: 226px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr img {
|
||||||
|
height: 86px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(1) {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .intr p:nth-child(2) {
|
||||||
|
color: #616161;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address {
|
||||||
|
background-color: #faf9f8;
|
||||||
|
border-left: 1px solid #ededed;
|
||||||
|
border-bottom: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 {
|
||||||
|
padding: 33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .icp {
|
||||||
|
padding: 28px 40px;
|
||||||
|
border-top: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 {
|
||||||
|
width: 310px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 img {
|
||||||
|
height: 50px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-1 p:nth-of-type(2) {
|
||||||
|
font-size: 6px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(1) {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-2 p:nth-of-type(2) {
|
||||||
|
font-size: 12.5px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 img {
|
||||||
|
height: 92px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-3 p {
|
||||||
|
float: left;
|
||||||
|
font-size: 1px;
|
||||||
|
margin-left: 12px;
|
||||||
|
color: rgba(97, 97, 97, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .address .addreses .addres-4 {
|
||||||
|
padding: 63px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,179 @@
|
||||||
|
<!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="../../css/layui.css">
|
||||||
|
<link rel="stylesheet" href="../../css/logshoppingcar/artist.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<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="reg.html" class="set_1_btn Vbtn-2">个人会员</a>
|
||||||
|
<a href="#" 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="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">
|
||||||
|
<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="email" name="email" required lay-verify="required" placeholder="邮箱"
|
||||||
|
maxlength="11" 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="#">用户协议</a>和<a
|
||||||
|
href="#">隐私政策</a>
|
||||||
|
</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>
|
||||||
|
<footer>
|
||||||
|
<div class="foot">
|
||||||
|
<!-- 介绍 -->
|
||||||
|
<div class="intr">
|
||||||
|
<img src="../../img/images/logo.png" alt="">
|
||||||
|
<p><span>
|
||||||
|
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
|
||||||
|
</span></p>
|
||||||
|
<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
|
||||||
|
</div>
|
||||||
|
<!-- 地址 -->
|
||||||
|
<div class="address">
|
||||||
|
<div class="addreses">
|
||||||
|
<div class="addres-1">
|
||||||
|
<img src="../../img/images/wx-text.png" alt="">
|
||||||
|
<p><span>成都惠民职工书院</span></p>
|
||||||
|
<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
|
||||||
|
</div>
|
||||||
|
<div class="addres-2">
|
||||||
|
<p><span>联系我们</span></p>
|
||||||
|
<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="addres-3">
|
||||||
|
<li><img src="../../img/images/qr-01.png" alt="">
|
||||||
|
<p><span>华夏艺术网</span></p>
|
||||||
|
</li>
|
||||||
|
<li><img src="../../img/images/qr-02.png" alt="">
|
||||||
|
<p><span>成都惠民职工书院</span></p>
|
||||||
|
</li>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="addres-4">
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
|
||||||
|
蜀ICP备11111111号
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,102 @@
|
||||||
|
<!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="../../css/layui.css">
|
||||||
|
<link rel="stylesheet" href="../../css/logshoppingcar/login.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<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="输入手机号/用户名" maxlength="20" autocomplete="off" class="layui-input">
|
||||||
|
</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 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">
|
||||||
|
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bot">
|
||||||
|
<a href="ret.html" 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>
|
||||||
|
|
@ -0,0 +1,179 @@
|
||||||
|
<!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="../../css/layui.css">
|
||||||
|
<link rel="stylesheet" href="../../css/logshoppingcar/mecha.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<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="reg.html" class="set_1_btn Vbtn-2">个人会员</a>
|
||||||
|
<a href="#" 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="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">
|
||||||
|
<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="email" name="email" required lay-verify="required" placeholder="邮箱"
|
||||||
|
maxlength="11" 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="#">用户协议</a>和<a
|
||||||
|
href="#">隐私政策</a>
|
||||||
|
</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>
|
||||||
|
<footer>
|
||||||
|
<div class="foot">
|
||||||
|
<!-- 介绍 -->
|
||||||
|
<div class="intr">
|
||||||
|
<img src="../../img/images/logo.png" alt="">
|
||||||
|
<p><span>
|
||||||
|
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
|
||||||
|
</span></p>
|
||||||
|
<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
|
||||||
|
</div>
|
||||||
|
<!-- 地址 -->
|
||||||
|
<div class="address">
|
||||||
|
<div class="addreses">
|
||||||
|
<div class="addres-1">
|
||||||
|
<img src="../../img/images/wx-text.png" alt="">
|
||||||
|
<p><span>成都惠民职工书院</span></p>
|
||||||
|
<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
|
||||||
|
</div>
|
||||||
|
<div class="addres-2">
|
||||||
|
<p><span>联系我们</span></p>
|
||||||
|
<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="addres-3">
|
||||||
|
<li><img src="../../img/images/qr-01.png" alt="">
|
||||||
|
<p><span>华夏艺术网</span></p>
|
||||||
|
</li>
|
||||||
|
<li><img src="../../img/images/qr-02.png" alt="">
|
||||||
|
<p><span>成都惠民职工书院</span></p>
|
||||||
|
</li>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="addres-4">
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
|
||||||
|
蜀ICP备11111111号
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<div data-role="page">
|
||||||
|
<div data-role="main" class="ui-content">
|
||||||
|
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">显示弹窗</a>
|
||||||
|
<div data-role="popup" class="myPopup" id="myPopup" class="content" data-overlay-theme="b">
|
||||||
|
<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>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,161 @@
|
||||||
|
<!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="../../css/layui.css">
|
||||||
|
<link rel="stylesheet" href="../../css/logshoppingcar/reg.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<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="Popup.html">用户协议</a>和<a href="#">隐私政策</a>
|
||||||
|
</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>
|
||||||
|
<footer>
|
||||||
|
<div class="foot">
|
||||||
|
<!-- 介绍 -->
|
||||||
|
<div class="intr">
|
||||||
|
<img src="../../img/images/logo.png" alt="">
|
||||||
|
<p><span>
|
||||||
|
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
|
||||||
|
</span></p>
|
||||||
|
<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
|
||||||
|
</div>
|
||||||
|
<!-- 地址 -->
|
||||||
|
<div class="address">
|
||||||
|
<div class="addreses">
|
||||||
|
<div class="addres-1">
|
||||||
|
<img src="../../img/images/wx-text.png" alt="">
|
||||||
|
<p><span>成都惠民职工书院</span></p>
|
||||||
|
<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
|
||||||
|
</div>
|
||||||
|
<div class="addres-2">
|
||||||
|
<p><span>联系我们</span></p>
|
||||||
|
<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="addres-3">
|
||||||
|
<li><img src="../../img/images/qr-01.png" alt="">
|
||||||
|
<p><span>华夏艺术网</span></p>
|
||||||
|
</li>
|
||||||
|
<li><img src="../../img/images/qr-02.png" alt="">
|
||||||
|
<p><span>成都惠民职工书院</span></p>
|
||||||
|
</li>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="addres-4">
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<div class="gohome">
|
||||||
|
<a href="#">
|
||||||
|
top
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,144 @@
|
||||||
|
<!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="../../css/layui.css">
|
||||||
|
<link rel="stylesheet" href="../../css/logshoppingcar/ret.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<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>
|
||||||
|
<div class="gang"></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">
|
||||||
|
<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">
|
||||||
|
<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>
|
||||||
|
<footer>
|
||||||
|
<div class="foot">
|
||||||
|
<!-- 介绍 -->
|
||||||
|
<div class="intr">
|
||||||
|
<img src="../../img/images/logo.png" alt="">
|
||||||
|
<p><span>
|
||||||
|
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
|
||||||
|
</span></p>
|
||||||
|
<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
|
||||||
|
</div>
|
||||||
|
<!-- 地址 -->
|
||||||
|
<div class="address">
|
||||||
|
<div class="addreses">
|
||||||
|
<div class="addres-1">
|
||||||
|
<img src="../../img/images/wx-text.png" alt="">
|
||||||
|
<p><span>成都惠民职工书院</span></p>
|
||||||
|
<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
|
||||||
|
</div>
|
||||||
|
<div class="addres-2">
|
||||||
|
<p><span>联系我们</span></p>
|
||||||
|
<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="addres-3">
|
||||||
|
<li><img src="../../img/images/qr-01.png" alt="">
|
||||||
|
<p><span>华夏艺术网</span></p>
|
||||||
|
</li>
|
||||||
|
<li><img src="../../img/images/qr-02.png" alt="">
|
||||||
|
<p><span>成都惠民职工书院</span></p>
|
||||||
|
</li>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="addres-4">
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
|
||||||
|
蜀ICP备11111111号
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>购物车</title>
|
||||||
|
<link rel="stylesheet" href="./css/layui.css">
|
||||||
|
<link rel="stylesheet" href="./css/shopcar.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<!-- 背景 -->
|
||||||
|
<div class="head"></div>
|
||||||
|
<!-- 我的购物车 -->
|
||||||
|
<div class="myshop">
|
||||||
|
<div class="logo">
|
||||||
|
<img src="./images/logo.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="about">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<div class="whole">
|
||||||
|
<h3>全部商品</h3>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 B |
Binary file not shown.
|
After Width: | Height: | Size: 421 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 293 B |
Binary file not shown.
|
After Width: | Height: | Size: 262 B |
Binary file not shown.
|
After Width: | Height: | Size: 423 B |
Binary file not shown.
|
After Width: | Height: | Size: 458 B |
Binary file not shown.
|
After Width: | Height: | Size: 596 B |
Binary file not shown.
|
After Width: | Height: | Size: 507 B |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 829 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 863 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 672 KiB |
Loading…
Reference in New Issue