Merge branch 'master' of http://git.scdxtc.com/chen/huaxia
commit
2ae0df6795
|
|
@ -1,7 +1,10 @@
|
|||
body{margin: 0;padding: 0;}
|
||||
.w100{width: 100%;}
|
||||
.w96{width: 96%;}
|
||||
.w90{width: 90%;}
|
||||
.w50{width: 50%;}
|
||||
.w48{width: 49%;}
|
||||
.w33{width: 33.33%;}
|
||||
.w25{width: 25%;}
|
||||
.w20{width: 19%;}
|
||||
|
||||
|
|
@ -13,19 +16,22 @@ body{margin: 0;padding: 0;}
|
|||
.dac{display: flex;align-items: center;}
|
||||
.djcacfw{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
|
||||
.djbacfw{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
|
||||
.dfc{display: flex;flex-direction: column;}
|
||||
.cq-cp{cursor: pointer;}
|
||||
.pr{position: relative;}
|
||||
.pa{position: absolute;}
|
||||
.dn{display: none;}
|
||||
.fs{flex-shrink: 0;}
|
||||
.fw{flex-wrap: wrap;}
|
||||
.fc{flex-direction: column;}
|
||||
.oh{overflow: hidden;}
|
||||
.fit{object-fit: cover;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.mg30{margin: 30px;}
|
||||
.m-s10{margin-top: 10px;}
|
||||
.m-s16{margin-top: 16px;}
|
||||
.m-s20{margin-top: 20px;}
|
||||
.m-s27{margin-top: 27px;}
|
||||
|
|
@ -35,10 +41,14 @@ body{margin: 0;padding: 0;}
|
|||
|
||||
.m-z10{margin-left: 10px;}
|
||||
.m-z15{margin-left: 15px;}
|
||||
.m-z20{margin-left: 20px;}
|
||||
.m-z30{margin-left: 30px;}
|
||||
.m-z37{margin-left: 37px;}
|
||||
|
||||
.m-y10{margin-right: 10px;}
|
||||
.m-y15{margin-right: 15px;}
|
||||
.m-y20{margin-right: 20px;}
|
||||
.m-y30{margin-right: 30px;}
|
||||
.m-y37{margin-right: 37px;}
|
||||
|
||||
.m-sx65{margin-top: 65px;margin-bottom: 65px;}
|
||||
|
|
@ -56,6 +66,7 @@ body{margin: 0;padding: 0;}
|
|||
.m-x27{margin-bottom: 27px;}
|
||||
.m-x20{margin-bottom: 20px;}
|
||||
.m-x16{margin-bottom: 16px;}
|
||||
.m-x10{margin-bottom: 10px;}
|
||||
|
||||
.m-zy180{margin-left: 180px;margin-right: 180px;}
|
||||
.m-zy15{margin-left: 15px;margin-right: 15px;}
|
||||
|
|
@ -64,45 +75,87 @@ body{margin: 0;padding: 0;}
|
|||
|
||||
|
||||
|
||||
.pd30{padding: 30px;}
|
||||
|
||||
.p-sx65{padding-top: 65px;padding-bottom: 65px;}
|
||||
.p-s65{padding-top: 65px;}
|
||||
.p-s30{padding-top:30px;}
|
||||
.p-s27{padding-top:27px;}
|
||||
.p-s20{padding-top:20px;}
|
||||
.p-s10{padding-top:10px;}
|
||||
|
||||
|
||||
.p-y20{padding-top:20px;}
|
||||
|
||||
|
||||
.p-x65{padding-bottom: 65px;}
|
||||
.p-x27{padding-bottom: 27px;}
|
||||
.p-x10{padding-bottom: 10px;}
|
||||
|
||||
.p-zy320{padding-left: 320px;padding-right: 320px;}
|
||||
.p-zy180{padding-left: 180px;padding-right: 180px;}
|
||||
.p-zy30{padding-left: 30px;padding-right: 30px;}
|
||||
.p-zy20{padding-left: 20px;padding-right: 20px;}
|
||||
.p-zy15{padding-left: 15px;padding-right: 15px;}
|
||||
.p-zy10{padding-left: 10px;padding-right: 10px;}
|
||||
|
||||
|
||||
.p-sx10{padding-top: 10px;padding-bottom: 10px;}
|
||||
.p-sx20{padding-top: 20px;padding-bottom: 20px;}
|
||||
|
||||
.p-sx30{padding-top: 30px;padding-bottom: 30px;}
|
||||
.p-sx65{padding-top: 65px;padding-bottom: 65px;}
|
||||
|
||||
|
||||
.font-12{font-size: 12px;}
|
||||
.font-13{font-size: 13px;}
|
||||
.font-14{font-size: 14px;}
|
||||
.font-15{font-size: 15px;}
|
||||
.font-18{font-size: 18px;}
|
||||
.font-20{font-size: 20px;}
|
||||
.font-22{font-size: 22px;}
|
||||
.font-24{font-size: 24px;}
|
||||
.font-26{font-size: 26px;}
|
||||
.font-32{font-size: 32px;}
|
||||
.font-36{font-size: 36px;}
|
||||
.font-40{font-size: 40px;}
|
||||
|
||||
.fb{font-weight: bold;}
|
||||
|
||||
|
||||
.linh32{line-height: 32px;}
|
||||
.linh30{line-height: 30px;}
|
||||
.linh28{line-height: 28px;}
|
||||
.linh26{line-height: 26px;}
|
||||
|
||||
|
||||
|
||||
.tl{text-align: left;}
|
||||
.col19{color: #191919;}
|
||||
.col7d{color: #7d7d7d;}
|
||||
.col9{color: #999999;}
|
||||
.colcb{color: #cb1919}
|
||||
.col22{color: #222222}
|
||||
|
||||
.backf{background: #FFFFFF;}
|
||||
.backe6{background: #e6e6e6;}
|
||||
.backf5{background: #f5f5f5;}
|
||||
|
||||
|
||||
.btt{border-top: 1px solid #ebebeb;}
|
||||
.bbt{border-bottom: 1px solid #ebebeb;}
|
||||
.tin2{text-indent: 2em;}
|
||||
|
||||
.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;}
|
||||
.borf{border-radius: 3px;border: 1px solid #7d7d7d;color: #7d7d7d;font-size: 16px;}
|
||||
|
||||
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
||||
.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
||||
.clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
||||
.clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
||||
|
||||
ul li {list-style: none;padding: 0px;margin: 0px;}
|
||||
.tn{text-decoration: none;}
|
||||
|
||||
#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;}
|
||||
|
||||
/* 轮播图 */
|
||||
.swiper-container {
|
||||
|
|
@ -184,17 +237,18 @@ body{margin: 0;padding: 0;}
|
|||
.logo{width: 487px;}
|
||||
.banner-img{width: 100%;height: auto;}
|
||||
.sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;}
|
||||
.top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;}
|
||||
.dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;}
|
||||
.guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;}
|
||||
.redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;}
|
||||
.xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;}
|
||||
ul li {list-style: none;padding: 0px;margin: 0px;}
|
||||
.dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;}
|
||||
.dao-box>li>div{padding: 6px 0;}
|
||||
.dao-box>li>div>a{text-decoration: none;color: #181818;}
|
||||
.dao-box>li>div>a:hover{color: #cd2628;}
|
||||
.dao-box>li>div>a:active{color: #cd2628;font-weight: bold;}
|
||||
.cq-dao-active{font-weight: bold;color: #cd2628;}
|
||||
.cq-dao-active>a{font-weight: bold;color: #cd2628!important;}
|
||||
.input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;}
|
||||
.input-box input{font-size: 14px;height: 40px;border: 0;}
|
||||
.input-box img{right: 10px;top: 10px;width: 20px;height: 20px;}
|
||||
|
|
@ -228,16 +282,22 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
.wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
|
||||
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
|
||||
.wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 资讯 */
|
||||
.zx-nav,.szx-nav{padding: 0;}
|
||||
.zx-nav li,.szx-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
|
||||
.zx-nav li a,.szx-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
|
||||
.zx-nav li div,.szx-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
|
||||
.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
|
||||
.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title{color: #CB1919;}
|
||||
#zx-xg>div:first-child{margin-right: 10px;}
|
||||
.zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;}
|
||||
.zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;}
|
||||
|
||||
/* 机构 */
|
||||
#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img{transition: transform .5s;}
|
||||
#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;}
|
||||
.jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;}
|
||||
.jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,182 @@
|
|||
/* .container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 1px solid black;
|
||||
padding: 39px;
|
||||
margin: 15px;
|
||||
box-sizing: border-box
|
||||
} */
|
||||
|
||||
.container.white {
|
||||
background-color: black
|
||||
}
|
||||
|
||||
.container.large {
|
||||
padding: 31.5px
|
||||
}
|
||||
|
||||
.container::after {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
left: 0;
|
||||
bottom: -30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
content: ''
|
||||
}
|
||||
|
||||
.ispinner {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade {
|
||||
position: absolute;
|
||||
left: 44.5%;
|
||||
top: 37%;
|
||||
width: 10%;
|
||||
height: 25%;
|
||||
border-radius: 50%/20%;
|
||||
-webkit-animation: ispinner-fade 1s linear infinite;
|
||||
animation: ispinner-fade 1s linear infinite;
|
||||
-webkit-animation-play-state: paused;
|
||||
animation-play-state: paused
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(1) {
|
||||
-webkit-animation-delay: -1.66667s;
|
||||
animation-delay: -1.66667s;
|
||||
-webkit-transform: rotate(30deg) translate(0, -150%);
|
||||
transform: rotate(30deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(2) {
|
||||
-webkit-animation-delay: -1.58333s;
|
||||
animation-delay: -1.58333s;
|
||||
-webkit-transform: rotate(60deg) translate(0, -150%);
|
||||
transform: rotate(60deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(3) {
|
||||
-webkit-animation-delay: -1.5s;
|
||||
animation-delay: -1.5s;
|
||||
-webkit-transform: rotate(90deg) translate(0, -150%);
|
||||
transform: rotate(90deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(4) {
|
||||
-webkit-animation-delay: -1.41667s;
|
||||
animation-delay: -1.41667s;
|
||||
-webkit-transform: rotate(120deg) translate(0, -150%);
|
||||
transform: rotate(120deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(5) {
|
||||
-webkit-animation-delay: -1.33333s;
|
||||
animation-delay: -1.33333s;
|
||||
-webkit-transform: rotate(150deg) translate(0, -150%);
|
||||
transform: rotate(150deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(6) {
|
||||
-webkit-animation-delay: -1.25s;
|
||||
animation-delay: -1.25s;
|
||||
-webkit-transform: rotate(180deg) translate(0, -150%);
|
||||
transform: rotate(180deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(7) {
|
||||
-webkit-animation-delay: -1.16667s;
|
||||
animation-delay: -1.16667s;
|
||||
-webkit-transform: rotate(210deg) translate(0, -150%);
|
||||
transform: rotate(210deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(8) {
|
||||
-webkit-animation-delay: -1.08333s;
|
||||
animation-delay: -1.08333s;
|
||||
-webkit-transform: rotate(240deg) translate(0, -150%);
|
||||
transform: rotate(240deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(9) {
|
||||
-webkit-animation-delay: -1s;
|
||||
animation-delay: -1s;
|
||||
-webkit-transform: rotate(270deg) translate(0, -150%);
|
||||
transform: rotate(270deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(10) {
|
||||
-webkit-animation-delay: -.91667s;
|
||||
animation-delay: -.91667s;
|
||||
-webkit-transform: rotate(300deg) translate(0, -150%);
|
||||
transform: rotate(300deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(11) {
|
||||
-webkit-animation-delay: -.83333s;
|
||||
animation-delay: -.83333s;
|
||||
-webkit-transform: rotate(330deg) translate(0, -150%);
|
||||
transform: rotate(330deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner .ispinner-blade:nth-child(12) {
|
||||
-webkit-animation-delay: -.75s;
|
||||
animation-delay: -.75s;
|
||||
-webkit-transform: rotate(360deg) translate(0, -150%);
|
||||
transform: rotate(360deg) translate(0, -150%)
|
||||
}
|
||||
|
||||
.ispinner.animating .ispinner-blade {
|
||||
-webkit-animation-play-state: running;
|
||||
animation-play-state: running
|
||||
}
|
||||
|
||||
.ispinner.white .ispinner-blade {
|
||||
background-color: #181818
|
||||
}
|
||||
|
||||
.ispinner.gray .ispinner-blade {
|
||||
background-color: #000000
|
||||
}
|
||||
|
||||
.ispinner.large {
|
||||
width: 35px;
|
||||
height: 35px
|
||||
}
|
||||
|
||||
.ispinner.large .ispinner-blade {
|
||||
width: 8.57143%;
|
||||
height: 25.71429%;
|
||||
border-radius: 50%/16.67%
|
||||
}
|
||||
|
||||
@-webkit-keyframes ispinner-fade {
|
||||
0% {
|
||||
opacity: .85
|
||||
}
|
||||
50% {
|
||||
opacity: .25
|
||||
}
|
||||
100% {
|
||||
opacity: .25
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ispinner-fade {
|
||||
0% {
|
||||
opacity: .85
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: .25
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: .25
|
||||
}
|
||||
}
|
||||
|
|
@ -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,117 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
section {
|
||||
height: 1200px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
section .whole {
|
||||
padding: 15px 50px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
section .whole .whole-1 {
|
||||
margin: 20px auto;
|
||||
width: 1200px;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .all {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .all h2 {
|
||||
font-weight: 600;
|
||||
color: #cb1919;
|
||||
float: left;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt {
|
||||
border-top: 2px solid #cb1919;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall table {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border: 1px solid #e0e0e0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall #checkall {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall th {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall th span {
|
||||
margin-left: 85px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among table {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among .box1 {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among th {
|
||||
height: 115px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among th:nth-child(1) {
|
||||
width: 135px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among th:nth-child(1) img {
|
||||
padding: 10px;
|
||||
width: 82px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among th:nth-child(2) {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among th:nth-child(3), section .whole .whole-1 .opt #checklist .among th:nth-child(4), section .whole .whole-1 .opt #checklist .among th:nth-child(6) {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among th:nth-child(5) {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(1), section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(3) {
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(2) {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt #checklist .among span {
|
||||
width: 400px;
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -0,0 +1,146 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>机构</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">机构</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<!-- 全部列表 -->
|
||||
<section id="jg-main">
|
||||
<div id="jg-list" class="dac fw" style="width: 101.6%;"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,173 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>机构艺术品</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
|
||||
<div class="p-zy320">
|
||||
<div class="backf5" style="padding: 6px;margin-top: -90px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="" class="p-zy20">
|
||||
<!-- 三级导航 -->
|
||||
<ul class="szx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">国画</a><div class="zx-nav-active"></div></li>
|
||||
<li class="pr"><a href="javascript:;">油画</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">书法</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">素描</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">雕塑</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">工笔画</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">瓷器</a><div></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 全部列表 -->
|
||||
<section id="jgy-main" class="p-zy20">
|
||||
<div id="jgy-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,166 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>机构详情</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
|
||||
<div class="p-zy320">
|
||||
<div class="backf5" style="padding: 6px;margin-top: -90px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">机构简介</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-zy20 m-s30 linh30">
|
||||
<div class="tin2 col19">摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家</div>
|
||||
<img class="m-sx20 w100" src="../../img/public/jg-detail-02.png" alt="图片丢失" title="" >
|
||||
<div class="tin2 col19">摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家</div>
|
||||
</div>
|
||||
<div class="bbt m-zy20">
|
||||
<div class="font-26 p-s20 p-x10">联系方式</div>
|
||||
</div>
|
||||
<div class="m-zy20 m-s20" style="line-height: 42px;">
|
||||
<div class="dac">
|
||||
<img class="m-y15" src="../../img/public/jg-name.png" >
|
||||
<div>联系人：摩空精舍</div>
|
||||
</div>
|
||||
<div class="dac">
|
||||
<img class="m-y15" src="../../img/public/jg-phone.png" >
|
||||
<div>电话：028-86256961 <span class="m-z30">手机：13880548658</span></div>
|
||||
</div>
|
||||
<div class="dac">
|
||||
<img class="m-y15" src="../../img/public/jg-email.png" >
|
||||
<div>E-Mail：zarts@126.com</div>
|
||||
</div>
|
||||
<div class="dac">
|
||||
<img class="m-y15" src="../../img/public/jg-cz.png" >
|
||||
<div>传真：028-86256961</div>
|
||||
</div>
|
||||
<div class="dac">
|
||||
<img class="m-y15" src="../../img/public/jg-dw.png" >
|
||||
<div>地址：高新区高朋大道10号（传入）科园二路10号航利中心3栋1单元3楼二酉山房</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>机构展会</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
|
||||
<div class="p-zy320">
|
||||
<div class="backf5" style="padding: 6px;margin-top: -90px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">展会</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 全部列表 -->
|
||||
<section id="jgz-main" class="p-zy20">
|
||||
<div id="jgz-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>机构成员</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
|
||||
<div class="p-zy320">
|
||||
<div class="backf5" style="padding: 6px;margin-top: -90px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">机构成员</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 全部列表 -->
|
||||
<section id="jgm-main" class="p-zy20">
|
||||
<div id="jgm-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
|
@ -71,7 +72,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw">资讯<div class="xiahx pa "></div></div>
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa "></div></div>
|
||||
<span class="redD pa "></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -83,7 +84,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">机构<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -107,14 +108,52 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: #e6e6e6;padding: 0 320px;">
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="" style="padding: 45px 0 30px 0;font-size: 40px;">资讯</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp" style="color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;margin-right: 10px;font-size: 16px;">信息动态</div>
|
||||
<div class="cq-cp" style="padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;">新闻公告</div>
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">资讯</div>
|
||||
<div class="dac m-s20" id="zx-xg">
|
||||
<div class="cq-cp zx-xx xx-one">信息动态</div>
|
||||
<div class="cq-cp zx-gg gg-one">新闻公告</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav bbt dac">
|
||||
<li><a href="javascript:;" class="zx-nav-title">全部</a><div class="zx-nav-active"></div></li>
|
||||
<li><a href="javascript:;">公告</a><div></div></li>
|
||||
<li><a href="javascript:;">资讯</a><div></div></li>
|
||||
<li><a href="javascript:;">展讯</a><div></div></li>
|
||||
<li><a href="javascript:;">活动</a><div></div></li>
|
||||
<li><a href="javascript:;">艺术教育</a><div></div></li>
|
||||
</ul>
|
||||
<!-- 全部列表 -->
|
||||
<section id="zx-main">
|
||||
<div id="zx-list"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,187 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>资讯详情</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw top-nav">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw">资讯<div class="xiahx pa "></div></div>
|
||||
<span class="redD pa "></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">资讯</div>
|
||||
<div class="dac m-s20" id="zx-xg">
|
||||
<div class="cq-cp zx-xx xx-one">信息动态</div>
|
||||
<div class="cq-cp zx-gg gg-one">新闻公告</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320 djb p-sx30">
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="backf p-zy30">
|
||||
<div class="bbt p-sx20">
|
||||
<div class="" style="font-size: 26px;">中国国家画院举办“时代画卷——油画、版画、雕塑名家作品展”</div>
|
||||
<div class="col7d m-s20">
|
||||
<span>2021年06月04日</span>
|
||||
<span class="m-z15">来源：华夏艺术网</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-sx20 tin2 font-15 linh30 col22">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
|
||||
<div>
|
||||
<img class="w100" src="../../img/public/zx-detail01.png" >
|
||||
<img class="w100" src="../../img/public/zx-detail02.png" >
|
||||
</div>
|
||||
<div class="p-sx20 tin2 font-15 linh30 col22">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
|
||||
<div class="btt p-sx20 font-15 linh32">
|
||||
<div><a href="javascript:;" class="tn col22">上一条：市场观察丨从基弗到里希特，中国如何在大陆市场布局和领跑？</a></div>
|
||||
<div><a href="javascript:;" class="tn col22">下一条：我和江南有个约会——中国2021秋拍征集将走进南京、上海、杭州</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fs m-z30" style="width: 26%;">
|
||||
<div class="font-26 bbt m-s20 p-x10">推荐阅读</div>
|
||||
<div class="m-s20 cq-cp">
|
||||
<img class="m-x10" width="100%" src="../../img/public/zx-detail-r01.png" alt="图片丢失" title="">
|
||||
<div class="clips2 font-18 linh28">助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...</div>
|
||||
<div class="dac m-sx10 col7d font-14">
|
||||
<img class="m-y10" src="../../img/public/zx-right-xx.png" alt="图片丢失" title="">
|
||||
信息动态 | 书法
|
||||
</div>
|
||||
<div class="col7d font-12">2021年06月21日</div>
|
||||
</div>
|
||||
<div class="m-s20 cq-cp">
|
||||
<img class="m-x10" width="100%" src="../../img/public/zx-detail-r02.png" alt="图片丢失" title="">
|
||||
<div class="clips2 font-18 linh28">助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...</div>
|
||||
<div class="dac m-sx10 col7d font-14">
|
||||
<img class="m-y10" src="../../img/public/zx-right-xx.png" alt="图片丢失" title="">
|
||||
信息动态 | 书法
|
||||
</div>
|
||||
<div class="col7d font-12">2021年06月21日</div>
|
||||
</div>
|
||||
<div class="m-s20 cq-cp">
|
||||
<img class="m-x10" width="100%" src="../../img/public/zx-detail-r03.png" alt="图片丢失" title="">
|
||||
<div class="clips2 font-18 linh28">助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...</div>
|
||||
<div class="dac m-sx10 col7d font-14">
|
||||
<img class="m-y10" src="../../img/public/zx-right-xx.png" alt="图片丢失" title="">
|
||||
信息动态 | 书法
|
||||
</div>
|
||||
<div class="col7d font-12">2021年06月21日</div>
|
||||
</div>
|
||||
<div class="m-s20 cq-cp">
|
||||
<img class="m-x10" width="100%" src="../../img/public/zx-detail-r04.png" alt="图片丢失" title="">
|
||||
<div class="clips2 font-18 linh28">助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...</div>
|
||||
<div class="dac m-sx10 col7d font-14">
|
||||
<img class="m-y10" src="../../img/public/zx-right-xx.png" alt="图片丢失" title="">
|
||||
信息动态 | 书法
|
||||
</div>
|
||||
<div class="col7d font-12">2021年06月21日</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</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/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,103 @@
|
|||
<!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,161 @@
|
|||
<!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/logshoppingcar/shopcar.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section>
|
||||
<div class="whole">
|
||||
<div class="whole-1">
|
||||
<div class="all">
|
||||
<h2>全部商品(20)</h2>
|
||||
</div>
|
||||
<!-- 选择 -->
|
||||
<div class="opt">
|
||||
<ul>
|
||||
<li class="optall">
|
||||
<table>
|
||||
<th> <input type="checkbox" id="checkall">
|
||||
<label for="value1">全选</label>
|
||||
<span>商品</span>
|
||||
</th>
|
||||
<th>单价</th>
|
||||
<th>数量</th>
|
||||
<th>小计</th>
|
||||
<th>操作</th>
|
||||
</table>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="checklist">
|
||||
<li class="among">
|
||||
<table>
|
||||
<th> <input type="checkbox" name="arr[]" value="1" class="box1">
|
||||
<label for="value1"><img src="../../img/images/1-1.png" alt=""></label>
|
||||
</th>
|
||||
<th><span>
|
||||
竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190
|
||||
</span></th>
|
||||
<th>x3</th>
|
||||
<th>￥1888.00</th>
|
||||
<th>
|
||||
<input type="button" name="minus" value="-" onclick="minus(0);">
|
||||
<input type="text" name="amount" value="1">
|
||||
<input type="button" name="plus" value="+" onclick="plus(0);">
|
||||
</th>
|
||||
<th id="price0">￥564.6</th>
|
||||
<th onclick="del(1)">删除</th>
|
||||
</table>
|
||||
</li>
|
||||
<li class="among">
|
||||
<table>
|
||||
<th> <input type="checkbox" name="arr[]" value="2" class="box1">
|
||||
<label for="value1"><img src="../../img/images/1-2.png" alt=""></label>
|
||||
</th>
|
||||
<th><span>
|
||||
竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190
|
||||
</span></th>
|
||||
<th>x3</th>
|
||||
<th>￥1888.00</th>
|
||||
<th>
|
||||
<input type="button" name="minus" value="-" onclick="minus(0);">
|
||||
<input type="text" name="amount" value="1">
|
||||
<input type="button" name="plus" value="+" onclick="plus(0);">
|
||||
</th>
|
||||
<th id="price0">￥564.6</th>
|
||||
<th onclick="del(1)">删除</th>
|
||||
</table>
|
||||
</li>
|
||||
|
||||
<li class="among">
|
||||
<table>
|
||||
<th> <input type="checkbox" name="arr[]" value="3" class="box1">
|
||||
<label for="value1"><img src="../../img/images/1-3.png" alt=""></label>
|
||||
</th>
|
||||
<th><span>
|
||||
竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190
|
||||
</span></th>
|
||||
<th>x3</th>
|
||||
<th>￥1888.00</th>
|
||||
<th>
|
||||
<input type="button" name="minus" value="-" onclick="minus(0);">
|
||||
<input type="text" name="amount" value="1">
|
||||
<input type="button" name="plus" value="+" onclick="plus(0);">
|
||||
</th>
|
||||
<th id="price0">￥564.6</th>
|
||||
<th onclick="del(1)">删除</th>
|
||||
</table>
|
||||
</li>
|
||||
|
||||
<li class="among">
|
||||
<table>
|
||||
<th> <input type="checkbox" name="arr[]" value="4" class="box1">
|
||||
<label for="value1"><img src="../../img/images/1-4.png" alt=""></label></th>
|
||||
<th><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190/span></th>
|
||||
<th>x3</th>
|
||||
<th>￥1888.00</th>
|
||||
<th>
|
||||
<input type="button" name="minus" value="-" onclick="minus(0);">
|
||||
<input type="text" name="amount" value="1">
|
||||
<input type="button" name="plus" value="+" onclick="plus(0);">
|
||||
</th>
|
||||
<th id="price0">￥564.6</th>
|
||||
<th onclick="del(1)">删除</th>
|
||||
</table>
|
||||
</li>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
<script type="text/javascript" src="../../js/jquery-1.9.1.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
/*全选按钮状态显示判断*/
|
||||
$(".checklist").find("input[type='checkbox']").click(function () {
|
||||
/*初始化选择为TURE*/
|
||||
$(".checkall")[0].checked = true;
|
||||
/*获取未选中的*/
|
||||
var nocheckedList = new Array();
|
||||
$(".checklist").find('input:not(:checked)').each(function () {
|
||||
nocheckedList.push($(this).val());
|
||||
});
|
||||
/*状态显示*/
|
||||
if (nocheckedList.length == $(".checklist").find('input').length) {
|
||||
$(".checkall")[0].checked = false;
|
||||
$(".checkall")[0].indeterminate = false;
|
||||
} else if (nocheckedList.length) {
|
||||
$(".checkall")[0].indeterminate = true;
|
||||
} else {
|
||||
$(".checkall")[0].indeterminate = false;
|
||||
}
|
||||
});
|
||||
// 全选/取消
|
||||
$(".checkall").click(function () {
|
||||
// alert(this.checked);
|
||||
if ($(this).is(':checked')) {
|
||||
$(".checklist").find('input').each(function () {
|
||||
$(this).prop("checked", true);
|
||||
});
|
||||
} else {
|
||||
$(".checklist").find('input').each(function () {
|
||||
$(this).removeAttr("checked", false);
|
||||
$(this).prop("checked", false); // 根据官方的建议：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</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 |
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 149 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 806 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 693 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 726 B |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 733 B |
Binary file not shown.
|
After Width: | Height: | Size: 781 B |
Binary file not shown.
|
After Width: | Height: | Size: 678 B |
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 155 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 135 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 967 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 452 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue