头部链接调整
parent
b6b913db2f
commit
47c0be884c
|
|
@ -142,6 +142,8 @@ 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;}
|
||||
|
|
@ -149,11 +151,11 @@ body{margin: 0;padding: 0;}
|
|||
.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;}
|
||||
|
|
@ -166,6 +168,7 @@ body{margin: 0;padding: 0;}
|
|||
.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;}
|
||||
|
|
@ -288,6 +291,8 @@ input{outline: none;}
|
|||
.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;}
|
||||
|
|
@ -300,7 +305,7 @@ input{outline: none;}
|
|||
#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;}
|
||||
#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;}
|
||||
.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;}
|
||||
|
|
@ -334,6 +339,8 @@ input{outline: none;}
|
|||
.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%;}
|
||||
|
|
@ -344,29 +351,36 @@ input{outline: none;}
|
|||
.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;}
|
||||
|
|
@ -383,6 +397,7 @@ input{outline: none;}
|
|||
.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;}
|
||||
|
|
@ -438,6 +453,17 @@ input{outline: none;}
|
|||
#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;}
|
||||
|
|
@ -46,18 +46,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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
|
|||
|
|
@ -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,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">
|
||||
|
|
@ -137,8 +137,8 @@
|
|||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
nextEl: '.xq-next',
|
||||
prevEl: '.xq-pre',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
|
|
|
|||
|
|
@ -40,18 +40,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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
|
|||
|
|
@ -40,18 +40,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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,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>
|
||||
<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>
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="artNetwork.html">艺术家</a><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">
|
||||
|
|
@ -110,19 +110,19 @@
|
|||
</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 jg-twoNav">
|
||||
<li class="pr cq-cp"></a><span class="zx-nav-title">机构简介</span><div class="zx-nav-active"></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><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"><a href="mechanismBooks.html"></a><span>书刊杂志</span><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr cq-cp"><a href="mechanismNews.html"></a><span>新闻动态</span><div></div></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>
|
||||
|
|
@ -137,7 +137,7 @@
|
|||
<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="m-zy20 m-s20 linh42">
|
||||
<div class="dac">
|
||||
<img class="m-y15" src="../../img/public/jg-name.png" >
|
||||
<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,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,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"><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,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,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"><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 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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -115,12 +115,12 @@
|
|||
<div class="p-zy320">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav bbt dac" style="margin-bottom: 0;">
|
||||
<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>
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -46,18 +46,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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -40,18 +40,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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
|
|||
|
|
@ -46,18 +46,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>
|
||||
<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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<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 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>
|
||||
<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 class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20 p-x20">
|
||||
<div class="font-36">详情介绍</div>
|
||||
</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-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>
|
||||
|
|
|
|||
123
index.html
123
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 login_register">登录/注册</span>
|
||||
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
|
|
@ -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>
|
||||
|
|
@ -264,16 +264,16 @@
|
|||
<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>
|
||||
|
|
@ -281,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>
|
||||
|
|
@ -289,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%" >
|
||||
|
|
@ -358,7 +358,7 @@
|
|||
</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 sy-more" style="color: #FFFFFF;">View More +</div>
|
||||
</div>
|
||||
|
|
@ -369,67 +369,12 @@
|
|||
<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">
|
||||
<!-- 文创专区 -->
|
||||
|
|
@ -496,17 +441,17 @@
|
|||
</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>
|
||||
|
|
@ -518,16 +463,16 @@
|
|||
<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">
|
||||
|
|
@ -535,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>
|
||||
|
|
|
|||
123
js/huaxia.js
123
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){
|
||||
|
|
@ -27,9 +63,6 @@ $(function(){
|
|||
if(index==5) location.href = 'htmls/artNetwork/train.html'
|
||||
// if(index==6) location.href = 'htmls/artNetwork/train.html'
|
||||
})
|
||||
$('.login_register').on('click',function(){
|
||||
location.href = 'htmls/logshoppingcar/login.html'
|
||||
})
|
||||
let headH = $('#huaxia-head').height()
|
||||
$(window).resize(function(){//监听窗口大小的改变
|
||||
// console.log($(window).width());
|
||||
|
|
@ -62,6 +95,12 @@ $(function(){
|
|||
$('.zx-nav li div').removeClass('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','')
|
||||
|
|
@ -157,25 +196,33 @@ $(function(){
|
|||
checkJFList()//查询积分商城列表
|
||||
checkAllSList()//查询所有商品
|
||||
checkZhanL()//查询即将展览详情下的展览列表
|
||||
homeArtist()//查询艺术家列表
|
||||
let zhTop = 0
|
||||
$(window).scroll(function() {
|
||||
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
|
||||
if(zhTop==0) zhTop = $(window).scrollTop()/2
|
||||
$('.zx-more').css('display','flex')
|
||||
setTimeout(function(){
|
||||
$('.zx-more').css('display','none')
|
||||
window.scrollBy(0,-10);
|
||||
zxList()
|
||||
checkJG()
|
||||
checkPeo()
|
||||
checkExhibitone()
|
||||
checkArt()
|
||||
checkBooks()
|
||||
jgxList()
|
||||
pmList()
|
||||
checkPMShop()
|
||||
checkPXSPList()
|
||||
checkartist()
|
||||
checkFT()
|
||||
checkYSZZList()
|
||||
checkZLList()
|
||||
checkJFList()
|
||||
checkAllSList()
|
||||
checkZhanL()
|
||||
},1500)
|
||||
// checkJG()
|
||||
// checkPeo()
|
||||
// checkExhibitone()
|
||||
// checkArt()
|
||||
// checkBooks()
|
||||
// jgxList()
|
||||
// pmList()
|
||||
// checkPMShop()
|
||||
// checkPXSPList()
|
||||
// checkartist()
|
||||
// checkFT()
|
||||
// checkYSZZList()
|
||||
// checkZLList()
|
||||
// checkJFList()
|
||||
// checkAllSList()
|
||||
// checkZhanL()
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -233,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(){
|
||||
|
|
@ -255,7 +302,7 @@ $(function(){
|
|||
})
|
||||
// 去购物
|
||||
$('.goShop').click(function(){
|
||||
location.href = `pointsMall.html`
|
||||
location.href = "pointsMall.html"
|
||||
})
|
||||
// 调起投稿界面
|
||||
$('#toug').click(function(){
|
||||
|
|
@ -328,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>
|
||||
|
|
@ -338,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 = [
|
||||
|
|
@ -565,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>
|
||||
|
|
@ -710,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);
|
||||
|
|
|
|||
Loading…
Reference in New Issue