Merge branch 'master' of http://git.scdxtc.com/chen/huaxia
commit
bd9e887208
108
css/huaxia.css
108
css/huaxia.css
|
|
@ -1,4 +1,5 @@
|
|||
body{margin: 0;padding: 0;}
|
||||
.w102{width: 102.6%;}
|
||||
.w100{width: 100%;}
|
||||
.w96{width: 96%;}
|
||||
.w90{width: 90%;}
|
||||
|
|
@ -79,12 +80,14 @@ body{margin: 0;padding: 0;}
|
|||
.m-x10{margin-bottom: 10px;}
|
||||
|
||||
.m-zy180{margin-left: 180px;margin-right: 180px;}
|
||||
.m-zy10{margin-left: 10px;margin-right: 10px;}
|
||||
.m-zy15{margin-left: 15px;margin-right: 15px;}
|
||||
.m-zy20{margin-left: 20px;margin-right: 20px;}
|
||||
.m-zy30{margin-left: 30px;margin-right: 30px;}
|
||||
|
||||
|
||||
|
||||
.pd6{padding: 6px;}
|
||||
.pd30{padding: 30px;}
|
||||
.pd20{padding: 20px;}
|
||||
.pd10{padding: 10px;}
|
||||
|
|
@ -139,16 +142,20 @@ body{margin: 0;padding: 0;}
|
|||
.fb{font-weight: bold;}
|
||||
|
||||
|
||||
.linh48{line-height: 48px;}
|
||||
.linh42{line-height: 42px;}
|
||||
.linh32{line-height: 32px;}
|
||||
.linh30{line-height: 30px;}
|
||||
.linh28{line-height: 28px;}
|
||||
.linh26{line-height: 26px;}
|
||||
.linh24{line-height: 24px;}
|
||||
|
||||
|
||||
|
||||
.tc{text-align: center;}
|
||||
.tl{text-align: left;}
|
||||
.tr{text-align: right;}
|
||||
.colf{color: #FFFFFF;}
|
||||
.colf5{color: #F5F5F5;}
|
||||
.col19{color: #191919;}
|
||||
.col7d{color: #7d7d7d;}
|
||||
.col9{color: #999999;}
|
||||
|
|
@ -158,12 +165,14 @@ body{margin: 0;padding: 0;}
|
|||
.backf{background: #FFFFFF;}
|
||||
.backe6{background: #e6e6e6;}
|
||||
.backf5{background: #f5f5f5;}
|
||||
.backe9{background: #e9e9e9;}
|
||||
|
||||
|
||||
|
||||
.bord2{border: 2px solid #e5e5e5;}
|
||||
.bd{border: 1px solid #e6e6e6;}
|
||||
.btt{border-top: 1px solid #ebebeb;}
|
||||
.bbt{border-bottom: 1px solid #ebebeb;}
|
||||
.bbtAll{border-bottom: 1px solid #ebebeb;}
|
||||
.tin2{text-indent: 2em;}
|
||||
|
||||
.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;}
|
||||
|
|
@ -177,6 +186,8 @@ body{margin: 0;padding: 0;}
|
|||
ul li {list-style: none;padding: 0px;margin: 0px;}
|
||||
.tn{text-decoration: none;}
|
||||
|
||||
input{outline: none;}
|
||||
|
||||
#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;}
|
||||
.dmedia{display: inline;}
|
||||
|
||||
|
|
@ -259,22 +270,51 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
line-height: 1;
|
||||
font-weight: 700;
|
||||
}
|
||||
/* 首页7个轮播 */
|
||||
.swiper-pub{width: 39px;height: 39px;position: absolute;top: 35%;z-index: 1;cursor: pointer;}
|
||||
.two-next{right: 0;}
|
||||
.two-pre{left: 0;}
|
||||
/* 详情页轮播箭头样式 */
|
||||
.xq-pub{width: 46px;height: 46px;position: absolute;top: 46%;opacity: 0.2;z-index: 1;cursor: pointer;}
|
||||
.xq-next{right: 20px;}
|
||||
.xq-pre{left: 20px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.allitem-title{padding: 45px 0 40px 0;}
|
||||
.zx-more{display: none;justify-content: center;align-items: center;}
|
||||
/* 弹框 */
|
||||
#isTank{display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;}
|
||||
#isTank>div{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
|
||||
#isTank>div>div{max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;}
|
||||
.close-q{width: 19px;height: 19px;}
|
||||
.close-q div{background: #828282;border-radius: 10px;width: 2px;height: 22px;}
|
||||
.close-q div:first-child{transform: rotate(45deg);}
|
||||
.close-q div:last-child{transform: rotate(-45deg);}
|
||||
.tk-tougao{padding: 30px 40px;}
|
||||
.tk-tougao>div>input{width: 459px;height: 52px;border: 1px solid #E6E6E6;border-radius: 3px;}
|
||||
.bord2>div>div{color: #FFFFFF;background: #CB1919;font-size: 14px;padding: 2px 4px;margin-left: 20px;}
|
||||
#sumitdh{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;}
|
||||
.chooseImg-box{display: inline-block;}
|
||||
.chooseImg-box>div input{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;opacity: 0;z-index: 2;}
|
||||
.chooseImg-box>div>div{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;display: flex;justify-content: center;align-items: center;}
|
||||
.chooseImg-box>div>div span{display: block;width: 2px;height: 60px;border-radius: 3px;background-color: #E6E6E6;}
|
||||
.chooseImg-box>div>div span:first-child{transform: rotate(90deg);}
|
||||
.chooseImg-box>div img{width: 109px;height: 109px;display: none;object-fit: cover;z-index: 1;border-radius: 3px;}
|
||||
.chooseImg-content{margin-top: 76px;margin-left: 130px;font-size: 12px;color: #222222;opacity: .7;}
|
||||
.tgsub-btn{width: 906px;}
|
||||
.tgsub-btn div{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;}
|
||||
#success_fail{width: 569px;}
|
||||
#failk>img,#successk>img{width: 77px;height: 77px;margin-top: 54px;}
|
||||
.goZhanl{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;}
|
||||
.goShop,#successk div:last-child div{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;}
|
||||
#successk div:last-child div:last-child{margin-left: 10px;border: 1px solid #CB1919;color: #CB1919;}
|
||||
/* 首页 */
|
||||
.logo{width: 487px;}
|
||||
.banner-img{width: 100%;height: auto;}
|
||||
.head-box{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;padding: 10px 180px;}
|
||||
.head-nav-box>div:last-child{margin-top: 20px;}
|
||||
/* .head-nav-box>div:last-child{margin-top: 20px;} */
|
||||
.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;}
|
||||
.dao-boxw{box-shadow: 0px 3px 12px rgba(2,2,2,.16);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;}
|
||||
|
|
@ -286,7 +326,7 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
.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 input{font-size: 14px;height: 38px;border: 0;}
|
||||
.input-box img{right: 10px;top: 10px;width: 20px;height: 20px;}
|
||||
.cq-item-title-box{padding: 65px 0 30px 0;}
|
||||
.cq-item-title-box>div>div{background:-webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 11px; bottom: 0;left: 0;width: 130px; opacity: .8;z-index: 0;}
|
||||
|
|
@ -299,6 +339,8 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
.msg .m-x32:nth-last-child(2){
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.exhibition .swiper-slide .item-box{width: 293px;}
|
||||
.exhibition .swiper-slide img{object-fit: cover;}
|
||||
/* .xx-img{ width:242px; height:151px;} */
|
||||
.xx-content{line-height: 28px;}
|
||||
.xx-img{ width:100%;}
|
||||
|
|
@ -309,29 +351,36 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
.ys-title{font-size: 20px;font-weight: bold;padding-right: 20px;}
|
||||
.ys-cate{font-size: 14px;color: #a6a6a4;padding-right: 20px;}
|
||||
.ysj-name{line-height: 26px;}
|
||||
.ysj .ya-item-box{margin-right: 1.36em;}
|
||||
.ysj .ya-item-box{margin-right: 1.36em;width:94%;padding-bottom:10px;}
|
||||
.ysj .ya-item-box img{transition: transform .5s;cursor: pointer;}
|
||||
.ysj .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
|
||||
.ysj .ya-item-box:last-child{margin-right: 0px;}
|
||||
.ysj .pr{padding-right: 0px;}
|
||||
#homeArtist{width: 101.2%;}
|
||||
.wc-box>div>img{width: 96%;transition: transform .5s;}
|
||||
.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;}
|
||||
|
||||
.checksyzp{background: #cb1919;color: rgba(255,255,255,.8);padding: 6px 10px;}
|
||||
.ysj-itemcheck{border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);}
|
||||
.ysj-itemcon{color: rgba(25,25,25,.7);}
|
||||
.gongn{display: none;width: 50px;height: 50px;position: absolute;right: 50px;cursor: pointer;}
|
||||
.xinxy-box{background: #f6f5f3;padding-bottom: 65px;}
|
||||
.xinxy-box .dac{width: 102%;overflow: hidden;}
|
||||
.xinxy-box .dac{width: 101.4%;overflow: hidden;}
|
||||
.xinxy-box .msg .w48{width: 49%;}
|
||||
.syysj-box{background: #100e0d;padding-bottom: 65px;}
|
||||
.syys-name{font-size: 30px;font-weight: bold;color: #cb1919;}
|
||||
.sypx-box{background: url(../img/public/px-bac.png); background-size: 100% 100%;padding-bottom: 65px;}
|
||||
.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
|
||||
.hzly-box{padding: 30px;z-index: 1;}
|
||||
.hz-input-box input{margin-right: 10px;}
|
||||
.hz-input-box input{margin-right: 10px;border-radius: 3px;border:1px solid #e9e9e9}
|
||||
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 10px 50px;border-radius: 3px;}
|
||||
.hz-imgItem img{cursor: pointer;width: 90%;}
|
||||
.yssc-img{height: 500px;vertical-align: bottom;}
|
||||
.yssc-item{height: 500px;vertical-align: bottom;max-width: 364px;}
|
||||
/* 资讯 */
|
||||
.zx-nav,.szx-nav,.px-nav{padding: 0;}
|
||||
.zx-nav li span {cursor: pointer;}
|
||||
.zx-nav li,.szx-nav li,.px-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
|
||||
.zx-nav li a,.szx-nav li a,.px-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
|
||||
.zx-nav li div,.szx-nav li div,.px-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
|
||||
|
|
@ -347,6 +396,8 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
#zl-list div:hover .m-s20{font-weight: bold;}
|
||||
.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%;}
|
||||
.jg-twoNav{padding: 0;margin: 0;}
|
||||
.jg-tou{padding: 6px;margin-top: -90px;}
|
||||
/* 拍卖 */
|
||||
#pm-list>div:hover,#pxzb-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;}
|
||||
#pm-list>div:hover div:last-child>div:first-child,#pxzb-list>div:hover div:last-child>div:first-child{color: #CB1919;}
|
||||
|
|
@ -381,6 +432,14 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
#zlzp-list>div:hover div:last-child>span{color: #FFFFFF;background: #CB1919;}
|
||||
#zlzp-list>div:hover .font-16{font-weight: bold;}
|
||||
.zltp{width: 179px;height: 47px;border-radius: 5px;border: 1px solid #dbdbdb;line-height: 47px;text-align: center;}
|
||||
.toug-btn{color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;}
|
||||
.zhanldw{width: 15px;height: 17px;margin-right: 4px;}
|
||||
.col007{color: #007de2;}
|
||||
.zhanl-select{height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;}
|
||||
.zhanl-select img{width: 12px;height: 8px;}
|
||||
.zpsearch-box{width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;}
|
||||
.zpsearch-box input{width: 100%;border: none;height: 34px;margin-right: 20px;}
|
||||
.zpsearch-box img{width: 17px;height: 16px;}
|
||||
/* 积分商城 */
|
||||
#rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;}
|
||||
#rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;}
|
||||
|
|
@ -394,6 +453,17 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
#alls-list .dfc > div{margin: 10px;}
|
||||
#alls-list .dfc > div img{max-height: 230px;}
|
||||
#alls-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
|
||||
|
||||
|
||||
|
||||
/* 详情右侧 */
|
||||
.detail-right{width: 86%;padding-right: 10px;padding: 20px;}
|
||||
.youhq-box span{background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;}
|
||||
.detail-input-box {width: 60px;height: 46px;border: 1px solid #cccccc;}
|
||||
#numVal{border: none;width: 32px;text-align: center;height: 44px;}
|
||||
.dui-box,.addcart-box{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;}
|
||||
.addcart-box:last-child{background: #ed4910;margin-left: 10px;}
|
||||
.detail-right .p-s20>.dac{margin-left: 46px;}
|
||||
.detail-right .p-s20 img:first-child{width: 14px;height: 13px;margin-right: 4px;}
|
||||
.detail-right .p-s20 img:last-child{width: 16px;height: 14px;margin-right: 4px;}
|
||||
.goMai{background-color: #CB1919;color: #FFFFFF;font-size: 20px;padding: 10px 40px;cursor: pointer;}
|
||||
.zzpub{font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;border: 1px solid #CB1919;}
|
||||
.goMaiz{background-color: #CB1919;color: #FFFFFF;}
|
||||
.yul{color: #CB1919;margin-left: 10px;}
|
||||
|
|
@ -99,7 +99,9 @@ ul {
|
|||
margin-right: 10px;
|
||||
|
||||
}
|
||||
|
||||
.ty_leftcon>span {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ty_ris {
|
||||
|
||||
width: 1060px;
|
||||
|
|
|
|||
|
|
@ -10,24 +10,13 @@ li {
|
|||
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");
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
|
||||
/* 输入整体框 */
|
||||
header .container {
|
||||
width: 420px;
|
||||
height: 680px;
|
||||
|
|
@ -62,7 +51,7 @@ header .container .head .gang {
|
|||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
|
||||
/* 身份访问 */
|
||||
header .container .identity ul {
|
||||
margin: 20px;
|
||||
padding-bottom: 20px;
|
||||
|
|
@ -116,10 +105,18 @@ header .container .identity ul li .Vbtn-2:hover:after {
|
|||
width: 70%;
|
||||
}
|
||||
|
||||
header .container .identity ul li:visited {
|
||||
color: #000;
|
||||
/* 点击切换会员 */
|
||||
header .container .identity ul li .member:link{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:hover{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:visited:focus{
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* 输入框 */
|
||||
header .container .layui-input {
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
|
|
@ -132,7 +129,7 @@ header .container .layui-input {
|
|||
header .container .layui-form-item {
|
||||
margin-left: -30px;
|
||||
}
|
||||
|
||||
/* 用户协议 */
|
||||
header .container .layui-form-item .checkb {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
|
@ -155,7 +152,7 @@ header .container .layui-form-item .font-set {
|
|||
header .container .layui-input-block:last-child {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/* 验证码 */
|
||||
header .container .codes {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
|
@ -164,15 +161,18 @@ header .container .codes input {
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes canvas {
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes canvas p {
|
||||
color: #000;
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
|
|
@ -188,22 +188,11 @@ header .container .layui-btn {
|
|||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,37 @@
|
|||
@media screen and (max-width:300px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:301px) and (max-width:350px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:351px) and (max-width:420px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:421px) and (max-width:490px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:491px) and (max-width:620px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:621px) and (max-width:720px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:891px) and (max-width:1160ox) {
|
||||
.swiper-wrapper img{width: 70%;padding: 0px 10px;}
|
||||
}
|
||||
@media screen and (min-width:1161px) and (max-width:1460px) {
|
||||
td:nth-child(1){ width: 50px;}
|
||||
td:nth-child(n + 2) {padding: 10px 20px;}
|
||||
.swiper-wrapper img{width: 90%;padding: 0px 10px;height: 200px;}
|
||||
}
|
||||
@media screen and (min-width:1461px) and (max-width:1660px) {
|
||||
.swiper-wrapper img{padding: 0px 7px;}
|
||||
}
|
||||
@media screen and (min-width:1661px) and (max-width:1820px) {
|
||||
.swiper-wrapper img{padding: 0px 10px;}
|
||||
}
|
||||
@media screen and (min-width:1821px) and (max-width:1920px) {
|
||||
section{padding: 15px 50px;}
|
||||
tfoot{height: 90px;}
|
||||
.swiper-wrapper img{max-width: 90%;}
|
||||
}
|
||||
|
|
@ -11,26 +11,16 @@ 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");
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
|
||||
/* 输入整体框 */
|
||||
header .container {
|
||||
width: 420px;
|
||||
height: 450px;
|
||||
height: 400px;
|
||||
min-height: 320px;
|
||||
max-height: 570px;
|
||||
position: absolute;
|
||||
|
|
@ -62,7 +52,7 @@ header .container .head .gang {
|
|||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
|
||||
/* 身份访问 */
|
||||
header .container .identity ul {
|
||||
margin: 20px;
|
||||
padding-bottom: 20px;
|
||||
|
|
@ -81,7 +71,7 @@ header .container .identity ul li a {
|
|||
}
|
||||
|
||||
header .container .identity ul li .set_1_btn {
|
||||
color: #333;
|
||||
color: #737373;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
line-height: 45px;
|
||||
|
|
@ -90,7 +80,7 @@ header .container .identity ul li .set_1_btn {
|
|||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 会员底部展示条 */
|
||||
header .container .identity ul li .Vbtn-2 {
|
||||
letter-spacing: 0;
|
||||
transition: all 150ms linear 0s;
|
||||
|
|
@ -110,16 +100,21 @@ header .container .identity ul li .Vbtn-2:after {
|
|||
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 .identity ul li .member:link{
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
header .container .identity ul li .member:hover{
|
||||
color: #737377;
|
||||
}
|
||||
header .container .identity ul li .member:visited:focus{
|
||||
color: #333;
|
||||
}
|
||||
/* 输入框 */
|
||||
header .container .layui-input {
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
|
|
@ -133,20 +128,6 @@ 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;
|
||||
|
|
@ -156,30 +137,6 @@ 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 li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
header .container .layui-btn {
|
||||
margin-left: 18px;
|
||||
border-radius: 5px;
|
||||
|
|
@ -188,11 +145,7 @@ header .container .layui-btn {
|
|||
font-size: 15px;
|
||||
background-color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .verity {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
/* 忘记密码 */
|
||||
header .container .bot a:first-child {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -200,150 +153,3 @@ header .container .bot a:first-child {
|
|||
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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,24 +10,13 @@ li {
|
|||
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");
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
|
||||
/* 输入整体框 */
|
||||
header .container {
|
||||
width: 420px;
|
||||
height: 680px;
|
||||
|
|
@ -62,7 +51,7 @@ header .container .head .gang {
|
|||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
|
||||
/* 身份访问 */
|
||||
header .container .identity ul {
|
||||
margin: 20px;
|
||||
padding-bottom: 20px;
|
||||
|
|
@ -90,7 +79,7 @@ header .container .identity ul li .set_1_btn {
|
|||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 会员底部展示条 */
|
||||
header .container .identity ul li .Vbtn-2 {
|
||||
letter-spacing: 0;
|
||||
transition: all 150ms linear 0s;
|
||||
|
|
@ -116,10 +105,17 @@ header .container .identity ul li .Vbtn-2:hover:after {
|
|||
width: 70%;
|
||||
}
|
||||
|
||||
header .container .identity ul li:visited {
|
||||
color: #000;
|
||||
/* 点击切换会员 */
|
||||
header .container .identity ul li .member:link{
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
header .container .identity ul li .member:hover{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:visited:focus{
|
||||
color: #333;
|
||||
}
|
||||
/* 输入框 */
|
||||
header .container .layui-input {
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
|
|
@ -173,7 +169,6 @@ header .container .codes li {
|
|||
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
|
|
@ -215,146 +210,3 @@ section {
|
|||
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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,31 +11,21 @@ a {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
header .img {
|
||||
position: absolute;
|
||||
left: 20%;
|
||||
top: 5%;
|
||||
transform: translate(-20%, -5%);
|
||||
}
|
||||
|
||||
header .img img {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
/* 背景图 */
|
||||
header .bac {
|
||||
height: 850px;
|
||||
height: 930px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("../../img/images/backimg.png");
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
|
||||
/* 输入整体框 */
|
||||
header .container {
|
||||
width: 560px;
|
||||
width: 420px;
|
||||
height: 570px;
|
||||
min-height: 320px;
|
||||
max-height: 570px;
|
||||
position: absolute;
|
||||
top: -350px;
|
||||
left: -40px;
|
||||
top: 80px;
|
||||
left: 25px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
|
|
@ -62,7 +52,7 @@ header .container .head .gang {
|
|||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
|
||||
/* 身份访问 */
|
||||
header .container .identity ul {
|
||||
margin: 20px;
|
||||
padding-bottom: 20px;
|
||||
|
|
@ -71,28 +61,32 @@ header .container .identity ul {
|
|||
}
|
||||
|
||||
header .container .identity ul li {
|
||||
display: inline-flex;
|
||||
margin: auto;
|
||||
width: 400px;
|
||||
padding: 0px 28px;
|
||||
}
|
||||
|
||||
header .container .identity ul li a {
|
||||
font-size: 18px;
|
||||
height: 23px;
|
||||
margin: 0px 30px;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
header .container .identity ul li .set_1_btn {
|
||||
color: #333;
|
||||
header .container .identity ul li .set_1_btn:link {
|
||||
color: #737373;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
max-width: 100px;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
header .container .identity ul li .set_1_btn:hover {
|
||||
color: #333;
|
||||
}
|
||||
header .container .identity ul li .set_1_btn:active:visited:focus {
|
||||
color: #000;
|
||||
}
|
||||
/* 会员底部显示条 */
|
||||
header .container .identity ul li .Vbtn-2 {
|
||||
letter-spacing: 0;
|
||||
transition: all 150ms linear 0s;
|
||||
|
|
@ -112,37 +106,46 @@ header .container .identity ul li .Vbtn-2:after {
|
|||
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: 100%;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
header .container .identity ul li:visited {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* 点击切换会员 */
|
||||
header .container .identity ul li .member:link{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:hover{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:visited:focus{
|
||||
color: #333;
|
||||
}
|
||||
/* 输入框 */
|
||||
header .container .layui-input {
|
||||
border: 0;
|
||||
outline: medium;
|
||||
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 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb .ui-checkbox {
|
||||
margin: 0;
|
||||
height: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb input {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 19px;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb a {
|
||||
|
|
@ -154,17 +157,8 @@ header .container .layui-form-item .font-set {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
header .container .layui-input-block {
|
||||
border: 0px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
header .container .layui-input-block input {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header .container .layui-input-block:last-child {
|
||||
margin: 0px 10px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
header .container .codes {
|
||||
|
|
@ -180,87 +174,33 @@ header .container .codes li {
|
|||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
/* 登录 */
|
||||
header .container .layui-btn {
|
||||
margin-left: 18px;
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
background-color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .verity {
|
||||
width: 340px;
|
||||
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;
|
||||
}
|
||||
|
||||
@media screen and (min-width:621px) and (max-width:720px) {
|
||||
|
||||
}
|
||||
|
|
@ -11,21 +11,12 @@ 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");
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
/* 找回密码表单 */
|
||||
header .container {
|
||||
|
|
@ -46,7 +37,7 @@ header .container {
|
|||
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* 输入框 */
|
||||
header .container .head {
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ section {
|
|||
}
|
||||
|
||||
section .whoil {
|
||||
padding: 15px 50px;
|
||||
padding: 15px 240px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 {
|
||||
|
|
@ -40,7 +40,7 @@ section .whoil .whoil-1 .all h2 {
|
|||
background-color: #fff;
|
||||
border-bottom: #cb1919 2px solid;
|
||||
}
|
||||
|
||||
/* 选择 */
|
||||
section .whoil .whoil-1 table {
|
||||
width: 100%;
|
||||
border: 1;
|
||||
|
|
@ -48,14 +48,20 @@ section .whoil .whoil-1 table {
|
|||
border-spacing: 0px 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* 全选 */
|
||||
section .whoil .whoil-1 table thead {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border: 2px solid #000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* 全选 */
|
||||
section .whoil .whoil-1 tfoot {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border: 2px solid #000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
section .whoil .whoil-1 table thead th {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
|
@ -63,6 +69,9 @@ section .whoil .whoil-1 table thead th {
|
|||
section .whoil .whoil-1 table thead th:nth-child(2) {
|
||||
float: left;
|
||||
}
|
||||
section .whoil .whoil-1 table thead th:nth-child(n + 3) {
|
||||
padding-left: 55px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table thead th input {
|
||||
float: left;
|
||||
|
|
@ -74,16 +83,23 @@ section .whoil .whoil-1 table tbody .inline {
|
|||
|
||||
section .whoil .whoil-1 table tbody .inline td span {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(1) {
|
||||
width: 70px;
|
||||
padding: 0px 10px;
|
||||
section .whoil .whoil-1 table tbody .inline th {
|
||||
width: 140px;
|
||||
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline th input {
|
||||
position: absolute;
|
||||
margin:16px 18px;
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline th img {
|
||||
margin-left: 55px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(n + 2) {
|
||||
padding: 10px 20px;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(n + 3) {
|
||||
|
|
@ -99,30 +115,34 @@ section .whoil .whoil-1 table tbody .inline td:nth-child(4) input {
|
|||
width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(4) button {
|
||||
width:15px;
|
||||
|
||||
}
|
||||
/* 结算 */
|
||||
section .whoil .whoil-1 table tfoot {
|
||||
background-color: #f3f3f3;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot td:nth-child(1) {
|
||||
section .whoil .whoil-1 table tfoot th {
|
||||
padding: 10px 20px;
|
||||
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot td:nth-child(5) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot td:nth-child(5) #allPrice {
|
||||
section .whoil .whoil-1 table tfoot #allPrice {
|
||||
color: #cb1919;
|
||||
font-size: 30px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot td:nth-child(6) span {
|
||||
section .whoil .whoil-1 table tfoot td:last-child span {
|
||||
color: #f5f5f5;
|
||||
background-color: #cb1919;
|
||||
padding: 15px 25px;
|
||||
}
|
||||
|
||||
padding: 18px 50px;
|
||||
float: right;
|
||||
}
|
||||
/* 轮播图 */
|
||||
section .whoil .whoil-1 .swiper-container {
|
||||
width: 100%;
|
||||
height: 380px;
|
||||
|
|
@ -132,17 +152,27 @@ section .whoil .whoil-1 .swiper-container {
|
|||
section .whoil .whoil-1 .swiper-container .swiper-text {
|
||||
padding: 10px 5px;
|
||||
border-bottom: #e0e0e0 1px solid;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-wrapper {
|
||||
/* section .whoil .whoil-1 .swiper-wrapper {
|
||||
margin-top: 20px;
|
||||
}
|
||||
} */
|
||||
|
||||
section .whoil .whoil-1 .swiper-container img {
|
||||
display: block;
|
||||
/* width: 100%; */
|
||||
height: 287px;
|
||||
overflow: hidden;
|
||||
}
|
||||
section .whoil .whoil-1 .swiper-slide .clips1 {
|
||||
text-align: center;
|
||||
width: 284px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-button-prev,
|
||||
section .whoil .whoil-1 .swiper-container .swiper-button-next {
|
||||
|
|
|
|||
|
|
@ -20,210 +20,169 @@ section .whole {
|
|||
margin: auto;
|
||||
}
|
||||
|
||||
section .whole .whole-1,
|
||||
section .whole .setall {
|
||||
section .whole .whole-1 {
|
||||
margin: 20px auto;
|
||||
width: 1200px;
|
||||
padding: 25px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .all,
|
||||
section .whole .setall .all {
|
||||
section .whole .whole-1 .all {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .all h2,
|
||||
section .whole .setall .all h2 {
|
||||
section .whole .whole-1 .all h2 {
|
||||
font-weight: 600;
|
||||
float: left;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers,
|
||||
section .whole .whole-1 .opt,
|
||||
section .whole .setall .Buyers,
|
||||
section .whole .setall .opt {
|
||||
/* 买家 */
|
||||
section .whole .whole-1 .Buyers {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .toggle,
|
||||
section .whole .whole-1 .commodity,
|
||||
section .whole .setall .toggle,
|
||||
section .whole .setall .commodity {
|
||||
section .whole .whole-1 .commodity {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Subtitle,
|
||||
section .whole .setall .Subtitle {
|
||||
section .whole .whole-1 .Subtitle {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers,
|
||||
section .whole .setall .Buyers {
|
||||
section .whole .whole-1 .Buyers {
|
||||
border-top: 2px solid #cb1919;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container span:nth-child(2),
|
||||
section .whole .setall .Buyers #container span:nth-child(2) {
|
||||
section .whole .whole-1 .Buyers #container span:nth-child(2) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container span:nth-child(2) a,
|
||||
section .whole .setall .Buyers #container span:nth-child(2) a {
|
||||
section .whole .whole-1 .Buyers #container span:nth-child(2) a {
|
||||
color: #066ee2;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #wrap,
|
||||
section .whole .setall .Buyers #container #wrap {
|
||||
section .whole .whole-1 .Buyers #container #wrap {
|
||||
overflow: hidden;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #wrap .address,
|
||||
section .whole .setall .Buyers #container #wrap .address {
|
||||
section .whole .whole-1 .Buyers #container #wrap .address {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .name,
|
||||
section .whole .setall .Buyers #container #wrap .address .name {
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .name {
|
||||
display: inline-block;
|
||||
padding: 10px 50px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .na-1,
|
||||
section .whole .setall .Buyers #container #wrap .address .na-1 {
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .na-1 {
|
||||
border: solid 2px #cb1919;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .na-2,
|
||||
section .whole .setall .Buyers #container #wrap .address .na-2 {
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .na-2 {
|
||||
margin-top: 10px;
|
||||
border: solid 2px #d1d1d1;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #wrap .address p,
|
||||
section .whole .setall .Buyers #container #wrap .address p {
|
||||
section .whole .whole-1 .Buyers #container #wrap .address p {
|
||||
margin: 0px 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #wrap .address-2 a,
|
||||
section .whole .setall .Buyers #container #wrap .address-2 a {
|
||||
section .whole .whole-1 .Buyers #container #wrap .address-2 a {
|
||||
color: #066ee2;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #wrap .stop,
|
||||
section .whole .setall .Buyers #container #wrap .stop {
|
||||
section .whole .whole-1 .Buyers #container #wrap .stop {
|
||||
padding: 20px 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Buyers #container #read-more,
|
||||
section .whole .setall .Buyers #container #read-more {
|
||||
section .whole .whole-1 .Buyers #container #read-more {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt,
|
||||
section .whole .setall .opt {
|
||||
/* 送货清单 */
|
||||
section .whole .whole-1 .opt {
|
||||
padding: 25px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall table,
|
||||
section .whole .setall .opt ul .optall table {
|
||||
section .whole .whole-1 .opt ul .optall table {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall #checkall,
|
||||
section .whole .setall .opt ul .optall #checkall {
|
||||
section .whole .whole-1 .opt ul .optall #checkall {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall th,
|
||||
section .whole .setall .opt ul .optall th {
|
||||
section .whole .whole-1 .opt ul .optall th {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall th span,
|
||||
section .whole .setall .opt ul .optall th span {
|
||||
section .whole .whole-1 .opt ul .optall th span {
|
||||
margin-left: 85px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among table,
|
||||
section .whole .setall .opt .checklist .among table {
|
||||
section .whole .whole-1 .opt .checklist .among table {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th,
|
||||
section .whole .setall .opt .checklist .among th {
|
||||
section .whole .whole-1 .opt .checklist .among th {
|
||||
height: 115px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(1),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(1) {
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(1) {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(1) img,
|
||||
section .whole .setall .opt .checklist .among th:nth-child(1) img {
|
||||
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),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(2) {
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(2) {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(4) > input,
|
||||
section .whole .setall .opt .checklist .among th:nth-child(4) > input {
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(4) > input {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
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),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(3),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(4),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(6) {
|
||||
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: 162px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(5),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(5) {
|
||||
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,
|
||||
section .whole .setall .opt .checklist .among th:nth-child(5) input {
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(5) input {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
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),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(1),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(3) {
|
||||
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),
|
||||
section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(2) {
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(2) {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon,
|
||||
section .whole .setall .coupon {
|
||||
/* 使用优惠券 */
|
||||
section .whole .whole-1 .coupon {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
padding-bottom: 40px;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .yh,
|
||||
section .whole .setall .coupon .yh {
|
||||
section .whole .whole-1 .coupon .yh {
|
||||
width: 262px;
|
||||
height: 130px;
|
||||
margin-right: 25px;
|
||||
|
|
@ -231,23 +190,18 @@ section .whole .setall .coupon .yh {
|
|||
|
||||
section .whole .whole-1 .coupon .yh h1,
|
||||
section .whole .whole-1 .coupon .yh h3,
|
||||
section .whole .whole-1 .coupon .yh span,
|
||||
section .whole .setall .coupon .yh h1,
|
||||
section .whole .setall .coupon .yh h3,
|
||||
section .whole .setall .coupon .yh span {
|
||||
section .whole .whole-1 .coupon .yh span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .yh h1,
|
||||
section .whole .setall .coupon .yh h1 {
|
||||
section .whole .whole-1 .coupon .yh h1 {
|
||||
font-size: 50px;
|
||||
position: relative;
|
||||
left: 30px;
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .yh h3,
|
||||
section .whole .setall .coupon .yh h3 {
|
||||
section .whole .whole-1 .coupon .yh h3 {
|
||||
font-size: 17px;
|
||||
position: relative;
|
||||
left: 91px;
|
||||
|
|
@ -255,52 +209,47 @@ section .whole .setall .coupon .yh h3 {
|
|||
font-weight: 700;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .yh span,
|
||||
section .whole .setall .coupon .yh span {
|
||||
section .whole .whole-1 .coupon .yh span {
|
||||
position: relative;
|
||||
left: 91px;
|
||||
top: -32px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .yh p,
|
||||
section .whole .setall .coupon .yh p {
|
||||
section .whole .whole-1 .coupon .yh p {
|
||||
color: #cb1919;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .coupon-1,
|
||||
section .whole .setall .coupon .coupon-1 {
|
||||
/* 优惠卷的背景 */
|
||||
section .whole .whole-1 .coupon .coupon-1 {
|
||||
background: url("../../img/images/coupon-1.png");
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .coupon-2,
|
||||
section .whole .setall .coupon .coupon-2 {
|
||||
section .whole .whole-1 .coupon .coupon-2 {
|
||||
background: url("../../img/images/coupon-2.png");
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .coupon-3,
|
||||
section .whole .setall .coupon .coupon-3 {
|
||||
section .whole .whole-1 .coupon .coupon-3 {
|
||||
background: url("../../img/images/coupon-3.png");
|
||||
}
|
||||
|
||||
section .whole .whole-1 .coupon .coupon-3 p,
|
||||
section .whole .setall .coupon .coupon-3 p {
|
||||
section .whole .whole-1 .coupon .coupon-3 p {
|
||||
color: #d2d2d2;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .remarks,
|
||||
section .whole .setall .remarks {
|
||||
/* 备注 */
|
||||
section .whole .whole-1 .remarks {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .remarks .layui-textarea,
|
||||
section .whole .setall .remarks .layui-textarea {
|
||||
section .whole .whole-1 .remarks .layui-textarea {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
|
||||
/* 提交订单 */
|
||||
section .whole .setall {
|
||||
margin: 20px auto;
|
||||
width: 1200px;
|
||||
padding: 25px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #e0e0e0;
|
||||
margin-top: 25px;
|
||||
|
|
@ -318,7 +267,7 @@ section .whole .setall .seta li {
|
|||
section .whole .setall .seta li span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* 送货地址 */
|
||||
section .whole .setall .total {
|
||||
border-top: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
|
|
@ -342,14 +291,14 @@ section .whole .setall .total li span {
|
|||
|
||||
section .whole .setall .total li p {
|
||||
color: #ababab;
|
||||
}
|
||||
|
||||
}
|
||||
/* 提交按钮 */
|
||||
section .whole .setall .subore {
|
||||
padding: 30px 0px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
section .whole .setall .subore span {
|
||||
section .whole .setall .subore li {
|
||||
padding: 15px 35px;
|
||||
background-color: #cb1919;
|
||||
color: #fff;
|
||||
|
|
|
|||
|
|
@ -42,28 +42,28 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
<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="exhibition.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>
|
||||
<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">
|
||||
|
|
@ -92,7 +92,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="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -108,9 +108,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">艺术家</div>
|
||||
<div class="font-40 allitem-title">艺术家</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-gg">在线签约</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -108,9 +108,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">周安明</div>
|
||||
<div class="font-40 allitem-title">周安明</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-xx">关注他</div>
|
||||
</div>
|
||||
|
|
@ -122,10 +122,10 @@
|
|||
<div class="djb bbt m-zy20">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" id="ys-nav" 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="javascript:;">推荐作品</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>
|
||||
<li class="pr cq-cp"><span class="zx-nav-title">个人简介</span><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>推荐作品</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>艺术访谈</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>书刊杂志</span><div></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 简介 -->
|
||||
|
|
@ -144,7 +144,7 @@
|
|||
<div id="ysj-zp">
|
||||
<div id="" class="p-zy20">
|
||||
<!-- 三级导航 -->
|
||||
<ul class="szx-nav dac" style="padding: 0;margin: 0;">
|
||||
<ul class="szx-nav dac" style="padding: 0;margin-bottom: 20px;">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -108,9 +108,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">周安明</div>
|
||||
<div class="font-40 allitem-title">周安明</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-xx">关注他</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -42,28 +42,28 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
<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="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -88,11 +88,11 @@
|
|||
<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="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -108,9 +108,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
|
||||
<div class="font-40 allitem-title">拍卖</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
|
|
|
|||
|
|
@ -42,28 +42,28 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
<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="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -88,11 +88,11 @@
|
|||
<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="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -108,9 +108,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
|
||||
<div class="font-40 allitem-title">拍卖</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
|
|
|
|||
|
|
@ -42,28 +42,28 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -76,29 +76,29 @@
|
|||
<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="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.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"><a href="javascript:;">机构</a><div class="xiahx pa"></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">
|
||||
<div class="pr djcacfw"><a href="train.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="shoppingMall.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"><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"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
|
|
@ -108,24 +108,24 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
|
||||
<div class="font-40 allitem-title">拍卖</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div class="djb bbt ps m-s50 p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container m-y20">
|
||||
<div class="ys-swiper swiper-container m-y20" style="max-height: 637px;overflow: hidden;">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-02.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-03.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<img class="xq-next xq-pub" src="../../img/public/xq-next.png" >
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<img class="xq-pre xq-pub" src="../../img/public/xq-pre.png" >
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
|
|
@ -137,8 +137,8 @@
|
|||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
nextEl: '.xq-next',
|
||||
prevEl: '.xq-pre',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
|
|
|
|||
|
|
@ -36,22 +36,22 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -66,15 +66,15 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<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 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">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -82,11 +82,11 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -102,12 +102,12 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">展览</div>
|
||||
<div class="font-40 allitem-title">展览</div>
|
||||
<div class="dac m-s20" id="px-item">
|
||||
<div class="cq-cp zx-xx">正在展会</div>
|
||||
<div class="cq-cp zx-gg" style="margin: 0 10px;">即将展览</div>
|
||||
<div class="cq-cp zx-gg m-zy10">即将展览</div>
|
||||
<div class="cq-cp zx-gg">展览回顾</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -36,22 +36,22 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -66,15 +66,15 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<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 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">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -82,11 +82,11 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -102,12 +102,12 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">展览</div>
|
||||
<div class="font-40 allitem-title">展览</div>
|
||||
<div class="dac m-s20" id="px-item">
|
||||
<div class="cq-cp zx-gg">正在展会</div>
|
||||
<div class="cq-cp zx-xx" style="margin: 0 10px;">即将展览</div>
|
||||
<div class="cq-cp zx-xx m-zy10">即将展览</div>
|
||||
<div class="cq-cp zx-gg">展览回顾</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -120,7 +120,7 @@
|
|||
<div class="w100">
|
||||
<div class="djbac bbt p-sx10">
|
||||
<div class="font-26 col19">未来城市+ ：建筑设计模型展</div>
|
||||
<div id="toug" class="cq-cp" style="color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;">我要投稿</div>
|
||||
<div id="toug" class="cq-cp toug-btn">我要投稿</div>
|
||||
</div>
|
||||
<div class="bbt m-s10 font-15 p-x20 linh32">
|
||||
<div><span class="op6">主办方：</span>华夏艺术网</div>
|
||||
|
|
@ -133,8 +133,8 @@
|
|||
<div class="dac">
|
||||
上海市樱花路869号喜玛拉雅中心A区3-4 层
|
||||
<div class="dac m-z20 cq-cp">
|
||||
<img style="width: 15px;height: 17px;margin-right: 4px;" src="../../img/public/zldw.png" >
|
||||
<span style="color: #007de2;">去这里</span>
|
||||
<img class="zhanldw" src="../../img/public/zldw.png" >
|
||||
<span class="col007">去这里</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -144,25 +144,25 @@
|
|||
<div class="linh32">上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backf5 m-s30" style="padding: 6px;">
|
||||
<div class="backf5 m-s30 pd6">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djbac bbt m-zy20 p-x10">
|
||||
<div class="font-28">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<div class="dac m-y10 cq-cp" style="height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;">
|
||||
<div class="dac m-y10 cq-cp zhanl-select">
|
||||
<div class="m-y20 font-14 op6">票数从高到低</div>
|
||||
<img src="../../img/public/zlxl.png" width="12" height="8" >
|
||||
<img src="../../img/public/zlxl.png">
|
||||
</div>
|
||||
<div class="dac" style="width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;">
|
||||
<input style="width: 100%;border: none;height: 34px;margin-right: 20px;" type="" name="" id="" value="" placeholder="作品搜索"/>
|
||||
<img style="width: 17px;height: 16px;" src="../../img/sy-search.png" >
|
||||
<div class="dac zpsearch-box">
|
||||
<input type="text" name="" id="" value="" placeholder="作品搜索"/>
|
||||
<img src="../../img/sy-search.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 全部列表 -->
|
||||
<section class="p-zy20">
|
||||
<div id="zlzp-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 id="zlzp-list" class="dac fw w102"></div>
|
||||
<div class="p-sx65 zx-more">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
|
|
@ -186,49 +186,67 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 弹框 -->
|
||||
<div id="isTank" style="display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;">
|
||||
<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);">
|
||||
<div style="max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;">
|
||||
<div id="isTank">
|
||||
<div>
|
||||
<div>
|
||||
<!-- 投稿弹框 -->
|
||||
<div id="duik">
|
||||
<div class="djbac pd10" style="background: #e9e9e9;">
|
||||
<div class="djbac pd10 backe9">
|
||||
<div class="font-16 fb">我要投稿 </div>
|
||||
<div class="pr djcacfw m-y10 cq-cp close-q" style="width: 19px;height: 19px;">
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
|
||||
<div class="pr djcacfw m-y10 cq-cp close-q">
|
||||
<div class="pa"></div>
|
||||
<div class="pa"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 0 40px;">
|
||||
<div class="djcacfw m-s37 m-x37">
|
||||
<div id="sumitdh" class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;" onselectstart="return false;">
|
||||
<span class="op8">立即提交</span>
|
||||
<div class="tk-tougao">
|
||||
<div>
|
||||
<label for="name" class="font-16 col19">作品名称：</label><input id="name" type="text" name="" value="" />
|
||||
</div>
|
||||
<div class="m-sx10">
|
||||
<label for="cicun" class="font-16 col19">作品尺寸：</label><input id="cicun" type="text" name="" value="" />
|
||||
</div>
|
||||
<div class="dis">
|
||||
<label for="inputImg" class="font-16 col19">作品图片：</label>
|
||||
<div class="pr chooseImg-box">
|
||||
<div>
|
||||
<input class="pa cq-cp" id="inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
|
||||
<div id="fileBox" class="pa">
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
<img id="upImg" class="pa" src="" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="chooseImg-content">上传图片格式包括jpg/png/gif，图片大小不超过20MB</div>
|
||||
</div>
|
||||
<div class="dis fn tgsub-btn">
|
||||
<div id="submitTG" class="cq-cp m-s37" onselectstart="return false;">立即提交</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 投票弹框 -->
|
||||
<div id="success_fail"style="width: 569px;">
|
||||
<div class="dend" style="padding: 10px;">
|
||||
<div class="pr cq-cp close-q" style="width: 19px;height: 19px;display: flex;justify-content: center;align-items: center;">
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
|
||||
<div id="success_fail">
|
||||
<div class="dend pd10">
|
||||
<div class="pr cq-cp close-q">
|
||||
<div class="pa"></div>
|
||||
<div class="pa"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 失败 -->
|
||||
<div id="failk" class="djbacfw fc" style="display: none;">
|
||||
<img style="width: 77px;height: 77px;margin-top: 54px;" src="../../img/public/yihan.png" >
|
||||
<div id="failk" class="djbacfw fc dn">
|
||||
<img src="../../img/public/yihan.png" >
|
||||
<div class="font-36 m-sx30">很遗憾</div>
|
||||
<div class="font-24">今天的票数已经用完了，请明天再来哦</div>
|
||||
<div class="font-16 op8 cq-cp goZhanl" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">返回展览</div>
|
||||
<div class="font-16 op8 cq-cp goZhanl">返回展览</div>
|
||||
</div>
|
||||
<!-- 成功 -->
|
||||
<div id="successk" class="djbacfw fc" style="">
|
||||
<img style="width: 76px;height: 77px;margin-top: 54px;" src="../../img/public/duigou.png" >
|
||||
<div id="successk" class="djbacfw fc">
|
||||
<img src="../../img/public/duigou.png" >
|
||||
<div class="font-36 m-sx30">投票成功</div>
|
||||
<div class="font-24">您今天还有2次投票机会</div>
|
||||
<div class="dac">
|
||||
<div class="font-16 op8 cq-cp continueTP" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">继续投票</div>
|
||||
<div class="font-16 op8 cq-cp continueTP" style="margin: 50px 0;border: 1px solid #CB1919;color: #CB1919; width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;margin-left: 10px;">分享好友</div>
|
||||
<div class="font-16 op8 cq-cp continueTP">继续投票</div>
|
||||
<div class="font-16 op8 cq-cp continueTP">分享好友</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -42,28 +42,28 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
<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="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -88,11 +88,11 @@
|
|||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -108,9 +108,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">机构</div>
|
||||
<div class="font-40 allitem-title">机构</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
|
|
|
|||
|
|
@ -46,18 +46,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
</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="backf5 jg-tou">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
</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="backf5 jg-tou">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
|
|
@ -159,13 +159,13 @@
|
|||
});
|
||||
</script>
|
||||
<div style="width: 86%;padding-right: 10px;">
|
||||
<div class="font-24 fb clips2" style="width:100%;line-height: 42px;">
|
||||
<div class="font-24 fb clips2 linh42 w100">
|
||||
东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 H20-03B 乐趣猪 彩色
|
||||
</div>
|
||||
<div class="p-sx20 bbt btt m-sx20 font-15 linh30">
|
||||
简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1
|
||||
</div>
|
||||
<div class="p-s20"><span style="background-color: #CB1919;color: #FFFFFF;font-size: 20px;padding: 10px 40px;cursor: pointer;">去购买</span></div>
|
||||
<div class="p-s20"><span class="goMai">去购买</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
</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="backf5 jg-tou">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
|
|
|
|||
|
|
@ -42,28 +42,28 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
<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="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -88,11 +88,11 @@
|
|||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -110,25 +110,111 @@
|
|||
</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="backf5 jg-tou">
|
||||
<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="mechanismArtwork.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="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
<ul class="zx-nav dac jg-twoNav">
|
||||
<li class="pr cq-cp"><span>机构简介</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>机构成员</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>展会</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>艺术品</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span class="zx-nav-title">书刊杂志</span><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>新闻动态</span><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 机构简介 -->
|
||||
<div id="jgjj-box" style="display: none;">
|
||||
<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 linh42">
|
||||
<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>
|
||||
<section class="p-zy20">
|
||||
<!-- 机构成员 -->
|
||||
<div id="jgcy-box" style="display: none;">
|
||||
<div id="jgm-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
<!-- 展会 -->
|
||||
<div id="jgzh-box" style="display: none;">
|
||||
<div id="jgz-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
<!-- 艺术品 -->
|
||||
<div id="jgysp-box" style="display: none;">
|
||||
<div>
|
||||
<!-- 三级导航 -->
|
||||
<ul class="szx-nav dac m-x20">
|
||||
<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>
|
||||
<div id="jgy-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
<!-- 书刊杂志 -->
|
||||
<!-- <div id="jgsk-box">
|
||||
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div> -->
|
||||
<!-- 新闻动态 -->
|
||||
<div id="jgxw-box" style="display: none;">
|
||||
<div id="jgx-list"></div>
|
||||
</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 class="p-zy20 m-sx30">
|
||||
<div id="jg-detail" class="p-zy20 m-sx30">
|
||||
<div class="djb bbt p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container m-y20" style="background: #e6e6e6;">
|
||||
|
|
@ -164,14 +250,15 @@
|
|||
简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1
|
||||
</div>
|
||||
<div class="p-s20 dac">
|
||||
<div style="border: 1px solid #CB1919;background-color: #CB1919;color: #FFFFFF;font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;">去购买</div>
|
||||
<div style="border: 1px solid #CB1919;color: #CB1919;font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;margin-left: 10px;">在线预览</div>
|
||||
<div class="goMaiz zzpub">去购买</div>
|
||||
<div class="yul zzpub">在线预览</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
|
||||
<img width="100%" src="../../img/public/jg-dxd-01.png" >
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -42,28 +42,28 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
<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="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -88,11 +88,11 @@
|
|||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -110,53 +110,109 @@
|
|||
</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="backf5 jg-tou">
|
||||
<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="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
<ul class="zx-nav dac jg-twoNav">
|
||||
<li class="pr cq-cp"><span class="zx-nav-title">机构简介</span><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>机构成员</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>展会</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>艺术品</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>书刊杂志</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><span>新闻动态</span><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 id="jgjj-box">
|
||||
<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="dac">
|
||||
<img class="m-y15" src="../../img/public/jg-phone.png" >
|
||||
<div>电话：028-86256961 <span class="m-z30">手机：13880548658</span></div>
|
||||
<div class="bbt m-zy20">
|
||||
<div class="font-26 p-s20 p-x10">联系方式</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 class="m-zy20 m-s20 linh42">
|
||||
<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>
|
||||
<section class="p-zy20">
|
||||
<!-- 机构成员 -->
|
||||
<div id="jgcy-box">
|
||||
<div id="jgm-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
<!-- 展会 -->
|
||||
<div id="jgzh-box">
|
||||
<div id="jgz-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
<!-- 艺术品 -->
|
||||
<div id="jgysp-box">
|
||||
<div>
|
||||
<!-- 三级导航 -->
|
||||
<ul class="szx-nav dac m-x20">
|
||||
<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>
|
||||
<div id="jgy-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
<!-- 书刊杂志 -->
|
||||
<div id="jgsk-box">
|
||||
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
<!-- 新闻动态 -->
|
||||
<div id="jgxw-box">
|
||||
<div id="jgx-list"></div>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
</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="backf5 jg-tou">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
</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="backf5 jg-tou">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
</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="backf5 jg-tou">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
|
|
|
|||
|
|
@ -36,22 +36,22 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -66,27 +66,27 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<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"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.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="mechanism.html">机构</a><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">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.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="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
|
|||
|
|
@ -40,18 +40,18 @@
|
|||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -66,27 +66,27 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<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"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.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="mechanism.html">机构</a><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">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.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="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -112,14 +112,14 @@
|
|||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-02.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-03.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<img class="xq-next xq-pub" src="../../img/public/xq-next.png" >
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<img class="xq-pre xq-pub" src="../../img/public/xq-pre.png" >
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
|
|
@ -131,19 +131,19 @@
|
|||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
nextEl: '.xq-next',
|
||||
prevEl: '.xq-pre',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
|
||||
<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="detail-right">
|
||||
<div class="font-24 clips2 fb p-x10 linh42">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="p-sx20 font-15 linh30 btt">
|
||||
<div class="font-15 col19">所需积分：<span class="font-30 fb colcb">2590</span></div>
|
||||
<div class="font-15 col19 dis p-sx20 bbt">数量：
|
||||
<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
|
||||
<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
|
||||
<div class="djbac detail-input-box">
|
||||
<input id="numVal" type="text" name="" value="4" />
|
||||
<div style="text-align: center;flex-shrink: 0;">
|
||||
<div class="cq-cp addNum" onselectstart="return false;">+</div>
|
||||
<div class="cq-cp delNum" onselectstart="return false;">-</div>
|
||||
|
|
@ -152,8 +152,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="bbt p-x20">
|
||||
<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
|
||||
<div id="duih" style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即兑换</div>
|
||||
<div class="cq-cp dui-box">
|
||||
<div id="duih" class="font-20 colf" onselectstart="return false;">立即兑换</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -179,59 +179,59 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 弹框 -->
|
||||
<div id="isTank" style="display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;">
|
||||
<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);">
|
||||
<div style="max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;">
|
||||
<div id="isTank">
|
||||
<div>
|
||||
<div>
|
||||
<!-- 立即兑换弹框 -->
|
||||
<div id="duik">
|
||||
<div class="djbac pd10" style="background: #e9e9e9;">
|
||||
<div class="font-16 fb">立即兑换</div>
|
||||
<div class="pr djcacfw m-y10 cq-cp close-q" style="width: 19px;height: 19px;">
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
|
||||
<div class="pr djcacfw m-y10 cq-cp close-q">
|
||||
<div class="pa"></div>
|
||||
<div class="pa"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 0 40px;">
|
||||
<div style="line-height: 48px;margin-top: 30px;">
|
||||
<div class="p-zy40">
|
||||
<div class="m-s30 linh48">
|
||||
<div>商品名称：<span class="colcb">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</span></div>
|
||||
<div>兑换数量：<span class="colcb">X4</span></div>
|
||||
<div>所需积分：<span class="colcb">10360</span></div>
|
||||
</div>
|
||||
<div class="pd20 m-s20" style="border: 2px solid #e5e5e5;">
|
||||
<div class="pd20 m-s20 bord2">
|
||||
<div class="dac">
|
||||
<span class="font-16 fb">四川省 成都市 温江区 涌泉街道 凤凰北大街66号 （高高 收）13812341234 </span>
|
||||
<div style="color: #FFFFFF;background: #CB1919;font-size: 14px;padding: 2px 4px;margin-left: 20px;">默认地址</div>
|
||||
<div>默认地址</div>
|
||||
</div>
|
||||
<div class="font-14 m-s10 cq-cp" style="color: #105ee0;">使用新地址</div>
|
||||
<div class="font-14 m-s10 cq-cp goChooseDZ" style="color: #105ee0;">使用新地址</div>
|
||||
</div>
|
||||
<div class="djcacfw m-s37 m-x37">
|
||||
<div id="sumitdh" class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;" onselectstart="return false;">
|
||||
<div id="sumitdh" class="cq-cp" onselectstart="return false;">
|
||||
<span class="op8">立即兑换</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 购买、兑换成功与失败弹框 -->
|
||||
<div id="success_fail" style="width: 569px;display: none;">
|
||||
<div id="success_fail" style="display: none;">
|
||||
<div class="dend" style="padding: 10px 25px;">
|
||||
<div class="pr cq-cp close-q" style="width: 19px;height: 19px;">
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
|
||||
<div class="pr cq-cp close-q">
|
||||
<div class="pa"></div>
|
||||
<div class="pa"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 失败 -->
|
||||
<div id="failk" class="djbacfw fc" style="display: none;">
|
||||
<img style="width: 77px;height: 77px;margin-top: 54px;" src="../../img/public/yihan.png" >
|
||||
<img src="../../img/public/yihan.png" >
|
||||
<div class="font-36 m-sx30">很遗憾</div>
|
||||
<div class="font-24">您的积分不足兑换该商品</div>
|
||||
<div class="font-16 op8 cq-cp goShop" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">去购物</div>
|
||||
<div class="font-16 op8 cq-cp goShop">去购物</div>
|
||||
</div>
|
||||
<!-- 成功 -->
|
||||
<div id="successk" class="djbacfw fc" style="display: none;">
|
||||
<img style="width: 76px;height: 77px;margin-top: 54px;" src="../../img/public/duigou.png" >
|
||||
<img src="../../img/public/duigou.png" >
|
||||
<div class="font-36 m-sx30">恭喜您</div>
|
||||
<div class="font-24">商品兑换成功，坐等收货</div>
|
||||
<div class="font-16 op8 cq-cp goShop" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">去购物</div>
|
||||
<div class="font-16 op8 cq-cp goShop">去购物</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -19,11 +19,6 @@
|
|||
<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>
|
||||
|
|
@ -42,28 +37,28 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -76,11 +71,11 @@
|
|||
<span class="redD pa "></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -88,11 +83,11 @@
|
|||
<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="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -108,9 +103,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">资讯</div>
|
||||
<div class="font-40 allitem-title">资讯</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>
|
||||
|
|
@ -119,13 +114,13 @@
|
|||
</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 class="zx-nav bbt dac" style="margin-bottom: 0;">
|
||||
<li><span class="zx-nav-title">全部</span><div class="zx-nav-active"></div></li>
|
||||
<li><span>公告</span><div></div></li>
|
||||
<li><span>资讯</span><div></div></li>
|
||||
<li><span>展讯</span><div></div></li>
|
||||
<li><span>活动</span><div></div></li>
|
||||
<li><span>艺术教育</span><div></div></li>
|
||||
</ul>
|
||||
<!-- 全部列表 -->
|
||||
<section id="zx-main">
|
||||
|
|
|
|||
|
|
@ -42,28 +42,28 @@
|
|||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw top-nav">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
|
|
@ -72,15 +72,15 @@
|
|||
<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">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -88,11 +88,11 @@
|
|||
<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="train.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>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
</div>
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">资讯</div>
|
||||
<div class="font-40 allitem-title">资讯</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>
|
||||
|
|
@ -118,28 +118,30 @@
|
|||
</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 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 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="fs m-z30" style="width: 26%;float: right;">
|
||||
<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="">
|
||||
|
|
|
|||
|
|
@ -36,22 +36,22 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -66,15 +66,15 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<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"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -82,12 +82,12 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.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="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
<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"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
|
|
@ -102,9 +102,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-14 col19 op7" style="padding: 20px 0;">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="font-14 col19 op7 p-sx20">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
|
|
@ -112,14 +112,14 @@
|
|||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-02.png" ></div>
|
||||
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-03.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<img class="xq-next xq-pub" src="../../img/public/xq-next.png" >
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<img class="xq-pre xq-pub" src="../../img/public/xq-pre.png" >
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
|
|
@ -131,20 +131,20 @@
|
|||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
nextEl: '.xq-next',
|
||||
prevEl: '.xq-pre',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
|
||||
<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="detail-right">
|
||||
<div class="font-24 clips2 fb p-x10 linh42">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="p-sx20 font-15 linh30 btt">
|
||||
<div class="font-15 col19">价 格：<span class="font-30 fb colcb">￥2590.0</span></div>
|
||||
<div class="font-15 col19 m-s10">优惠卷：<span style="background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;">满500减50</span><span style="background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;">满1000减100</span></div>
|
||||
<div class="font-15 col19 m-s10 youhq-box">优惠卷：<span>满500减50</span><span>满1000减100</span></div>
|
||||
<div class="font-15 col19 dis p-sx20 bbt">数量：
|
||||
<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
|
||||
<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
|
||||
<div class="djbac detail-input-box">
|
||||
<input id="numVal" type="text" name="" value="4" />
|
||||
<div style="text-align: center;flex-shrink: 0;">
|
||||
<div class="cq-cp addNum" onselectstart="return false;">+</div>
|
||||
<div class="cq-cp delNum" onselectstart="return false;">-</div>
|
||||
|
|
@ -153,21 +153,21 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="bbt p-x20 dac">
|
||||
<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
|
||||
<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">加入购物车</div>
|
||||
<div class="cq-cp addcart-box">
|
||||
<div class="font-20 colf" onselectstart="return false;">加入购物车</div>
|
||||
</div>
|
||||
<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #ed4910;margin-left: 10px;">
|
||||
<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即购买</div>
|
||||
<div class="cq-cp addcart-box">
|
||||
<div class="font-20 colf" onselectstart="return false;">立即购买</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-s20">
|
||||
<div class="dac" style="margin-left: 46px;">
|
||||
<div class="dac">
|
||||
<div class="dac cq-cp">
|
||||
<img style="width: 14px;height: 13px;margin-right: 4px;" src="../../img/public/sp-collection.png" >
|
||||
<img src="../../img/public/sp-collection.png" >
|
||||
<span class="font-14 op7 col19">收藏</span>
|
||||
</div>
|
||||
<div class="dac m-z10 cq-cp">
|
||||
<img style="width: 16px;height: 14px;margin-right: 4px;" src="../../img/public/sp-share.png" >
|
||||
<img src="../../img/public/sp-share.png" >
|
||||
<span class="font-14 op7 col19">分享</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -36,22 +36,22 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -66,15 +66,15 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<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"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -82,7 +82,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.html">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -113,13 +113,13 @@
|
|||
<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></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>
|
||||
<li class="pr"><span class="zx-nav-title">全部商品</span><div class="zx-nav-active"></div></li>
|
||||
<li class="pr"><span>国画</span><div></div></li>
|
||||
<li class="pr"><span>油画</span><div></div></li>
|
||||
<li class="pr"><span>书法</span><div></div></li>
|
||||
<li class="pr"><span>素描</span><div></div></li>
|
||||
<li class="pr"><span>雕塑</span><div></div></li>
|
||||
<li class="pr"><span>工笔画</span><div></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -36,22 +36,22 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -66,15 +66,15 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<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"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -82,7 +82,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="train.html">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -102,7 +102,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320 p-s30" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 p-s30 backe6">
|
||||
<div class="shop-swiper swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/shop01.png" ></div>
|
||||
|
|
|
|||
|
|
@ -42,22 +42,22 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
<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="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -108,12 +108,12 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
|
||||
<div class="font-40 allitem-title">培训</div>
|
||||
<div class="dac m-s20" id="px-item">
|
||||
<div class="cq-cp zx-xx">课堂介绍</div>
|
||||
<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
|
||||
<div class="cq-cp zx-gg m-zy10">课堂视频</div>
|
||||
<div class="cq-cp zx-gg">在线直播</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>积分商城详情</title>
|
||||
<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"/>
|
||||
|
|
@ -13,11 +13,17 @@
|
|||
<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>
|
||||
|
|
@ -36,22 +42,22 @@
|
|||
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="dao-boxw head-box pr">
|
||||
<img class="cq-cp logo" src="../../img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -70,11 +76,11 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="exhibition.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>
|
||||
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -82,11 +88,11 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
<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"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -102,78 +108,37 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="p-zy320 backe6">
|
||||
<div class="djbac">
|
||||
<div class="font-14 col19 op7" style="padding: 20px 0;">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="font-40 allitem-title">培训</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-gg">课堂介绍</div>
|
||||
<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
|
||||
<div class="cq-cp zx-gg">在线直播</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div class="djb bbt ps m-s30 p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<div class="dis backf5 m-sx30">
|
||||
<div class="pr fs w50">
|
||||
<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
|
||||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
|
||||
<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="p-sx20 font-15 linh30 btt">
|
||||
<div class="font-15 col19">所需积分：<span class="font-30 fb colcb">2590</span></div>
|
||||
<div class="font-15 col19 dis p-sx20 bbt">数量：
|
||||
<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
|
||||
<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
|
||||
<div style="text-align: center;flex-shrink: 0;">
|
||||
<div class="cq-cp addNum" onselectstart="return false;">+</div>
|
||||
<div class="cq-cp delNum" onselectstart="return false;">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbt p-x20">
|
||||
<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
|
||||
<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即兑换</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy40 w50 m-s30">
|
||||
<div class="font-20 linh28 dac p-x10 bbt"><span class="quan"></span><div class="clips1">培训课名陈四岛集珍唐人书画培训</div></div>
|
||||
<div class="font-16 col19 clips4 m-s20 m-x10 fb">课程简介</div>
|
||||
<div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="backf p-x30">
|
||||
<!-- 详情 -->
|
||||
<div class="p-zy20">
|
||||
<div class="djb bbt">
|
||||
<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></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
|
||||
<img width="100%" src="../../img/public/jfd01.png" >
|
||||
<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
|
||||
<img width="100%" src="../../img/public/jfd02.png" >
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20 p-x20">
|
||||
<div class="font-36">详情介绍</div>
|
||||
</div>
|
||||
<div class=" p-zy20">
|
||||
<div class="tin2 p-sx30 linh30">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
|
||||
<img width="100%" src="../../img/public/px-d01.png" >
|
||||
<img width="100%" src="../../img/public/px-d02.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -8,38 +8,55 @@
|
|||
<title>艺术家注册</title>
|
||||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/artist.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/logRespon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe{
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(function () {
|
||||
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
||||
$('#phone').click(function () {
|
||||
let name = $('input[name="username"]').val();
|
||||
let phone = $('input[name="userphone"]').val();
|
||||
let content = $('input[name="usercontent"]').val();
|
||||
if (!name) {
|
||||
layer.msg('请输入联系人')
|
||||
} else if (!reg_tel.test(phone)) {
|
||||
console.log('请输入正确的联系电话');
|
||||
} else if (!content) {
|
||||
console.log('请输入联系说明');
|
||||
} else {
|
||||
console.log('提交成功');
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<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>
|
||||
<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><a href="reg.html" class="set_1_btn Vbtn-2 member">个人会员</a>
|
||||
<a href="mecha.html" class="set_1_btn Vbtn-2 member">机构会员</a>
|
||||
<a href="#" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -67,25 +84,25 @@
|
|||
<!-- 手机号 -->
|
||||
<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">
|
||||
<input type="tel" name="phone" id="phone" required lay-verify="required" placeholder="手机号"
|
||||
maxlength="11" autocomplete="off" class="layui-input" value="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
<!-- 验证i码 -->
|
||||
<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>
|
||||
<li>
|
||||
<p>发送手机验证码</p>
|
||||
</canvas>
|
||||
</li>
|
||||
</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">
|
||||
<input type="email" name="email" required lay-verify="required" placeholder="邮箱" maxlength="50"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 同意 -->
|
||||
|
|
@ -105,16 +122,17 @@
|
|||
</div>
|
||||
<div class="bot">
|
||||
<!-- <a href="" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a> -->
|
||||
<a href="" class="font-set">已有账号，立即登录</a>
|
||||
<a href="./login.html" class="font-set">已有账号，立即登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
||||
marginwidth='0'></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -28,10 +28,6 @@
|
|||
|
||||
<body>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
|
|
@ -45,9 +41,9 @@
|
|||
<!-- 身份 -->
|
||||
<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><a href="#" class="set_1_btn Vbtn-2 member">个人会员</a>
|
||||
<a href="#" class="set_1_btn Vbtn-2 member">机构会员</a>
|
||||
<a href="#" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -65,17 +61,6 @@
|
|||
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">
|
||||
<li>
|
||||
<p>发送手机验证码</p>
|
||||
</li>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
|
|
@ -83,7 +68,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<a href="ret.html" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a>
|
||||
<a href="ret.html" class="font-set">忘记密码?</a> <a href="./reg.html" class="font-set">没有账号，立即注册新用户</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,26 +26,22 @@
|
|||
</style>
|
||||
<body>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
<form class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<div class="head">
|
||||
<h2>机构注册</h2>
|
||||
<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><a href="reg.html" class="set_1_btn Vbtn-2 member">个人会员</a>
|
||||
<a href="#" class="set_1_btn Vbtn-2 member">机构会员</a>
|
||||
<a href="artist.html" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -111,7 +107,7 @@
|
|||
</div>
|
||||
<div class="bot">
|
||||
<!-- <a href="" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a> -->
|
||||
<a href="" class="font-set">已有账号，立即登录</a>
|
||||
<a href="./login.html" class="font-set">已有账号，立即登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,55 +9,17 @@
|
|||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/reg.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<!-- 弹窗 -->
|
||||
<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">
|
||||
|
||||
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#gotoTop {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: 50px;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
(function ($) {
|
||||
document.addEventListener('click', function (e) {
|
||||
var parent = $(e.target).parents('.foo,.help');
|
||||
|
||||
if (parent.length === 0) {
|
||||
console.log('不在弹层与按钮区')
|
||||
//操作此区域
|
||||
|
||||
$('.help ul').hide();
|
||||
$('.bnt').removeClass('show');
|
||||
|
||||
} else {
|
||||
console.log('按钮与弹层区')
|
||||
}
|
||||
})
|
||||
})(jQuery);
|
||||
|
||||
</script>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="图片消失" title="华夏艺术网logo">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
|
|
@ -71,9 +33,9 @@
|
|||
<!-- 身份 -->
|
||||
<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><a href="#" class="set_1_btn Vbtn-2 member">个人会员</a>
|
||||
<a href="mecha.html" class="set_1_btn Vbtn-2 member">机构会员</a>
|
||||
<a href="artist.html" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -97,7 +59,7 @@
|
|||
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<li>
|
||||
<p>发送手机验证码</p>
|
||||
<p onclick="sentout()">发送手机验证码</p>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -112,29 +74,8 @@
|
|||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<div class="checkb">
|
||||
<input type="checkbox" title=""> 我已阅读并接受<a
|
||||
href="#myPopup" data-rel="popup" class=" ui-inline ui-corner-all">用户协议</a>和<a
|
||||
href="#">隐私政策</a>
|
||||
|
||||
<div data-role="popup" class="myPopup" id="myPopup" class="content" data-overlay-theme="b">
|
||||
<span style="font-size: 16px;float: right;" id="deav" onclick="deav();">关闭</span>
|
||||
<h1>用户协议</h1>
|
||||
<p>后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。
|
||||
</p>
|
||||
<p>下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。</p>
|
||||
<p>经过20年不间断的运营发展，已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</p>
|
||||
<p>合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等，在国内艺术品市场有较大影响，为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。
|
||||
</p>
|
||||
<p> 后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。
|
||||
</p>
|
||||
<p> 下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。
|
||||
</p>
|
||||
<p> 经过20年不间断的运营发展，已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</p>
|
||||
<p> 合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。
|
||||
</p>
|
||||
<p>合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等，在国内艺术品市场有较大影响，为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。
|
||||
</p>
|
||||
</div>
|
||||
<input type="checkbox" title=""> 我已阅读并接受<a
|
||||
href="Popup.html">用户协议</a>和<a href="#">隐私政策</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -146,15 +87,14 @@
|
|||
</div>
|
||||
<div class="bot">
|
||||
<!-- <a href="" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a> -->
|
||||
<a href="" class="font-set">已有账号，立即登录</a>
|
||||
<a href="./login.html" class="font-set">已有账号，立即登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
||||
marginwidth='0'></iframe>
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0'></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -5,9 +5,10 @@
|
|||
<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>
|
||||
<title>找回密码</title>
|
||||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/ret.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/logRespon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
|
|
@ -27,10 +28,6 @@
|
|||
|
||||
<body>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
|
|
@ -78,7 +75,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<a href="" class="font-set">返回网站首页</a> <a href="" class="font-set">已有账号，立即登录</a>
|
||||
<a href="../../index.html" class="font-set">返回网站首页</a> <a href="./login.html" class="font-set">已有账号，立即登录</a>
|
||||
<!-- <a href="" class="font-set">已有账号，立即登录</a> -->
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -7,10 +7,10 @@
|
|||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/shopcar2.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/logRespon.css">
|
||||
<script src="../../js/swiper-bundle.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
|
|
@ -25,10 +25,11 @@
|
|||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
|
||||
scrolling="no"></iframe>
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
|
||||
scrolling="no"></iframe>
|
||||
<section>
|
||||
<div class="whoil">
|
||||
<div class="whoil-1">
|
||||
|
|
@ -39,10 +40,10 @@
|
|||
</th>
|
||||
|
||||
<!-- 选择 -->
|
||||
<table>
|
||||
<table style="text-align: left;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="ckAll" onclick="checkAll()">全选</th>
|
||||
<th><input type="checkbox" id="ckAll" onclick="checkAll()"> 全选</th>
|
||||
<th>商品</th>
|
||||
<th>单价</th>
|
||||
<th>数量</th>
|
||||
|
|
@ -52,17 +53,33 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<tr class="inline">
|
||||
<td><input type="checkbox" name="ck" onclick="check()"></td>
|
||||
<td><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一"><span>竹迪
|
||||
客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
|
||||
11时来运转8190</span>
|
||||
<th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-1.png"
|
||||
alt="图片丢失" title="购物车图片一"></th>
|
||||
<td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<span class="reduce" onclick="reduceCount(this)">-</span>
|
||||
<button class="reduce" onclick="reduceCount(this)">-</button>
|
||||
<input type="text" value="3" class="count-input">
|
||||
<button class="add" onclick="addCount(this)">+</button>
|
||||
</td>
|
||||
<td>564.00</td>
|
||||
<td>
|
||||
<span class="delete" onclick="del(this)">删除</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="inline">
|
||||
<th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-2.png"
|
||||
alt="图片丢失" title="购物车图片二"></th>
|
||||
<td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<button class="reduce" onclick="reduceCount(this)">-</button>
|
||||
<input type="text" value="1" class="count-input">
|
||||
<span class="add" onclick="addCount(this)">+</span>
|
||||
<button class="add" onclick="addCount(this)">+</button>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
|
|
@ -70,17 +87,16 @@
|
|||
</td>
|
||||
</tr>
|
||||
<tr class="inline">
|
||||
<td><input type="checkbox" name="ck" onclick="check()"></td>
|
||||
<td><img src="../../img/images/1-2.png" alt="图片丢失" title="购物车图片二" ><span>竹迪
|
||||
客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
|
||||
11时来运转8190</span>
|
||||
<th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-3.png"
|
||||
alt="图片丢失" title="购物车图片三"></th>
|
||||
<td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<span class="reduce" onclick="reduceCount(this)">-</span>
|
||||
<button class="reduce" onclick="reduceCount(this)">-</button>
|
||||
<input type="text" value="1" class="count-input">
|
||||
<span class="add" onclick="addCount(this)">+</span>
|
||||
<button class="add" onclick="addCount(this)">+</button>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
|
|
@ -88,35 +104,16 @@
|
|||
</td>
|
||||
</tr>
|
||||
<tr class="inline">
|
||||
<td><input type="checkbox" name="ck" onclick="check()"></td>
|
||||
<td><img src="../../img/images/1-3.png" alt="图片丢失" title="购物车图片三"><span>竹迪
|
||||
客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
|
||||
11时来运转8190</span>
|
||||
<th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-4.png"
|
||||
alt="图片丢失" title="购物车图片四"></th>
|
||||
<td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<span class="reduce" onclick="reduceCount(this)">-</span>
|
||||
<button class="reduce" onclick="reduceCount(this)">-</button>
|
||||
<input type="text" value="1" class="count-input">
|
||||
<span class="add" onclick="addCount(this)">+</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<span class="delete" onclick="del(this)">删除</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="inline">
|
||||
<td><input type="checkbox" name="ck" onclick="check()"></td>
|
||||
<td><img src="../../img/images/1-4.png" alt="图片丢失" title="购物车图片四"><span>竹迪
|
||||
客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
|
||||
11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<span class="reduce" onclick="reduceCount(this)">-</span>
|
||||
<input type="text" value="1" class="count-input">
|
||||
<span class="add" onclick="addCount(this)">+</span>
|
||||
<button class="add" onclick="addCount(this)">+</button>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
|
|
@ -126,71 +123,114 @@
|
|||
</tbody>
|
||||
<tfoot id="foot">
|
||||
<tr>
|
||||
<td><input type="checkbox" id="ckAll" onclick="checkAll()"> 全选</td>
|
||||
<td><span class="delete" onclick="del(this)">删除</span></td>
|
||||
<th><input type="checkbox" id="ckAll" onclick="checkAll()"> 全选</th>
|
||||
<td valgin="left"><span class="delete" onclick="del(this)">删除</span></td>
|
||||
<td></td>
|
||||
<td>总数：<span id="allCount"></span>件</td>
|
||||
<td>总价：￥<span id="allPrice"></span></td>
|
||||
<td><span id="accounts" onclick="accounts();">结算</span></td>
|
||||
<td><a href="./tobepaid.html"><span id="accounts" onclick="accounts();">结算</span></a></td>
|
||||
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
|
||||
<!-- 轮播图 -->
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-text">
|
||||
推荐商品
|
||||
</div>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png" ></div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片二" src="../../img/images/2.png" ></div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片三" src="../../img/images/3.png" ></div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片四" src="../../img/images/4.png" ></div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png" ></div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
</div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片二" src="../../img/images/2.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
</div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片三" src="../../img/images/3.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
</div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片四" src="../../img/images/4.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
</div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<!-- 分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
<!-- 如果需要导航按钮 -->
|
||||
<!-- 导航按钮 -->
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script>
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
loop: true, // 循环模式
|
||||
slidesPerView: 5,//显示数量
|
||||
spaceBetween: 25,//图片间距
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: true,//是否禁止自动切换
|
||||
},
|
||||
// 分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,//点击跳转
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',//左按钮
|
||||
prevEl: '.swiper-button-prev',//右按钮
|
||||
},
|
||||
//鼠标移入变手
|
||||
grabCursor: true,
|
||||
// 轮播
|
||||
$(window).resize(function () {//监听窗口大小的改变
|
||||
sixSwiper()
|
||||
})
|
||||
// 鼠标移入轮播图范围，执行的函数
|
||||
mySwiper.el.onmouseover = function () {
|
||||
mySwiper.autoplay.stop();
|
||||
mySwiper.navigation.$nextEl.removeClass('hide');
|
||||
mySwiper.navigation.$prevEl.removeClass('hide');
|
||||
}
|
||||
// 鼠标移出轮播图范围，执行的函数
|
||||
mySwiper.el.onmouseout = function () {
|
||||
mySwiper.autoplay.start();
|
||||
mySwiper.navigation.$nextEl.addClass('hide');
|
||||
mySwiper.navigation.$prevEl.addClass('hide');
|
||||
}
|
||||
function sixSwiper() {
|
||||
let showNum = 4
|
||||
let beforeNum = 15
|
||||
let centeredSlides = true//是否显示半截
|
||||
let spaceBetween = 25//图片间距
|
||||
let windowWidth = $(window).width()
|
||||
if (windowWidth * 1 <= 900) {
|
||||
showNum = 2
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
spaceBetween = 10
|
||||
} else if (windowWidth * 1 <= 1000) {
|
||||
showNum = 3
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
spaceBetween = 10
|
||||
} else if (windowWidth * 1 <= 1200) {
|
||||
showNum = 3
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
} else if (windowWidth * 1 <= 1450) {
|
||||
showNum = 4
|
||||
beforeNum = 0
|
||||
spaceBetween = 10
|
||||
centeredSlides = true
|
||||
}
|
||||
let myswiper = new Swiper('.swiper-container', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop: true,
|
||||
slidesPerView: showNum,//显示数量
|
||||
spaceBetween: spaceBetween,//图片间距
|
||||
|
||||
slidesOffsetBefore: beforeNum,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
// 分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,//点击跳转
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',//左按钮
|
||||
prevEl: '.swiper-button-prev',//右按钮
|
||||
},
|
||||
grabCursor: true,//鼠标移入变手
|
||||
});
|
||||
// 鼠标移入轮播图范围，执行的函数
|
||||
myswiper.el.onmouseover = function () {
|
||||
myswiper.autoplay.stop();
|
||||
myswiper.navigation.$nextEl.removeClass('hide');
|
||||
myswiper.navigation.$prevEl.removeClass('hide');
|
||||
}
|
||||
// 鼠标移出轮播图范围，执行的函数
|
||||
myswiper.el.onmouseout = function () {
|
||||
myswiper.autoplay.start();
|
||||
myswiper.navigation.$nextEl.addClass('hide');
|
||||
myswiper.navigation.$prevEl.addClass('hide');
|
||||
}
|
||||
}
|
||||
sixSwiper()
|
||||
//获取元素
|
||||
var ckAll = document.getElementById('ckAll');
|
||||
var cks = document.getElementsByName('ck');
|
||||
|
|
@ -200,15 +240,14 @@
|
|||
var countInput = document.getElementsByClassName('count-input');
|
||||
var accounts = document.getElementById("accounts");
|
||||
// 结算
|
||||
// function accounts(){
|
||||
// var sum=0;
|
||||
// }
|
||||
// function accounts() {
|
||||
|
||||
// accounts.style.display = "block";
|
||||
// alert("")
|
||||
// accounts.innerHTML = str;
|
||||
// }
|
||||
function accounts() {
|
||||
var sum = 0;
|
||||
}
|
||||
function accounts() {
|
||||
accounts.style.display = "block";
|
||||
alert("")
|
||||
accounts.innerHTML = str;
|
||||
}
|
||||
|
||||
//计算总数
|
||||
function sumCount() {
|
||||
|
|
@ -247,19 +286,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
// // 输入数量的最大值
|
||||
// functionb (num){
|
||||
// if(value.length<8){
|
||||
// var btn1 = document.getElementById("org");
|
||||
// btn1.insertBefore(input1, null);
|
||||
// }else{
|
||||
// alert("不能再添加");
|
||||
// }
|
||||
// }
|
||||
|
||||
//数量增加
|
||||
function addCount(e) {
|
||||
// 获取input标签里的value值,数量
|
||||
var num = parseInt(e.previousElementSibling.value);
|
||||
// 最大数量
|
||||
if (num > 98) {
|
||||
|
|
@ -297,19 +325,16 @@
|
|||
sumCount();
|
||||
}
|
||||
|
||||
//复选框的交互
|
||||
//复选框
|
||||
function check() {
|
||||
// 判断四个小的复选框有没有没被选中的,如果有一个,就把ckAllde的checked 变为false
|
||||
for (var i = 0; i < cks.length; i++) {
|
||||
if (cks[i].checked == false) {
|
||||
ckAll.checked = false;
|
||||
sumPrice();
|
||||
sumCount();
|
||||
// 有一个小复选框为false,就不需要对其他复选框进行判断了,直接中止函数下面的执行语句
|
||||
return;
|
||||
}
|
||||
}
|
||||
//循环结束后,如果小复选框checked的值都为true,ckAll的checked的值就为true
|
||||
ckAll.checked = true;
|
||||
sumPrice();
|
||||
sumCount();
|
||||
|
|
@ -323,6 +348,7 @@
|
|||
}
|
||||
|
||||
</script>
|
||||
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
||||
marginwidth='0'></iframe>
|
||||
|
|
|
|||
|
|
@ -27,9 +27,8 @@
|
|||
|
||||
<body>
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
|
||||
scrolling="no"></iframe>
|
||||
<!-- 内容 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
|
||||
<!-- 内容 -->
|
||||
<section>
|
||||
<div class="whole">
|
||||
<div class="whole-1">
|
||||
|
|
@ -76,7 +75,7 @@
|
|||
<ul class="checklist">
|
||||
<li class="among">
|
||||
<table>
|
||||
<th> <label for="value1"><img src="../../img/images/1-1.png" alt="图片丢失" title="商品1"></label>
|
||||
<th> <label for="value1"><img src="../../img/images/1-1.png" alt="图片丢失" title="商品1"></label>
|
||||
</th>
|
||||
<th><span>
|
||||
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
|
||||
|
|
@ -143,14 +142,16 @@
|
|||
<li>运费：<span>￥0.00 </span></li>
|
||||
<li>商品优惠：<span>-￥20.00 </span></li>
|
||||
</ul>
|
||||
<!-- 送货地址 -->
|
||||
<div class="total">
|
||||
<li>应付总额:<span>￥1123.00</span></li>
|
||||
<li>
|
||||
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||||
</li>
|
||||
</div>
|
||||
<!-- 提交按钮 -->
|
||||
<div class="subore">
|
||||
<li><span onclick="settlem();">提交订单</span></li>
|
||||
<li><a href="qrcode.html" onclick="settlem();">提交订单</a></li>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -158,14 +159,13 @@
|
|||
|
||||
</section>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
||||
marginwidth='0'></iframe>
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0'></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
<script src="../../js/jquery-1.9.1.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 折叠
|
||||
// 折叠地址
|
||||
$(function () {
|
||||
var slideHeight = 50; // px
|
||||
var defHeight = $('#wrap').height();
|
||||
|
|
@ -178,13 +178,13 @@
|
|||
$('#wrap').animate({
|
||||
height: defHeight
|
||||
}, "normal");
|
||||
$('#read-more a').html('收起地址 ︽');
|
||||
$('#read-more a').html('收起地址 ︽');
|
||||
$('#gradient').fadeOut();
|
||||
} else {
|
||||
$('#wrap').animate({
|
||||
height: slideHeight
|
||||
}, "normal");
|
||||
$('#read-more a').html('展开地址︾');
|
||||
$('#read-more a').html('展开地址 ︾');
|
||||
$('#gradient').fadeIn();
|
||||
}
|
||||
return false;
|
||||
|
|
|
|||
|
|
@ -31,8 +31,8 @@
|
|||
<div class="order">
|
||||
<div class="odernum">订单号：<span class="">107787156599</span></div>
|
||||
<div class="oderinte">积分+<span class="">159</span></div>
|
||||
<div class="oderbuy"> <a href="">继续购物</a></div>
|
||||
<div class="oderhome"><a href="">返回首页</a></div>
|
||||
<div class="oderbuy"> <a href="./shopcar.html">继续购物</a></div>
|
||||
<div class="oderhome"><a href="../../index.html">返回首页</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 449 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 861 B |
Binary file not shown.
|
After Width: | Height: | Size: 847 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 607 B |
Binary file not shown.
|
After Width: | Height: | Size: 954 B |
Binary file not shown.
|
After Width: | Height: | Size: 706 B |
Binary file not shown.
|
After Width: | Height: | Size: 709 B |
Binary file not shown.
|
After Width: | Height: | Size: 896 B |
Binary file not shown.
|
After Width: | Height: | Size: 902 B |
Binary file not shown.
|
After Width: | Height: | Size: 744 B |
Binary file not shown.
|
After Width: | Height: | Size: 751 B |
142
index.html
142
index.html
|
|
@ -41,18 +41,18 @@
|
|||
<img class="cq-cp logo" src="img/logo.png">
|
||||
<div class="head-nav-box fs dmedia">
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<div onclick="goToPage(2)" 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>
|
||||
<a href="htmls/artNetwork/pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
<div class="p-zy180">
|
||||
<div class="djbac cq-item-title-box">
|
||||
<div class="font-32 pr">展览<span class="font-22 m-z10">Exhibition</span><div class="pa"></div></div>
|
||||
<div class="cq-gengd cq-cp">View More +</div>
|
||||
<div class="cq-gengd cq-cp sy-more">View More +</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-x65 oh">
|
||||
|
|
@ -138,7 +138,7 @@
|
|||
<div class="swiper-slide">
|
||||
<div class="tl">
|
||||
<div class="item-box fit">
|
||||
<img class="" alt="图片丢失" title="图片三" src="img/public/swip-three.png" >
|
||||
<img alt="图片丢失" title="图片三" src="img/public/swip-three.png" >
|
||||
</div>
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
<div class="font-13 m-x16 col7d">主办方：华夏艺术网</div>
|
||||
|
|
@ -168,7 +168,7 @@
|
|||
<div class="swiper-slide">
|
||||
<div class="tl">
|
||||
<div class="item-box fit">
|
||||
<img class="" alt="图片丢失" title="图片六" src="img/public/swip-six.png" >
|
||||
<img alt="图片丢失" title="图片六" src="img/public/swip-six.png" >
|
||||
</div>
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
<div class="font-13 m-x16 col7d">主办方：华夏艺术网</div>
|
||||
|
|
@ -178,7 +178,7 @@
|
|||
<div class="swiper-slide">
|
||||
<div class="tl">
|
||||
<div class="item-box fit">
|
||||
<img class="" alt="图片丢失" title="图片七" src="img/public/swip-eleven.png" >
|
||||
<img alt="图片丢失" title="图片七" src="img/public/swip-eleven.png" >
|
||||
</div>
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
<div class="font-13 m-x16 col7d">主办方：华夏艺术网</div>
|
||||
|
|
@ -187,14 +187,13 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next"></div>
|
||||
<img class="two-next swiper-pub" src="img/public/swiper-next.png" >
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev"></div>
|
||||
<img class="two-prev swiper-pub" src="img/public/swiper-pre.png" >
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(window).resize(function(){//监听窗口大小的改变
|
||||
// console.log($(window).width());
|
||||
sixSwiper()
|
||||
})
|
||||
function sixSwiper(){
|
||||
|
|
@ -254,27 +253,27 @@
|
|||
<!-- 信息动态 -->
|
||||
<div class="djbac cq-item-title-box p-s65">
|
||||
<div class="font-32 pr">信息动态<span class="font-22 m-z10">Information News</span><div class="pa"></div></div>
|
||||
<div class="cq-gengd cq-cp">View More +</div>
|
||||
<div class="cq-gengd cq-cp sy-more">View More +</div>
|
||||
</div>
|
||||
<div class="djbacfw msg"></div>
|
||||
<!-- 艺术商城 -->
|
||||
<div class="djbac cq-item-title-box">
|
||||
<div class="font-32 pr">艺术商城<span class="font-22 m-z10">Art Mall</span><div class="pa"></div></div>
|
||||
<div class="cq-gengd cq-cp">View More +</div>
|
||||
<div class="cq-gengd cq-cp sy-more">View More +</div>
|
||||
</div>
|
||||
<div class="djb">
|
||||
<div class="w50">
|
||||
<div class="pr backf">
|
||||
<img src="img/public/yi-one.png" width="100%">
|
||||
<img src="img/public/yi-one.png" class="yssc-img" width="100%">
|
||||
<div class="pa ys-price">￥2256.0</div>
|
||||
</div>
|
||||
<div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
<div class="ys-cate">分类：酒品包装</div>
|
||||
</div>
|
||||
<div class="w50 djb">
|
||||
<div class="w50 djb fs">
|
||||
<div class="m-zy30">
|
||||
<div class="pr backf">
|
||||
<img src="img/public/yi-two.png" width="100%">
|
||||
<img src="img/public/yi-two.png" class="yssc-item" width="100%">
|
||||
<div class="pa ys-price">￥2256.0</div>
|
||||
</div>
|
||||
<div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
|
|
@ -282,7 +281,7 @@
|
|||
</div>
|
||||
<div>
|
||||
<div class="pr backf">
|
||||
<img class="" src="img/public/yi-three.png" width="100%">
|
||||
<img src="img/public/yi-three.png" class="yssc-item" width="100%">
|
||||
<div class="pa ys-price">￥2256.0</div>
|
||||
</div>
|
||||
<div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
|
|
@ -290,7 +289,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dac fw ysc">
|
||||
<div class="dac fw ysc" style="">
|
||||
<div class="w25 ya-item-box m-s37">
|
||||
<div class="pr">
|
||||
<img src="img/public/ys-one.png" width="100%" >
|
||||
|
|
@ -359,9 +358,9 @@
|
|||
</div>
|
||||
<!-- 艺术家 -->
|
||||
<div class="p-zy180 syysj-box">
|
||||
<div class="djbac cq-item-title-box" style="margin-top: 0px;color: #FFFFFF;">
|
||||
<div class="djbac cq-item-title-box colf" style="margin-top: 0px;">
|
||||
<div class="font-32 pr">艺术家<span class="font-22 m-z10">Artist</span><div class="pa"></div></div>
|
||||
<div class="cq-gengd cq-cp" style="color: #FFFFFF;">View More +</div>
|
||||
<div class="cq-gengd cq-cp sy-more" style="color: #FFFFFF;">View More +</div>
|
||||
</div>
|
||||
<div class="w100 backf dac">
|
||||
<img class="cq-cp" src="img/public/ysj-one.png" width="100%">
|
||||
|
|
@ -370,73 +369,18 @@
|
|||
<div class="ysj-name">职业画家</div>
|
||||
<div class="ysj-name clips4">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院，现工作生活于北京 <br/>文字后期后台替换无论你是追求精致生活的Ta，还是要文艺一把的男女青年，还是热爱潮流、追求个性的一族，又或者是一个不折不扣的吃货。来设计周吧！全方位的体验满足你的挑剔。文字后期后台替换无论你是追求精致生活的Ta，还是要文艺一把的男女青年，还是热爱潮流、追求个性的一族，又或者是一个不折不扣的吃货。来设计周吧！全方位的体验满足你的挑剔。</div>
|
||||
<div class="m-s30">
|
||||
<span class="font-13 cq-cp" style="background: #cb1919;color: rgba(255,255,255,.8);padding: 6px 10px;">查看作品</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dac fw ysj">
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img class="w100" src="img/public/ys-one.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
|
||||
</div>
|
||||
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
|
||||
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img class="w100" src="img/public/ys-two.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
|
||||
</div>
|
||||
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
|
||||
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img class="w100" src="img/public/ys-three.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
|
||||
</div>
|
||||
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
|
||||
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img class="w100" src="img/public/ys-four.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
|
||||
</div>
|
||||
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
|
||||
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img class="w100" src="img/public/ys-five.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
|
||||
</div>
|
||||
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
|
||||
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
|
||||
<span class="font-13 cq-cp checksyzp">查看作品</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 艺术家item列表 -->
|
||||
<div id="homeArtist" class="dac fw ysj"></div>
|
||||
</div>
|
||||
<div class="p-zy180">
|
||||
<!-- 文创专区 -->
|
||||
<div class="djbac cq-item-title-box">
|
||||
<div class="font-32 pr">文创专区<span class="font-22 m-z10">Cultural and Creative Zone</span><div class="pa"></div></div>
|
||||
<div class="cq-gengd cq-cp">View More +</div>
|
||||
<div class="cq-gengd cq-cp sy-more">View More +</div>
|
||||
</div>
|
||||
<div class="dac fw wc-box" style="width: 101%;">
|
||||
<div class="w25 ya-item-box m-x37 cq-cp">
|
||||
|
|
@ -493,21 +437,21 @@
|
|||
<div class="p-zy180 sypx-box">
|
||||
<div class="djbac cq-item-title-box">
|
||||
<div class="font-32 pr">培训<span class="font-22 m-z10">Cooperative Partner</span><div class="pa"></div></div>
|
||||
<div class="cq-gengd cq-cp">View More +</div>
|
||||
<div class="cq-gengd cq-cp sy-more">View More +</div>
|
||||
</div>
|
||||
<div class="djb">
|
||||
<div class="w50 backf">
|
||||
<img src="img/public/px-01.png" width="100%">
|
||||
<div class="clips1 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
<img src="img/public/px-01.png" width="100%" style="height: 470px;">
|
||||
<div class="clips1 ys-title p-zy15" style="height: 70px;line-height: 70px;">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
</div>
|
||||
<div class="w50 djb">
|
||||
<div class="m-zy30 backf">
|
||||
<img src="img/public/px-02.png" width="100%">
|
||||
<div class="clips1 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
<img src="img/public/px-02.png" width="100%" style="height: 470px;">
|
||||
<div class="clips1 ys-title p-zy15" style="height: 70px;line-height: 70px;">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
</div>
|
||||
<div class="backf">
|
||||
<img class="" src="img/public/px-03.png" width="100%">
|
||||
<div class="clips1 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
<img class="" src="img/public/px-03.png" width="100%" style="height: 470px;">
|
||||
<div class="clips1 ys-title p-zy15" style="height: 70px;line-height: 70px;">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -516,19 +460,19 @@
|
|||
<div class="p-zy180">
|
||||
<div class="djbac cq-item-title-box">
|
||||
<div class="font-32 pr w100">合作伙伴<span class="font-22 m-z10">Cooperative Partner <span class="hz-jies">700+媒体合作、200+机构支持、5000+名艺术家</span></span><div class="pa"></div></div>
|
||||
<div class="cq-gengd cq-cp fs">View More +</div>
|
||||
<div class="cq-gengd cq-cp fs sy-more">View More +</div>
|
||||
</div>
|
||||
<div class="djbac hz-imgItem">
|
||||
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-01.png" ></div>
|
||||
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-02.png" ></div>
|
||||
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-03.png" ></div>
|
||||
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-04.png" ></div>
|
||||
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-02.png" ></div>
|
||||
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-05.png" ></div>
|
||||
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-07.png" ></div>
|
||||
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-04.png" ></div>
|
||||
<div><img src="img/public/hz-01.png" ></div>
|
||||
<div><img src="img/public/hz-02.png" ></div>
|
||||
<div><img src="img/public/hz-03.png" ></div>
|
||||
<div><img src="img/public/hz-04.png" ></div>
|
||||
<div><img src="img/public/hz-02.png" ></div>
|
||||
<div><img src="img/public/hz-05.png" ></div>
|
||||
<div><img src="img/public/hz-07.png" ></div>
|
||||
<div><img src="img/public/hz-04.png" ></div>
|
||||
</div>
|
||||
<div class="m-s30" style="background-color: #f5f5f5;padding: 5px;">
|
||||
<div class="m-s30 backf5" style="padding: 5px;">
|
||||
<div class="pr backf" style="overflow: hidden;">
|
||||
<img class="pa" src="img/public/sy-input-bc.png" height="100%" width="100%" style="z-index: 0;">
|
||||
<div class="hzly-box">
|
||||
|
|
@ -536,9 +480,9 @@
|
|||
<div class="font-32 pr w100">合作留言<span class="font-22 m-z10">Cooperation Message <span class="hz-jies">如果您有意见建议请留言，我们将第一时间与您联系！</span></span><div class="pa"></div></div>
|
||||
</div>
|
||||
<div class="djbac m-s20 pr hz-input-box">
|
||||
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 p-zy10" type="text" name="username" placeholder="联系人" />
|
||||
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 p-zy10" type="number" name="userphone" placeholder="联系电话" />
|
||||
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 p-zy10" type="text" name="usercontent" placeholder="联系说明" />
|
||||
<input class="w100 p-sx10 p-zy10" type="text" name="username" placeholder="联系人" />
|
||||
<input class="w100 p-sx10 p-zy10" type="number" name="userphone" placeholder="联系电话" />
|
||||
<input class="w100 p-sx10 p-zy10" type="text" name="usercontent" placeholder="联系说明" />
|
||||
<div id="submitLY" class="fs cq-cp">提交</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,255 @@
|
|||
$(function(){
|
||||
$('.ty_left li').on('click',function(){//左侧导航的点击事件
|
||||
$('.ty_tit').text($(this).find('span').text())
|
||||
$('.ty_left li span').removeClass('left-title')
|
||||
$(this).find('span').addClass('left-title')
|
||||
$('.ty_left li .left-imgone').css('display','none')
|
||||
$('.ty_left li .left-imgtwo').css('display','flex')
|
||||
$(this).find('.left-imgtwo').css('display','none')
|
||||
$(this).find('.left-imgone').css('display','flex')
|
||||
let leftIndex = $(this).index()
|
||||
clearAll()
|
||||
switch (leftIndex){
|
||||
case 2://个人资料
|
||||
console.log($(this).find('span').text());
|
||||
$('#personal').css('display','')
|
||||
break;
|
||||
case 3://密码修改
|
||||
console.log($(this).find('span').text());
|
||||
$('#updatePass').css('display','')
|
||||
break;
|
||||
case 4://我的订单
|
||||
console.log($(this).find('span').text());
|
||||
$('#myOrder').css('display','')
|
||||
break;
|
||||
case 5://我的关注
|
||||
console.log($(this).find('span').text());
|
||||
$('#myAttention').css('display','')
|
||||
break;
|
||||
case 6://我的收藏
|
||||
console.log($(this).find('span').text());
|
||||
$('#myCollection').css('display','')
|
||||
break;
|
||||
case 7://我的积分
|
||||
console.log($(this).find('span').text());
|
||||
$('#myIntegral').css('display','')
|
||||
break;
|
||||
case 8://我的优惠券
|
||||
console.log($(this).find('span').text());
|
||||
$('#myCoupon').css('display','')
|
||||
break;
|
||||
case 9://我的征稿作品管理
|
||||
console.log($(this).find('span').text());
|
||||
$('#myZG').css('display','')
|
||||
break;
|
||||
case 10://收货地址
|
||||
console.log($(this).find('span').text());
|
||||
$('#mySH').css('display','')
|
||||
break;
|
||||
case 11://推荐商品
|
||||
console.log($(this).find('span').text());
|
||||
$('#myTJ').css('display','')
|
||||
break;
|
||||
case 12://艺术访谈
|
||||
console.log($(this).find('span').text());
|
||||
$('#myFW').css('display','')
|
||||
break;
|
||||
case 13://书刊杂志
|
||||
console.log($(this).find('span').text());
|
||||
$('#mySK').css('display','')
|
||||
break;
|
||||
}
|
||||
})
|
||||
yisList()
|
||||
zhazList()
|
||||
tjList()
|
||||
})
|
||||
function addCont(e){
|
||||
clearAll()
|
||||
$('#addContent').css('display','')
|
||||
if(e==1) {
|
||||
$('#addContent .tjzp').removeClass('dn')
|
||||
$('#addContent .ty_tit').text('推荐作品')//推荐作品
|
||||
}
|
||||
if(e==2) {
|
||||
$('#addContent .ysft').addClass('dn')
|
||||
$('#addContent .ty_tit').text('添加内容')//艺术访谈
|
||||
}
|
||||
if(e==3) {
|
||||
|
||||
$('#addContent .ysft').addClass('dn')
|
||||
$('#addContent .zhaz').removeClass('dn')
|
||||
$('#addContent .ty_tit').text('添加内容')//书刊杂志
|
||||
}
|
||||
}
|
||||
function selectAllT(){//推荐作品全选，全不选事件
|
||||
var isCheck = $('.chooseAllT').is(':checked')
|
||||
$("#myTJ input[type='checkbox']").each(function(){
|
||||
this.checked = isCheck
|
||||
})
|
||||
}
|
||||
function selectAllF(){//艺术访谈全选，全不选事件
|
||||
var isCheck = $('.chooseAllF').is(':checked')
|
||||
$("#myFW input[type='checkbox']").each(function(){
|
||||
this.checked = isCheck
|
||||
})
|
||||
}
|
||||
function selectAll(){//书刊全选，全不选事件
|
||||
var isCheck = $('.chooseAll').is(':checked')
|
||||
$("#mySK input[type='checkbox']").each(function(){
|
||||
this.checked = isCheck
|
||||
})
|
||||
}
|
||||
function tjList(){//推荐作品
|
||||
var tjHtml = '';
|
||||
var tjData = [
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
]
|
||||
$.each(tjData, function(commentIndex, comment) {
|
||||
tjHtml +=`<tr class="tc">
|
||||
<td>
|
||||
<div>
|
||||
<input type="checkbox" name="" id="" value="" />
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-sx20" valign="top" style="display: flex;justify-content: center;">
|
||||
<div style="width: 65px;height: 63px;" class="bd">
|
||||
<img height="100%" src="${comment.imgSrc}" >
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||
<div class="tl linh24 col19 clips2">${comment.title}</div>
|
||||
</td>
|
||||
<td class="p-sx20" valign="top">
|
||||
<div>${comment.time}</div>
|
||||
</td>
|
||||
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||
<div class="colcb">${comment.status}</div>
|
||||
</td>
|
||||
<td class="p-sx10" valign="top">
|
||||
<div style="display: flex;align-items: center;">
|
||||
<input style="width: 130px;height: 30px;" type="" name="" id="" value="" />
|
||||
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;margin: 0 10px;">编辑</button>
|
||||
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;" >删除</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>`
|
||||
});
|
||||
$('#tj-list').prepend(tjHtml);
|
||||
}
|
||||
function yisList(){//艺术访谈
|
||||
var yisHtml = '';
|
||||
var yisData = [
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
]
|
||||
$.each(yisData, function(commentIndex, comment) {
|
||||
yisHtml +=`<tr class="tc">
|
||||
<td>
|
||||
<div>
|
||||
<input type="checkbox" name="" id="" value="" />
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-sx20" valign="top" style="display: flex;justify-content: center;">
|
||||
<div style="width: 65px;height: 63px;" class="bd">
|
||||
<img height="100%" src="${comment.imgSrc}" >
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||
<div class="tl linh24 col19 clips2">${comment.title}</div>
|
||||
</td>
|
||||
<td class="p-sx20" valign="top">
|
||||
<div>${comment.time}</div>
|
||||
</td>
|
||||
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||
<div class="colcb">${comment.status}</div>
|
||||
</td>
|
||||
<td class="p-sx10" valign="top">
|
||||
<div style="display: flex;align-items: center;">
|
||||
<input style="width: 130px;height: 30px;" type="" name="" id="" value="" />
|
||||
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;margin: 0 10px;">编辑</button>
|
||||
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;" >删除</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>`
|
||||
});
|
||||
$('#yis-list').prepend(yisHtml);
|
||||
}
|
||||
function zhazList(){//书刊杂志
|
||||
var zhazHtml = '';
|
||||
var zhazData = [
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||
]
|
||||
$.each(zhazData, function(commentIndex, comment) {
|
||||
zhazHtml +=`<tr class="tc">
|
||||
<td>
|
||||
<div>
|
||||
<input type="checkbox" name="" id="" value="" />
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-sx20" valign="top" style="display: flex;justify-content: center;">
|
||||
<div style="width: 65px;height: 63px;" class="bd">
|
||||
<img height="100%" src="${comment.imgSrc}" >
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||
<div class="tl linh24 col19 clips2">${comment.title}</div>
|
||||
</td>
|
||||
<td class="p-sx20" valign="top">
|
||||
<div>${comment.time}</div>
|
||||
</td>
|
||||
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||
<div class="colcb">${comment.status}</div>
|
||||
</td>
|
||||
<td class="p-sx10" valign="top">
|
||||
<div style="display: flex;align-items: center;">
|
||||
<input style="width: 130px;height: 30px;" type="" name="" id="" value="" />
|
||||
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;margin: 0 10px;">编辑</button>
|
||||
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;" >删除</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>`
|
||||
});
|
||||
$('#zhaz-list').prepend(zhazHtml);
|
||||
}
|
||||
function clearAll(){
|
||||
$('#personal').css('display','none')//个人资料
|
||||
$('#updatePass').css('display','none')//密码修改
|
||||
$('#myOrder').css('display','none')//我的订单
|
||||
$('#myAttention').css('display','none')//我的关注
|
||||
$('#myCollection').css('display','none')//我的收藏
|
||||
$('#myIntegral').css('display','none')//我的积分
|
||||
$('#myCoupon').css('display','none')//我的优惠券
|
||||
$('#myZG').css('display','none')//我的征稿作品管理
|
||||
$('#mySH').css('display','none')//收货地址
|
||||
$('#myTJ').css('display','none')//推荐商品
|
||||
$('#myFW').css('display','none')//艺术访谈
|
||||
$('#mySK').css('display','none')//书刊杂志
|
||||
$('#addContent').css('display','none')//书刊杂志
|
||||
}
|
||||
207
js/huaxia.js
207
js/huaxia.js
|
|
@ -1,3 +1,39 @@
|
|||
function goToPage(e){
|
||||
let homeUrl = window.location.href.indexOf('index.html');
|
||||
switch (e){
|
||||
case 1:
|
||||
console.log('关于我们');
|
||||
// if(homeUrl>-1){
|
||||
// location.href = 'htmls/logshoppingcar/login.html'
|
||||
// } else {
|
||||
// location.href = '../../htmls/logshoppingcar/login.html'
|
||||
// }
|
||||
break;
|
||||
case 2:
|
||||
if(homeUrl>-1){
|
||||
location.href = 'htmls/logshoppingcar/shopcar.html';
|
||||
} else {
|
||||
location.href = '../../htmls/logshoppingcar/shopcar.html';
|
||||
}
|
||||
break;
|
||||
case 3:
|
||||
console.log('联系我们');
|
||||
// if(homeUrl>-1){
|
||||
// location.href = 'htmls/logshoppingcar/login.html'
|
||||
// } else {
|
||||
// location.href = '../../htmls/logshoppingcar/login.html'
|
||||
// }
|
||||
break;
|
||||
case 4:
|
||||
if(homeUrl>-1){
|
||||
location.href = 'htmls/logshoppingcar/login.html';
|
||||
} else {
|
||||
location.href = '../../htmls/logshoppingcar/login.html';
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
$(function(){
|
||||
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
||||
$('#submitLY').click(function(){
|
||||
|
|
@ -5,7 +41,7 @@ $(function(){
|
|||
let phone = $('input[name="userphone"]').val();
|
||||
let content = $('input[name="usercontent"]').val();
|
||||
if(!name){
|
||||
layer.msg('请输入联系人')
|
||||
console.log('请输入联系人');
|
||||
} else if(!reg_tel.test(phone)){
|
||||
console.log('请输入正确的联系电话');
|
||||
} else if(!content){
|
||||
|
|
@ -14,6 +50,19 @@ $(function(){
|
|||
console.log('提交成功');
|
||||
}
|
||||
})
|
||||
// 首页更多事件
|
||||
var list = $(".sy-more")
|
||||
$('.sy-more').on('click',function(){
|
||||
var index = list.index(this);//获取下标
|
||||
// console.log(index,list.length);
|
||||
if(index==0) location.href = 'htmls/artNetwork/exhibition.html'
|
||||
if(index==1) location.href = 'htmls/artNetwork/realTimeInfo.html'
|
||||
if(index==2) location.href = 'htmls/artNetwork/shoppingMall.html'
|
||||
if(index==3) location.href = 'htmls/artNetwork/artist.html'
|
||||
// if(index==4) location.href = 'htmls/artNetwork/login.html'
|
||||
if(index==5) location.href = 'htmls/artNetwork/train.html'
|
||||
// if(index==6) location.href = 'htmls/artNetwork/train.html'
|
||||
})
|
||||
let headH = $('#huaxia-head').height()
|
||||
$(window).resize(function(){//监听窗口大小的改变
|
||||
// console.log($(window).width());
|
||||
|
|
@ -34,11 +83,31 @@ $(function(){
|
|||
$(this).addClass('cq-dao-active')
|
||||
})
|
||||
// 二级导航
|
||||
$('.zx-nav li a').click(function(){
|
||||
$('.zx-nav li a').removeClass('zx-nav-title')
|
||||
// $('.zx-nav li a').click(function(){
|
||||
// $('.zx-nav li a').removeClass('zx-nav-title')
|
||||
// $('.zx-nav li div').removeClass('zx-nav-active')
|
||||
// $(this).addClass('zx-nav-title')
|
||||
// $(this).next("div").addClass('zx-nav-active')
|
||||
// })
|
||||
$('.zx-nav li').click(function(){
|
||||
let jgTwoIndex = $(this).index()
|
||||
$('.zx-nav li span').removeClass('zx-nav-title')
|
||||
$('.zx-nav li div').removeClass('zx-nav-active')
|
||||
$(this).addClass('zx-nav-title')
|
||||
$(this).next("div").addClass('zx-nav-active')
|
||||
$(this).find('span').addClass('zx-nav-title')
|
||||
$(this).find("div").addClass('zx-nav-active')
|
||||
let urlIndex = window.location.href.indexOf('mechanismBooksDetail.html')
|
||||
if(urlIndex>-1 && $(this).find('span').text()!='书刊杂志') {
|
||||
$('#jg-detail').css('display','none')
|
||||
} else {
|
||||
$('#jg-detail').css('display','')
|
||||
}
|
||||
changeJG()
|
||||
if(jgTwoIndex==0) $('#jgjj-box').css('display','')
|
||||
if(jgTwoIndex==1) $('#jgcy-box').css('display','')
|
||||
if(jgTwoIndex==2) $('#jgzh-box').css('display','')
|
||||
if(jgTwoIndex==3) $('#jgysp-box').css('display','')
|
||||
if(jgTwoIndex==4) $('#jgsk-box').css('display','')
|
||||
if(jgTwoIndex==5) $('#jgxw-box').css('display','')
|
||||
})
|
||||
$('.px-nav li a').click(function(){//培训页二级导航
|
||||
$('.px-nav li a').removeClass('zx-nav-title')
|
||||
|
|
@ -126,24 +195,34 @@ $(function(){
|
|||
checkZLList()//查询展览列表
|
||||
checkJFList()//查询积分商城列表
|
||||
checkAllSList()//查询所有商品
|
||||
checkZhanL()//查询即将展览详情下的展览列表
|
||||
homeArtist()//查询艺术家列表
|
||||
let zhTop = 0
|
||||
$(window).scroll(function() {
|
||||
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
|
||||
zxList()
|
||||
checkJG()
|
||||
checkPeo()
|
||||
checkExhibitone()
|
||||
checkArt()
|
||||
checkBooks()
|
||||
jgxList()
|
||||
pmList()
|
||||
checkPMShop()
|
||||
checkPXSPList()
|
||||
checkartist()
|
||||
checkFT()
|
||||
checkYSZZList()
|
||||
checkZLList()
|
||||
checkJFList()
|
||||
checkAllSList()
|
||||
if(zhTop==0) zhTop = $(window).scrollTop()/2
|
||||
$('.zx-more').css('display','flex')
|
||||
setTimeout(function(){
|
||||
$('.zx-more').css('display','none')
|
||||
window.scrollBy(0,-10);
|
||||
zxList()
|
||||
},1500)
|
||||
// checkJG()
|
||||
// checkPeo()
|
||||
// checkExhibitone()
|
||||
// checkArt()
|
||||
// checkBooks()
|
||||
// jgxList()
|
||||
// pmList()
|
||||
// checkPMShop()
|
||||
// checkPXSPList()
|
||||
// checkartist()
|
||||
// checkFT()
|
||||
// checkYSZZList()
|
||||
// checkZLList()
|
||||
// checkJFList()
|
||||
// checkAllSList()
|
||||
// checkZhanL()
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -201,7 +280,7 @@ $(function(){
|
|||
})
|
||||
// 商城的更多事件
|
||||
$('#rem-more,#sh-more,#cq-more,#jf-more').click(function(){
|
||||
location.href = `shopMore.html`
|
||||
location.href = "shopMore.html"
|
||||
})
|
||||
// 调起兑换弹框
|
||||
$('#duih').click(function(){
|
||||
|
|
@ -210,11 +289,7 @@ $(function(){
|
|||
})
|
||||
// 关闭弹框
|
||||
$('.close-q').click(function(){
|
||||
$('#isTank').fadeOut()
|
||||
$('#failk').css('display','none')
|
||||
$('#success_fail').css('display','none')
|
||||
$('#successk').css('display','none')
|
||||
$('#duik').css('display','none')
|
||||
closeTK()
|
||||
})
|
||||
// 立即兑换提交事件
|
||||
$('#sumitdh').click(function(){
|
||||
|
|
@ -227,7 +302,7 @@ $(function(){
|
|||
})
|
||||
// 去购物
|
||||
$('.goShop').click(function(){
|
||||
location.href = `pointsMall.html`
|
||||
location.href = "pointsMall.html"
|
||||
})
|
||||
// 调起投稿界面
|
||||
$('#toug').click(function(){
|
||||
|
|
@ -243,6 +318,21 @@ $(function(){
|
|||
$('.continueTP').click(function(){
|
||||
console.log('继续投票');
|
||||
})
|
||||
// 图片选择
|
||||
$('#inputImg').change(function(){
|
||||
$filePath=URL.createObjectURL(this.files[0]);
|
||||
$('#upImg').attr('src',$filePath);
|
||||
$('#fileBox').css('display','none')
|
||||
$('#upImg').css('display','inline')
|
||||
})
|
||||
// 立即投稿
|
||||
$('#submitTG').click(function(){
|
||||
closeTK()
|
||||
})
|
||||
// 去选择地址页面
|
||||
$('.goChooseDZ').on('click',function(){
|
||||
location.href = ''
|
||||
})
|
||||
// 监听页面滚动条变化
|
||||
$(window).scroll(function(){
|
||||
// 获取滚动条距离顶部的距离
|
||||
|
|
@ -254,6 +344,27 @@ $(function(){
|
|||
}
|
||||
})
|
||||
})
|
||||
function changeJG(){
|
||||
$('#jgjj-box').css('display','none')
|
||||
$('#jgcy-box').css('display','none')
|
||||
$('#jgzh-box').css('display','none')
|
||||
$('#jgysp-box').css('display','none')
|
||||
$('#jgsk-box').css('display','none')
|
||||
$('#jgxw-box').css('display','none')
|
||||
}
|
||||
function closeTK(){//关闭弹框
|
||||
$('#isTank').fadeOut()
|
||||
$('#failk').css('display','none')
|
||||
$('#success_fail').css('display','none')
|
||||
$('#successk').css('display','none')
|
||||
$('#duik').css('display','none')
|
||||
// 重置我要投稿
|
||||
$('#upImg').attr('src','')
|
||||
$('#fileBox').css('display','flex')
|
||||
$('#upImg').css('display','none')
|
||||
$('#cicun').val('')
|
||||
$('#name').val('')
|
||||
}
|
||||
function xxDong(){//首页信息动态
|
||||
var html = '';
|
||||
var data = [
|
||||
|
|
@ -264,7 +375,7 @@ function xxDong(){//首页信息动态
|
|||
]
|
||||
$.each(data, function(commentIndex, comment) {
|
||||
html +=`<div class="dac backf p-sx20 w48 m-x32">
|
||||
<img src="${comment.imgSrc}" class="xx-img" alt="图片丢失" title="${comment.title}">
|
||||
<img src="${comment.imgSrc}" class="xx-img" style="max-width:252px" alt="图片丢失" title="${comment.title}">
|
||||
<div class="m-zy15">
|
||||
<div class="clips1 font-18 col19">${comment.title}</div>
|
||||
<div class="font-12 col9 m-sx10">${comment.time}</div>
|
||||
|
|
@ -274,6 +385,32 @@ function xxDong(){//首页信息动态
|
|||
});
|
||||
$('.msg').prepend(html);
|
||||
}
|
||||
function homeArtist(){//首页艺术家
|
||||
var ysjhtml = '';
|
||||
var ysjdata = [
|
||||
{imgSrc:'img/public/ys-one.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'img/public/ys-two.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'img/public/ys-three.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'img/public/ys-four.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'img/public/ys-five.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
||||
]
|
||||
$.each(ysjdata, function(commentIndex, comment) {
|
||||
ysjhtml +=`<div class="w20 m-s37">
|
||||
<div class="ya-item-box backf">
|
||||
<img class="w100" src="${comment.imgSrc}">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">${comment.name}</div>
|
||||
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
|
||||
</div>
|
||||
<div class="ysj-itemcon font-14 linh24">${comment.work}</div>
|
||||
<div class="clips2 ysj-itemcon font-14 linh24">${comment.content}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
});
|
||||
$('#homeArtist').prepend(ysjhtml);
|
||||
}
|
||||
function zxList(){//资讯页全部下的列表
|
||||
var zxHtml = '';
|
||||
var zxData = [
|
||||
|
|
@ -411,7 +548,7 @@ function checkArt(){//机构艺术品事件
|
|||
{imgSrc:'../../img/public/jg-dy-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
]
|
||||
$.each(jgyData, function(commentIndex, comment) {
|
||||
jgyHtml +=`<div class="dfc w25 m-s30" onclick="goYSDetail(${commentIndex})">
|
||||
jgyHtml +=`<div class="dfc w25 m-x30" onclick="goYSDetail(${commentIndex})">
|
||||
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||||
<div class="font-18 fb m-s20 w90 clips1" style="text-align: center;">${comment.title}</div>
|
||||
</div>`
|
||||
|
|
@ -501,7 +638,7 @@ function pmList(){//机构下的新闻动态列表
|
|||
]
|
||||
$.each(pmData, function(commentIndex, comment) {
|
||||
pmHtml +=`<div class="dac m-x30 bd" onclick="goPMDetail(${commentIndex})">
|
||||
<img width="100%" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
||||
<img width="100%" style="vertical-algin:bottom;" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
||||
<div class="p-zy30 w56">
|
||||
<div class="font-20 linh28 fb dac p-sx20 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
|
||||
<div class="font-15 col19 m-s20 m-x10">专场介绍</div>
|
||||
|
|
@ -646,7 +783,7 @@ function checkartist(){//查询艺术家们列表
|
|||
<div class="font-26 clips1">${comment.title}</div>
|
||||
<div style="padding:8px 15px;" onclick="goYSDetail(${commentIndex})" class="font-13 col19 op8 bd">查看作品</div>
|
||||
</div>
|
||||
<div class="font-14 op9 m-s20 m-x30 w90 clips2">${comment.content}</div>
|
||||
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24">${comment.content}</div>
|
||||
</div>`
|
||||
});
|
||||
$('#ys-list').prepend(ysHtml);
|
||||
|
|
@ -738,7 +875,7 @@ function checkZLList(){//查询展览列表
|
|||
function gozlDetail(e){//查看书刊详情
|
||||
location.href = `exhibitionComingDetail.html?id=${e}`
|
||||
}
|
||||
function checkExhibitone(){//查询即将展览详情下的展览列表
|
||||
function checkZhanL(){//查询即将展览详情下的展览列表
|
||||
let zlzpHtml = '';
|
||||
let zlzpData = [
|
||||
{imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
|
|
@ -766,9 +903,9 @@ function checkExhibitone(){//查询即将展览详情下的展览列表
|
|||
});
|
||||
$('#zlzp-list').prepend(zlzpHtml);
|
||||
}
|
||||
function toup(e){
|
||||
console.log(e);
|
||||
function toup(e){//投票调起弹框
|
||||
$('#isTank').fadeIn()
|
||||
$('#duik').css('display','none')
|
||||
$('#success_fail').css('display','')
|
||||
$('#successk').css('display','')
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue