CINXE.COM
美好景象
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="csrf-token" content="5bNfU4hZf62TZiZLEwARTXYatcfZl7gzTDFtAZEU"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="360-site-verification" content="1b258aa5a865db75cd05037280f4cca7" /> <title>美好景象</title> <link href="/lib/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link href="/css/index.css" rel="stylesheet"> <link href="/css/jquery.dropdown.css" rel="stylesheet"> <link href="/css/bootstrap.slider.css" rel="stylesheet"> <link href="/lib/fleximages/jquery.flex-images.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <link href="/lib/fleximages/jquery.flex-images.css" rel="stylesheet"> <style> #hdscon { width: 1000px; margin: 0 auto; } #cnsint { background: url("/img/cns_logo.jpg") no-repeat 0 0; width: 1000px; height: 78px; } #cnsint-con { padding-top: 5px; padding-left: 305px; font: 14px 微软雅黑; } #tjcn { height: 41px; width: 1000px; padding: 0 30px; position: relative; border-bottom: 1px solid #f1f1f1; overflow: hidden; } #index-tj { width: 940px; position: relative; overflow: hidden; white-space:nowrap; border-width: 0px; } .cnsrow { width: 1000px; height: 300px; overflow: hidden; position: relative; } .cnsrtit { position: absolute; z-index: 10; right: 20px; bottom: 45px; color: white; font-size: 24px; font-weight: bold; } .cnsrde { position: absolute; z-index: 10; right: 20px; bottom: 20px; color: white; font-size: 14px; font-weight: bold; } </style> </head> <body> <div class="wrapper"> <div style="width:100%; background-color: #333;" > <div class="container" id="main-navbar" > <a id="nav-logo" href="/"><img src="/img/navlogo.png" /></a> <div id="nav-link" > <a class="nav-link-a" href="https://www.viewstock.com/template">海报模板</a> <a class="nav-link-a" href="https://www.viewstock.com/cnshow">原创更新</a> <a class="nav-link-a" href="https://www.viewstock.com/video">视频来了</a> <a class="nav-link-a" href="https://www.viewstock.com/webpage/dlshz">代理商合作</a> <a class="nav-link-a" href="https://www.viewstock.com/webpage/syshz">摄影师合作</a> <a class="nav-link-a" href="https://www.viewstock.com/webpage/yyhz">演员合作</a> <a class="nav-link-a" href="https://www.viewstock.com/webpage/about">关于我们</a> <a class="nav-link-a" href="https://www.viewstock.com/webpage/faq">版权问题</a> <a class="nav-link-a" href="https://www.viewstock.com/cart" style="position: absolute; right: 230px; top: 0;"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 购物车</a> <a class="nav-link-a nav-nohove" href="javascript:;" style="position: absolute; right: 100px; top: 0;"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> 010-64159988</a> <a class="nav-link-a" href="https://www.viewstock.com/register" style="position: absolute; right: 60px; top: 0;">注册</a> <a class="nav-link-a" href="#" data-toggle="modal" data-target="#loginModal" style="position: absolute; right: 20px; top: 0;">登录</a> </div> </div> <div class=""> </div> </div> <div class="container"> <div class="clearfix" style="height: 30px;"></div> <div id="hdscon"> <div > <p><strong style="font-size: 24px;">“景象图片模板”全新上线</strong> <p><strong style="font-size: 18px; color: #1ba584;">本土原创模板：</strong>率先将本土创意图片引入模板平台，颠覆模板依赖图形元素的传统设计；</p> <p><strong style="font-size: 18px; color: #1ba584;">丰富主题：</strong>全面覆盖节日及常规主题，海量素材首发上线；</p> <p><strong style="font-size: 18px; color: #1ba584;">方便对接：</strong>快捷对接各家模板平台，支持在线编辑功能；</p> <div class="clearfix" style="height: 30px;"></div> <p><strong style="font-size: 18px; color: #1ba584;">景象图片模板</strong> 多种合作模式，轻松搭建正版内容</p> </div> <div class="clearfix" style="height: 60px;"></div> <div id="index-tj"> <a href="#topic_0" id="index-tj-act" >618抢购</a> <a href="#topic_1" >主题日签</a> <a href="#topic_2" >假日出游</a> <a href="#topic_3" >团圆中秋</a> <a href="#topic_4" >浓情端午</a> <a href="#topic_5" >商业促销</a> </div> <div id="index-tj"> <a href="#topic_6" >地产置业</a> <a href="#topic_7" >中医中药</a> <a href="#topic_8" >网络直播</a> <a href="#topic_9" >金融理财</a> <a href="#topic_10" >高考必胜</a> <a href="#topic_11" >健康养生</a> </div> <div id="index-tj"> <a href="#topic_12" >地道美食</a> <a href="#topic_13" >教育培训</a> <a href="#topic_14" >商务职场</a> <a href="#topic_15" >家庭生活</a> <a href="#topic_16" >节日节气</a> <a href="#topic_17" >运动健身</a> </div> <div class="clearfix" style="height: 20px;"></div> <div class="tab-content"> <div role="tabpanel" class="tab-pane active " id="topic_0"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3279" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3279.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3267" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3267.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3264" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3264.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3263" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3263.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3262" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3262.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3106" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3106.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2126" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2126.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2092" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2092.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2051" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2051.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1627" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1627.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=618" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_1"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8375" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8375.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8370" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8370.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8365" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8365.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8341" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8341.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8333" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8333.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8200" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8200.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8070" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8070.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7933" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7933.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7889" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7889.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6990" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6990.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E6%97%A5%E7%AD%BE" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_2"> <div class="flex-images"> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8242" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8242.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.33333333333" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8100" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8100.jpg" width="172.33333333333" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8251" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8251.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8243" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8243.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8355" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8355.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8439" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8439.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8354" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8354.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8329" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8329.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8278" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8278.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8421" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8421.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E6%97%85%E6%B8%B8" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_3"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4301" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4301.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4325" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4325.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4331" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4331.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4174" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4174.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4171" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4171.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4082" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4082.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4462" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4462.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4473" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4473.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4467" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4467.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4325" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4325.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E4%B8%AD%E7%A7%8B" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_4"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8440" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8440.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8338" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8338.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7871" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7871.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2661" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2661.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2392" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2392.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2421" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2421.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2399" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2399.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2323" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2323.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2316" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2316.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2392" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2392.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E7%AB%AF%E5%8D%88" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_5"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8425" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8425.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8359" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8359.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8286" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8286.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8271" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8271.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8202" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8202.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8129" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8129.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8092" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8092.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8064" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8064.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7915" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7915.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7572" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7572.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E4%BF%83%E9%94%80" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_6"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8127" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8127.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5272" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5272.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4847" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4847.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4738" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4738.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4550" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4550.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2647" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2647.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2637" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2637.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2445" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2445.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1702" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1702.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1014" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1014.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E5%9C%B0%E4%BA%A7" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_7"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8414" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8414.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8413" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8413.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3065" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3065.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3244" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3244.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1706" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1706.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1224" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1224.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1017" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1017.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/422" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/422.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.33333333333" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/80" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/80.jpg" width="172.33333333333" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1230" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1230.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E4%B8%AD%E5%8C%BB" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_8"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8057" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8057.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7874" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7874.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7866" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7866.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7384" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7384.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6257" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6257.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6208" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6208.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4457" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4457.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4418" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4418.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2265" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2265.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2184" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2184.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E7%9B%B4%E6%92%AD" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_9"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5364" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5364.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3436" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3436.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2628" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2628.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2284" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2284.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2266" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2266.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2258" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2258.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2239" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2239.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2244" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2244.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2226" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2226.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2224" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2224.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E9%87%91%E8%9E%8D" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_10"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1884" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1884.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1749" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1749.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1747" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1747.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1741" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1741.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1748" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1748.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4106" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4106.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2812" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2812.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/2512" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/2000/2512.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/728" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/728.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1684" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1684.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E9%AB%98%E8%80%83" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_11"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8414" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8414.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8411" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8411.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8398" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8398.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8224" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8224.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8069" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8069.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7803" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7803.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7804" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7804.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7861" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7861.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7862" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7862.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8191" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8191.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E5%81%A5%E5%BA%B7" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_12"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4343" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4343.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7502" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7502.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7481" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7481.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7517" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7517.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6249" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6249.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5920" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5920.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5672" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5672.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5582" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5582.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5449" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5449.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5374" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5374.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E7%BE%8E%E9%A3%9F" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_13"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6823" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6823.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6748" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6748.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7091" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7091.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6743" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6743.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6501" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6501.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6408" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6408.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6005" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6005.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4968" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4968.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5082" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5082.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3108" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3108.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E6%95%99%E8%82%B2" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_14"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8453" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8453.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8045" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8045.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7977" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7977.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7768" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7768.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7151" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7151.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8453" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8453.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8003" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8003.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7844" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7844.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7837" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7837.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7773" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7773.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E5%95%86%E5%8A%A1" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_15"> <div class="flex-images"> <div class="item" data-w="172.33333333333" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1939" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1939.jpg" width="172.33333333333" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1693" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1693.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1600" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1600.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1496" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1496.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1345" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1345.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/657" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/657.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/656" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/656.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/476" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/476.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/155" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/155.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/87" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/87.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E5%AE%B6%E5%BA%AD" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_16"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7624" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7624.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/7515" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/7000/7515.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/6577" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/6000/6577.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3099" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3099.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/5343" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/5000/5343.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4707" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4707.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4499" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4499.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/4083" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/4000/4083.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3123" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3123.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/3059" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/3000/3059.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E4%BA%8C%E5%8D%81%E5%9B%9B%E8%8A%82%E6%B0%94" style="color:#00a99d;">更多...</a></div> </div> <div role="tabpanel" class="tab-pane " id="topic_17"> <div class="flex-images"> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8404" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8404.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8402" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8402.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8369" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8369.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="171" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/8261" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/8000/8261.jpg" width="171" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/81" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/0/81.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1678" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1678.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1676" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1676.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1670" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1670.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1639" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1639.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> <div class="item" data-w="172.66666666667" data-h="306.66666666667"> <!-- <a href="https://www.viewstock.com/photo/1612" target="_blank"> --> <img src="https://www.viewstock.com/storage2/templatesThumbs/1000/1612.jpg" width="172.66666666667" height="306.66666666667" > <!-- </a> --> </div> </div> <div class="clearfix" style="height: 20px;"></div> <div style="text-align: right;"><a href="https://www.viewstock.com/search?stype=template&key=%E5%81%A5%E5%BA%B7" style="color:#00a99d;">更多...</a></div> </div> </div> </div> </div> <div id="loginModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">用户登录</h4> </div> <div class="modal-body"> <form class="form-signin" name="form-signin" role="form" action="#" method="post" onsubmit="return login();"> <input type="hidden" name="_token" value="5bNfU4hZf62TZiZLEwARTXYatcfZl7gzTDFtAZEU"> <p class="bg-info" style="display: none;padding: 5px 10px;" id="login-msg"></p> <div style="height: 10px;"></div> <input name="name" id="login-name" type="text" class="form-control" placeholder="用户名" required > <div style="height: 10px;"></div> <input name="password" id="login-password" type="password" class="form-control" placeholder="密码" required> <div style="height: 10px;"></div> <button class="btn btn-lg btn-primary btn-block" type="submit">登 录</button> <div style="height: 20px;"></div> <a href="https://www.viewstock.com/forgot">忘记用户名或密码？</a> </form> </div> </div> </div> </div> <form action="https://www.viewstock.com/search/byimage" method="post" enctype="multipart/form-data" id="searchByImage" style="display: none;"> <input type="file" name="file" id="searchByImageFile"> </form> <!-- end wrapper --> </div> <div class="clearfix" style="height: 60px;"></div> <div id="ftlink"> <a href="https://www.viewstock.com/webpage/job">招聘信息</a> <a href="http://viewstock.com/webpage/story">创作花絮</a> <a href="https://www.viewstock.com/webpage/contact">联系我们</a> </div> <div class="clearfix" style="height: 10px;"></div> <div id="footer"> <div class="container"> <div class="pull-left anav" style="position: relative;"> <h5 style="color: #f1f1f1;font: 18px/40px 微软雅黑;">CONTACT US</h5> <p>著作权人：北京美好景象图片有限公司</p> <p>地址：北京市朝阳区顺白路133号万荷艺术区一号院8号楼</p> <p>电话：010-64159988</p> <p>客服邮箱：service1@viewstock.com</p> <p style="font: 12px/40px 微软雅黑;margin-top: 10px">北京美好景象图片有限公司对于本网站所有图片拥有著作权及其他相关权利, 未经许可任何人不得使用 <a href="http://beian.miit.gov.cn" target="_blank" style="color:#c1c1c1;">京ICP备05047318号</a> ICP经营许可证：京B2-20191521 <img src="/img/ba.png"> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502034343" target="_blank" style="color:#c1c1c1;">京公网安备11010502034343号</a></p> </div> <div class="pull-right anav"> <div style="font-size: 14px;color: #fff;width: 80px;text-align: center;margin-top: 15px;margin-left:160px;padding: 5px 0;">关注我们</div> <div style="margin-left:160px;"><img src="/img/wx-codes.png" width="80" height="80"></div> <div style="font-size: 14px;color: #fff;width: 80px;text-align: center;padding: 5px 0;margin-left:160px;">微信公众号</div> <div id="footer-riga"> <!-- <a href="">招聘信息</a> <a href="">服务条款</a> <a href="">帮助</a> <a href="">合作网站</a> <a href="">关于我们</a> --> </div> </div> <div class="clearfix"></div> </div> </div> <!--kefu--> <div class="keifu"> <div class="keifu_tab"> <div class="icon_keifu"></div> <div class="keifu_box"> <div class="keifu_head"></div> <div class="keifu_con"> <div style="text-align: center;padding-bottom: 10px;"> <p>购图咨询1</p> <a style="display:block;margin-left: 20px;" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1491864437&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2073826524:51" alt="购买咨询" title="购买咨询"/></a> </div> <div style="text-align: center;padding-bottom: 10px;"> <p>购图咨询2</p> <a style="display:block;margin-left: 20px;" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1755160472&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2073826524:51" alt="购买咨询" title="购买咨询"/></a> </div> <div style="text-align: center;padding-bottom: 10px;"> <p>摄影师咨询</p> <a style="display:block;margin-left: 20px;" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2183055776&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1491864437:51" alt="摄影师咨询" title="摄影师咨询"/></a> </div> <div style="text-align: center;padding-bottom: 10px;"> <p>演员合作</p> <a style="display:block;margin-left: 20px;" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2292467941&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1491864437:51" alt="演员合作" title="演员合作"/></a> </div> <div style="text-align: center;"> <p>联系电话</p> <p>010-64159988</p> <p>周一至周五 09:00~17:00</p> </div> </div> <div class="keifu_bot"></div> </div> </div> </div> <!--kefu--> <script src="/lib/jquery-1.12.4.min.js"></script> <script src="/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script> <script src="/lib/jquery-validation-1.15.1/dist/jquery.validate.min.js"></script> <script src="/lib/jquery-validation-1.15.1/dist/localization/messages_zh.min.js"></script> <script src="/js/jquery.goup.js"></script> <script src="/js/jquery.hoverIntent.js"></script> <script type="text/javascript" src="/lib/fleximages/jquery.flex-images.min.js"></script> <script src="/js/jquery.dropdown.js"></script> <script src="/js/bootstrap.slider.js"></script> <script type="text/javascript" src="/lib/fleximages/jquery.flex-images.min.js"></script> <script> jQuery(document).ready(function($){ $('.flex-images').flexImages({rowHeight: 400}); $('#index-tj a').click(function (e) { e.preventDefault(); $(this).tab('show'); $('#index-tj-act').removeAttr('id'); $(this).attr('id', 'index-tj-act'); $('.flex-images').flexImages({rowHeight: 400}); }); }); </script> <script> function login() { var name = $('#login-name').val(); var password = $('#login-password').val(); if (name == '' || password == '') { return false; } $.post("https://www.viewstock.com/login",{name:name,password:password},function(res){ if (res.status != 0) { $('#login-msg').show(); $('#login-msg').html(res.msg); } else { location.replace(location.href); } }, 'json'); return false; } function showVideo(event) { var id = event.currentTarget.id; var num=id.split('pv_link')[1]; $w=$('#tn'+num).width(); $h=$('#tn'+num).height(); var is_show_control = $('#pv_link'+num).attr('control'); if (is_show_control == 'true') { $video='<video style="position:absolute; left:0; top:0; width:'+$w+'px; z-index:10;" ' +'class="thevideo lazy" loop="loop" playsinline="" autoplay muted controls="controls" controlslist="nodownload noremoteplayback"><source class="thevideos" src="' +$('#pv_link'+num).attr('video')+'" style="width:'+$w+'px;height:' +$h+'px;" type="video/mp4"></video>'; }else { $video='<video style="position:absolute; left:0; top:0; width:'+$w+'px; z-index:10;" ' +'class="thevideo lazy" loop="loop" playsinline="" autoplay muted ><source class="thevideos" src="' +$('#pv_link'+num).attr('video')+'" style="width:'+$w+'px;height:' +$h+'px;" type="video/mp4"></video>'; } $('#'+id).find('#tn'+num).after($video); $(this).find(".search-photo-tools").show().css({"z-index": 100}); } function searchByImage() { $("#searchByImage").on('change', '#searchByImageFile', function () { if ($(this).val() != "") { $('#searchByImage').submit(); } }); $("#searchByImageFile").click(); } jQuery(document).ready(function(){ // kefu var KF = $(".keifu"); var wkbox = $(".keifu_box"); var kf_close = $(".keifu .keifu_head"); var icon_keifu = $(".icon_keifu"); var kH = wkbox.height(); var kW = wkbox.width(); var wH = $(window).height(); KF.css({height:kH}); icon_keifu.css("top",parseInt((kH-100)/2)); var KF_top = (wH-kH)/2; if(KF_top<0) KF_top=0; KF.css("top",KF_top); $(kf_close).click(function(){ KF.animate({width:"0"},200,function(){ wkbox.hide(); icon_keifu.show(); KF.animate({width:26},300); }); }); $(icon_keifu).click(function(){ $(this).hide(); wkbox.show(); KF.animate({width:kW},200); }); wkbox.hide(); icon_keifu.show(); KF.animate({width:26},300); // kefu end jQuery.goup(); }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2cb29c5e15daccf820420602832651e7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); // 翻译 function translate(query, type, callback) { var url = "https://www.viewstock.com/translate"; if (query != '') { $.ajax({ type: 'POST', url: url, data: { 'query': query, 'type': type }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, dataType: 'json', success: callback }); } } </script> </body> </html>