huaxia/htmls/artNetwork/train.html

198 lines
9.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>培训</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="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 class="sy-dian"></span>
<div class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!---->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<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"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<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"><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 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">
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
<img class="pa cq-cp" src="../../img/sy-search.png">
</div>
</div>
</div>
</div>
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40 allitem-title">培训</div>
<div class="dac m-s20" id="px-item">
<div class="cq-cp zx-xx">课堂介绍</div>
<div class="cq-cp zx-gg m-zy10">课堂视频</div>
<div class="cq-cp zx-gg">在线直播</div>
</div>
</div>
</div>
<div class="p-zy320">
<!-- 二级导航 -->
<ul class="px-nav bbt dac">
<li><a href="javascript:;" class="zx-nav-title">国画</a><div class="zx-nav-active"></div></li>
<li><a href="javascript:;">油画</a><div></div></li>
<li><a href="javascript:;">书法</a><div></div></li>
<li><a href="javascript:;">其他</a><div></div></li>
</ul>
<!-- 全部的课堂介绍列表 -->
<div id="px-list" class="p-s10"></div>
<!-- 全部的课堂视频列表 -->
<div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div>
<!-- 直播 -->
<div id="pxzb-list" class="p-s10" style="display: none;">
<div class="dac m-x30 bd">
<div class="pr w100" style="max-height: 400px;">
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb01.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
</div>
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
<div class="font-15 col19 m-s20 m-x10">直播时间2021年07月20日</div>
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
</div>
</div>
<div class="dac m-x30 bd">
<div class="pr w100" style="max-height: 400px;">
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb02.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
</div>
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
<div class="font-15 col19 m-s20 m-x10">直播时间2021年07月20日</div>
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
</div>
</div>
<div class="dac m-x30 bd">
<div class="pr w100" style="max-height: 400px;">
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb03.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
</div>
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
<div class="font-15 col19 m-s20 m-x10">直播时间2021年07月20日</div>
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
</div>
</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>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>
</html>