</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <div class="clearfix view-html"> <nav class="column row navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"> <span class="sr-only">#[#get('sitename')#]#</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> <div class="row" style="float: left;"> <a href="" class="navbar-brand text-center"><img src="/images/logo.png" class="img-responsive" alt="RICHBOND CAPS & BAGS MFG.LTD." /></a> </div> </div> <div id="navbar" class="nav navbar-nav navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen"> <a href="/"> <span class=" cmseasyedit" > 网站首页 </span> </a> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=1" class="toogle"> <span cmseasy-id="1" class="cmseasyedit"> 关于我们 </span> <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="公司简介" href="/index.php?case=archive&act=list&catid=32" cmseasy-id="32" class="cmseasyedit">公司简介</a> </li> <li> <a title="发展历程" href="/index.php?case=archive&act=list&catid=33" cmseasy-id="33" class="cmseasyedit">发展历程</a> </li> </ul> </li> <li class="oen active dropdown"> <a href="/index.php?case=archive&act=list&catid=11" class="toogle"> <span cmseasy-id="11" class="cmseasyedit"> 产品展示 </span> <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="高爾夫球包" href="/index.php?case=archive&act=list&catid=178" cmseasy-id="178" class="cmseasyedit">高爾夫球包</a> </li> <li> <a title="手提袋" href="/index.php?case=archive&act=list&catid=179" cmseasy-id="179" class="cmseasyedit">手提袋</a> </li> <li> <a title="摺疊袋" href="/index.php?case=archive&act=list&catid=177" cmseasy-id="177" class="cmseasyedit">摺疊袋</a> </li> <li> <a title="旅行包和運動包" href="/index.php?case=archive&act=list&catid=159" cmseasy-id="159" class="cmseasyedit">旅行包和運動包</a> </li> <li> <a title="冰袋" href="/index.php?case=archive&act=list&catid=160" cmseasy-id="160" class="cmseasyedit">冰袋</a> </li> <li> <a title="电脑袋" href="/index.php?case=archive&act=list&catid=161" cmseasy-id="161" class="cmseasyedit">电脑袋</a> </li> <li> <a title="錢包" href="/index.php?case=archive&act=list&catid=180" cmseasy-id="180" class="cmseasyedit">錢包</a> </li> <li> <a title="腰包" href="/index.php?case=archive&act=list&catid=181" cmseasy-id="181" class="cmseasyedit">腰包</a> </li> <li> <a title="其他" href="/index.php?case=archive&act=list&catid=183" cmseasy-id="183" class="cmseasyedit">其他</a> </li> <li> <a title="帽" href="/index.php?case=archive&act=list&catid=184" cmseasy-id="184" class="cmseasyedit">帽</a> </li> <li> <a title="化妆包" href="/index.php?case=archive&act=list&catid=176" cmseasy-id="176" class="cmseasyedit">化妆包</a> </li> <li> <a title="RPET面料" href="/index.php?case=archive&act=list&catid=12" cmseasy-id="12" class="cmseasyedit">RPET面料</a> </li> <li> <a title="背囊" href="/index.php?case=archive&act=list&catid=13" cmseasy-id="13" class="cmseasyedit">背囊</a> </li> <li> <a title="单肩包" href="/index.php?case=archive&act=list&catid=14" cmseasy-id="14" class="cmseasyedit">单肩包</a> </li> <li> <a title="拉杆箱" href="/index.php?case=archive&act=list&catid=15" cmseasy-id="15" class="cmseasyedit">拉杆箱</a> </li> </ul> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=21" class="toogle"> <span cmseasy-id="21" class="cmseasyedit"> 新闻资讯 </span> <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="保养常识" href="/index.php?case=archive&act=list&catid=158" cmseasy-id="158" class="cmseasyedit">保养常识</a> </li> <li> <a title="企业新闻" href="/index.php?case=archive&act=list&catid=22" cmseasy-id="22" class="cmseasyedit">企业新闻</a> </li> <li> <a title="行业新闻" href="/index.php?case=archive&act=list&catid=23" cmseasy-id="23" class="cmseasyedit">行业新闻</a> </li> </ul> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=27" class="toogle"> <span cmseasy-id="27" class="cmseasyedit"> 职位招聘 </span> <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="就业机会" href="/index.php?case=archive&act=list&catid=29" cmseasy-id="29" class="cmseasyedit">就业机会</a> </li> <li> <a title="员工发展" href="/index.php?case=archive&act=list&catid=28" cmseasy-id="28" class="cmseasyedit">员工发展</a> </li> </ul> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=10"> <span cmseasy-id="10" class="cmseasyedit"> 联系我们 </span> </a> </li> <li id="fat-menu" class="dropdown"> <a data-toggle="modal" data-target="#myModalLang"><img src="/cn/upload/images/202103/16147553720883.gif" width="20"> 繁体 <span class="caret"></span> </a> </li> <li id="login" class="head-loginoen dropdown"></li> </ul> </div></div> </nav> </div> <div class="clearfix view-html"> <div class="sub-menu clearfix" style="background-color: #ed145b;"> <div class="column"> <div class="container" > <div class="row column"> <div class="view" > <div class="row column"> <div class="col-lg-3 col-md-4 col-sm-5" > <div class="tag"> <link href="/template/shop/visual/modules/common/sub-menu/css/style-1.css" rel="stylesheet"> <div class="col-md-12"> <div class="sub-menu-nav sub-menu-nav-1"> <label class="sub-menu-btn"> <p class="cmseasyedit" > 所有分类 </p> <button type="button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </label> <div class="loop-products-shop-nav" style="display:none;"> <div class="container"> <div class="loop-products-nav-left"> <ul> <li data-id="1"> <span> <a href="/index.php?case=type&act=list&typeid=410&page=1" title="雙肩包"> 雙肩包 </a> </span> </li> <li data-id="2"> <span> <a href="/index.php?case=type&act=list&typeid=411&page=1" title="單肩包"> 單肩包 </a> </span> </li> <li data-id="3"> <span> <a href="/index.php?case=type&act=list&typeid=2&page=1" title="帽"> 帽 </a> </span> </li> <li data-id="4"> <span> <a href="/index.php?case=type&act=list&typeid=418&page=1" title="拉杆箱"> 拉杆箱 </a> </span> </li> <li data-id="5"> <span> <a href="/index.php?case=type&act=list&typeid=441&page=1" title="旅行包和運動包"> 旅行包和運動包 </a> </span> </li> <li data-id="6"> <span> <a href="/index.php?case=type&act=list&typeid=427&page=1" title="腰包"> 腰包 </a> </span> </li> <li data-id="7"> <span> <a href="/index.php?case=type&act=list&typeid=426&page=1" title="錢包"> 錢包 </a> </span> </li> <li data-id="8"> <span> <a href="/index.php?case=type&act=list&typeid=425&page=1" title="手袋"> 手袋 </a> </span> </li> <li data-id="9"> <span> <a href="/index.php?case=type&act=list&typeid=424&page=1" title="高爾夫球包"> 高爾夫球包 </a> </span> </li> <li data-id="10"> <span> <a href="/index.php?case=type&act=list&typeid=423&page=1" title="摺疊袋"> 摺疊袋 </a> </span> </li> <li data-id="11"> <span> <a href="/index.php?case=type&act=list&typeid=422&page=1" title="化妝包"> 化妝包 </a> </span> </li> <li data-id="12"> <span> <a href="/index.php?case=type&act=list&typeid=421&page=1" title="电脑袋"> 电脑袋 </a> </span> </li> <li data-id="13"> <span> <a href="/index.php?case=type&act=list&typeid=420&page=1" title="冰袋"> 冰袋 </a> </span> </li> <li data-id="14"> <span> <a href="/index.php?case=type&act=list&typeid=419&page=1" title="其他"> 其他 </a> </span> </li> </ul> </div> <div class="loop-products-nav-right"> <div class="loop-products-nav-right-sub hide" data-id="1"> </div> <div class="loop-products-nav-right-sub hide" data-id="2"> </div> <div class="loop-products-nav-right-sub hide" data-id="3"> </div> <div class="loop-products-nav-right-sub hide" data-id="4"> </div> <div class="loop-products-nav-right-sub hide" data-id="5"> </div> <div class="loop-products-nav-right-sub hide" data-id="6"> </div> <div class="loop-products-nav-right-sub hide" data-id="7"> </div> <div class="loop-products-nav-right-sub hide" data-id="8"> </div> <div class="loop-products-nav-right-sub hide" data-id="9"> </div> <div class="loop-products-nav-right-sub hide" data-id="10"> </div> <div class="loop-products-nav-right-sub hide" data-id="11"> </div> <div class="loop-products-nav-right-sub hide" data-id="12"> </div> <div class="loop-products-nav-right-sub hide" data-id="13"> </div> <div class="loop-products-nav-right-sub hide" data-id="14"> </div> </div> </div> </div> </div> </div> <script src="/template/shop/visual/modules/common/sub-menu/js/sub-menu.js" type="text/javascript"></script> <style type="text/css"> .sub-menu-nav-1 .loop-products-nav-left { height:; background:#ff0036; } .sub-menu-nav-1 .loop-products-nav-left ul li span:hover , .sub-menu-nav-1 .loop-products-nav-right-sub { background:#ffffff; } .sub-menu-nav-1 .loop-products-nav-left a { font-size:16px; color:#ffffff; } .sub-menu-nav-1 .loop-products-nav-left li:hover a { color:#333333; } .sub-menu-nav-1 .loop-products-nav-right a { font-size:14px; color:#333333; } .sub-menu-nav-1 .loop-products-nav-right a:hover { color:#000000; } .sub-menu-nav-1 .loop-products-nav-right dl dd a { font-size:14px; color:#333333; border-left-color:#eeeeee; } .sub-menu-nav-1 .loop-products-nav-right dl dd a:hover { color:#ff0036; border-left-color:#cccccc; } .sub-menu-nav-1 .loop-products-nav-right-sub dd { border-bottom-color: #999999; } @media screen and (min-width: 0) and (max-width: 767px){ .sub-menu-nav-1 .loop-products-nav-right-sub {border-color:#ff0036;} } </style> </div> </div> <div class="col-lg-6 col-md-8 col-sm-7"> <div class="tag"> <link href="/template/shop/visual/modules/common/sub-menu/css/style-2.css" rel="stylesheet"> <div class="col-md-12"> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post" class="sub-menu-search sub-menu-search-2"> <div class="input-group"> <input type="text" name="keyword" class="form-control sub-menu-input" placeholder="请输入查询信息！"> <span class="input-group-btn"> <button class="btn sub-menu-btn2" name='submit' type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </form> </div> <style type="text/css"> .sub-menu-search-2 { height: ; background:rgba(255, 255, 255, 0); } .sub-menu-search-2:hover { background:rgba(255, 255, 255, 0); } .sub-menu-btn2 { font-size:14px; color:#ffffff; border-radius: 0px; border-color:#333333; background:#333333; } .sub-menu-btn2:hover { color:$_btn-textr-hover-color; border-radius: 0px; border-color:$_btn-borderr-hover-color; background:$_btn-backgroundr-hover-color; } </style> </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> <div class="container clearfix" style="margin-top: 15px; margin-bottom: 15px; z-index: 3;"> <div class="row column"> <div class="col-md-5"> <div class="column"> <div class="tag"> <link href="/template/shop/visual/modules/content/shopping-pics/css/style.css" rel="stylesheet"> <div class="col-md-12"> <div class="shopping-pics shopping-pics-1"> <div class="shopping-pics-big"> <div class="shopping-pics-big-item" style="display: block "> <a> <img data-imgurl="/cn/upload/images/202104/16186504878458.jpg" src="/cn/upload/images/202104/16186504878458.jpg" alt="undefined" /> </a> </div> <div class="shopping-pics-big-item" style="display: none "> <a> <img data-imgurl="/cn/upload/images/202104/16186504874681.jpg" src="/cn/upload/images/202104/16186504874681.jpg" alt="undefined" /> </a> </div> </div> <div class="shopping-pics-thumbs"> <div class="shopping-pics-small-item active"> <a> <img src="/cn/upload/images/202104/16186504878458.jpg" alt="undefined"data-imgurl="/cn/upload/images/202104/16186504878458.jpg" /> </a> </div> <div class="shopping-pics-small-item"> <a> <img src="/cn/upload/images/202104/16186504874681.jpg" alt="undefined"data-imgurl="/cn/upload/images/202104/16186504874681.jpg" /> </a> </div> </div> <div class="blank10"></div> </div> </div> <style type="text/css"> .shopping-pics-1 { background:rgba(255, 255, 255, 0); } .shopping-pics-1:hover { background:rgba(255, 255, 255, 0); } .shopping-pics-1 .shopping-pics-thumbs .shopping-pics-small-item { width: 20%; } .shopping-pics-1 .shopping-pics-thumbs .shopping-pics-small-item.active, .shopping-pics-1 .shopping-video-shop { border-color:#ff6801; } .shopping-pics-1 .shopping-video-shop .badge:before { border-color: transparent transparent transparent #ff6801; } </style> <!-- 商品图片切换 --> <script> //图片轮播切换 var oldlightgallery=[];//保存的图片 if (oldlightgallery.length==0){ oldlightgallery[0]=$(".shopping-pics-1").html(); } var galleryThumbs = new Swiper('.gallery-thumbs', { spaceBetween: 10, slidesPerView: 5, //loop: true, freeMode: true, loopedSlides: 5, //looped slides should be the same watchSlidesVisibility: true, watchSlidesProgress: true, }); var galleryTop = new Swiper('.gallery-top', { spaceBetween: 10, loop:true, loopedSlides: 5, //looped slides should be the same navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, thumbs: { swiper: galleryThumbs, }, }); </script> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-5" > <div class="column"> <div class="col-md-12"> <div class="tag"> <link href="/template_admin/admin/visual/sections/content/content-shopping/css/style.css" rel="stylesheet"> <div class="content-buy-joinshoppingcart content-buy-joinshoppingcart-1"> <div class="shop-box"> <div class="shop-title"> <h1 cmseasy-id="688" class="cmseasyedit "> R30BSL </h1> <p cmseasy-id="688" class="cmseasyedit "> R30BSL </p> </div> <div class="shop-oldprice"> <dt class=" cmseasyedit" > 价格 </dt> <dd> <em class=" cmseasyedit" > ￥ </em> <span id="shop-oldprice"></span> </dd> </div> <div class="shop-price"> <dt class=" cmseasyedit" > 会员价 </dt> <dd> <em class=" cmseasyedit" > ￥ </em> <span id="shop-price"></span> </dd> </div> <div class="shop-salesnum"> <dt class=" cmseasyedit" > 销售量 </dt> <dd cmseasy-id="688" class="cmseasyedit "> 0 </dd> </div> <div class="shop-salesnum"> <dt class=" cmseasyedit" > 库存 </dt> <dd id="shop-inventory"></dd> </div> <form> <div class="shop-type"> <div id="columntype"></div> <div class="shop-type-info"> <dt class=" cmseasyedit" > 数量 </dt> <dd> <input type=text name=amount class="shop-number" id="thisnum" value="1" onfocus="" onblur="setthisnum($('#shop-inventory').text(),'/index.php?case=archive&act=getshoppinginventory&aid=688')"> <button class="shop-number-btn1" type=button value="上" onClick="setadd('/index.php?case=archive&act=getshoppinginventory&aid=688')"><span class="glyphicon glyphicon-menu-up"></span></button> <button class="shop-number-btn2" type=button value="下" onClick="setmin()"><span class="glyphicon glyphicon-menu-down"></span></button> <div class="clearfix"></div> </dd> </div> </div> <div class="shop-buy"> <a target="_blank" href="javascript:void(0);" onclick="getshoping(688,true)" name="buy" class="buy cmseasyedit" > 购买 </a> <a name="buy" href="javascript:void(0);" onclick="getshoping(688,false)" id="dialog_link" class="btnCart shoppingcart" data-toggle="modal" data-target=".bs-example-modal-lg-shopping" aria-hidden="true"> <span class="glyphicon glyphicon-shopping-cart"></span> <span class=" cmseasyedit" > 加入购物车 </span> </a> </div> <div id="buyurl"> </div> </form> </div> </div> <style type="text/css"> .content-buy-joinshoppingcart-1 { background:rgba(255, 255, 255, 0); border-color:$_background-border-color; } .content-buy-joinshoppingcart-1:hover { background:rgba(255, 255, 255, 0); border-color:$_background-border-hover-color; } .content-buy-joinshoppingcart-1 .shop-box .shop-title h1 { font-size:30px; color:#333333; } .content-buy-joinshoppingcart-1 .shop-box .shop-title h1:hover { color:#000000; } .content-buy-joinshoppingcart-1 .shop-box .shop-title p { font-size:16px; color:#ff6801; } .content-buy-joinshoppingcart-1 .shop-box .shop-title p:hover { color:#ff6801; } .content-buy-joinshoppingcart-1 .shop-box .shop-oldprice dt, .content-buy-joinshoppingcart-1 .shop-box .shop-price dt { font-size:14px; color:#333333; } .content-buy-joinshoppingcart-1 .shop-box .shop-oldprice dt:hover, .content-buy-joinshoppingcart-1 .shop-box .shop-price dt:hover { color:#000000; } .content-buy-joinshoppingcart-1 .shop-box .shop-oldprice dd, .content-buy-joinshoppingcart-1 .shop-box .shop-price dd { font-size:30px; color:#ff6801; } .content-buy-joinshoppingcart-1 .shop-box .shop-oldprice dd:hover, .content-buy-joinshoppingcart-1 .shop-box .shop-price dd:hover { color:#ff6801; } .content-buy-joinshoppingcart-1 .shop-box .shop-type-info input, .content-buy-joinshoppingcart-1 .shop-box .shop-type-info button, .content-buy-joinshoppingcart-1 .shop-box .shop-type-list button { color:#333333; border-color:#cccccc; border-radius: 3px; background:rgba(255, 255, 255, 0); } .content-buy-joinshoppingcart-1 .shop-box .shop-type-info input:hover, .content-buy-joinshoppingcart-1 .shop-box .shop-type-info button:hover, .content-buy-joinshoppingcart-1 .shop-box .shop-type-list button:hover { color:#000000; border-color:#cccccc; border-radius: 3px; background:rgba(255, 255, 255, 0); } .content-buy-joinshoppingcart-1 .shop-box .shop-buy a.buy { font-size:18px; color:#ff6801; border-color:#ff6801; border-radius: 3px; background:#ffffff; } .content-buy-joinshoppingcart-1 .shop-box .shop-buy a.buy:hover { color:#ffffff; border-color:#ff6801; border-radius: 3px; background:#ff6801; } .content-buy-joinshoppingcart-1 .shop-box .shop-buy a.btnCart { font-size:18px; color:#ffffff; border-color:#ff6801; border-radius: 3px; background:#ff6801; } </style> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-2"> <div class="column"> <div class="col-md-12"> <div class="tag"> <link href="/template/shop/visual/modules/content/shopping-right-list/css/style.css" rel="stylesheet"> <div class="shopping-right-list shopping-right-list-1"> <div class="shopping-right-list-title"> <h4>看了又看</h4> </div> <div class="shop-show-right-pic-list"> <div class="swiper-container swiper-shop-show-right"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="shop-show-right-pic-list-img"> <a title="R403" href="/index.php?case=archive&act=show&aid=695" target="_blank"> <img alt="R403" src="/cn/upload/images/202104/16186510588624_s.jpg" cmseasy-id="695" class="cmseasyeditimg lazy" /> </a> <p> <a href=""> <span class=" cmseasyedit" > ￥ </span> 0 </a> </p> </div> </div> <div class="swiper-slide"> <div class="shop-show-right-pic-list-img"> <a title="R1002" href="/index.php?case=archive&act=show&aid=694" target="_blank"> <img alt="R1002" src="/cn/upload/images/202104/16186509884321_s.jpg" cmseasy-id="694" class="cmseasyeditimg lazy" /> </a> <p> <a href=""> <span class=" cmseasyedit" > ￥ </span> 0 </a> </p> </div> </div> <div class="swiper-slide"> <div class="shop-show-right-pic-list-img"> <a title="RB043" href="/index.php?case=archive&act=show&aid=690" target="_blank"> <img alt="RB043" src="/cn/upload/images/202104/16186506453903_s.jpg" cmseasy-id="690" class="cmseasyeditimg lazy" /> </a> <p> <a href=""> <span class=" cmseasyedit" > ￥ </span> 0 </a> </p> </div> </div> <div class="swiper-slide"> <div class="shop-show-right-pic-list-img"> <a title="R30T" href="/index.php?case=archive&act=show&aid=689" target="_blank"> <img alt="R30T" src="/cn/upload/images/202104/16186505638217_s.jpg" cmseasy-id="689" class="cmseasyeditimg lazy" /> </a> <p> <a href=""> <span class=" cmseasyedit" > ￥ </span> 0 </a> </p> </div> </div> <div class="swiper-slide"> <div class="shop-show-right-pic-list-img"> <a title="R30BSL" href="/index.php?case=archive&act=show&aid=688" target="_blank"> <img alt="R30BSL" src="/cn/upload/images/202104/16186504878458_s.jpg" cmseasy-id="688" class="cmseasyeditimg lazy" /> </a> <p> <a href=""> <span class=" cmseasyedit" > ￥ </span> 0 </a> </p> </div> </div> <div class="swiper-slide"> <div class="shop-show-right-pic-list-img"> <a title="R30AB" href="/index.php?case=archive&act=show&aid=687" target="_blank"> <img alt="R30AB" src="/cn/upload/images/202104/16186503915024_s.jpg" cmseasy-id="687" class="cmseasyeditimg lazy" /> </a> <p> <a href=""> <span class=" cmseasyedit" > ￥ </span> 0 </a> </p> </div> </div> </div> </div> <div class="swiper-shop-show-right-next"><span class="glyphicon glyphicon-chevron-up"></span></div> <div class="swiper-shop-show-right-prev"><span class="glyphicon glyphicon-chevron-down"></span></div> </div> </div> <style type="text/css"> .shopping-right-list-1 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .shopping-right-list-1:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .shopping-right-list-1:after { background: #eeeeee; } .shopping-right-list-1 .shopping-right-list-title h4:before, .shopping-right-list-1 .shopping-right-list-title h4:after { border-top:1px dotted #eeeeee; } .shopping-right-list-1 .shopping-right-list-title h4 { font-size:14px; color:#333333; } .shopping-right-list-1 .shopping-right-list-title h4:hover { color:#333333; } .shopping-right-list-1 .shop-show-right-pic-list-img p a { font-size:18px; color:#ff7024; } .shopping-right-list-1 .shop-show-right-pic-list-img:hover p a { color:#ff7024; } .shopping-right-list-1 .swiper-shop-show-right-next span, .shopping-right-list-1 .swiper-shop-show-right-prev span{ font-size:14px; color:#333333; border-color:rgba(255, 255, 255, 0); border-radius: 0px; background:rgba(255, 255, 255, 0); } .shopping-right-list-1 .swiper-shop-show-right-next:hover span, .shopping-right-list-1 .swiper-shop-show-right-prev:hover span{ color:#333333; border-color:rgba(255, 255, 255, 0); border-radius: 0px; background:rgba(255, 255, 255, 0); } </style> <script type="text/javascript" src="/template/shop/visual/modules/content/shopping-right-list/js/shopping-right-list.js"></script></div> </div> <div class="clearfix"> </div> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="clearfix" style="margin-top: 15px; margin-bottom: 15px;"> </div> <div class="container-fluid clearfix" > <div class="row column"> <div class="container clearfix" > <div class="row column"> <div class="tag"> <link href="/template/shop/visual/modules/content/shopping-combination/css/style.css" rel="stylesheet"> <div class="container" id="shop_container" style="display:none"> <div class="shopping-combination shopping-combination-1"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"> <a href="#combination-info" aria-controls="combination-info" role="tab" data-toggle="tab" class=" cmseasyedit" > 组合购买 </a> </li> </ul> <div class="tab-content" > <div class="combination"> <div class=""> <img src="/cn/upload/images/202104/16186504878458_s.jpg" cmseasy-id="688" class="cmseasyeditimg img-responsive"> <p cmseasy-id="688" class="cmseasyedit "> R30BSL </p> <p id="combintshop-type"></p> <p> <label class="checkbox-inline"> <input type="checkbox" value="option1" disabled="disabled" checked="checked"> <span class=" cmseasyedit" > ￥ </span> <span id="combintshop-price"></span> </label> </p> </div> <div class="combination-shopping-list"> <div id="getcombineddata"> <div class="combination-shopping-list-swiper col-lg-2 col-md-3 col-xs-4"> <img src="/cn/upload/images/202104/16186504878458_s.jpg" class="img-responsive"> <p cmseasy-id="688" class="cmseasyedit "> R30BSL </p> <p></p> <p> <label class="checkbox-inline"> <input type="checkbox" value="option1"> <span class=" cmseasyedit" > ￥ </span> </label> </p> </div> </div> </div> <!-- Add Pagination --> <!-- Initialize Swiper --> <div class="combination-shopping-price"> <div class=""> <!--<p>已选择0个商品</p>--> <p class=" cmseasyedit" > 组合购买 ： <span class=" cmseasyedit" > ￥ </span> <span id='combinedshopping-price'>0</span> </p> <p> <input type="button" onclick="buycombinedshopping('/index.php?case=archive&act=orders','未选择组合！',688)" value="购买" class="btn btn-default"> </p> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div> <style type="text/css"> .shopping-combination-1 { background:rgba(255, 255, 255, 0); border-color:#eeeeee; } .shopping-combination-1:hover { background:rgba(255, 255, 255, 0); border-color:#eeeeee; } .shopping-combination-1 .tab-content { border-color:#eeeeee; } .shopping-combination-1:hover .tab-content { border-color:#eeeeee; } .shopping-combination-1 .combination:before, .shopping-combination-1 .combination-shopping-price:before { color:#eeeeee; } .shopping-combination-1:hover .combination:before, .shopping-combination-1:hover .combination-shopping-price:before{ color:#eeeeee; } .shopping-combination-1 .shopping-combination .tab-content { border-color:#eeeeee; } .shopping-combination-1 .nav-tabs>li.active>a, .shopping-combination-1 .nav-tabs>li.active>a:focus, .shopping-combination-1 .nav-tabs>li.active>a:hover { border-top: 3px solid #ff6801; } .shopping-combination-1 .combination-shopping-list-swiper-button-next, .shopping-combination-1 .combination-shopping-list-swiper-button-prev { border-color:#eeeeee; } .shopping-combination-1 .combination-shopping-price span, .shopping-combination-1 .combination .checkbox-inline { font-size:18px; color:#ff7024; } .shopping-combination-1 .combination-shopping-price:hover span, .shopping-combination-1 .combination:hover .checkbox-inline { color:#ff7024; } .shopping-combination-1 .combination-shopping-price .btn { font-size:14px; color:#ffffff; border-color:#ff6801; border-radius: 3px; background:#ff6801; } .shopping-combination-1 .combination-shopping-price .btn:hover { color:#ffffff; border-color:#ff6801; border-radius: 3px; background:#ff6801; } </style> <script type="text/javascript"> <!-- $(function () { //组合商品 var combined=''; var unit="￥"; var priceurl='/index.php?case=archive&act=getarchiveprice'; var getcombinedarchiveType='/index.php?case=archive&act=getcombinedarchiveType'; getcombinedshopping(combined,getcombinedarchiveType,unit,priceurl); }); //--> </script></div> </div> </div> </div> </div> <div class="clearfix"> </div> <div class="container clearfix" style="margin-top: 15px; margin-bottom: 15px; z-index: 3;"> <div class="row column"> <div class="col-md-3" > <div class="column"> <div class="tag"> <link href="/template/shop/visual/modules/common/category-list/css/style.css" rel="stylesheet"> <div class="shopping-tab-left shopping-tab-left-1"> <h4 class=" cmseasyedit" > 商品分类 </h4> <ul> <li> <a href="/index.php?case=archive&act=list&catid=180" title="錢包" cmseasy-id="180" class="cmseasyedit "> 錢包 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=181" title="腰包" cmseasy-id="181" class="cmseasyedit "> 腰包 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=183" title="其他" cmseasy-id="183" class="cmseasyedit "> 其他 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=184" title="帽" cmseasy-id="184" class="cmseasyedit "> 帽 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=176" title="化妆包" cmseasy-id="176" class="cmseasyedit "> 化妆包 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=12" title="RPET面料" cmseasy-id="12" class="cmseasyedit "> RPET面料 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=13" title="背囊" cmseasy-id="13" class="cmseasyedit "> 背囊 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=14" title="单肩包" cmseasy-id="14" class="cmseasyedit "> 单肩包 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=15" title="拉杆箱" cmseasy-id="15" class="cmseasyedit "> 拉杆箱 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=178" title="高爾夫球包" cmseasy-id="178" class="cmseasyedit "> 高爾夫球包 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=179" title="手提袋" cmseasy-id="179" class="cmseasyedit "> 手提袋 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=177" title="摺疊袋" cmseasy-id="177" class="cmseasyedit "> 摺疊袋 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=159" title="旅行包和運動包" cmseasy-id="159" class="cmseasyedit "> 旅行包和運動包 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=160" title="冰袋" cmseasy-id="160" class="cmseasyedit "> 冰袋 </a> </li> <li> <a href="/index.php?case=archive&act=list&catid=161" title="电脑袋" cmseasy-id="161" class="cmseasyedit "> 电脑袋 </a> </li> </ul> </div> <style type="text/css"> .shopping-tab-left-1 { height: ; background:rgba(255, 255, 255, 0); } .shopping-tab-left-1:hover { background:rgba(255, 255, 255, 0); } .shopping-tab-left-1 h4 { font-size:14px; color:#333333; } .shopping-tab-left-1 h4:hover { color:#333333; } .shopping-tab-left-1 ul li a { font-size:14px; color:#333333; background:rgba(255, 255, 255, 0); } .shopping-tab-left-1 ul li a:hover { color:#ffffff; background:#ff6801; } .shopping-tab-left-1 ul li+li { border-color:#eeeeee; border-radius: 0px; } .shopping-tab-left-1 ul li+li:hover { border-color:#ff6801; border-radius: 0px; } </style> </div> <div class="clearfix"> </div> <div class="tag"> <link href="/template_admin/tonsco/visual/sections/common/search-order/css/style.css" rel="stylesheet"> <div class="search-order search-order-3"> <div class="input-group"> <input type="text" id="oid" name="search_orders_button" value="" placeholder="订单搜索" class="form-control" /> <span class="input-group-btn"> <button class="btn btn-default" name="search_orders_button" type="button" onclick="javascript:window.location.href='/index.php?case=archive&act=orders&oid='+document.getElementById('oid').value;"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> <style type="text/css"> .search-order-3 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .search-order-3:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .search-order-3 .input-group .input-group-btn button.btn-default { font-size:14px; color:#ffffff; border-color:#ff6801; border-radius: 0px; background:#ff6801; } .search-order-3 .input-group .input-group-btn button.btn-default:hover { color:#ffffff; border-color:#ff6801; border-radius: 0px; background:#ff6801; } .search-order-3 .input-group .form-control { font-size:14px; color:#999999; border-color:#cccccc; border-radius: 0px; background:rgba(255, 255, 255, 0); } .search-order-3 .input-group .form-control:hover { color:#999999; border-color:#999999; border-radius: 0px; background:rgba(255, 255, 255, 0); } </style> </div> <div class="tag"> <link href="/template/shop/visual/modules/content/shopping-left-list/css/style.css" rel="stylesheet"> <div class="shopping-left-list shopping-left-list-1"> <h4> 推荐商品 </h4> <ul class="media-list"> <li class="media"> <div class="media-left"> <a title="R403" href="/index.php?case=archive&act=show&aid=695"> <img alt="R403" class="media-object" src="/cn/upload/images/202104/16186510588624_s.jpg"> </a> </div> <div class="media-body"> <h5 class="media-heading"> R403 </h5> <div class="shop-price"> ￥0 </div> <div class="shop-subtitle"> R403 </div> </div> </li> <li class="media"> <div class="media-left"> <a title="R1002" href="/index.php?case=archive&act=show&aid=694"> <img alt="R1002" class="media-object" src="/cn/upload/images/202104/16186509884321_s.jpg"> </a> </div> <div class="media-body"> <h5 class="media-heading"> R1002 </h5> <div class="shop-price"> ￥0 </div> <div class="shop-subtitle"> R1002 </div> </div> </li> <li class="media"> <div class="media-left"> <a title="RB043" href="/index.php?case=archive&act=show&aid=690"> <img alt="RB043" class="media-object" src="/cn/upload/images/202104/16186506453903_s.jpg"> </a> </div> <div class="media-body"> <h5 class="media-heading"> RB043 </h5> <div class="shop-price"> ￥0 </div> <div class="shop-subtitle"> RB043 </div> </div> </li> <li class="media"> <div class="media-left"> <a title="R30T" href="/index.php?case=archive&act=show&aid=689"> <img alt="R30T" class="media-object" src="/cn/upload/images/202104/16186505638217_s.jpg"> </a> </div> <div class="media-body"> <h5 class="media-heading"> R30T </h5> <div class="shop-price"> ￥0 </div> <div class="shop-subtitle"> R30T </div> </div> </li> <li class="media"> <div class="media-left"> <a title="R30BSL" href="/index.php?case=archive&act=show&aid=688"> <img alt="R30BSL" class="media-object" src="/cn/upload/images/202104/16186504878458_s.jpg"> </a> </div> <div class="media-body"> <h5 class="media-heading"> R30BSL </h5> <div class="shop-price"> ￥0 </div> <div class="shop-subtitle"> R30BSL </div> </div> </li> </ul> </div> <style type="text/css"> .shopping-left-list-1 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .shopping-left-list-1:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .shopping-left-list-1 h4 { font-size:14px; color:#333333; } .shopping-left-list-1 h4:hover { color:#333333; } .shopping-left-list-1 .media-list .media h5 { font-size:14px; color:#333333; border-color:rgba(255, 255, 255, 0); border-radius: 0px; background:rgba(255, 255, 255, 0); } .shopping-left-list-1 .media-list:hover .media h5 { color:#333333; border-color:rgba(255, 255, 255, 0); border-radius: 0px; background:rgba(255, 255, 255, 0); } .shopping-left-list-1 .media-list .media .shop-price { font-size:18px; color:#ff7024; } .shopping-left-list-1 .media-list .media:hover .shop-price { color:#ff7024; } .shopping-left-list-1 .media-list .media .shop-subtitle { font-size:14px; color:#888888; } .shopping-left-list-1 .media-list .media:hover .shop-subtitle { color:#666666; } </style> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-9"> <div class="column"> <div class="tag"> <link href="/template/shop/visual/modules/content/shopping-tab/css/style.css" rel="stylesheet"> <div class="shopping-tab shopping-tab-1"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"> <a href="#shop-info" aria-controls="shop-info" role="tab" data-toggle="tab" class=" cmseasyedit" > 商品信息 </a> </li> <li role="presentation"> <a href="#shop-comment" aria-controls="shop-comment" role="tab" data-toggle="tab"> <span class=" cmseasyedit" > 累计评价 </span> (0) </a> </li> </ul> <!-- Tab panes --> <div class="tab-content shopping-tab-content"> <div role="tabpanel" class="tab-pane active" id="shop-info"> <div cmseasy-id="688" class="cmseasyedit content shopping-tab-right-content1"> <p style="text-align: center;"><img src="http://richbondbags.com/cn/upload/images/202104/16186504878458.jpg" title="16186504878458.jpg"/></p><p style="text-align: center;"><img src="/cn/upload/images/202104/16186504874681.jpg" title="16186504874681.jpg"/></p><p><br/></p><table width="414" align="center"><tbody><tr class="td01 firstRow" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; white-space: normal; background-color: rgb(245, 245, 245);"><td width="137" align="right"><strong>Item No. :</strong></td><td width="277">R30BSL</td></tr><tr class="td01" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; white-space: normal; background-color: rgb(245, 245, 245);"><td align="right"><strong>Description :</strong></td><td>Heavy brushed cotton 5-panel cap with trimming</td></tr><tr class="td01" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; white-space: normal; background-color: rgb(245, 245, 245);"><td align="right"><strong>Size :</strong></td><td>58 cm (adult size)</td></tr><tr style="font-family: Simsun; font-size: medium; white-space: normal;"><td><br/></td><td><br/></td></tr></tbody></table></div> </div> <div role="tabpanel" class="tab-pane" id="shop-comment"> <div class="shopping-tab-right-content2"> <script src="/index.php?case=comment&act=comment_js&aid=688"></script> <link href="/template/default2020/skin/css/comment.css" rel="stylesheet"> <!-- 评论列表开始 --> <div class="comment_list"> </div> <form action="/index.php?case=comment&act=add" method="POST" name="comment_form" id="comment"> <div class="comment"> <div class="blank10"></div> <input type="hidden" name="aid" value="688"/> <div class="form-group"> <label for="comment" class=" cmseasyedit" >用户名</label> <input type="text" name="username" class="form-control comm_name" value="" /> </div> <div class="form-group"> <label for="comment" class=" cmseasyedit" >评论 </label> <textarea name="content" id="textarea" class="form-control textarea"></textarea> </div> <div class="checkbox"> <label> <input type="checkbox" name="issee" id="issee" value="1" onclick="if(this.checked){this.value=1;}else{this.value=0;};" > <span class="column-title cmseasyedit" > 仅自己可见 </span> </label> </div> <div class="blank10"></div> <input name="submit" class="comment_btn" value=" 提交 " type="submit" /> <div class="blank10"></div> <div class="comment_info"> <a rel="nofollow" href="/index.php?case=comment&act=list&aid=688"> 已有<span class="commentnumber">(0)</span>位网友发表评论 <strong>点击查看</strong></a> </div> </div><!-- /comm --> </form> </div> </div> </div> </div> <style type="text/css"> .shopping-tab-1 .shopping-tab-content { background:rgba(255, 255, 255, 0); border-color:#eeeeee; } .shopping-tab-1 .shopping-tab-content:hover { background:rgba(255, 255, 255, 0); border-color:#eeeeee; } .shopping-tab-1 .nav-tabs>li>a { font-size:14px; color:#333333; } .shopping-tab-1 .nav-tabs>li.active>a, .shopping-tab-1 .nav-tabs>li.active>a:focus, .shopping-tab-1 .nav-tabs>li.active>a:hover { color:#333333; border-top-color:#ff6801; } .shopping-tab-1 .tab-content .tab-pane, .shopping-tab-1 .tab-content .tab-pane a { font-size:14px; color:#333333; } .shopping-tab-1 .tab-content .tab-pane:hover .shopping-tab-1 .tab-content .tab-pane:hover a { color:#333333; } </style> </div> <div class="clearfix"> </div> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="clearfix" style="margin-top: 15px; margin-bottom: 15px;"> </div> <div class="recomment-list clearfix"> <div class="container"> <div class="row"> <div class="view"> <div class="column"> <div class="tag"> <link href="/template/shop/visual/modules/common/recommend-list/css/style-1.css" rel="stylesheet"> <div class="col-md-12"> <div class="recommend-list-title recommend-list-title-1"> <div class="swiper-recommend-list-next"> <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="swiper-recommend-list-prev"> <span class="glyphicon glyphicon-menu-left "></span> </div> <h4>猜您感兴趣</h4> </div> </div> <style type="text/css"> .recommend-list-title-1 { background:rgba(255, 255, 255, 0); border-color:#eeeeee; } .recommend-list-title-1:hover { background:rgba(255, 255, 255, 0); } .recommend-list-title-1 h4 { font-size:20px; color:#333333; border-color:#333333; } .recommend-list-title-1 h4:hover { color:#000000; } .recommend-list-title-1 .swiper-recommend-list-prev, .recommend-list-title-1 .swiper-recommend-list-next{ font-size:14px; color:#999999; border-color:#cccccc; border-radius: 3px; background:rgba(255, 255, 255, 0); } .recommend-list-title-1 .swiper-recommend-list-prev:hover, .recommend-list-title-1 .swiper-recommend-list-next:hover{ color:#ffffff; border-color:#ff680d; border-radius: 3px; background:#ff680d; } </style> </div> </div> <div class="row column"> <div class="tag"> <link href="/template/shop/visual/modules/common/recommend-list/css/style-2.css" rel="stylesheet"> <div class="col-md-12"> <div class="swiper-container swiper-recommend-list"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="recommend-list-item recommend-list-item-2"> <div class="recommend-list-img"> <a title="R403" href="/index.php?case=archive&act=show&aid=695" target="_blank"> <img alt="R403" src="/cn/upload/images/202104/16186510588624_s.jpg" cmseasy-id="695" class="cmseasyeditimg lazy" /> </a> </div> <div class="recommend-list-text"> <h4> <a title="R403" href="/index.php?case=archive&act=show&aid=695" target="_blank" cmseasy-id="695" class="cmseasyedit "> R403 </a> </h4> <p cmseasy-id="695" class="cmseasyedit textarea"> R403 </p> </div> <div class="recommend-list-buy"> <span class="pull-left"> <span class=" cmseasyedit" > ￥ </span> 0 </span> <span class="pull-right"> <a class="add-to-cart" onclick="buyshop('/index.php?case=archive&act=doorders&aid=','/index.php?case=archive&act=getarchiveType','695')"> <i class="btnCart icon-basket"></i> </a> </span> </div> </div> </div> <div class="swiper-slide"> <div class="recommend-list-item recommend-list-item-2"> <div class="recommend-list-img"> <a title="R1002" href="/index.php?case=archive&act=show&aid=694" target="_blank"> <img alt="R1002" src="/cn/upload/images/202104/16186509884321_s.jpg" cmseasy-id="694" class="cmseasyeditimg lazy" /> </a> </div> <div class="recommend-list-text"> <h4> <a title="R1002" href="/index.php?case=archive&act=show&aid=694" target="_blank" cmseasy-id="694" class="cmseasyedit "> R1002 </a> </h4> <p cmseasy-id="694" class="cmseasyedit textarea"> R1002 </p> </div> <div class="recommend-list-buy"> <span class="pull-left"> <span class=" cmseasyedit" > ￥ </span> 0 </span> <span class="pull-right"> <a class="add-to-cart" onclick="buyshop('/index.php?case=archive&act=doorders&aid=','/index.php?case=archive&act=getarchiveType','694')"> <i class="btnCart icon-basket"></i> </a> </span> </div> </div> </div> <div class="swiper-slide"> <div class="recommend-list-item recommend-list-item-2"> <div class="recommend-list-img"> <a title="RB043" href="/index.php?case=archive&act=show&aid=690" target="_blank"> <img alt="RB043" src="/cn/upload/images/202104/16186506453903_s.jpg" cmseasy-id="690" class="cmseasyeditimg lazy" /> </a> </div> <div class="recommend-list-text"> <h4> <a title="RB043" href="/index.php?case=archive&act=show&aid=690" target="_blank" cmseasy-id="690" class="cmseasyedit "> RB043 </a> </h4> <p cmseasy-id="690" class="cmseasyedit textarea"> RB043 </p> </div> <div class="recommend-list-buy"> <span class="pull-left"> <span class=" cmseasyedit" > ￥ </span> 0 </span> <span class="pull-right"> <a class="add-to-cart" onclick="buyshop('/index.php?case=archive&act=doorders&aid=','/index.php?case=archive&act=getarchiveType','690')"> <i class="btnCart icon-basket"></i> </a> </span> </div> </div> </div> <div class="swiper-slide"> <div class="recommend-list-item recommend-list-item-2"> <div class="recommend-list-img"> <a title="R30T" href="/index.php?case=archive&act=show&aid=689" target="_blank"> <img alt="R30T" src="/cn/upload/images/202104/16186505638217_s.jpg" cmseasy-id="689" class="cmseasyeditimg lazy" /> </a> </div> <div class="recommend-list-text"> <h4> <a title="R30T" href="/index.php?case=archive&act=show&aid=689" target="_blank" cmseasy-id="689" class="cmseasyedit "> R30T </a> </h4> <p cmseasy-id="689" class="cmseasyedit textarea"> R30T </p> </div> <div class="recommend-list-buy"> <span class="pull-left"> <span class=" cmseasyedit" > ￥ </span> 0 </span> <span class="pull-right"> <a class="add-to-cart" onclick="buyshop('/index.php?case=archive&act=doorders&aid=','/index.php?case=archive&act=getarchiveType','689')"> <i class="btnCart icon-basket"></i> </a> </span> </div> </div> </div> <div class="swiper-slide"> <div class="recommend-list-item recommend-list-item-2"> <div class="recommend-list-img"> <a title="R30BSL" href="/index.php?case=archive&act=show&aid=688" target="_blank"> <img alt="R30BSL" src="/cn/upload/images/202104/16186504878458_s.jpg" cmseasy-id="688" class="cmseasyeditimg lazy" /> </a> </div> <div class="recommend-list-text"> <h4> <a title="R30BSL" href="/index.php?case=archive&act=show&aid=688" target="_blank" cmseasy-id="688" class="cmseasyedit "> R30BSL </a> </h4> <p cmseasy-id="688" class="cmseasyedit textarea"> R30BSL </p> </div> <div class="recommend-list-buy"> <span class="pull-left"> <span class=" cmseasyedit" > ￥ </span> 0 </span> <span class="pull-right"> <a class="add-to-cart" onclick="buyshop('/index.php?case=archive&act=doorders&aid=','/index.php?case=archive&act=getarchiveType','688')"> <i class="btnCart icon-basket"></i> </a> </span> </div> </div> </div> <div class="swiper-slide"> <div class="recommend-list-item recommend-list-item-2"> <div class="recommend-list-img"> <a title="R30AB" href="/index.php?case=archive&act=show&aid=687" target="_blank"> <img alt="R30AB" src="/cn/upload/images/202104/16186503915024_s.jpg" cmseasy-id="687" class="cmseasyeditimg lazy" /> </a> </div> <div class="recommend-list-text"> <h4> <a title="R30AB" href="/index.php?case=archive&act=show&aid=687" target="_blank" cmseasy-id="687" class="cmseasyedit "> R30AB </a> </h4> <p cmseasy-id="687" class="cmseasyedit textarea"> R30AB </p> </div> <div class="recommend-list-buy"> <span class="pull-left"> <span class=" cmseasyedit" > ￥ </span> 0 </span> <span class="pull-right"> <a class="add-to-cart" onclick="buyshop('/index.php?case=archive&act=doorders&aid=','/index.php?case=archive&act=getarchiveType','687')"> <i class="btnCart icon-basket"></i> </a> </span> </div> </div> </div> <div class="swiper-slide"> <div class="recommend-list-item recommend-list-item-2"> <div class="recommend-list-img"> <a title="R0034" href="/index.php?case=archive&act=show&aid=686" target="_blank"> <img alt="R0034" src="/cn/upload/images/202104/16186502985001_s.jpg" cmseasy-id="686" class="cmseasyeditimg lazy" /> </a> </div> <div class="recommend-list-text"> <h4> <a title="R0034" href="/index.php?case=archive&act=show&aid=686" target="_blank" cmseasy-id="686" class="cmseasyedit "> R0034 </a> </h4> <p cmseasy-id="686" class="cmseasyedit textarea"> R0034 </p> </div> <div class="recommend-list-buy"> <span class="pull-left"> <span class=" cmseasyedit" > ￥ </span> 0 </span> <span class="pull-right"> <a class="add-to-cart" onclick="buyshop('/index.php?case=archive&act=doorders&aid=','/index.php?case=archive&act=getarchiveType','686')"> <i class="btnCart icon-basket"></i> </a> </span> </div> </div> </div> </div> </div> </div> <style type="text/css"> .recommend-list-item-2 { background: rgba(255, 255, 255, 0); border-color:$_border-color; } .recommend-list-item-2:hover { background: rgba(255, 255, 255, 0); border-color:$_border-hover-color; } .recommend-list-item-2 .recommend-list-text h4 a { font-size:16px; color:#333333; border-color:$_link-border-color; border-radius: $_link-border-radius; background:$_link-background-color; } .recommend-list-item-2 .recommend-list-text h4 a:hover { color:#000000; border-color:$_link-border-hover-color; border-radius: $_link-border-hover-radius; background:$_link-background-hover-color; } .recommend-list-item-2 .recommend-list-text p { font-size:14px; color:#999999; } .recommend-list-item-2 .recommend-list-text p:hover { color:#999999; } .recommend-list-item-2 .recommend-list-buy .pull-left { font-size:18px; color:#ff7024; } .recommend-list-item-2 .recommend-list-buy .pull-left:hover { color:#ff7024; } .recommend-list-item-2 .recommend-list-buy .pull-right a i { font-size:14px; color:#cccccc; border-color:#eeeeee; border-radius: 50%; background:#eeeeee; } .recommend-list-item-2 .recommend-list-buy .pull-right .content-collection i { font-size:14px; color:#cccccc; } .recommend-list-item-2 .recommend-list-buy .pull-right a.add-to-cart:hover i { color:#ffffff; border-color:#ff7024; border-radius: 50%; background:#ff7024; } .recommend-list-item-2 .recommend-list-buy .pull-right .content-collection:hover i, .recommend-list-item-2 .recommend-list-buy .pull-right .content-collection i.glyphicon-heart { color:#ff7024; } </style> <script type="text/javascript" src="/template/shop/visual/modules/common/recommend-list/js/recommend-list.js"></script> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix view-html"> <div class="bottom clearfix" style="border-top: 1px solid rgb(238, 238, 238); padding-top:15px; "> <div class="container"> <div class="row"> <div class="view"> <div class="row"> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-1.css" rel="stylesheet"> <div class="foot-ul foot-ul-1 foot-ul-1-19"> <h4> <a title="关于我们" href="/index.php?case=archive&act=list&catid=1" cmseasy-id="1" class="cmseasyedit"> 关于我们 </a> </h4> <ul> <li> <a title="公司简介" href="/index.php?case=archive&act=list&catid=32" cmseasy-id="32" class="cmseasyedit"> 公司简介 </a> </li> <li> <a title="发展历程" href="/index.php?case=archive&act=list&catid=33" cmseasy-id="33" class="cmseasyedit"> 发展历程 </a> </li> </ul> </div> <style type="text/css"> .foot-ul-1-19 ul h4 a { font-size:14px; color:#000000; } .foot-ul-1-19 ul h4 a:hover { color:#000000; } .foot-ul-1-19 ul li a { font-size:14px; color:#000000; } .foot-ul-1-19 ul li a:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-2.css" rel="stylesheet"> <div class="foot-ul foot-ul-2 foot-ul-2-20"> <h4> <a title="产品展示" href="/index.php?case=archive&act=list&catid=11" cmseasy-id="11" class="cmseasyedit"> 产品展示 </a> </h4> <ul> <li> <a title="錢包" href="/index.php?case=archive&act=list&catid=180" cmseasy-id="180" class="cmseasyedit"> 錢包 </a> </li> <li> <a title="腰包" href="/index.php?case=archive&act=list&catid=181" cmseasy-id="181" class="cmseasyedit"> 腰包 </a> </li> <li> <a title="其他" href="/index.php?case=archive&act=list&catid=183" cmseasy-id="183" class="cmseasyedit"> 其他 </a> </li> <li> <a title="帽" href="/index.php?case=archive&act=list&catid=184" cmseasy-id="184" class="cmseasyedit"> 帽 </a> </li> <li> <a title="化妆包" href="/index.php?case=archive&act=list&catid=176" cmseasy-id="176" class="cmseasyedit"> 化妆包 </a> </li> <li> <a title="RPET面料" href="/index.php?case=archive&act=list&catid=12" cmseasy-id="12" class="cmseasyedit"> RPET面料 </a> </li> <li> <a title="背囊" href="/index.php?case=archive&act=list&catid=13" cmseasy-id="13" class="cmseasyedit"> 背囊 </a> </li> <li> <a title="单肩包" href="/index.php?case=archive&act=list&catid=14" cmseasy-id="14" class="cmseasyedit"> 单肩包 </a> </li> <li> <a title="拉杆箱" href="/index.php?case=archive&act=list&catid=15" cmseasy-id="15" class="cmseasyedit"> 拉杆箱 </a> </li> <li> <a title="高爾夫球包" href="/index.php?case=archive&act=list&catid=178" cmseasy-id="178" class="cmseasyedit"> 高爾夫球包 </a> </li> <li> <a title="手提袋" href="/index.php?case=archive&act=list&catid=179" cmseasy-id="179" class="cmseasyedit"> 手提袋 </a> </li> <li> <a title="摺疊袋" href="/index.php?case=archive&act=list&catid=177" cmseasy-id="177" class="cmseasyedit"> 摺疊袋 </a> </li> <li> <a title="旅行包和運動包" href="/index.php?case=archive&act=list&catid=159" cmseasy-id="159" class="cmseasyedit"> 旅行包和運動包 </a> </li> <li> <a title="冰袋" href="/index.php?case=archive&act=list&catid=160" cmseasy-id="160" class="cmseasyedit"> 冰袋 </a> </li> <li> <a title="电脑袋" href="/index.php?case=archive&act=list&catid=161" cmseasy-id="161" class="cmseasyedit"> 电脑袋 </a> </li> </ul> </div> <style type="text/css"> .foot-ul-2-20 ul h4 a { font-size:14px; color:#000000; } .foot-ul-2-20 ul h4 a:hover { color:#000000; } .foot-ul-2-20 ul li a { font-size:14px; color:#000000; } .foot-ul-2-20 ul li a:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-3.css" rel="stylesheet"> <div class="foot-ul foot-ul-3 foot-ul-3-21"> <h4> <a title="新闻资讯" href="/index.php?case=archive&act=list&catid=21" cmseasy-id="21" class="cmseasyedit"> 新闻资讯 </a> </h4> <ul> <li> <a title="企业新闻" href="/index.php?case=archive&act=list&catid=22" cmseasy-id="22" class="cmseasyedit"> 企业新闻 </a> </li> <li> <a title="行业新闻" href="/index.php?case=archive&act=list&catid=23" cmseasy-id="23" class="cmseasyedit"> 行业新闻 </a> </li> <li> <a title="保养常识" href="/index.php?case=archive&act=list&catid=158" cmseasy-id="158" class="cmseasyedit"> 保养常识 </a> </li> </ul> </div> <style type="text/css"> .foot-ul-3-21 ul h4 a { font-size:14px; color:#000000; } .foot-ul-3-21 ul h4 a:hover { color:#000000; } .foot-ul-3-21 ul li a { font-size:14px; color:#000000; } .foot-ul-3-21 ul li a:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-4.css" rel="stylesheet"> <div class="foot-ul foot-ul-4 foot-ul-4-4"> <ul> <div class="foot-tel"> <h4 class="cmseasyedit" > 服务热线 </h4> <p class="cmseasyedit" > (852)2637 3036 </p> </div> <div class="foot-email"> <h4 class="cmseasyedit" > 邮 箱 </h4> <p class="cmseasyedit" > enquiry@richbond.com.hk </p> </div> </ul> </div> <style type="text/css"> .foot-ul-4-4 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-4-4:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-4-4 h4 { font-size:14px; color:#000000; } .foot-ul-4-4:hover h4 { color:#000000; } .foot-ul-4-4 p { font-size:14px; color:#000000; } .foot-ul-4-4 p:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-5.css" rel="stylesheet"> <div class="foot-ul foot-ul-5 foot-ul-5-5"> <div class="erweima"> <div id="qrcode"> </div> <p> <span class="cmseasyedit" > 扫描 </span> <br /> <span class="cmseasyedit" > 手机版 </span> </p> </div> </div> <style type="text/css"> .foot-ul-5-5 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-5-5:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-5-5 p { font-size:14px; color:#000000; } .foot-ul-5-5 p:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-6.css" rel="stylesheet"> <div class="foot-ul foot-ul-6 foot-ul-6-6"> <div class="checkout"> <img src="/cn/upload/images/202103/16160532683472.jpg" class="img-responsive cmseasyeditimg" > <p> <span class="cmseasyedit" > 关注 </span> <br /> <span class="cmseasyedit" > 官方微信 </span> </p> </div> </div> <style type="text/css"> .foot-ul-6-6 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-6-6:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-6-6 p { font-size:14px; color:#000000; } .foot-ul-6-6 p:hover { color:#000000; } </style></div> </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="copyright"> <p> <span class="cmseasyedit" > Copyright © </span> <a title="RICHBOND CAPS & BAGS MFG.LTD." href="http://richbondbags.com/" class="cmseasyedit" > RICHBOND CAPS & BAGS MFG.LTD. </a>. </p> <p> Powered by <a href="https://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a> <a rel="nofollow" title="留言" href="/index.php?case=guestbook&act=index&url=cn" class="cmseasyedit" >留言</a> <a href="/index.php?case=archive&act=sitemap" title="网站地图" class="cmseasyedit" >网站地图</a> </p> </div> </div> </div> </div> <!-- 右侧客服 --> <link rel="stylesheet" href="/template/shop/skin/plugins/shop_customer_service/skin/css/base.css" /> <div class="mui-mbar-tabs-btn"> <div class="message"></div> </div> <div class="mui-mbar-tabs"> <div class="quick_link_mian"> <div class="quick_links_panel"> <div id="quick_links" class="quick_links"> <li> <a href="#" class="my_qlinks"><i class="setting"></i></a> <div class="ibar_login_box status_login"> <div class="avatar_box"> <p class="avatar_imgbox"> <img src="" alt="headimage" class="img-responsive img-circle" /> </p> <ul class="user_info"> <li> <span class=" cmseasyedit" > 用户名 </span> ： </li> <li> <span class=" cmseasyedit" > 级别 </span> ： </li> </ul> </div> <div class="login_btnbox"> <a href="/index.php?case=manage&act=orderslist&manage=orders&type=all" class="login_order cmseasyedit" > 订单 </a> <a href="/index.php?case=archive&act=consumption" class="login_favorite cmseasyedit" > 购物车 </a> </div> <i class="icon_arrow_white"></i> </div> </li> <li id="shoppingcart"> <a class="message_list"> <i class="message"></i> <div class="span cmseasyedit" > 购物车 </div> <span class="cart_num cart-cant-total">0</span> </a> </li> <li> <a href="/index.php?case=manage&act=consumptionlist&manage=consumption" class="history_list"><i class="view"></i></a> <div class="mp_tooltip" style=" visibility:hidden;"> <span class=" cmseasyedit" > 财务 </span> <i class="icon_arrow_right_black"></i> </div> </li> <!--<li> <a href="#" class="mpbtn_histroy"><i class="zuji"></i></a> <div class="mp_tooltip">我的足迹<i class="icon_arrow_right_black"></i></div> </li>--> <li> <a href="/index.php?case=manage&act=collectlist&manage=user" class="mpbtn_wdsc"><i class="wdsc"></i></a> <div class="mp_tooltip"> <span class=" cmseasyedit" > 收藏 </span> <i class="icon_arrow_right_black"></i> </div> </li> <li> <a href="/index.php?case=archive&act=consumption" class="mpbtn_recharge"><i class="chongzhi"></i></a> <div class="mp_tooltip"> <span class=" cmseasyedit" > 充值 </span> <i class="icon_arrow_right_black"></i> </div> </li> </div> <div class="quick_toggle"> <li> <a href="tencent://Message/?Uin=2846309090&websiteName=http://richbondbags.com/=&Menu=yes"><i class="kfzx"></i></a> <div class="mp_tooltip"> <span class=" cmseasyedit" > 联系客服 </span>> <i class="icon_arrow_right_black"></i> </div> </li> <li> <a href="#none"><i class="mpbtn_qrcode"></i></a> <div class="mp_qrcode" style="display:none;"> <img src="/cn/upload/images/202103/16160532683472.jpg" class="img-responsive" /> <i class="icon_arrow_white"></i> </div> </li> <li class="go-top"> <a class="return_top" target="_self" style="display:none;"> <i class="top"></i> </a> </li> </div> </div> <div id="quick_links_pop" class="quick_links_pop hide"></div> </div> </div> <div class="shoppingcartbox"> <a href="#" id="shoppingcart-Close" class="ibar_closebtn"></a> <div class="ibar_plugin_title"> <h3> 购物车 </h3> </div> <div class="blank10"></div> <ul id="shop_getorders"> </ul> </div> <script type="text/javascript"> // 切换侧边栏 $(document).ready(function(){ $("#shoppingcart").click(function(){ $(".shoppingcartbox").css("right","40px"),1000; }); $("#shoppingcart-Close").click(function(){ $(".shoppingcartbox").css("right","-800px"),1000; }); }); function goTop(min_height) { $(".quick_links_panel a.return_top").click( function() { $('html,body').animate({ scrollTop: 0 }, 700); }); //获取页面的最小高度，无传入值则默认为600像素 min_height=min_height?min_height:400; //为窗口的scroll事件绑定处理函数 $(window).scroll(function() { //获取窗口的滚动条的垂直位置 var s = $(window).scrollTop(); //当窗口的滚动条的垂直位置大于页面的最小高度时，让返回顶部元素渐现，否则渐隐 if (s > min_height) { $(".quick_links_panel a.return_top").fadeIn(100); } else { $(".quick_links_panel a.return_top").fadeOut(200); } }); } $(function() { goTop(); }); </script> <!-- 购物车抛物线 --> <script type="text/javascript" src="/template/shop/skin/plugins/shop_customer_service/skin/js/jquery.fly.min.js"></script> <script> $('body').on('click','.btnCart',function(event) { var offset = $('#shoppingcart').offset(), flyer = $('<i class="u-flyer glyphicon glyphicon-shopping-cart"></i>'); flyer.fly({ start: { left: event.pageX, top: event.pageY-$(window).scrollTop(), }, end: { left: offset.left+10, top: offset.top-$(window).scrollTop(), width: 20, height: 20 } , onEnd: function() { this.destory(); //销毁抛物体 } }); }); </script> <script type="text/javascript"> $(".quick_links_panel li").mouseenter(function(){ $(this).children(".mp_tooltip").animate({left:-92,queue:true}); $(this).children(".mp_tooltip").css("visibility","visible"); $(this).children(".ibar_login_box").css("display","block"); }); $(".quick_links_panel li").mouseleave(function(){ $(this).children(".mp_tooltip").css("visibility","hidden"); $(this).children(".mp_tooltip").animate({left:-121,queue:true}); $(this).children(".ibar_login_box").css("display","none"); }); </script> <script> $(function () { getorders(); }); //getorders function getorders(){ $("#shop_getorders").html(""); //先清空购物车悬浮框 var url='/index.php?case=archive&act=getorders'; $.ajax({ type: "get", url: url, async: false, success: function (data) { var alltotle=0; //总价 data = JSON.parse(data); var i=0; $.each(data, function (key, val) { i++; var htmldata="<li class=\"cart_item\">"; htmldata+="<div class=\"cart_item_pic\"><a target=\"_blank\" href=\"#\" style=\"display:inline-block;float;left;width:120px;\"><img src=\""+val['thumb']+"\" class=\"img-responsive\"></a></div>"; htmldata+="<div class=\"cart_item_desc\"><a class=\"cart_item_desc\"><a target=\"_blank\" href=\"/index.php?case=archive&act=show&aid="+val['aid']+"\">"+val['title']+"</a>"; //my_shop_model,2:blue,jia,1 var prince=Math.round(parseFloat(val['attr2'])); //商品单价 if(val['datatype'].toString()!=""){ var showtype=""; var datatype = val['datatype'].toString().split(";"); for (var index = 0; index < datatype.length; index++) { var newdatatype=datatype[index].split(":"); newdatatype=newdatatype[1].split(","); showtype=showtype==""?newdatatype[0]:showtype+"-"+newdatatype[0]; if(newdatatype[1]=="jia"){ prince=prince+parseFloat(newdatatype[2]); }else if(newdatatype[1]=="jian"){ prince=prince-parseFloat(newdatatype[2]); }else if(newdatatype[1]=="chen"){ prince=prince*parseFloat(newdatatype[2]); }else if(newdatatype[1]=="chu"){ prince=prince/parseFloat(newdatatype[2]); } } htmldata+="<div class=\"cart_item_sku\"><span>"+showtype+"</span></div>"; } var num=parseFloat(val['amount']); //商品数量 var totle=prince*num; //商品小计 alltotle=alltotle+totle; htmldata+="<div class=\"cart_item_sku\"><span>数量："+num+"</span></div>"; htmldata+="<div class=\"cart_item_price\"><span class=\"cart_price\">￥"+totle+"</span></div></div>"; htmldata+="<div class=\"clearfix\"></div>"; htmldata+="<a href=\"#\" onclick=\"reomeclick(this);dropclick('"+val['aid']+"','"+val['name']+"');\" title=\"删除\" class=\"orders-del\"><i class=\"glyphicon glyphicon-remove\"></i></a></li>"; htmldata+="<div class=\"clearfix\"></div>"; $("#shop_getorders").append(htmldata); }); var htmldata=""; if(alltotle>0){ $(".cart-cant-total").text(i); //商品数量 htmldata+="<li class='line'></li>"; htmldata+=" <div class=\"cart_handler\"><div class=\"cart_handler_header\">"; htmldata+=" <span class=\"cart_handler_left\"><span class=\"cart_num cart-cant-total\">"+i+"</span>件商品</span>"; htmldata+=" <span class=\"cart_handler_right\">￥"+alltotle+"</span>"; htmldata+="</div>"; htmldata+="<a href=\"/index.php?case=archive&act=orders&settlement=1\" class=\"cart_go_btn\" target=\"_blank\">去购物车结算</a>"; htmldata+=" </div>"; htmldata+="</li>"; }else{ htmldata+="<h5 class=\"text-center\">暂无商品！</h5>"; } $("#shop_getorders").append(htmldata); } }); } //删除节点 function reomeclick(obj){ $(obj).parent().next().remove(); $(obj).parent().remove(); } //删除cookie function dropclick(aid,key){ var url="/index.php?case=archive&act=emptyorders&delete=1"+'&key='+key+'&aid='+aid; $.ajax({ type: "get", url: url, async: false, success: function (data) { alert("删除成功！"); } }); getorders(); } </script> <script> var dnum = 0 $(".mui-mbar-tabs-btn").click(function() { dnum = dnum + 1; if (dnum % 2 != 0) { $(".mui-mbar-tabs").animate({ right: "0px" }, 500); $(".mui-mbar-tabs-btn").css({"top":"10px","right":"0px","z-index":"9999999999"}, 500); $(".mui-mbar-tabs-btn .message").addClass("message-b"); } else { $(".mui-mbar-tabs").stop(true, true).animate({ right: "-40px" }, 500); $(".mui-mbar-tabs-btn .message").removeClass("message-b"); $(".mui-mbar-tabs-btn").css({"top":"auto","bottom":"10%","right":"15px","z-index":"9999999999"}, 500); } }) </script> <div class="servers"> <!-- 短信 --> </div> <div class="servers-wap"> <link href="/template/default2020/skin/css/wap/wap6.css" rel="stylesheet" /> <style type="text/css"> #plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; } .top_bar { position:fixed; bottom:0; right:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; } .plug-menu { -webkit-appearance:button; display:inline-block; width:36px; height:36px; border-radius:36px; position: absolute; bottom:17px; right: 17px; z-index:999; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; background-image:url('/template/default2020/skin/images/wao/plug.png'); background-repeat: no-repeat; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; } .plug-menu:before { font-size:20px; margin:9px 0 0 9px; } .plug-menu:checked { -webkit-transform:rotate(135deg); } .top_menu>li { width: 32px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); position:absolute; bottom:0; right:0; margin-bottom: 20px; margin-right:20px; z-index:900; -webkit-transition: -webkit-transform 200ms; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-align: center; } .top_menu>li>a label{ display:none; } .top_menu>li a img { display: block; width: 22px; height: 22px; text-indent: -999px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(-0, -100px) rotate(720deg); } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(-47px, -81px) rotate(720deg); } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(-81px, -45px) rotate(720deg); } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(-100px, 0) rotate(720deg); } #sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; } #sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; } </style> <div class="top_bar" style="-webkit-transform:translate3d(0,0,0)"> <nav> <ul id="top_menu" class="top_menu"> <input type="checkbox" id="plug-btn" class="plug-menu themeStyle" style="background-image:url('/template/default2020/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:(852)2637 3036"><img src="/template/default2020/skin/images/wap/plugmenu1.png"><label>(852)2637 3036</label></a> </li> <li class="themeStyle out" style="background:"> <a href="sms:(852)26373036"><img src="/template/default2020/skin/images/wap/plugmenu3.png"><label>短信</label></a> </li> <li class="themeStyle out" style="background:"> <a href="mqqwpa://im/chat?chat_type=wpa&uin=2846309090&version=1&src_type=web&web_src=http://richbondbags.com/" id="btn_fenxiang"><img src="/template/default2020/skin/images/wap/plugmenu5.png"><label>QQ号码</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/index.php?case=guestbook&act=index"><img src="/template/default2020/skin/images/wap/plugmenu6.png"><label>留言</label></a> </li> </ul> </nav> </div> <div id="plug-wrap" style="display: none;" ></div> <script> $(function(){ $(".plug-menu").click(function(){ var li = $(this).parents('ul').find('li'); if(li.attr("class") == "themeStyle on"){ li.removeClass("themeStyle on"); li.addClass("themeStyle out"); }else{ li.removeClass("themeStyle out"); li.addClass("themeStyle on"); } }); }); </script> </div> <!-- Bootstrap core Javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/common/css/bootstrap/bootstrap-3.3.7/js/bootstrap.min.js"></script> <!--商品--> <script src="/common/plugins/shop/js/shopping.js?version=7701"></script> <!-- Modal --> <div class="modal fade bs-example-modal-sm" id="myModalLang" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" 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> <h5 class="modal-title" id="myModalLabel">请选择浏览语言</h5> </div> <div class="modal-body"> <a href="/index.php?case=archive&act=setlang&langurl=sk" ><img src="/cn/upload/images/201908/15631498732217.gif" width="20"> 한국어</a> <a href="/index.php?case=archive&act=setlang&langurl=jp" ><img src="/cn/upload/images/201908/15631497913676.gif" width="20"> 日本語</a> <a href="/index.php?case=archive&act=setlang&langurl=en" ><img src="/cn/upload/images/201908/15631498094826.gif" width="20"> English</a> <a href="/index.php?case=archive&act=setlang&langurl=cn" ><img src="/cn/upload/images/202103/16147553720883.gif" width="20"> 繁体</a> </div> </div> </div> </div> <script type="text/javascript"> <!-- //静态切换语言 (function(){ $('[name=setlang]').click(function () { var langurl=$(this).data("langurl"); $.ajax({ type: "get", url: '/index.php?case=archive&act=setlang&static=1&langurl='+langurl, async: false, success: function (data) { data=JSON.parse(data); if (data.state) { window.location.href = "/" + "index-" + langurl + ".html"; } } }); }); })(); //--> </script> <!-- 繁简切换 --> <!-- wow动态效果 --> <link rel="stylesheet" href="/common/plugins/animate/css/animate.min.css" /> <script src="/common/plugins/animate/js/wow.min.js"></script> <script> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; </script> <!-- 百度分享 --> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"6","bdPos":"right","bdTop":"100"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> <script src="/common/js/admin.js"></script> <!-- 鼠标滑过展开一级菜单/一级菜单可点击 --> <script type="text/javascript"> $(function () { $(".dropdown,.dropdown-submenu").mouseover(function () { $(this).addClass("open"); }); $(".dropdown,.dropdown-submenu").mouseleave(function(){ $(this).removeClass("open"); }) }); $(document).ready(function(){ var _width = $(window).width(); if(_width < 768){ $("#navbar a.toogle").click(function(){ event.preventDefault(); }); } }); </script> <!--图片延迟--> <script src="/common/plugins/lazyload/jquery.lazyload.min.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("img.lazy,div.lazy").lazyload({ placeholder:"/images/pic.png", effect:"fadeIn",//show直接显示,fadeIn显现 threshold:280, event:"scroll", failure_limit:2 }); }) </script> <script type="text/javascript"> <!-- function setpraise(aid,hrefname,obj) { //点赞 $.get(hrefname,{'aid':aid},function(data,status){ if(data != '') { data = JSON.parse(data); if(data[0]=='1'){ alert("点赞成功！"); $(obj).val("取消点赞！"); }else{ alert("取消点赞！"); $(obj).val("lang('point-like')"); } $(obj).next('span').html(data[1]); } }); } function setcollect(couponid,hrefname,obj) { //收藏 $.get(hrefname,{'couponid':couponid},function(data,status){ if(data != '') { data = JSON.parse(data); //显示提示信息 if(data=='1'){ alert("收藏成功！"); $(obj).val("取消收藏"); $(obj).attr('class','glyphicon glyphicon-heart collection-btn '); }else{ alert("已取消收藏！"); $(obj).val("收藏"); $(obj).attr('class','icon-heart collection-btn'); } } }); } //--> </script> <!-- 导航下拉缩小高度 --> <script type="text/javascript"> <!-- $(document).ready(function(){ $(window).scroll(function() { var top = $(".visual-slide,.banner,.banner2,.banner3,.banner4,.cbanner").offset().top; //获取指定位置 var scrollTop = $(window).scrollTop(); //获取当前滑动位置 if(scrollTop > top){ //滑动到该位置时执行代码 $(".navbar").addClass("active"); }else{ $(".navbar").removeClass("active"); } }); }); $(function(){ var cubuk_seviye = $(document).scrollTop(); var header_yuksekligi = $('.navbar').outerHeight(); $(window).scroll(function() { var kaydirma_cubugu = $(document).scrollTop(); if (kaydirma_cubugu > header_yuksekligi){$('.navbar').addClass('gizle');} else {$('.navbar').removeClass('gizle');} if (kaydirma_cubugu > cubuk_seviye){$('.navbar').removeClass('sabit');} else {$('.navbar').addClass('sabit');} cubuk_seviye = $(document).scrollTop(); }); }); //--> </script> <script type="text/javascript"> <!-- (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); //--> </script> <span id="head_login"><script src="/index.php?case=user&act=login_js"></script></span> <script type="text/javascript"> <!-- login.innerHTML=head_login.innerHTML;head_login.innerHTML=""; //--> </script> <!--页底插入js--> </body> </html>