/* Template Name: Ecshop生鲜蔬菜商城模板 Template URI: http://www.dede168.com/ Description: dede168源码网 Version: 2.7.3版 Author: www.dede168.com Author URI: http://www.dede168.com/ Logo filename: logo.gif Template Type: type_0 */ @charset "utf-8"; /* ==================== 公共样式 ==================== */ .html {font-size:.625rem;/*10 ÷ 16 × 100% = 62.5%*/ height:100%;} body{color:#333;font-family:arial; font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;background:#ebeced;-webkit-overflow-scrolling:touch;height:100%;} h1,h2,h3,h4,h5,h6{font-size:100%} address,cite,dfn,em,var{font-style:normal} fieldset,img{border:0} button,input,select,textarea{font-size:100%} table{border-collapse:collapse;border-spacing:0} input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none} *{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0;} ul,ol{list-style:none} input[type="text"],input[type="search"]{-webkit-appearance:none;-webkit-tap-highlight-color:#fff;outline:0} .inputBg{height:2.4rem;width: 94%;border: solid 1px #ddd;padding:0 3%;color: #333;font-size: 0.8rem;-webkit-border-radius: 0;background:#fff;} .inputBg2{width: 94%;border: solid 1px #ddd;padding:3%;color: #333;font-size: 0.8rem;-webkit-border-radius: 0;-webkit-appearance: none;background:#fff;} .pop-share{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,0.8) url(images/share.png) center 10px no-repeat;background-size:90% auto;} .padd1{ padding:0.5rem} .padd2{ padding:1rem} .w50{ width:50%} .w40{ width:40%} .w30{ width:30%} .w20{ width:20%} .w10{ width:10%} a{color:#000000;text-decoration:none} .c-btn1 { border:none;display: inline-block;height: 2rem;line-height: 2rem;font-size:0.8rem;color: #fff;padding: 0 2rem; width:5rem; border-radius: 5px;background:#AF905F;} .c-btn2 {color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:40%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#AF905F; text-align: center} .c-btn2 a,.c-btn2 a:visited{color:#fff;} .c-btn3 { color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#AF905F; text-align: center} .c-btn4 { color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#00D20D; text-align: center} .hidden{display:none} .wrap{ padding:0 0.0rem} .price_s{ color: #AF905F; font-size:1rem; display: inline-block; } .price{ color: #AF905F; font-size:1rem; display: inline-block; font-weight:bold } .c333{ color:#333} .c999{ color:#999} .flex{ padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap;/*自动换行*/ /*-webkit-flex-flow: row; 不换行*/ justify-content: space-around; } .flex-f-row{ -webkit-flex-flow: row;} .flex_in{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;} .box1{border: 1px solid #e2e2e2;background: #FFFFFF;} .f_l{ float:left;} .f_r{ float:right;} .blank1{height:0.4rem; line-height:0.4rem;/* _margin:-3px 0;*/ clear:both; visibility:hidden;} .blank2{height:0.6rem; line-height:0.6rem; clear:both; visibility:hidden;} .blank3{height:1rem; line-height:1rem; clear:both; visibility:hidden;} .mr-t20{margin-top:20px} .mr-t30{margin-top:30px} .clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;} *html .clearfix{height:1%;} *+html .clearfix{height:1%;} /* 图标 */ .ico_01{background:url(images/ico_01.png) no-repeat 50% 50%;-webkit-background-size: 1.8rem 1.8rem;-moz-background-size: 1.8rem 1.8rem;-o-background-size: 1.8rem 1.8rem;background-size: 1.81rem 1.43rem;} /* 购物车图标 */ .ico_02{background:url(images/ico_02.png) no-repeat 50% 50%;-webkit-background-size: 1.8rem 1.8rem;-moz-background-size: 1.8rem 1.8rem;-o-background-size: 1.8rem 1.8rem;background-size: 1.25rem 1rem;} /* 菜单栏图标 */ .ico_03{background:url(images/ico_03.png) no-repeat 50% 50%;-webkit-background-size:1.8rem 1.8rem;-moz-background-size:1.8rem 1.8rem;background-size:1.8rem 1.8rem; width:1.8rem; height:1.8rem} /* 搜索图标_白 */ .ico_04{background:url(images/ico_04.png) no-repeat 50% 50%;-webkit-background-size:0.8rem 0.8rem;-moz-background-size:0.8rem 0.8rem;background-size:0.8rem 0.8rem;width:0.8rem; height:0.8rem; width:0.8rem; height:0.8rem} /* 箭头图标向右 */ .ico_04_b{background:url(images/ico_04_b.png) no-repeat 50% 50%;-webkit-background-size:0.8rem 0.8rem;-moz-background-size:0.8rem 0.8rem;background-size:0.8rem 0.8rem; width:0.8rem; height:0.8rem} /* 箭头图标向左 */ .ico_05{background:url(images/ico_05.png) no-repeat 50% 50%; -webkit-background-size:1.8rem 1.8rem;-moz-background-size:1.8rem 1.8rem;background-size:1.8rem 1.8rem; width:1.8rem; height:1.8rem} /* 主页图标 */ .ico_06{background:url(images/ico_06.png) no-repeat 50% 50%; -webkit-background-size:1.0rem 1.0rem;-moz-background-size:1.0rem 1.0rem;background-size:1.0rem 1.0rem; width:1.0rem; height:1.0rem} /* 返回顶部图标 */ .ico_07{background:url(images/ico_07.png) no-repeat 50% 50%;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; width:1.2rem; height:1.2rem} /* 搜索图标_灰 */ .ico_08{background:url(images/ico_08.png) no-repeat 50% 50%;-webkit-background-size:1.0rem 1.0rem;-moz-background-size:1.0rem 1.0rem;background-size:1.0rem 1.0rem; width:1.0rem; height:1.0rem} /* 叉叉_白色 */ .ico_09{background:url(images/ico_09.png) no-repeat 50% 50%;-webkit-background-size:0.8rem 0.8rem;-moz-background-size:0.8rem 0.8rem;background-size:0.8rem 0.8rem; } /* 叉叉_灰色 */ .ico_10{background:url(images/ico_10.png) no-repeat 50% 50%;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; } /* 箭头向左_白色 */ .ico_11{background:url(images/ico_11.png) no-repeat 50% 50%;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; } /* 箭头向下_黑色*/ .ico_12{background:url(images/ico_12.png) no-repeat 50% 50%;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; } /* 箭头向上_黑色*/ .ico_13{background:url(images/ico_13.png) no-repeat 50% 50%;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; } /* 箭头向上_黑色*/ .ico_14{background:url(images/ico_14.png) no-repeat 50% 50%;-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; } /* 电话_褐色*/ .ico_15{background:url(images/ico_15.png) no-repeat 50% 50%;-webkit-background-size:1.3rem 1.3rem;-moz-background-size:1.3rem 1.3rem;background-size:1.3rem 1.3rem; } /* 分享_白色*/ .ico_16{background:url(images/ico_16.png) no-repeat 50% 50%;-webkit-background-size:1rem 1rem;-moz-background-size:1rem 1rem;background-size:1rem 1rem;width:1rem;height:1rem} /* 箭头图标向右 */ /* 栏目ico */ .ico_touch_01{background:url(images/ico_touch_01.png) no-repeat 50% 50%;-webkit-background-size:1.3rem 1.3rem;-moz-background-size:1.3rem 1.3rem;background-size:1.3rem 1.3rem; } /* 电话图标 */ .ico_touch_02{background:url(images/ico_touch_02.png) no-repeat 50% 50%;-webkit-background-size:1.3rem 1.3rem;-moz-background-size:1.3rem 1.3rem;background-size:1.3rem 1.3rem; } /* 在线联系 */ .ico_touch_03{background:url(images/ico_touch_03.png) no-repeat 50% 50%;-webkit-background-size:1.3rem 1.3rem;-moz-background-size:1.3rem 1.3rem;background-size:1.3rem 1.3rem; } /* 地图图标 */ /* 头部 */ .tit1{ height:2rem; line-height:2rem; background: #f9f9f9; font-size:0.8rem; padding:0 0.5rem} /* 圆角效果 */ .radius5{ -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; } .radius10{ -moz-border-radius: 10px; /* Gecko browsers */ -webkit-border-radius: 10px; /* Webkit browsers */ border-radius:10px; } .radius15{ -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; } /*相对定位*/ .position_a_lt{ position:absolute; left:0; top:0; } .position_a_rb{ position:absolute; right:0; bottom:0;} /* ==================== 首页模块 ==================== */ /*头部*/ #header{z-index:999;background-color:#AF905F;position:relative; height:3rem;display: block;} #header h1{color: #fff;font-size: 1.2rem;line-height: 3rem;text-align:center; font-weight:normal;} #header .header_r{position: absolute;top: 0;right: 0;} #header .header_r a {width: 3rem;height:3rem;display: block;padding: 0 0.2rem;text-indent: -999em;overflow: hidden;} #header .header_l{position: absolute;top: 0;left: 0;} #header .header_l a {width: 3rem;height:3rem;display: block;padding: 0 0.2rem;text-indent: -999em;overflow: hidden;} #header .header_search .ico_03{ -webkit-background-size:2rem 2rem;-moz-background-size:2rem 2rem;background-size:2rem 2rem; } /*搜索*/ /*底部搜索以及全局搜索样式*/ .search_box{position:relative; top:0.4rem; width:100%; background:#fff; border-radius:20px; text-align:center;} .search_box input{width:85%; height:2rem; line-height: normal; border:none; font-size:0.8rem } .search_box button{position:absolute; top:0.4rem; right:0.6rem; width:1.2rem; height:1.2rem; border:none;} /*点击弹出搜索样式*/ #search_box{padding:0 3.2rem 0 1rem;position:relative;background-color:#AF905F; height:3rem; top:-3rem; display:none } #search_box .search_box{position:relative; top:0.5rem; } #search_box .ico_08{position:absolute; top:0; right:0; display:block;width: 3rem;height:3rem; padding: 0 0.2rem;} /*分类页头部搜索样式*/ #search_box2{padding:0 3.2rem; height:3rem; top:-3rem; } #search_box2 .search_box{position:relative; top:0.5rem; } /*弹出菜单*/ html.mm-opened .mm-page, html.mm-opened #mm-blocker, html.mm-opened .mm-fixed-top, html.mm-opened .mm-fixed-bottom, html.mm-opened .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; } html.mm-opened .mm-page, html.mm-opened #mm-blocker {left: 0%; top: 0;margin: 0;border: 0px solid rgba(0, 0, 0, 0); } html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker {border: 0px solid rgba(100, 100, 100, 0); } .mm-menu .mm-hidden {display: none; } .mm-fixed-top, .mm-fixed-bottom {position: fixed;left: 0; } .mm-fixed-top {top: 0; } .mm-fixed-bottom {bottom: 0; } html.mm-opened .mm-page, .mm-menu > .mm-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } html.mm-opened, html.mm-opened body {width: 100%;height: 100%;overflow: hidden;position: relative; } html.mm-opened .mm-page {height: 100%;overflow: hidden;position: absolute; } html.mm-background .mm-page {background: inherit; } #mm-blocker {background: #fff;opacity: 0;display: none;width: 100%;height: 100%;position: absolute;z-index: 9999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {display: block; } .mm-menu.mm-current {display: block; } .mm-menu {background: inherit;display: none;overflow: hidden;height: 100%;padding: 0;position: absolute;left: 0;top: 0;z-index: 0; } .mm-menu > .mm-panel {background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 100%; z-index: 0; } .mm-menu > .mm-panel.mm-opened { left: 0%; } .mm-menu > .mm-panel.mm-subopened { left: -40%; } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu > .mm-panel.mm-hidden { display: block; visibility: hidden; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding: 20px 0 40px 0; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-ismenu { background: #333333; } .mm-menu { color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 80%; } .mm-menu { width: 80%; } @media all and (max-width: 175px) { .mm-menu { width: 140px; } html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 550px) { .mm-menu { width: 440px; } html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 440px; } } html.mm-nooverflowscrolling.mm-opened { height: auto; overflow: auto; overflow-x: hidden; overflow-y: scroll; } html.mm-nooverflowscrolling.mm-opened body { overflow: auto; } html.mm-nooverflowscrolling.mm-opened .mm-page { min-height: 1000px; position: fixed; } html.mm-nooverflowscrolling.mm-opened .mm-menu { height: auto; min-height: 1000px; overflow: auto; overflow-x: hidden; position: relative; left: auto; top: auto; } html.mm-nooverflowscrolling.mm-opened > .mm-panel { position: relative; height: auto; display: none; left: 0; } html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current { display: block; } /*弹出菜单e*/ /*幻灯片广告*/ .focus{ width:100%;; height:auto; margin:0 auto; position:relative; overflow:hidden; } .focus .hd{ width:100%; height:1rem; position:absolute; z-index:1; bottom:0.8rem; text-align:center; } .focus .hd ul{ overflow:hidden;} .focus .hd ul li {background: #fff none repeat scroll 0 0;border-radius: 0.6rem;box-shadow: 0 0 1px #ccc;display: inline-block;height: 0.6rem;margin: 0 0.3rem;opacity: 0.6;width: 0.6rem;} .focus .hd ul .on{ background:#000; } .focus .bd{ position:relative; z-index:0; } .focus .bd li img{ width:100%; height:auto; } .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);padding:0;margin:0;display:block;font-size:0px; /* 取消链接高亮 */ } /* @media(max-width: 640px) {.flexslider .slides img{width: 320px;height: 150px;overflow: hidden;}} @media(min-width: 641px) {.flexslider .slides img{width: 640px;height: 300px;overflow: hidden;}} */ /*搜索模块s*/ header #fake-search{padding:0.6rem;} header .fakeInput{height:2.5rem;margin:0 auto; position:relative;background:#fff;} header .fakeInput .search{ width:2.5rem; height:2.5rem; position:absolute; right:0; top:0;border-radius:0px 15px 15px 0px;-webkit-border-radius:0px 15px 15px 0px;border-radius:0px 15px 15px 0px;background-color:#a1a1a1} header .fakeInput button{ background:none; font-size:14px; height:2.5rem; width:100%; border:none; text-align:left; padding-left:1rem;} /*搜索弹出模块*/ .main-search{display:none} .main-search .hd{height:2.4rem;background:#AF905F;position:relative} .main-search .hd .close{ width:2.4rem; height:2.4rem;display:block;overflow:hidden;text-indent:-6.6rem;float:right; } .main-search .tab{position:absolute;left:10px;bottom:0} .main-search .tab li{display:inline-block;width:80px;height:30px;margin:0 10px 0 0;line-height:30px;border:1px solid #850100;border-radius:4px 4px 0 0;color:#fff;background-color:#990002;font-size:14px;font-weight:bold;text-align:center;cursor:pointer} .main-search .tab li.on{color:#990002;background-color:#ddd;border-bottom:1px solid #ddd} .main-search .bd{ padding:0.2rem 0.6rem;background-color:#ddd; height:3rem; position:relative} .main-search .bd .clear{position:absolute;z-index:999;right:3rem;top:0.45rem;width:0.8rem;height:0.8rem; padding:0.2rem; background-color:#eee; overflow:hidden;display:block;border:0;text-indent:-99rem; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px;} /*首页广告区块*/ .mainCon{background:#ededed;} .wholeTime{background:#fff} .surper .san i{border-left-color:#ff9ec7} .superBan{background:#fff;border-top:1px solid #ededed} .superBan a{display:block;font-size:0px;} .featurBan1{width:60%;border-right:1px solid #ededed;} .featurBan1 a:first-child{border-bottom:1px solid #ededed;} .featurBan2{width:40%} .featurBan1 img,.featurBan2 img {width:100%;height:auto;} .wholePoint{color:#4a4949;padding:10px} .wholePoint .san{border-left:2px solid #ff4a59;font-size:1rem;height:20px} .wholePoint .san i{border:10px solid transparent;border-left:10px solid #ff4a59;display:inline-block;vertical-align:top;font-style:normal;} .wholePoint .time{padding-left:5px} .wholePoint .s1{color:#0c1326;background:#fff;border-radius:3px;padding:2px 0;margin:0 3px;font-size:1.4rem} .wholeNav{padding:0 10px;margin-bottom:10px;overflow:hidden;background:#ff4a59} .wholeTab{width:1000px} .wholeTab a{float:left;text-align:center;width:70px;padding:8px 0;display:block;color:#fff} .wholeTab a.select{background:#ffdbde;color:#ff4a59} .hotProflag{width:30px;left:0;top:0;} .wholeTab span{display:block;line-height:1.3} .surper,.wild,.cray,.features,.brandWall,.special,.runAway,.neWest{background:#fff;color:#292929} .runAway,.neWest{border-bottom:1px solid #ededed;margin-bottom:10px} .surper .san{border-color:#AF905F;} .surper .san i{border-left-color:#AF905F;} .fl { float: left; } .brandWallBan{width:100%;} .brandWallBan img{width:100%;height:auto;} .brandWallBan a{float:left;width:33.3%;border-bottom:1px solid #ededed;border-right:1px solid #ededed;} .brandWallBan a:nth-child(3n){border-right-color:#fff} /*分类图标模块*/ .row_category {padding: 0 ;background:#fff;} .row {overflow: hidden;} .row_category ul {margin: 0 auto;} .row_category li {overflow: hidden;text-align: center; width:25%;margin:0.6rem 0;} .row_category li a {display: block;overflow: hidden;} .row_category .CarouselImg {border-radius: 50%;margin: 0 auto;width: 50%;} .row_category li a img {border-radius: 50%;width:100%;} .row_category li p {color: #333;font-size: 0.8rem;} /*热卖模块*/ .new-tbl-type {display:table;width:100%;} .new-tbl-cell {display:table-cell;} .new-msale-lst { height:8rem; padding:0.9rem 0;width:100%;} .new-msale-lst .new-tbl-cell { } .new-msale-lst .new-tbl-cell a {display:block; text-align:center; position:relative; width:7.5rem; } .new-msale-lst .new-tbl-cell img {vertical-align:top; width:100px; height:100px; margin-bottom:0.3rem } .item_show_box2{ text-align:center; position:relative; padding:0.3rem 0} /*热卖模块斜角ico*/ .item_show_box2 .position_a_lt a p,.item_show_box2 .position_a_rb a p{ display:inline-block} .item_show_box2 .position_a_lt div,.item_show_box2 .position_a_rb div{ width:6rem; height:3.5rem; position:relative; background:#AF905F;} .item_show_box2 .position_a_lt a,.item_show_box2 .position_a_rb a{ display:block; color: #FFFFFF; font-size: 0.8rem; line-height: 1.3rem; position:absolute;} .item_show_box2 a .ico_6,.item_show_box2 a .ico_6_b{ bottom:-0.1rem; position:relative} .item_show_box2 .position_a_lt div{ left:-0.9rem; top:-2.4rem; -moz-transform: rotate(-22deg); /* FF3.5+ */ -o-transform: rotate(-22deg); /* Opera 10.5 */ -webkit-transform: rotate(-22deg); /* Saf3.1+, Chrome */} .item_show_box2 .position_a_lt a{ left:0.5rem;top:0;} .item_show_box2 .position_a_rb div{ right:-0.9rem; bottom:-2.4rem; -moz-transform: rotate(-202deg); /* FF3.5+ */ -o-transform: rotate(-202deg); /* Opera 10.5 */ -webkit-transform: rotate(-202deg); /* Saf3.1+, Chrome */} .item_show_box2 .position_a_rb a{ right:0.2rem;bottom:0;} .item_show_box2 .position_a_rb a .ico_6{ -moz-transform: rotate(-180deg); /* FF3.5+ */ -o-transform: rotate(-180deg); /* Opera 10.5 */ -webkit-transform: rotate(-180deg); /* Saf3.1+, Chrome */} /*循环分类*/ .item_show_box1 h3 {border-bottom: 1px solid #f0f1f2;font-size: 18px;line-height: 2.5rem;margin-bottom: 8px;font-weight: normal;} .item_show_box1 h3 a .titico {background-color: #AF905F;} .item_show_box1 h3 a .titico {margin-right: 8px;padding: 0 2px;} .item_show_box1 h3 a .titmore {color: #666;float: right;margin-right: 12px;} .item_show_box1 h3 i {display: inline-block;font-style: normal;} .item_show_box1 header{ background:#AF905F; color:#FFFFFF; font-size:18px;height:2.5rem; line-height:2.5rem; padding-left:0.8rem; margin-bottom:0.6rem; text-align:right} .item_show_box1 header span{ float:left} .item_show_box1 header .more{float:right; margin:0.55rem 0.3rem 0 0} .item_show_box1 .item_tags{ margin:0.6rem; } .item_show_box1 .item_tags a{ height: 1.8rem; line-height: 1.8rem; border: 1px solid #ececec; text-align: center; color: #666; float: left; margin: 0.4rem 0.4rem 0 0; padding: 0 0.6rem;font-size: 0.8rem;overflow:hidden} .goodsItem{ width:100%; padding:0.3rem;} .goodsItem img{width: 100%;height:auto;} .goodsItem del{height:1rem; line-height:1rem; font-size:0.4rem } .goodsItem .timedjs{height:1.6rem; line-height:1.6rem; font-size:.6rem;background:#AF905F;color:#fff;text-align:center;} .goodsItem .timedjs em{color:#fff;font-size:.8rem;} /*页脚*/ .footer{padding:0 0.6rem 0.6rem;color: #aaa;font-size: 0.6rem;} .footer .in{position:relative; height:2.8rem; margin:0 -0.6rem; padding:0 3.5rem; background-color:#B9B9B9;} .homeBtn, .footer .gotop{position:absolute; top:0; width:2.8rem; height:2.8rem; color:#fff; font-size:0.65rem;} .footer .gotop, .footer .homeBtn{background:#a1a1a1;} .homeBtn{left:0;} .homeBtn span{position:absolute; left:0.5rem; top:0.5rem;} .footer .gotop{right:0;} .footer .gotop span{position:absolute; left:50%; top:0.8rem; width:0.9rem; height:0.9rem; margin:-0.3rem 0 0 -0.3rem;} .footer .gotop p{position:absolute; bottom:0.14rem; left:0.45rem; width:2.2rem;} /* 底部 */ .footer .favLink, .footer p{text-align:center;line-height: 1.3rem;} .footer .link{line-height:1rem;font-size: 0.7rem;color: #1ca2e1;} .footer .link a{display:inline-block; margin-top:0.3rem; padding:0 0.6rem 0 0.3rem; border-right:1px solid #D5D5D5; color:#1CA2E1;} .footer .link a:last-child{border:none;} .footer .favLink a{margin-right:0.3rem;color: #aaa;} /*css for pad @media all and (min-device-width:768px) and (max-device-width: 1024px){ .ui-slider-item > p { font-size: 16px; padding: .5em 0; text-indent: .8em;} .ui-slider-dots { bottom:.5em; padding-right: .5em;} .ui-slider-dots b { margin-right: .5em; width: .5em; height: .5em; border-radius: .25em;} .ui-slider-pre, .ui-slider-next { width: 24px; height: 48px; top:50%; margin-top: -42px; background-size: 42px 18px;} .ui-slider-pre b, .ui-slider-next b { width:60px; height:72px; top:-12px;} .ui-slider-pre b { left:0;} .ui-slider-next b { left:-36px;} .ui-slider-pre { background-position: 3px center; border-radius: 0 24px 24px 0;} .ui-slider-next { background-position: -22px center; border-radius: 24px 0 0 24px;} } */ /*页码效果*/ .pagenav-wrapper .pagenav-content{padding:0.67rem 0.67rem 0 0.67rem;text-align:center;line-height:1.87rem;background:#eee} .pagenav-wrapper .pagenav{display:-webkit-box;display:flex; text-align:left} .pagenav-wrapper .pagenav>div{background-color:#fff;border:1px solid #e2e2e2;line-height:1.87rem;white-space:nowrap;border-radius:2px;cursor:pointer;margin:0 0.2rem} .pagenav .p-first,.pagenav .p-end{width:2.8rem} .pagenav .p-prev,.pagenav .p-next{width:3.93rem; } .pagenav .pagenav-cur{-webkit-box-flex:1;flex:1;position:relative;background:#fff} .pagenav .pagenav-select{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;border:0;border-radius:0;cursor:pointer; text-align:center} .pagenav .pagenav-cur i{ display: inline-block;width:10px;height:7px;background:url(images/cate_biao2.png);background-size:10px 7px} .pagenav-wrapper .pagenav .p-gray{background-color:#fdfdfd;color:#b4b1b1} .pagenav-wrapper a{ color:#333} .pagenav-wrapper a.no{ color:#B4B1B1} .pagenav a:hover{text-decoration:none} /* ==================== 所有分类页 ==================== */ .clist{ width:100%;backgroubd:#f4f4f4;clear:both} .clist ul{ width:100%; background:#f4f4f4} .clist_sub{border-bottom:1px solid #d7d7d8} .crow{line-height:4.5rem;width:100%;background:#f4f4f4;clear:both;heigth:4.5rem} .crow_row{ border-bottom:#d7d7d8 1px solid;line-height:4.5rem;width:100%; heigth:4.5rem} .crow_icon{line-height:7.2rem;margin:0px 0.6rem;width:3.6rem;float:left;height:3.6rem} .crow_icon img{width:3.6rem;height:3.6rem} .crow_title{line-height:4.5rem;float:left;margin-left:0.3rem} .crow_item{text-align:center; line-height:2rem; margin:1.3rem auto; width:32%; font-family:"华文细黑"; background:#f4f4f4; float:left; height:2rem; color:#585858; font-size:0.9rem; border-left:#d7d7d7 1px solid} .crow_item A{ margin:0px 0.3rem; text-overflow:clip; white-space:nowrap} .crow_item_clear{border-left-width:0px;box-shadow:0px 0 0px #fff;-webkit-box-shadow:0px 0 0px #fff} .crow_title span{font-size:1rem;heigth:4.5rem} .crow_arrow{float:right;margin-right:1.2rem} .crow_arrow img{ width:1rem;} /* ==================== 分类页 ==================== */ /* 三种样式切换 */ .switchBtn{-webkit-background-size:1.2rem 1.2rem;-moz-background-size:1.2rem 1.2rem;background-size:1.2rem 1.2rem; } .switchBtn-list{background:url(images/sort1.png) no-repeat 50% 50% / 1.5rem 1.5rem;opacity:1} .switchBtn-album{background:url(images/sort2.png) no-repeat 50% 50% / 1.5rem 1.5rem;} .switchBtn-grid{background:url(images/sort3.png) no-repeat 50% 50% / 1.5rem 1.5rem;} /* 商品列表页子分类显示 */ .categoryleve {position:static;top:0px;background:#fff;border-bottom:1px solid #ebeced;padding:0.8rem 0.5rem;} .categoryleve span {display:block;height:1.8rem;line-height:1.8rem;padding:0;float:left;font-weight:bold;color:#AF905F;} .categoryleve .current {background:#AF905F; border-radius:8px;} .categoryleve a {display:block;height:1.8rem;line-height:1.8rem;padding:0 1rem;float:left;} /* 头部的条件筛选样式 */ .filter{width:100%;text-align:center; height:2.4rem;background:#fff;} .filter ul{display:table;width:100%;margin:0;padding:0;border-collapse:collapse} .filter ul li{display:table-cell; padding:0.5rem 0} .filter ul li.filter-cur{border-bottom:1px solid #AF905F} .filter ul li.filter-cur a{color:#AF905F} .filter a{display:inline-block;width:100%; font-size:0.9rem;color:#666;text-decoration:none} .filter a span{position:relative} .filter a:hover{text-decoration:none} .filter i{position:absolute;display:inline-block;overflow:hidden;top:0.4rem;width:0.47rem;height:0.67rem;line-height:0.67rem;margin-left:0.13rem} .filter .f-ico-arrow-d{background:url(images/filter.png) no-repeat 0 0;background-size:0.6rem 0.8rem;position:static;width:0.6rem;height:0.8rem;vertical-align:middle} .filter li.filter-cur .f-ico-arrow-d{background-image:url(images/filter_b.png)} .filter .f-ico-triangle-mt,.filter .f-ico-triangle-mb{border-width:0.33rem;border-style:solid;border-color:transparent;height:0;width:0} .filter .f-ico-triangle-mt{border-bottom-color:#666;top:-0.2rem} .filter .f-ico-triangle-mb{border-top-color:#666;top:0.6rem} .filter .filter-cur .f-ico-triangle-mt.f-ico-triangle-slctd{border-bottom-color:#AF905F} .filter .filter-cur .f-ico-triangle-mb.f-ico-triangle-slctd{border-top-color:#AF905F} .filter .filter-navBtn{padding:0} .filter .filter-navBtn a{border:1px solid #e2e2e2;border-radius:3px;width:80%;padding:0.13rem 0;color:#333} /* 弹出筛选样式 */ #page{position:relative} .nav{background:#ccc;position:fixed;top:0;right:-276px;height:100%;width:276px; padding-top: 2.3rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} .nav .hold-height{height:100%; padding-bottom:1000rem; background:#ccc;} .nav .attrs{padding-top:0.67rem;width:100%;overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-overflow-scrolling:touch} .nav .attrs>*{margin: 0.67rem 0;padding: 0 1.53rem;} .nav .attrs .attr .attrKey{color:#333; font-size:0.8rem; padding-bottom: 0.1rem;} .nav .attrs .attr .attrValues{padding-top:0.33rem} .nav .attrs .attr .attrValues ul{margin:0;padding:0} .nav .attrs .attr .attrValues ul:after{display:block;content:' ';clear:both;height:0;overflow:hidden} .nav .attrs .attr .attrValues .av-collapse{overflow:hidden} .nav .attrs .attr .attrValues .av-expand{max-height:none} .nav .attrs .attr .attrValues li{float:left;position:relative;background-color:#fff;border:1px solid #fff;border-radius:0.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;width:7rem;margin:0.33rem 0;text-align:center;list-style:none;line-height:1.72rem} .nav .attrs .attr .attrValues li:nth-child(2n+1){margin-right:0.59rem} .nav .attrs .attr .attrValues li a{border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border-radius:0.13rem;display:block;width:100%;color:#333;font-size:0.8rem;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .nav .attrs .attr .attrValues li.av-selected{border-color:#AF905F} .nav .attrs .attr .attrValues li.av-selected a{border-color:#AF905F} .nav .attrs .attr .attrValues li.av-selected:after{background:-webkit-linear-gradient(left top,transparent 49%,#AF905F 49%,#AF905F 100%);background:-moz-linear-gradient(left top,transparent 49%,#AF905F 49%,#AF905F 100%);background:-o-linear-gradient(left top,transparent 49%,#AF905F 49%,#AF905F 100%);content:'7';position:absolute;right:-0.27rem;bottom:-0.27rem;width:22px;height:22px;color:#fff;font-family:tahoma;font-size:12px;font-style:italic;font-weight:bolder;line-height:2rem;text-indent:0.6rem;overflow:hidden;-webkit-transform:rotate(-90deg) scaleX(-1) scale(0.55);-moz-transform:rotate(-90deg) scaleX(-1) scale(0.55);-o-transform:rotate(-90deg) scaleX(-1) scale(0.55)} .nav .attrs .attr .attrValues .av-options{margin:0.33rem 0;padding:0.33rem 0;font-size:0.8rem;text-align:center;letter-spacing:.1em} .nav .attrs .attr .attrValues .av-options .avo-multiple{display:none} .nav .attrs .attr .attrValues .av-options .avo-more{color:#999;text-decoration:none} .nav .attrs .attr .attrValues .av-options .avo-more i{background-image:-webkit-linear-gradient(left,transparent 70%,#999 70%,#999 100%),-webkit-linear-gradient(top,transparent 70%,#999 70%,#999 100%);background-image:-moz-linear-gradient(left,transparent 70%,#999 70%,#999 100%),-moz-linear-gradient(top,transparent 70%,#999 70%,#999 100%);background-image:-o-linear-gradient(left,transparent 70%,#999 70%,#999 100%),-o-linear-gradient(top,transparent 70%,#999 70%,#999 100%);position:relative;display:inline-block;width:0.6rem;height:0.6rem;margin-left:0.2rem} .nav .attrs .attr .attrValues .av-options .avo-more.avo-more-down i{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);top:-0.13rem} .nav .attrs .attr .attrValues .av-options .avo-more.avo-more-up i{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);top:0.13rem} .nav .attrs .attr .attrValues .av-btns{display:none} .nav .attrs .attr .attrValues .av-sep{color:#fff;letter-spacing:.2em;font-weight:700;font-size:0.67rem} .nav .attrs .attr.priceAttr .attrValues{text-align:center;position:relative} .nav .attrs .attr.priceAttr .attrValues .start_price,.nav .attrs .attr.priceAttr .attrValues .end_price{-webkit-appearance:none; border:0;border-radius:0.2rem;width:5.33rem;height:1.2rem;padding:0.2rem;margin:0.13rem 0;text-align:center;line-height:1.27rem;color:#333;font-size:1rem;font-family:arial;font-weight:700} .nav .attrs .attr.priceAttr .attrValues .priceRange{margin-top:0.33rem} .nav .attrs .attr.brandAttr .av-collapse,.nav .attrs .attr.propAttr .av-collapse{max-height:80px;} .nav .attrs .attr.cateAttr .av-collapse{max-height:5.33rem} .nav .attr-fix>*{padding-right:0.533rem} .nav .attrExtra{display:flex;justify-content:space-between;align-items:center;background:#aeaeae; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;position:relative;margin:-2.3rem 0 -0.67rem 0;padding:0 1.533rem;width:276px;height:3rem;line-height:3rem;z-index:10} .nav .attrExtra a,.nav .attrExtra button,.nav .attrExtra input:not([type=hidden]){background-color:#fff;border:0;border-radius:0.2rem;padding:0.4rem 1rem;color:#333;font-size:1rem;line-height:1.2rem;letter-spacing:.2em;text-decoration:none;cursor:pointer} .nav .attrExtra .attrExtra-submit,.nav .attrExtra .attrExtra-cancel{margin-top:0.4rem} .nav .attrExtra .attrExtra-submit{background-color:#AF905F;color:#fff} .nav .attrExtra .attrExtra-cancel{float:right} .nav .attrExtra .attrExtra-clear{float:right;margin-top:0.4rem;margin-right:0.67rem;background-color:#dfdfdf} .nav .attrExtra .attrExtra-clear.attrExtra-clear-disabled{color:#999} /* 三种商品展示效果 */ .srp{display:table;width:100%; padding-bottom:10px; padding-top:5px;background-color:#eee} .srp:after{display:block;clear:both;height:0;content:' '} .srp em{font-style:normal} .srp .product{display:inline-block;float:none; align-items:stretch;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:6px;padding-bottom:0} .srp .pro-inner{position:relative;background-color:#fff;border-radius:5px; overflow:hidden;width:100%;height:100%} .srp .proImg-wrap{float:left} .srp .proImg-wrap img{border-radius:5px} .srp .proInfo-wrap{float:left;padding:5px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} .srp .proPrice{font-family:arial;height:20px;line-height:21px} .srp .proPrice em{color:#AF905F;font-size:16px;font-weight:700;margin-left:2px} .srp del{color:#999;font-size:12px} .srp .proTitle{overflow:hidden} .srp .proTitle a{color:#333;font-size:13px;text-decoration:none;-webkit-transition:all .3s linear} .srp .proSales{float:left;color:#999;font-size:12px;font-family:arial} .srp .proSales em{color:#333} .srp .proService{color:#333;font-size:13px;height:20px;line-height:21px} .srp .proIcons{padding-left:10px;height:20px;overflow:hidden} .srp .proIcons>*{margin:0 3px 0 0} .srp .proIcons img{vertical-align:middle} .srp .proSales{line-height:16px;margin-top:3px} .srp.list{width:100%} .srp.list .product{width:100%;padding:5px; } .srp.list .pro-inner{width:100%;background-color:#fff; padding-top:3px;} .srp.list .proImg-wrap{width:26.4%;margin-right:10px;-webkit-transition:all .6s linear} .srp.list .proImg-wrap img{width:100%} .srp.list .proInfo-wrap{float:none;padding:0;padding-left:90px} .srp.list .proTitle{line-height:17px;height:36px;margin-bottom:8px} .srp.list .proTitle a{font-size:13px} .srp.list .proPrice{float:left;margin-right:10px} .srp.list .proPrice del{display:none} .srp.album .product{width:49.9%} .srp.album .product:nth-child(2n+1){padding-right:5px} .srp.album .product:nth-child(2n){padding-left:5px} .srp.album .pro-inner{align-items:stretch;padding-bottom:70px;height:auto} .srp.album .proInfo-wrap{position:absolute;bottom:5px;width:100%;height:65px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} .srp.album .proImg-wrap{width:100%} .srp.album .proImg-wrap img{width:100%;border-radius:5px 5px 0 0} .srp.album .proTitle{height:19px;position:relative;top:19px;white-space:nowrap;text-overflow:ellipsis} .srp.album .proPrice{position:relative;top:-19px} .srp.album .proPrice del{display:none} .srp.album .proService{display:none} .srp.album .proSales{float:right;position:relative;top:-36px;right:2px;margin:0} .srp.album .proIcons{padding-left:0;width:100%;position:relative;top:-16px} .srp.grid .product{width:100%;-webkit-transition:all .5s linear} .srp.grid .proImg-wrap{width:100%} .srp.grid .proImg-wrap img{width:100%;border-radius:5px 5px 0 0} .srp.grid .proTitle{height:19px} .srp.grid .proPrice{float:left;margin-right:10px} .srp.grid .proPrice em{margin-right:10px} .srp.grid .proPrice del{display:none} .srp.grid .proService,.srp.grid .proIcons{float:none} .srp.grid .proSales{clear:left} @media screen and (max-device-height:568px) and (orientation:portrait){ .srp{display:table;width:100%} .srp .product{display:inline-block;float:none} .srp.album .proImg-wrap{overflow:hidden;max-height:200px} } @media screen and (min-device-width:768px) and (orientation:portrait){ .srp{display:table;width:100%} .srp .product{display:inline-block;float:none} .srp.album .proImg-wrap{overflow:hidden;max-height:380px} } @media screen and (max-device-width:480px) and (orientation:portrait){ .srp.album .proImg-wrap{overflow:hidden;max-height:240px} } .get_more{margin:10px auto 0px; display:block; text-align:center} /* ==================== 商品详细页 ==================== */ /* 商品页详细图 */ .goods_slider{background-color:#fff; height:auto;position:relative} .goods_slider .scroller{transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); max-width:100%; overflow:hidden; margin: 0 auto;display:-webkit-box;-webkit-box-lines:multiple} .goods_slider .scroller div{width:100%; overflow:hidden;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center} .goods_slider .scroller img{-webkit-user-drag:none;-webkit-user-select:none;} .goods_slider .scroller ul li{ text-align:center} .goods_slider .slideBox{ position:relative; overflow:hidden; margin:0 auto; max-width:640px;/* 设置焦点图最大宽度 */ } .goods_slider .slideBox .icons{ height:2rem; line-height:2rem;top:0.1rem;left:0;right:0;text-align:center} .goods_slider .slideBox .icons li{ display:inline-block; width:0.4rem; height:0.4rem; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem; background:rgba(0,0,0,.2); text-indent:-9999px; overflow:hidden; margin:0 0.3rem;} .goods_slider .slideBox .icons li.on{ background:#AF905F; } .goods_slider .slideBox .bd{ position:relative; z-index:0; height:100%; width:100%;} .goods_slider .slideBox .bd li{ position:relative; text-align:center; width:100%; } .goods_slider .slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat; vertical-align:middle; margin: auto 0; width:100%; height:auto; /* 图片宽度100%，达到自适应效果 */} /* 商品参数 */ .goodsInfo{background-color:#fff; } .goodsInfo .collect{display:none;float:right;clear:both;color:#fff;font-size:0.8rem;font-weight:700;padding:0 0.8rem 0 2.2rem;height:2rem;line-height:1.7rem;margin:-3rem 1rem 0.5rem 0;position:relative;z-index:1;-webkit-border-radius:2rem;border-radius:2rem;background:url(images/ico_star.png) no-repeat 0.8rem 40% rgba(0,0,0,.2); background-size: 1.5rem 1.5rem } .goodsInfo .collect1{display:none;float:right;clear:both;color:#fff;font-size:0.8rem;font-weight:700;padding:0 0.8rem 0 2.2rem;height:2rem;line-height:1.7rem;margin:-3rem 1rem 0.5rem 0;position:relative;z-index:1;-webkit-border-radius:2rem;border-radius:2rem;background:url(images/ico_star.png) no-repeat 0.8rem 40% rgba(250, 5, 34, 1); background-size: 1.5rem 1.5rem } .goodsInfo h1{background-color:rgba(255,255,255,0.9);padding:1rem 0; padding-bottom:0.5rem;font-size:0.9rem;text-align:center;} .goodsInfo ul{ padding:0.4rem 0;color:#999;border-bottom:1px solid #f3f3f3} .goodsInfo ul:last-child{ border:none} .goodsInfo ul>li{margin-bottom:0.4rem} .goodsInfo ul>li:last-child{margin:0} .goodsInfo ul .price{display:inline-block} .goodsInfo .line{border-bottom:1px solid #f3f3f3;padding:0.6rem 0;} .goodsInfo .rule i{ background-image: -webkit-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-webkit-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -moz-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-moz-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -o-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-o-linear-gradient(top,transparent 70%,#666 70%,#666 100%); position: relative; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; float:right; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); top:0.4rem; } #s-action { background-color:#f0f0f0; border:0; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; padding:10px; padding-right:50px } #s-action.float { position:fixed; left:0; right:0; bottom:0; background-color:#fff } #s-action button,#s-action .countdown { -webkit-box-flex:1; -ms-flex:1; flex:1; flex-basis:auto; display:block; flex-basis:1px } #s-action .buy { border:1px solid; -webkit-border-radius:.5em; border-radius:.5em; padding:.8em; font-size:.9rem; min-width:7em; border-color:#AF905F; background-color:#DBFDEB; color:#AF905F; margin-right:10px } #s-action .buy:disabled { background-color:#999; border-color:#999; color:#fff } #s-action .countdown { display:none; height:.4rem; line-height:.4rem } #s-action .countdown .label { color:#999 } #s-action .countdown .time { padding:0 0 0 .03rem; color:#AF905F } #s-action .countdown .num { font-weight:400 } #s-action .cart { border:1px solid; -webkit-border-radius:.5em; border-radius:.5em; padding:.8em; font-size:0.9rem; min-width:7em; border-color:#AF905F; background-color:#AF905F; color:#fff } #s-action .chaoshiCart { border:1px solid; -webkit-border-radius:.5em; border-radius:.5em; padding:.8em; font-size:.14rem; min-width:7em; border-color:#AF905F; background-color:#AF905F; color:#fff } #s-action .chaoshiCart.shorter { margin-left:50px } #s-action .cart-link { position:absolute; width:2rem; height:2rem; background:url("images/guc.png") no-repeat 50% 50%; background-size:2rem; right:10px; top:50%; margin-top:-0.9rem } #s-action .cart-link i { color:#fff; -webkit-border-radius:1em; border-radius:1em; padding:0 .4em; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#000; position:absolute; top:-10px; left:14px; line-height:1.5; min-width:1.5em; height:1.5em; -webkit-transform:scale(0.7); -webkit-transform-origin:left bottom; text-align:center } #s-action .cart-link i::after { content:"\20"; position:absolute; left:0; bottom:0; border:5px solid #000; border-color:transparent transparent #000 #000 } /* 购买模块 */ .goodsBuy{padding:0 0.5rem;margin:0.7rem 0;background-color:#fff; } .goodsBuy .info{display:block;color:#999;padding:0.63rem 0 0.47rem;border-bottom:1px solid #f3f3f3} .goodsBuy .info div{margin-bottom:0.1rem} .goodsBuy .info div span{color:#333;margin-left:0.5rem} .goodsBuy .info div i{ background-image: -webkit-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-webkit-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -moz-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-moz-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -o-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-o-linear-gradient(top,transparent 70%,#666 70%,#666 100%); position: relative; display: inline-block; width: 0.4rem; height: 0.4rem; margin-right: 0.2rem; float:right; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); top:0.3rem; } .goodsBuy .info .selected{overflow:hidden} .goodsBuy .info .selected li{margin-bottom:0.1rem;width:50%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:1rem;-webkit-box-sizing:border-box} .goodsBuy .info .selected em{color:#333} .goodsBuy #goodsBuy-open{display:none} .goodsBuy #goodsBuy-open:checked+.info i{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); } .goodsBuy.open .info::after{-webkit-transform:rotate(180deg)} .goodsBuy .fields{ display:none;overflow:hidden} .goodsBuy .fields ul li{ color:#999} /*商品单选属性*/ .catt { height: auto; overflow: hidden; padding-bottom: 15px; } .catt a { border: #c8c9cd 1px solid; border-radius: 0.3rem; text-align: center; margin-right: 10px; margin-top: 6px; display: block; white-space: nowrap; color: #000; text-decoration: none; float: left; position:relative; cursor: pointer; } .catt em{padding:3px 7px;} .catt a p{border: #fff 1px solid;border-radius: 0.3rem;} .catt a p.padd{font-size:0;} .catt a:hover { border: #f52648 1px solid; margin-top: 6px; } .catt a:hover p{border: #f70 1px solid;} .catt a:focus { outline-style: none; } .catt .cattsel { border: #f70 1px solid; background-color: #fff; } .catt a.cattsel img{border-radius: 0.3rem;} .catt a.cattsel p{border: #f70 1px solid;} .catt .cattsel a:hover { border: #f52648 1px solid; margin: -1px; background-color: #fff; } .catt a.wuxiao { cursor: not-allowed; text-decoration: none; border: #999 1px dashed; margin-top: 6px; background: #ddd; } .catt a.wuxiao p img { filter: grayscale(100%); } .catt a.wuxiao p{border: #ddd 1px solid;} .catt a.wuxiao:visited, .catt a.wuxiao:hover { cursor: not-allowed; text-decoration: none; border: #999 1px dashed; } .catt .cattsel i{background:url(images/test.gif) no-repeat scroll right bottom transparent;bottom:0;height:16px;position:absolute;right:0;width:16px;} .goodsBuy .fields .ul1{background-color:#fff;overflow:hidden;padding:0.8rem 0; height:1.6rem; line-height:1.6rem;position: static;} .goodsBuy .fields .ul1 li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:left; width:50%;} .goodsBuy .fields .ul2{-webkit-tap-highlight-color:transparent} .goodsBuy .fields .ul2 .ul2-prop{padding:1rem 0 0.5rem;border-bottom:1px solid #f3f3f3} .goodsBuy .fields .ul2 h2{color:#999;margin-bottom:0.2rem} .goodsBuy .fields .ul2 label{display:inline-block;border:1px solid #ceced0;background-color:#fafafa;min-width:2rem;padding:0.5rem 1.2rem;margin:0 0.5rem 0.5rem 0;max-width:100%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0.3rem;border-radius:0.3rem} .goodsBuy .fields .ul2 input{display:none} .goodsBuy .fields .ul2 input:checked+label{border-color:#AF905F;position:relative} .goodsBuy .fields .ul2 input:checked+label:after{ background:-webkit-linear-gradient(left top,transparent 49%,#AF905F 49%,#AF905F 100%);background:-moz-linear-gradient(left top,transparent 49%,#AF905F 49%,#AF905F 100%);background:-o-linear-gradient(left top,transparent 49%,#AF905F 49%,#AF905F 100%);content:'7';position:absolute;right:-0.5rem;bottom:-0.5rem;width:2rem;height:2rem;color:#fff;font-family:tahoma;font-size:12px;font-style:italic;font-weight:bolder;line-height:2.8rem;text-indent:0.5rem;overflow:hidden;-webkit-transform:rotate(-90deg) scaleX(-1) scale(0.55);-moz-transform:rotate(-90deg) scaleX(-1) scale(0.55);-o-transform:rotate(-90deg) scaleX(-1) scale(0.55); -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px;} .goodsBuy .fields .quantity{padding:1rem 0;} .goodsBuy .fields .quantity h2{color:#999;margin-bottom:0.6rem; font-weight:normal} .goodsBuy .fields .quantity .ui-number{display:inline-block;vertical-align:middle;border:1px solid #e3e3e3;letter-spacing:0;height:2.3rem;line-height:2.3rem;overflow:hidden} .goodsBuy .fields .quantity .ui-number .increase,.goodsBuy .quantity .ui-number .decrease,.goodsBuy .quantity .ui-number .num{float:left;text-align:center} .goodsBuy .fields .quantity .ui-number .increase,.goodsBuy .quantity .ui-number .decrease{font-style:normal;font-size:1.5rem;font-weight:700;border:0;display:inline-block;width:2rem;height:100%;-webkit-user-select:none; background: #fafafa } .goodsBuy .fields .quantity .ui-number .num{height:100%;width:3rem;border:0;-webkit-border-radius:0;border-radius:0;font-weight:700} .goodsBuy .fields .quantity .ui-number .num::-webkit-inner-spin-button{display:none} /* 购买按钮模块 */ .goodsBuy .option{padding:0.8rem 0;display:-webkit-box; text-align:center} .goodsBuy .option .btn{color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:50%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem} .goodsBuy .option .buy{background-color:#6bd0a2} .goodsBuy .option .buy[disabled]{background-color:#6bd0a2} .goodsBuy .option .buy .countdown{padding-left:2rem;margin-left:2rem;border-left:2px solid #fff;vertical-align:middle} .goodsBuy .option .cart{background-color:#AF905F;margin-left:0.5rem; } .goodsBuy .option .cart .ico_01{-webkit-background-size: 1rem 1rem;-moz-background-size: 1rem 1rem;-o-background-size: 1rem 1rem;background-size: 1rem 1rem; display:inline-block; width:1rem ; height:1rem; margin-right:0.5rem; position:relative; top:0.2rem} .goodsBuy .option .cart[disabled]{background-color:gray;display:none} .guarantee{ background:#fffdce url(images/cert_danbao_icon.png) no-repeat 4px 7px; height: 32px; line-height: 32px; border-radius: 4px; background-size: 18px; margin-top: 0px; padding-left: 24px; font-size: 12px;} /* 弹出遮罩层 */ .tipMask{background-color: #000;display: none;height:100%;left: 0;opacity: 0.4;position:fixed;top: 0;width: 100%;z-index: 101; } /* 弹出模块 */ .popGeneral {background-color: #efefef;position: fixed;z-index:100010;left:0px;bottom:0; height:auto;width:90%;display: none;margin:5%;} .popGeneral .tit {background-color:#AF905F;line-height: 2rem;height:2rem; } .popGeneral .tit h4 {font-size: 0.8rem; color:#FFF} .popGeneral .tit .ico_08 {cursor: pointer;display: inline-block;position: absolute;right: 0.8rem;top:0.5rem;} .popGeneral #main{ display:table; border-collapse:collapse; width:100%; } .popGeneral #left{ display:table-cell; width:40%; padding:0.3rem 0; text-align:center; vertical-align:top } .popGeneral #right{ display:table-cell; width:60%; padding:0.3rem 0;text-align:left;vertical-align:top } .popGeneral #right p{ display: block;height:2rem; color:#333;line-height:1rem; padding-bottom:0.8rem; padding-right:0.8rem; } .popGeneral #right span {color: #666;display: block;margin-bottom:0.4rem;} .popGeneral .popbtn { font-size:0.9rem; height:2rem; width: auto; padding:0.5rem 0.5rem; background:#e1e1e1;display: -webkit-box} .popGeneral .popbtn a {background:#6bd0a2;height:2rem; line-height:2rem ; text-align: center; display:block; width:50%; color:#fff; } .popGeneral .popbtn .bnt2{ margin-left:0.5rem; background:#AF905F} .s-detail a{color:#333} .s-detail header{ position:sticky;top:0;z-index:1;margin-top: 10px;} .s-detail header ul{text-align:center;font-size:0.8rem;background-color:#eee;display: -webkit-box } .s-detail header ul li{background-color:#f5f5f5;color:#333;line-height:2.4rem;margin-right:1px;border-top:1px solid #f8f8f8;-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box} .s-detail header ul li.current{position:relative;background-color:#fff;border-top:0.1rem solid #AF905F} .s-detail header ul li.current .mod{display:block} .s-detail header ul li .review-count{font-size:0.76rem;color:#666} .s-detail header ul li>a{display:block;height:100%} .s-detail .wrap{overflow:hidden} .s-detail .wrap .scroller{display:-webkit-box} .s-detail .wrap .scroller .current{overflow:visible} .s-detail .m-review,.s-detail .m-recommend{padding-bottom:0.5rem;min-height:23rem;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .s-detail .desc { background:#FFF} .s-detail .desc img{ width:100%; height:auto;display: block;} .s-detail .desc p {-webkit-margin-before:-0.4em} .s-detail .list li{ background:#FFF; margin-bottom:0.5rem; padding:0.5rem} .s-detail .list li .tit{ height:2.2rem; line-height:2.2rem; background:#f8f8f8; padding:0 0.5rem; text-align:right; color:#999; } .s-detail .list li .tit span{ float:left; color:#333} .s-detail .list li p{ line-height:1.5rem; display:block; padding:0 0.5rem} .s-detail .list li .star{ width:5.8rem; height:auto; vertical-align:middle} .s-detail .commentsList{ background:#FFF; padding:0.5rem; } .s-detail .commentsList td{ padding:5px 0} .s-detail .m-recommend li{-webkit-border-radius:0.13rem;border-radius:0.13rem; margin-bottom:0.52rem; width:49%; float:left} .s-detail .m-recommend a{display:block} .s-detail .m-recommend .summary{background-color:#fff;position:relative;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center} .s-detail .m-recommend .summary img{width:100%; height:auto;display:block} .s-detail .m-recommend .summary .price{position:absolute;left:0;right:0;bottom:0;padding:0.3rem 0; text-align:center;background-color:rgba(255,255,255,.7)} .s-detail .m-recommend .reviews{border-top:1px solid #f2f2f2;padding:0 0.5rem;color:#999} .s-detail .m-recommend .reviews blockquote{padding:0.5rem 0;border-bottom:1px solid #e9e9e9} .s-detail .m-recommend .reviews blockquote:last-child{border:0} .s-detail .m-recommend .reviews .user{color:#333;margin-right:1rem} /* ==================== 购物车页面 ==================== */ /* 购物车为空 */ .empty-cart .cart-logo {height:5.3rem;margin:3rem auto;-webkit-background-size:5.3rem 4.9rem;-moz-background-size:5.3rem 4.9rem;background-size:5.3rem 4.9rem; } .empty-cart p.message {font-size:14px;margin-bottom:30px;text-align:center} .empty-cart .list li {position:relative;text-indent:20px;height:35px} .empty-cart .list a {display:block} .empty-cart .list .arrow {top:1px;right:20px;width:6px;height:6px;display:inline-block;position:absolute;border-top:3px solid #666;border-left:3px solid #666} .empty-cart .list .arrow.right {-webkit-transform:rotate(135deg)} .empty-cart i{ display:inline-block; width:0.8rem; height:0.8rem; -webkit-background-size:0.8rem 0.8rem;-moz-background-size:0.8rem 0.8rem;background-size:0.8rem 0.8rem;} /* 购物步骤 */ .cart-step{width:100%;text-align:center; height:2.4rem;background:#fff;} .cart-step ul{display:table;width:100%;margin:0;padding:0;border-collapse:collapse; vertical-align:middle} .cart-step ul li{display:table-cell; line-height:2.4rem; position:relative } .cart-step ul .cur{ border-bottom:1px solid #AF905F; color:#AF905F } /* 购物浮动条 */ .toolbar {background:#fff;position:fixed;bottom:0;width:100%;height:2.67rem;font-size:0.8rem;overflow:hidden} .toolbar p {width:55%;height:2.67rem; padding-left:0.5rem;display:-webkit-box;-webkit-box-align:center} .toolbar a{display:block; text-align:center; line-height:2.67rem;position: absolute;right: 0;top:0; width: 40%;height: 100%;border: 0;font-size: 1rem;border-radius: 1px;-webkit-border-radius: 1px;color: #FFF; background:#AF905F} /* 购物车商品列表 */ .itemlist{ padding:0.8rem 0.9rem; border:1px solid #ddd; background:#FFF} .itemlist li{position:relative; border-bottom:1px solid #ddd } .itemlist li h4{ padding-right:2rem; height:2.2rem; line-height:1.1rem; overflow:hidden} .itemlist li .b{ line-height:2.2rem; } .itemlist li .b .cha{ width:1.5rem; height:1.5rem; display:block; background-color:#CCC; position:absolute; right:0.9rem;top:0.9rem; -moz-border-radius: 0.75rem; /* Gecko browsers */ -webkit-border-radius: 0.75rem; /* Webkit browsers */ border-radius: 0.75rem; -webkit-background-size:0.8rem 0.8rem;-moz-background-size:0.8rem 0.8rem;background-size:0.8rem 0.8rem; } .itemlist li:last-child{border-bottom:none} .itemlist li .new-tbl-cell{ vertical-align:top} .itemlist .itemlist_l img{ width:6rem; height:6rem} .itemlist .inputBg{ vertical-align:middle} .itemlist li .inputBg{ width:20%; text-align:center} .itemlist li p{ color:#999} /* div表格化 */ .table_box{} .table_box { } .table_box dl{ padding:0.5rem 0; display:table; width:100% } .table_box dd{display:table-cell; } .table_box dd .inputBg{ } /* 文字 */ .f6{ font-size:0.8rem; color:#1CA2E1; height:1.8rem; line-height:1.8rem; padding:0; margin-right:2.8rem; display:inline-block; border:none ; background:none; vertical-align:top; } /* 合作登录 */ .hezuo .t{ height:2.4rem; line-height:2.4rem} .hezuo .b { display:block} .hezuo .b a{ display:inline-block; margin:0 0.7rem 0.5rem 0; } .hezuo .b img{ width:3.2rem; height:3.2rem; } /* 登录注册切换模块 */ .loginBox{ margin:10px auto; } .loginBox .hd{ height:2.7rem; line-height:2.5rem; font-size:1.1rem; overflow:hidden; } .loginBox .hd span{ float:left; font-size:0.8rem; } .loginBox .hd ul{ float:right; } .loginBox .hd ul li{ float:left; padding-left:0.5rem; vertical-align:top; } .loginBox .hd ul li.on a{ color:#AF905F; display:block; height:2.5rem; line-height:2.5rem; border-bottom:2px solid #AF905F; } .loginBox .bd ul{ padding:0px 0.2rem; } .loginBox .bd ul li{ border-bottom:1px dotted #ddd; } .loginBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */ .readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto; text-align:center; text-decoration:underline;} /* 订单确认页 */ .order_box{ background:#FFF; font-size:0.8rem; margin:5px auto; padding:5px; } .order_box .in{ display:block; background:url(images/order_bg1.png) repeat-x; -webkit-background-size:2.4rem 0.4rem; -moz-background-size:2.4rem 0.4rem; background-size:2.4rem 0.4rem;} /* 订单确认页通用表格 */ .order_box .table_box dl{ border-bottom:1px solid #f3f3f3; padding:0.7rem 0; } .order_box .line_no dl{ border-bottom:none; padding:0.4rem 0} .order_box .table_box dl:last-child{ border-bottom:none} .order_box .in{ color:#333; font-size:0.8rem; padding:0.8rem 0 0 0} .order_box .in .f1{ font-size:1.1rem} .order_box .in .ico_14{ display:inline-block; width:1rem; height:1rem;-webkit-background-size:1rem 1rem;-moz-background-size:1rem 1rem;background-size:1rem 1rem;} /* 订单确认页表格_中间模块 */ .order_box .table_box2 dl{ padding:0; position:relative} .table_box2 .dd1{ width:28%; vertical-align:middle;} .table_box2 .dd2{ color:#999; font-size:0.8rem; text-align:left; width:90%; height:2.5rem; line-height: normal; vertical-align:middle; border:none} .table_box2 .dl_box p{ line-height:36px;} .table_box2 input{ color:#999; text-align:left; width:40%; border:none; background:#fff ; padding:0; height:24px; } .table_box2 input.radio{width:auto;} display: inline-block; height: 24px; width: 24px; position: relative; margin: 0 5px 0 3px; padding: 0; background-color: #cfcfcf; border-radius: 100%; vertical-align: top; cursor: pointer; width:auto;} .table_box2 input.radio.on { background-color: #05abe0;} .table_box2 .span1{ font-size:0.8rem; background:#AF905F; color:#FFF; display:inline-block; padding:0 0.2rem} .table_box2 .dd3{ text-align:right} .table_box2 i{ background-image: -webkit-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-webkit-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -moz-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-moz-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -o-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-o-linear-gradient(top,transparent 70%,#666 70%,#666 100%); position: absolute; display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; float:right; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); top:1rem; right:0.5rem; } .table_box2 .modRadio{ background-color: #B3B3B3; border-radius: 2px;color: #FFFFFF;display: inline-block;height: 19px;line-height: 19px;overflow: hidden;padding: 1px; text-align: center; width: 38px;} .table_box2 .modRadio .fl { margin-left: 1px;} .table_box2 .modRadio i { background: none repeat scroll 0 0 #FFFFFF;border-radius: 2px;display: inline-block;height: 17px;margin: 1px 1px 0 0;width: 17px; -webkit-transform: none; -moz-transform: none; -o-transform: none; top:0; right:0; position: static ; } .table_box2 .modRadio .fl {float: left;} .fr {float: right;} /* 订单确认页表格_底部模块 */ .table_box3 .dd1{ text-align:left} .table_box3 .dd1 a{ color:#5498db} .table_box3 .dd2{ text-align:center} .table_box3 .dd3{ text-align:right} .modify{ background:#5498db; color:#FFF; display:inline-block; padding:0 0.5rem; float:right; } .f4_b{ color: #AF905F;display: inline-block; } .select_city select{} /* ==================== 文章页面 ==================== */ .art_content{ background:#FFF;overflow:hidden; padding:1rem;} .art_content>h2{margin-bottom:0.5rem; text-align:right; color:#999; line-height:1.8rem; font-weight:normal; font-size:0.8rem} .art_content>h2 span{font-size:1rem;color:#333; float:left; font-weight:bold } .art_content img{box-sizing:border-box;width:100%; height:auto} /* ==================== 会员中心页 ==================== */ .user_top { height: 10.6rem; overflow: hidden; background:#ffbf6b; position:relative } .user_top dt { float: left; margin: 0.8rem 0.8rem 0; text-align: center; position: relative; width: 3.7rem; height: 3.7rem; border-radius: 3.7rem; padding:0.15rem; background:#FFFFFF } .user_top dt img { width: 3.7rem; height:3.7rem; border-radius: 3.7rem; } .user_top dt span { width: 68px; height: 26px; position: absolute; left: 5px; top: 4px; padding-top: 64px; font-size: 10px; color: #fff; display:block } .user_top dd { font-size: rem; color: #fff; margin-top:1.4rem; } .user_top dd span{ font-size:0.8rem} .user_distri_list{ height: 4rem; font-weight:bold; overflow: hidden; text-align:left; line-height:2rem; position:absolute; left:10; bottom:0; width:100%; background:rgba(255,255,255,0.5); } .user_distri_list ul { } .user_distri_list ul li { text-align: center; font-size:1.2em; left:20px; } .user_top_list { height: 4rem; overflow: hidden; position:absolute; left:0; bottom:0; width:100%; background:rgba(255,255,255,0.5); } .user_top_list ul { display: -webkit-box; } .user_top_list ul li { -webkit-box-flex: 1; text-align: center; position: relative; font-size: 0.6rem; } .user_top_list ul li a { display: block; padding-top: 0.8rem; height: 1.2rem; display:block; position:relative; color: #666; text-decoration:none; width:3.6rem; margin:0 auto; text-align:center } .user_top_list ul li a img{ width:1.9rem; height:1.9rem;} .user_top_list ul li a span{ display:block} .user_top_list ul li strong { position:absolute; right:0; top:0.2rem;display: block;color: #fff;font-size: 0.7rem;background:#AF905F; display:block; font-weight:normal; height: 1.2rem;line-height: 1.2rem; border-radius: 1.2rem; text-align:center; padding:0 0.4rem; } .user_top .quan1{ position:absolute; right:1rem; top:0.5rem; width:4rem; height:4rem;border-radius: 3rem; background:rgba(255,255,255,0.2); box-shadow: 0 0 0.6rem rgba(250,0,0,0.2); } .user_top .quan2{ position:absolute; right:3rem; top:2.5rem; width:3rem; height:3rem;border-radius: 3rem; background:rgba(255,255,255,0.1); box-shadow: 0 0 0.6rem rgba(250,0,0,0.15); } .user_top .quan3{ position:absolute; right:5rem; top:4.5rem; width:2rem; height:2rem;border-radius: 3rem; background:rgba(255,255,255,0.05); box-shadow: 0 0 0.6rem rgba(250,0,0,0.1); } /* ==================== 其他页 ==================== */ /* 提示信息 */ .info a{ color:#fff;border:0;height:2.5rem; line-height:2.5rem; margin:1rem 10%; width:80%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#AF905F; text-align: center} /* 文章列表 / 会员中心功能列表样式 */ .list_box { background:#FFF; font-size:0.8rem;word-break:break-all; word-wrap:break-word;} .list_box img { width:100%; height: 100%} .list_box ul li{ padding:0.7rem 0;display:block; line-height:23px; cursor:pointer; font-size:1.2em; margin-left:10px; border-bottom:1px solid #ccc; height:auto; } .list_box ul li .include{ background: url(images/include_ico.png) 0px 4px no-repeat; padding:5px;} .list_box ul li .uninclude{ background: url(images/uninclude_ico.png) 0px 4px no-repeat; padding:5px;} .list_box ul li .person{ float:right; padding:2px; background: #AF905F; border:0px; border-radius:5px; color:#fff; padding-left:15px; padding-right:15px; font:1em; } .list_box a{ border-bottom:1px solid #f3f3f3; padding:0.7rem 0;display:block; line-height:23px;} .list_box a:last-child{ border-bottom:none} .list_box a span{ float:left} .list_box a i{ background-image: -webkit-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-webkit-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -moz-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-moz-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -o-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-o-linear-gradient(top,transparent 70%,#666 70%,#666 100%); position: relative; display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; float:right; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-45deg); top:0.5rem; } .list_box .ico_touch{ float:left; width:1.2rem; height:1.2rem; margin-top:0.2rem; margin-right:0.3rem} .list_box .son_list{ background:#FFF; font-size:0.8rem; word-break:break-all; word-wrap:break-word;} .list_box .son_list ul li{ padding:0.7rem 0;display:block; line-height:23px; cursor:pointer; font-size:1.2em; margin-left:20px; border-bottom:1px dashed #ccc; height:auto; } .list_box .son_list ul li .icon{ background: url(images/son_list_icon.jpg) 0px 6px no-repeat; padding:5px; } .list_box .son_list ul li .sp{ color:#AF905F; font-weight:bold; font:1em; margin-right:20px; float:right; } .list_box .son_list ul li .icon1{ background: url(images/star.jpg) 0px 6px no-repeat; padding:5px; } .list_box .son_list ul li .icon2{ background: url(images/fee.png) 0px 6px no-repeat; padding:5px; } .list_box .son_list ul li i{ background-image: -webkit-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-webkit-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -moz-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-moz-linear-gradient(top,transparent 70%,#666 70%,#666 100%); background-image: -o-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-o-linear-gradient(top,transparent 70%,#666 70%,#666 100%); position: relative; display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; float:right; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-45deg); top:0.5rem; } /* 百度分享 */ .share2{ float:right} .share2 a{ float:left} .share2 span{ float:left; padding-top:0.8rem} .share ul{ -webkit-flex-flow: row;} .share ul li{ -webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; float: left; width:50%; height:3rem;line-height:3rem; position:relative} .share ul li span{ position:absolute; left:2.5rem; top:0rem; z-index:1} .share ul li a{ width:100%; position:relative; z-index:2} /* ==================== 新增样式 by wang ==================== */ .ectouch_table { margin:0px; } .ectouch_table td { padding: 5px } .ectouch_table_no_border td { border: none; } /* 订单追踪 */ .new-arr { position: absolute; top: 24px; right: 0; width: 20px; height: 40px; background: url(images/jd_icon.png) -47px -806px no-repeat; } /*订单列表 操作按纽 add by yang*/ .order_handler a{color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#46776f; text-align: center} .order_handler span {color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#1BBD5C; text-align: center} .smart-result { padding: 0 } .smart-result table { width: 100% } .smart-result table tr { width: 100%; font-weight: bold; color: #909090 } .smart-result table tr.last-line { color: #333333; } .smart-result table tr.last-line { color: #FF6600; } .smart-result table td { height: 60px; background: none } .smart-result table tr.odd { background: #f6f6f6 } .smart-result table tr.even { background: #eeeeee } .smart-result table td.col1 { width: 30%; } .smart-result table td.col2 { padding: 10px; width: 60%; line-height: 24px; } .smart-result table td.colstatus { width: 10% } .smart-result table tr td.colstatus { background: url("images/step_point.png") center center no-repeat } .smart-result table tr.first-line td.colstatus { background: url("images/step_start.png") center center no-repeat } .smart-result table tr.wait td.colstatus { background: url("images/step_wait.gif") center center no-repeat } .smart-result table tr.checked td.colstatus { background: url("images/step_finish.png") center center no-repeat } .result-date, .result-time { display: block; width: 100%; text-align: center } .result-date { height: 15px; padding-top: 10px; font-weight: normal; font-size: 12px; } .result-time { height: 35px; font-size: 24px; } .inputBg_touch {height:24px; border:1px #DDD solid; width:90%;} /* .content a{ height:6.0em; overflow:hidden; display:block; padding:0.6em; background:#fff; margin-bottom:0.3em; box-shadow:1px 1px 1px #e0e0e0; } .content a dl{ height:6.0em; overflow:hidden; background:url(images/icon_arrow_right.png) no-repeat; background-position:right 2em; padding-right:2.2em; } .content a dl dt{ width:6.6em; height:6.0em; margin-right:0.6em; float:left; background:#eee; } .content a dl dt img{ width:100%; height:100%; border-radius:1em;} .content a dl dd{ width:82%; float:left; } .content a dl dd p{ color:#999; height:1.6em; line-height:1.6em; overflow:hidden; white-space:normal; word-break:keep-all; text-overflow:ellipsis; } .content a dl dd p span{ margin-right:0.5em; } .content a dl div h3{ color:#333; width:96%; height:2em; line-height:2em; white-space:nowrap; text-overflow:ellipsis; display:block; font-size:1em; font-weight:100 } .content a dl dd h3{ color:#333; width:96%; height:2em; line-height:2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; font-size:1em; } */ /* ==================== 新增样式 by Leah ==================== */ .gift{ float:left;} .gift dd{ clear: both; text-align: center;} /* ==================== 品牌页 by Leah ==================== */ .waterfallCon { margin-left: auto; margin-right: auto; position: relative; top: 4px; width: 100%; } .waterfallCon ul.side { margin: 0 0 0 1%; padding: 0; } .side li { list-style: none outside none; width: 48.5%; margin-right: 5px; opacity: 0; } .side li.shown, .no-js .side li, .no-cssanimations .side li { opacity: 1; } /* Effect 1: opacity */ .grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { to { opacity: 1; } } @-moz-keyframes fadeIn { to { opacity: 1; } } @keyframes fadeIn { to { opacity: 1; } } .side li a { background-color: #FFFFFF; border: 1px solid #D3D3D3; color: #000000; display: block; margin-bottom: 4px; text-align: center; } .side li .box-logo { margin: 0; text-align: center; } .side .box-info { background-color: rgba(12, 11, 11, 0.44); color: #EEEEEE; margin-top: -102px; overflow-x: hidden; position: absolute; text-overflow: ellipsis; width:99%; } .side .box-title { font-family: 'Lucida Grande','Microsoft YaHei'; font-size: 14px; height: 20px; line-height: 20px; margin: 0; overflow: hidden; padding-top: 8px; text-overflow: ellipsis; white-space: nowrap; } .side .box-desc { font-size: 12px; height: 20px; line-height: 19px; margin: 0; overflow: hidden; padding-bottom: 0; text-overflow: ellipsis; white-space: nowrap; } .side img{ width:100%; height:auto;} .ico-share{background: url("images/ico-share.png") no-repeat scroll 0 center / 23px 20px rgba(0, 0, 0, 0); padding: 0 0 0 27px;} .ico-pyq{background: url("images/ico-pyq.png") no-repeat scroll 0 center / 21px 20px rgba(0, 0, 0, 0); padding: 0 0 0 25px;} .text-share{background: url("images/text.png") no-repeat scroll right center / contain rgba(0, 0, 0, 0); display: block; height: 155px; top: 0; width: 100%;} .box:active, .box.active, .mod-page a:active, .mod-page.active, .mod-share a:active, .mod-share a.active, .box-active:active, .box-active.active{opacity: 0.8;} .mod-share{margin: 10px 2%; overflow: hidden; text-align: center; width: 96%;} .share-btn{background: none repeat scroll 0 0 #d6d6d6; border: 1px solid #cccccc; border-radius: 5px; color: #444444; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 48%;} .share-btn span{display: inline-block; height: 20px; line-height: 20px;} #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; } .mod-pop{ position: fixed; width:100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9000; top:0; left: 0; display: none;} /*mod-animate*/ .mod-animate{ position:fixed; width: 100%; height: 100%;z-index: 1000; top:0; left: 0; -webkit-transition: -webkit-transform .2s ease-in; overflow: hidden;} .mod-animate img{max-width: 100%;} .animate-3.active{-webkit-transform:scale(-10,0);} .animate-4.active{-webkit-transform:translate(-100%,0);} .animate-5.active{-webkit-transform:translate(+100%,0);} .animate-6.active{-webkit-transform:translate(0,-300%);} .animate-7.active{-webkit-transform:translate(0,+300%);} /*mod-share*/ .mod-share{ overflow: hidden; width: 96%; margin:10px 2%; text-align: center; } .share-btn { background: #D6D6D6; border: 1px solid #CCCCCC; border-radius: 5px; height: 30px; line-height: 30px; text-align: center; color: #444444; width: 48%; display: inline-block; } .share-btn span{ height: 20px; line-height: 20px; display: inline-block;} .picScroll{ margin:10px auto; text-align:center; } .picScroll .bd ul{ width:100%; float:left; padding-top:10px; } .picScroll .bd li{ width:33%; float:left; font-size:14px; text-align:center; } .picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .picScroll .bd li img{ width:100px; height:100px; } .picScroll .hd{display:None} .article-list li{ height:25px; line-height:25px;list-style-type:disc;} .propertySelect{ margin-top:15px;} .propertySelect strong{float:left;font-weight:normal; text-align:left; width:70px;} .propertySelect .catt {height:auto;overflow:hidden; width:400px; float:left} .propertySelect .catt a{border: #c8c9cd 1px solid;text-align: center;background-color: #fff;display: block;white-space: nowrap;color: #666;text-decoration: none;float:left; margin-left:2px; margin-right:2px; position:relative} .propertySelect .catt a p{border: #fff 1px solid; padding:2px 5px;background-color: #fff;} .propertySelect .catt a p.padd{ padding:3px;} /*.propertySelect .catt a:hover {border:#C30008 1px solid;} .propertySelect .catt a:hover p{border: #C30008 1px solid;}*/ .propertySelect .catt a:focus {outline-style:none;} .propertySelect .catt .cattsel {background:#C30008;border: #C30008 1px solid;} .propertySelect .catt .cattsel a:hover {border: #C30008 1px solid;} .propertySelect .catt .cattsel p{border: #C30008 1px solid;} .propertySelect .catt em{font-style:normal; padding:5px 10px } .propertySelect .catt .cattsel i{background:url(images/test.png) no-repeat scroll right bottom transparent;bottom:0;height:16px;position:absolute;right:0;width:16px;} .propertySelect .catt .cattsel a:hover i{background:url(images/test.png) no-repeat scroll right bottom transparent;} .propertySelect{margin-top:15px;} .propertySelect strong{float:left;font-weight:normal; text-align:left} .propertySelect .catt{height:auto;overflow:hidden;} .propertySelect .catt em{font-style:normal} .propertySelect .catt div{float:left;margin-left:2px; margin-right:2px;display: block;text-align: center;white-space: nowrap; margin-bottom:3px;} .propertySelect .catt div a{border: #c8c9cd 1px solid;background-color: #fff;color: #666;text-decoration: none;position:relative; display:block; margin-bottom:3px;} .propertySelect .catt div a p{border: #fff 1px solid; padding:2px 5px;background-color: #fff;font-weight: normal;} .propertySelect .catt div.allowed a.show_a{ display:block} .propertySelect .catt div.allowed a.hidden_a{display:none} .propertySelect .catt div.allowed a.show_a:hover, .propertySelect .catt div.allowed a.hover{border:#C30008 1px solid;} .propertySelect .catt div.allowed a.hover p{border:#C30008 1px solid;} .propertySelect .catt div.allowed a.show_a:hover p.show_p, .propertySelect .catt div.allowed a.hover p.show_p{border: #C30008 1px solid;} .propertySelect .catt div.allowed a.show_a:focus {outline-style:none;} .propertySelect .catt div.allowed a.hover i{background:url(images/test.png) no-repeat scroll right bottom transparent;bottom:0;height:16px;position:absolute;right:0;width:16px;} .propertySelect .catt div.allowed a.hover i{background:url(images/test.png) no-repeat scroll right bottom transparent;bottom:0;height:16px;position:absolute;right:0;width:16px;} .propertySelect .catt div.not-allowed a{border:1px dashed #D6D6D8;color:#CDCDCD;} .propertySelect .catt div.not-allowed a.show_a{display:none} .propertySelect .catt div.not-allowed a.hidden_a{display:block;color:#CDCDCD;cursor:not-allowed;} .propertySelect .catt div.not-allowed a.hidden_a em{color:#CDCDCD;} .tb-choice{ color:#F00; line-height:25px; margin-bottom:10px;} .propertySelect .catt .hidden_p{display:none} .dc_cart_1{background: url("images/dc_cart_1.jpg") no-repeat 0 0 #F1592A;color: #FFFFFF;font-size: 12px;height: 26px;line-height: 26px;margin-bottom: 10px;padding-left: 30px;} .dc_cart_add{margin-top: 20px;padding-left: 60px;} .dc_cart_add .fadd{border: 1px solid #fff;font-size: 14px;line-height: 25px;height: 25px;text-align: center;font-weight: bold; display:block; float:left; padding:0px 15px; background:#FF6F3C; color:#fff; margin-right:25px;} .dc_cart_add .fdel{background-color: #ccc;border: 1px solid #999999;font-size: 14px;line-height: 25px;height: 25px;text-align: center;font-weight: bold; display:block; float:left; padding:0px 10px;} #speDiv {color: #F1592A;line-height: 25px;} #shop_cart_dialog {position:relative;z-index:5000;} #speDiv {position:fixed; bottom:auto; top:250px;z-index:50000;left:50px;} *html #speDiv{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop + 250));z-index:5000;} #pro_box { width:380px; height:166px; background:url(images/pro_box_bg.gif) repeat-x; border:5px solid #848381;} .pro_box_main { width:380px; height:166px; float:left;} .pro_box_top_off { height:21px; margin:5px;_margin-right:3px; float:right;} .pro_box_top_off span { width:21px; height:23px; display:block; float:right; margin:0;padding:0;} .pro_box_content { width:370px; height:60px; margin:10px auto; clear:both;} .pro_box_btn { width:370px; height:28px; margin-top:22px;_margin-top:10px; clear:both; text-align:center; } .pro_box_content_left { width:60px; height:50px; background:url(images/pro_yes_icon.gif) no-repeat; float:left;} .pro_box_content_right { width:300px; height:50px; float:right;} .pro_box_content_right h1 { height:29px; } .pro_box_content_right h2 span { color:#FF0000;} .pro_box_content_right h2 a {font-size:12px; color:#000; text-decoration:none;} .pro_box_btn a{ width:113px; height:28px; margin-right:10px;} .quantity{padding:10px 0} .quantity{padding:10px 0;} .itemlist .txt{display:inline-block;vertical-align:middle;border:1px solid #e3e3e3;letter-spacing:0;height:2.3rem;line-height:2.3rem;overflow:hidden} .itemlist .txt .increase,.itemlist .txt .decrease,.itemlist .txt .num{float:left;text-align:center} .itemlist .txt .increase,.itemlist .txt .decrease{font-style:normal;font-size:1.5rem;font-weight:700;border:0;display:inline-block;width:2rem;height:100%;-webkit-user-select:none; background: #fafafa } .itemlist .txt .num{height:100%;width:2.8rem;border:0;-webkit-border-radius:0;border-radius:0;font-weight:700} .itemlist .txt .num::-webkit-inner-spin-button{display:none} .pay_btn{ width:90%; height:35px; background: #093; font-size:1.2em; color:#fff; border:0px; border-radius:7px;} .side img{ width:100%; height:auto;} .return_index{ text-align:center; font-size:1em;} .return_index a{font-size:1.2em; color:#00F; } .no_data{ margin-left:20px; margin-right:20px; text-align:center; font-size:16px; margin-top:0px; height:40px; background:white; border-radius:5px; padding-top:10px;} .quantity .ui-number{display:inline-block;vertical-align:middle;border:1px solid #e3e3e3;letter-spacing:0;height:40px;line-height:40px;overflow:hidden} .quantity .ui-number .increase,.quantity .ui-number .decrease,.quantity .ui-number .num{float:left;text-align:center} .quantity .ui-number .increase,.quantity .ui-number .decrease{font-style:normal;font-size:20px;font-weight:700;border:0;display:inline-block;width:30px;height:100%;-webkit-user-select:none; background: #fafafa; color:#333; cursor:pointer} .quantity .ui-number .num{height:100%;width:38px;border:0;-webkit-border-radius:0;border-radius:0;font-weight:700} .quantity .ui-number .num::-webkit-inner-spin-button{display:none} /*商品详情页 分享关注*/ .weixingz-con { bottom: 0; position: fixed; width: 100%; z-index: 11109; } .weixingz-con .weixin_gz { background: none repeat scroll 0 0 rgba(68, 68, 79, 0.95); display: block; height: 5.4em; line-height: 5.285em; margin: 0 auto; position: relative; vertical-align: middle; width: 100%; } .weixingz-con .weixingz-logo { background: url(images/wxgz.png) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); display: inline-block; height: 2.785em; margin-left: 10px; vertical-align: middle; width: 2.785em; } .weixingz-con .alogo { display: inline-block; line-height: 1.2em; margin-left: 1px; vertical-align: middle; width: 50%; } .weixingz-con .alogo .client-name { color: #fff; font-size: 1em; line-height: 1.3em; } .weixingz-con .alogo .client-logon { color: #fff; display: none; font-size: 0.875em; } .weixingz-con .open_now { display: inline-block; float: right; margin-right: 30px; vertical-align: middle; } .weixingz-con .open_now .open_btn { background-color: #00BB0C; color:#fff; border-radius: 0.3em; margin-top: 5px; padding: 0.6em; text-align: center; vertical-align: middle; } .weixingz-con .close-btn-con { background-color: #1c1c1f; border-bottom-left-radius: 1.25em; display: block; height: 1.25em; position: absolute; right: 0; top: 0; width: 1.25em; } .weixingz-con .close-btn-con { background-color: #1c1c1f; border-bottom-left-radius: 1.25em; display: block; height: 1.25em; position: absolute; right: 0; top: 0; width: 1.25em; } .weixingz-con .close-btn-con .close-btn-icon { background: url(images/weixingz-close.png) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); display: inline-block; height: 0.6em; position: absolute; right: 3px; top: 3px; width: 0.6em; } .toTop{display:none;width:35px;height:35px;border-radius:50%;position:fixed;right:10px;bottom:56px;z-index:6} .toTop img{width:100%;vertical-align: middle;border: 0 none;} .picScrol5{ margin:10px auto; text-align:center; } .picScrol5 .bd ul{ width:100%; float:left; padding-top:10px; } .picScrol5 .bd li{ width:32%; float:left;text-align:center; } .picScrol5 .bd li:nth-child(2n){ margin:0 2%; } .picScrol5 .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .picScrol5 .bd li .grouptit{height:1.8rem;line-height:1.8rem;overflow:hidden;} .picScrol5 .bd li .groupprice{height:1.6rem; line-height:1.6rem; font-size:.9rem;background:#AF905F;color:#fff;} .picScrol5 .bd li .last_price{float:left;margin-left:0.5rem;} .picScrol5 .bd li .zhekou{float:right;margin-right:0.5rem;color:#ffff00;} .picScrol5 .bd li img{ width:100%; height:auto; } @font-face {font-family: 'global-nav__iconfont'; src: url('css/iconfont.eot'); src: url('css/iconfont.eot?#iefix') format('embedded-opentype'), url('css/iconfont.woff') format('woff'), url('css/iconfont.ttf') format('truetype'), url('css/iconfont.svg#uxiconfont') format('svg'); } .global-nav{ position: fixed; left: -100%; bottom: 0; z-index: 1013; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; } .global-nav__nav-wrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; height: 57px; border-top: 1px solid #e5e5e5; background-color: #fff; } .global-nav__nav-item{ -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow: hidden; } .global-nav__nav-link{ position: relative; display: block; width: 62px; height: 50px; line-height: 24px; padding-top: 7px; text-align: center; white-space: nowrap; color: #999; } .global-nav__nav-link:active{ color: #ff7171; } .global-nav__iconfont{ font-family:"global-nav__iconfont"; font-size:24px; font-style:normal; } .global-nav__nav-tit{ display: block; font-size: 12px; } .global-nav__nav-shop-cart-num,.global-nav__operate-cart-num{ position: absolute; height: 16px; line-height: 16px; padding: 0 5px; border-radius: 8px; background-color: #AF905F; color: #fff; font-size: 12px; } .global-nav__nav-shop-cart-num{ right: 7px; top:4px; } .global-nav__operate-wrap{ position: relative; width: 62px; height: 58px; background-color: rgba(153,153,153,.75); right: -62px; -webkit-transition: all .5s ease; transition: all .5s ease; } .global-nav__operate-wrap:before,.global-nav__operate-wrap:after{ content: ''; position: absolute; top: 24px; width: 7px; height: 7px; border-top:2px solid #fff; border-right: 2px solid #fff; } .global-nav__operate-wrap:before{ display: none; right: 3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .global-nav__operate-wrap:after{ right: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .global-nav__yhd-logo{ position: absolute; right: 20px; top: 15px; width: 32px; height: 29px; background-image:url(images/global_nav_login.png); background-repeat: no-repeat; background-size: 100%; -webkit-transition: width .5s ease; transition: width .5s ease; } .global-nav__operate-cart-num{ right: -8px; top: -8px; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } .global-nav--current{ left:0; } .global-nav--current .global-nav__operate-wrap{ width: 20px; right: 0; } .global-nav--current .global-nav__yhd-logo{ width: 0; } .global-nav--current .global-nav__operate-cart-num{ opacity: 0; } .global-nav--current .global-nav__operate-wrap:before{ display: block; } .global-nav--current .global-nav__operate-wrap:after{ display: none; }