Server : Apache System : Linux iZ2vcgyutqttsd1p850kl8Z 3.10.0-1160.92.1.el7.x86_64 #1 SMP Tue Jun 20 11:48:01 UTC 2023 x86_64 User : www ( 1000) PHP Version : 5.6.40 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv Directory : /www/wwwroot/saimikebio.com/mobile/themes/lingshi/ |
/* Template Name: 零食商城模板 Template URI: http://www.ecshopjcw.com/ Description: 零食商城模板 Version: vip Author: ECSHOP教程网 Author URI: 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:12px/1.5 microsoft yahei,Arial, Helvetica, tahoma, arial, \5b8b\4f53, sans-serif;background:#fff;-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;} .login-container { width:100% } .padd1{ padding:0.5rem} .padd2{ padding:1rem} .w50{ width:50%} .w40{ width:40%} .w30{ width:30%} .w20{ width:20%} .w10{ width:10%} a{color:#666;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:#e61952;} .c-btn2 {color:#fff;border:0;height:2.0rem; line-height:2.0rem; width:40%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.8rem;background:#e61952; text-align: center} .c-btn2 a,.c-btn2 a:visited{color:#fff;} .c-btn3 { color:#fff;border:0;height:2.0rem; line-height:2.0rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.8rem;background:#e61952; text-align: center} .c-btn4 { color:#fff;border:0;height:2.0rem; line-height:2.0rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.8rem;background:#00D20D; text-align: center} .c-btn5 { color:#fff;border:0;height:2.0rem; line-height:2.0rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.8rem;background:#1d1d1d; text-align: center} .c-btn6 { color:#fff;border:0;height:2.0rem; line-height:2.0rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.8rem;background:#e61952; text-align: center} .c-btn7 { display:inline-block;background:#e61952;color:#fff; height:24px; line-height:24px; border-radius:24px;padding:0 8px ;margin:3px 0px; font-size:12px;} .hidden{display:none} .wrap{ padding:0.5rem;background:#fff} .price_s{ color: #e61952; font-size:14px; display: inline-block; } .price{ color: #e61952; font-size:0.8rem; display: inline-block; font-weight:400 } .price_no{ color: #666; font-size:1rem; display: inline-block; font-weight:bold; text-decoration:line-through; } .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;/*自动换行106035617022589695*/ /*-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;} .blank50{height:50px; line-height:50px; clear:both; background:#f1f1f1} .blank1{height:0.4rem; line-height:0.4rem; clear:both; background:#f1f1f1} .blank2{height:0.6rem; line-height:0.6rem; clear:both; background:#f1f1f1} .blank3{height:1rem; line-height:1rem; clear:both; background:#f1f1f1} .blank50n{height:50px; line-height:50px; clear:both; visibility:hidden;} .blank0n{height:0rem; line-height:0rem; clear:both; visibility:hidden;} .blank1n{height:0.4rem; line-height:0.4rem; clear:both; visibility:hidden;} .blank2n{height:0.6rem; line-height:0.6rem; clear:both; visibility:hidden;} .blank3n{height:1rem; line-height:1rem; clear:both; visibility:hidden;} .mr-t20{margin-top:20px} .mr-t30{margin-top:30px} .mr_pt10{ padding-top:10px; padding-bottom:10px;} .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: 5px; /* Gecko browsers106035617022589695 */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; } .radius15{ -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers106035617022589695 */ border-radius:15px; } /*相对定位*/ .position_a_lt{ position:absolute; left:0; top:0; } .position_a_rb{ position:absolute; right:0; bottom:0;} /* ==================== 首页模块 ==================== */ .page_mask {background-color: #000;opacity: 0.4;height: 100%;width: 100%; position: fixed;top: 0;left: 0;z-index: 99999;display: none;} #mask_buyok {background-color: #000;opacity: 0.7;height: 100%;width: 100%; position: fixed;top: 0;left: 0;z-index: 99999;display: block;} .goods_shut{ width:100%; height:45px; background:#FFF; position:absolute; bottom:0px;} .shut{ display:block; width:100%; height:40px; background:#e61952; text-align:center; font-size:14px;line-height:40px; color:#FFF; } /*头部*/ #header{position:relative;height:3rem;background:#e61952;line-height:3rem;font-size:1rem;} #header h1{width:100%;margin:0 auto;color:#333;text-align:center;font-weight:normal;font-size:1rem; color:#FFFFFF} #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; color:#FFFFFF} #header .header_l{margin:0;position:absolute;left:0;top:0;width:3rem;height:3rem} #header .header_l a {position:absolute;top:0;display:block;width:3rem;height:3rem;text-indent:-100rem;overflow:hidden;background:none;cursor:pointer; color:#FFFFFF} #header .header_l:before {content:"";position:absolute;top:1.1rem;left:1.1rem;display:inline-block;width:0.8rem;height:0.8rem;border:solid #fff;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg)} #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.45rem; width:100%; background:#f5f5f5; border-radius:20px; text-align:center;} .search_box input{width:85%; height:2rem; line-height: normal; border:none; font-size:0.8rem; background:#f1f1f1;} .search_box button{position:absolute; top:0.4rem; right:0.6rem; width:1.2rem; height:1.2rem; border:none;} /*点击弹出搜索样式106035617022589695*/ #search_box{padding:0 3.2rem 0 1rem;position:relative;height:3rem; top:0; display:none } #search_box form{line-height:2rem;} #search_box .search_box{position:relative; top:0.45rem; } #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: 50%; display: inline-block;width: 0.6rem;height: 0.6rem;margin: 0 0.3rem;opacity: 0.6;} .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;}} */ .hao-gd-body{background-color: #fff; overflow: hidden; display: block; padding:0 ; position: relative; border-bottom:1px solid #f1f1f1;} .component-typehao-img-con { position: absolute; height: 40px; display: inline-block;} .component-typehao-img-con img {margin-left: 8px;margin-right: 5px; margin-top:12px; height:16px;} .component-typehao-logo { position: absolute; left: 77px; top: 20px;} .hao-gd-body .rollTextMenus{height: 40px; display: block; padding-left: 100px; vertical-align: middle; overflow: hidden; } .hao-gd-body .rollTextMenus li {display: block;height: 40px;overflow: hidden; line-height: 40px;text-overflow: ellipsis; white-space: nowrap;} .hao-gd-body .rollTextMenus li a {width: 100%; display: block;height: 40px; overflow: hidden;text-overflow: ellipsis;color:#333 ;font-size:0.7rem;} /*搜索模块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;} #get_search_box.transparent {left:0;top:0;position:absolute;width:100%;} .header-wrap {display:block;margin:0.6rem;text-align:center;} .header-inp {background-color:#fff;border:0.05rem solid #dedede;border-radius:0.2rem;display:block;height:2rem;position:relative;text-align:left;} #get_search_box .header-inp {height:2rem;} #get_search_box.transparent .header-inp {background-color:rgba(255,255,255,0.9);border:medium none;border-radius:0.3rem;} .header-inp .icon {background-image:url("images/search_ico.png");background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;position:absolute;height:1rem;margin:0.5rem;opacity:0.3;vertical-align:top;width:1rem;top:0;left:0;} .header-inp .search-input {border:0 none;color:#bbb;position:absolute;right:0;top:0;height:2rem;line-height:2rem;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;width:100%;} /*搜索弹出模块*/ .main-search{display:block} .main-search .hd{height:2.4rem;background:#84C95B;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:#fff; 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 browsers20050071404652373 */ border-radius:15px;} .main-search .search-tags{ padding:1rem 0.5rem; min-height:20rem;} .main-search .search-tags span{ display:block; height:3rem; line-height:3rem; font-size:0.9rem; color:#333; padding-left:1rem; font-weight:bold } .main-search .search-tags a{ display:block; float:left; margin:0.5rem 0.5rem 0 0; height:1.8rem; padding:0 1rem; line-height:1.8rem; border:solid 1px #ddd; font-size:0.8rem; color:#999; border-radius:0.2rem;} /*首页广告区块*/ .nctouch-home-block { width: 100%; clear: both; } .nctouch-home-block .tit-bar { height: 3.5rem; font-size: 1rem; line-height: 3.5rem; text-align:center; font-size:14px; color:#999; border-bottom:1px solid #f1f1f1;} /*图片组左一右二*/ .item-pic-l1-r2 { background-color: #FFF; width: 100%; margin: 0 auto; z-index: 1;} .item-pic-l1-r2 li{float: left; box-sizing: border-box; width: 100%;} .item-pic-l1-r2 li a{ display: block;width: 100%} .item-pic-l1-r2 li img { display: block;width: 100%; height:auto} /*图片组左一右一*/ .item-pic-l1-r1 { background-color: #FFF; width: 100%; margin: 0 auto; z-index: 1;} .item-pic-l1-r1 li{float: left; box-sizing: border-box; width: 100%;} .item-pic-l1-r1 li a{ display: block;width: 100%} .item-pic-l1-r1 li img { display: block;width: 100%; height:auto} /*图片组左n右n*/ .item-pic-ln-rn { background-color: #FFF; width: 100%; margin: 0 auto; z-index: 1;} .item-pic-ln-rn li{float: left; box-sizing: border-box; width: 100%;} .item-pic-ln-rn li a{ display: block;width: 100%} .item-pic-ln-rn li img { display: block;width: 100%; height:auto} .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 {background:#fff;} .row {overflow: hidden;} .row_category ul {margin: 0 auto;} .row_category li {overflow: hidden;text-align: center; width:20%;margin:0.3rem 0;} .row_category li a {display: block;overflow: hidden;} .row_category .CarouselImg {border-radius: 50%;margin: 0 auto;width: 60%;} .row_category li a img {border-radius: 50%;width:100%;} .row_category li p {color: #333;font-size: 0.7rem;} /*热卖模块*/ .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} .item_show_box2 h3 { text-align:center; height:3.5rem; font-weight: normal; background:#fff} .item_show_box2 h3 a{ text-align:center; font-size:14px; line-height: 3.5rem; padding:0 3rem; background: url(images/category-dt.png) center center repeat-x } .item_show_box2 h3 a span{text-align:center; font-size:14px; line-height: 3.5rem; padding:0 1rem; background: #fff; color:#999} /*热卖模块斜角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:#e61952;} .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 { text-align:center; height:3.5rem; font-weight: normal; background:#fff} .item_show_box1 h3 a{ text-align:center; font-size:14px; line-height: 3.5rem; padding:0 3rem; background: url(images/category-dt.png) center center repeat-x } .item_show_box1 h3 a span{text-align:center; font-size:14px; line-height: 3.5rem; padding:0 1rem; background: #fff; color:#999} .item_show_box1 .cat_ad{ width:100%; height:auto; margin:0; padding:0;} .item_show_box1 .cat_ad img{ width:100%; height:auto; margin:0; padding:0; border:none} .item_show_box1 .cat_ad a{ display:block; width:100%; height:auto; margin:0; padding:0; border:none} .item_show_box1 header{ background:#e61952; 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%; text-align:center; padding:0.5rem 0.3rem; border-bottom:solid 1px #f1f1f1; border-right:solid 1px #f1f1f1;} .goodsItem:nth-child(2n){border-right:none;} .goodsItem img{width: 90%;height:auto;} .goodsItem del{height:1rem; line-height:1rem; font-size:0.4rem } .goodsItem .goodsItemPrice{ height:1.6rem; line-height:1.6rem; text-align:center;} .goodsItem .goodsItemName{ height:1.3rem; line-height:1.3rem; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; font-size:0.7rem} .goodsItem .timedjs{height:3.4rem; line-height:1.6rem; font-size:.6rem; color:#333;text-align:center; } .goodsItem .timedjs em{color:#fff; line-height:1.4rem; font-size:.6rem; background:#e61952; padding:0.1rem 0.2rem; border-radius:0.2rem; margin:0 0.1rem;} .goodsItem .timedjs b{ line-height:1.6rem; display:block; font-weight:normal; color:#333; } .goodsRecItem{ width:100%; text-align:center; padding:0.5rem 0.3rem; border-bottom:solid 1px #f1f1f1; border-right:solid 1px #f1f1f1; } .goodsRecItem:nth-child(3n){border-right:none;} .goodsRecItem img{width: 90%;height:auto;} .goodsRecItem del{height:1rem; line-height:1rem; font-size:0.4rem } .goodsRecItem .goodsItemPrice{ height:1.6rem; line-height:1.6rem; text-align:center;} .goodsRecItem .goodsItemName{ height:2.6rem; line-height:1.3rem; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; font-size:0.7rem} .goodsRecItem .timedjs{height:1.6rem; line-height:1.6rem; font-size:.6rem;background:#e61952;color:#fff;text-align:center;} .goodsRecItem .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 a{ color:#999} .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.5rem;} .footer .link{ padding:0.2rem 0; 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:#aaa;} .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;} .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} /* ==================== 所有分类页 ==================== */ .container{ width:100%; padding:0; overflow:hidden; margin:auto;} .category-box{ height:100%; width:100%; overflow:hidden; } .category1{ height:100%; float:left; width:25%;background-color:#fff;} .category1 ul{width:100%; overflow:hidden;} .category1 li{ width:100%;height:40px;line-height:40px;background-color: #f7f7f7;border-top: 1px solid #f7f7f7;font-size:14px; overflow:hidden; text-align:left; text-indent:10px; border-left:2px solid #f7f7f7; color:#241c1d} .category1 li.cur{color:#e61952; border-left:2px solid #e61952;background:#fff} .category2{ float:left; width:75%; height:100%; background-color:#fff; } .category2 dl{ width:95%; margin:auto;overflow:hidden;} .category2 dl span{ display:block; width:100%; height:auto; overflow:hidden; position:relative;} .category2 dl span img{ display:block; width:100%; height:auto} .category2 dl span em{ width:10px; height:100%;display:block;font-size:12px; position:absolute; right:0px; bottom:0px;padding:0px 10px 0px 10px;background-color:rgba(27,27,27,0.5); color:#FFF; vertical-align:center; font-style:normal; line-height:150%; font-family:'宋体';-webkit-box-align:center;display:-webkit-box;} .category2 dt{ width:100%;height:3rem; text-align:center; background:url(images/category-dt.png) center center repeat-x;} .category2 dt a{ line-height:3rem;font-size:14px;color:#555; background:#FFFFFF; padding:0 10px;} .category2 dd{ width:100%; overflow:hidden;background:#FFF;} .fenimg{ width:100%; overflow:hidden;} .fen_img{width:33.3%; overflow:hidden;float: left; margin:0px; margin:10px 0;} .fen_img a{ display:block; width:90%;height:80px; margin:auto;overflow:hidden; background:#FFF;} .fen_img a.hot_cat{ color:#e61952} .fen_img a span{ display:block; width:100%; height:50px;} .fen_img a span img{ display:block; width:50px;height:50px; margin:auto;} .fen_img a em{ display:block; width:100%; height:30px; margin:auto; text-align:center;font-size:12px; color:#666; line-height:30px;} .fen_img a.hot_cat em{color:#e61952} .fen{width:33.33333%;float:left; overflow:hidden;text-align:center; margin-bottom:5px; } .fen a{display:block; width:90%; height:35px; line-height:35px; border:1px solid #e5e5e5; text-align:center;font-size:14px; color:#999; background:#FFF; margin:auto} .all{ display:block; width:100%; height:35px; background:#e61952; font-size:14px; line-height:35px; text-align:center; margin:auto;margin-bottom:10px; border-radius:3px; margin-top:10px;} /* ==================== 分类页 ==================== */ /* 三种样式切换 */ .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; color:#e61952;} .categoryleve .current {color:#e61952;} .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;border-bottom:1px solid #ebeced;} .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{} .filter ul li.filter-cur a{color:#e61952} .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 .f-ico-arrow-d1{background:url(images/filter1.png) no-repeat 0 0;background-size:0.6rem 0.8rem;position:static;width:0.6rem;height:0.8rem;vertical-align:middle} .filter .f-ico-arrow-d2{background:url(images/filter2.png) no-repeat 0 0;background-size:0.6rem 0.8rem;position:static;width:0.6rem;height:0.8rem;vertical-align:middle} .filter .f-ico-arrow-d3{background:url(images/filter3.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/filter2.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:#e61952} .filter .filter-cur .f-ico-triangle-mb.f-ico-triangle-slctd{border-top-color:#e61952} .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:#fff;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:#f1f1f1;} .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.1rem;-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.8rem} .nav .attrs .attr .attrValues li:nth-child(2n+1){margin-right:0.59rem} .nav .attrs .attr .attrValues li a{ border:solid 1px #fff; display:block;width:100%;color:#333;font-size:0.8rem;white-space:nowrap;text-overflow:ellipsis; overflow:hidden} .nav .attrs .attr .attrValues li.av-selected{border-color:#e61952} .nav .attrs .attr .attrValues li.av-selected a{border:solid 1px #fff; } .nav .attrs .attr .attrValues li.av-selected:after{background:-webkit-linear-gradient(left top,transparent 49%,#e61952 49%,#e61952 100%);background:-moz-linear-gradient(left top,transparent 49%,#e61952 49%,#e61952 100%);background:-o-linear-gradient(left top,transparent 49%,#e61952 49%,#e61952 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.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)} .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:#000; -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.15rem;padding:0.2rem 1rem;color:#333;font-size:0.8rem;line-height:1.2rem;letter-spacing:.2em;text-decoration:none;cursor:pointer} .nav .attrExtra .attrExtra-submit,.nav .attrExtra .attrExtra-cancel{font-size:0.8rem;} .nav .attrExtra .attrExtra-submit{background-color:#e61952;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;} .srp:after{display:block;clear:both;height:0;content:' '} .srp em{font-style:normal; color:#e61952; padding:0 0.2rem;} .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{height:20px;line-height:21px;overflow:hidden;} .srp .proPrice em{color:#e61952;font-size:0.8rem;font-weight:400;} .srp del{color:#999;font-size:12px} .srp .proTitle{overflow:hidden} .srp .proTitle a{color:#333;font-size:12px;text-decoration:none;-webkit-transition:all .3s linear} .srp .proService{color:#333;font-size:12px;height:20px;line-height:21px} .srp .proIcons{padding-left:10px;height:25px;overflow:hidden} .srp .proIcons>*{margin:0 3px 0 0} .srp .proIcons img{vertical-align:middle} .srp .proCart{padding-left:10px;height:20px;overflow:hidden} .srp .proSales{line-height:20px;margin-top:3px; font-size:0.8rem; overflow:hidden} .srp.list{width:100%;padding:0;} .srp.list .product{width:100%;padding:0;display:block;border-bottom:1px solid #f3f3f3;} .srp.list .pro-inner{width:100%;background-color:#fff; padding-top:0.5rem; padding-bottom:0.5rem; border-radius:0;} .srp.list .proImg-wrap{width:30%;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:1.3rem;height:2.6rem;margin:8px 0; padding-right:0.5rem;} .srp.list .proTitle a{font-size:0.8rem} .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 .protime{position:absolute;bottom:70px;width:100%;height:30px;line-height:30px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#e61952 none repeat scroll 0 0;opacity:0.9;color:#fff;} .srp.album .protime_0{background:#666 none repeat scroll 0 0;opacity:0.9;} .srp.album .protime_1{background:#e61952 none repeat scroll 0 0;opacity:0.9;} .srp.album .protime_2{background:#666 none repeat scroll 0 0;opacity:0.9;} .srp.album .proInfo-wrap{position:absolute;bottom:5px;width:100%;height:86px;-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:40px;line-height:20px;position:relative;top:46px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .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:-38px;right:2px;margin:0} .srp.album .proIcons{padding-left:0;width:100%;position:relative;top:-16px} .srp.album .proInfo-wrap a.catbuybtn {display:none} .srp .proInfo-wrap a.catbuybtn { background: rgba(0, 0, 0, 0) url("images/buy_ico.png") no-repeat scroll center center / 1.5rem auto; bottom: 1rem; height: 1.5rem; position: absolute; right: 1rem; width: 1.5rem; z-index: 20; } .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:40px; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .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 .collect{position: absolute;right:0;bottom:0;color:#fff;font-size:0.8rem;font-weight:700;padding:0 0.8rem 0 2.2rem;height:2rem;line-height:1.7rem;margin:0 2rem 2rem 0;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 ; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .goods_slider .collect1{position: absolute;right:0;bottom:0;color:#fff;font-size:0.8rem;font-weight:700;padding:0 0.8rem 0 2.2rem;height:2rem;line-height:1.7rem;margin:0 2rem 2rem 0;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 ;} .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 .scroller ul li img{ width:100%} .goods_slider .slideBox{ position:relative; overflow:hidden; margin:0 auto; max-width:640px;/* 设置焦点图最大宽度 */ } .goods_slider .slideBox .icons{position: absolute; height:2rem; line-height:2rem;bottom: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:#e61952; } .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_title ul .price{display:inline-block;font-size:0.8rem;font-weight:normal;} .goodsInfo_title ul span{font-size:1.2rem;} .goodsInfo_title ul del{margin-left:2rem;font-size:0.8rem;color:#999;} .goodsInfo_title ul del span{font-size:0.8rem;} .goodsInfo_title ul p.xiaoliang{display: inline-block;float:right;margin-right:.5rem;line-height:2rem;font-size:.8rem;} .goodsInfo_title{background-color:#fff;box-shadow:0 -0.5rem 0.5rem 0 rgba(0,0,0,.08);box-sizing:border-box;position: relative;padding:0 0.6rem;} .goodsInfo_title h1{font-size:0.9rem;text-align:left;font-weight:normal;line-height:1.8rem;} .goodsInfo_title .brief{font-size:0.8rem;text-align:left;line-height:1.6rem;color:#999;} .goodsInfo_time{background-color:#fff;height:3rem;line-height:3rem;padding:0 0.6rem;} .goodsInfo_time .time_title{background-color:#e61952;color:#fff;border-radius:0.2rem;padding:0 0.7rem;height:1.8rem;line-height:1.8rem;display:inline-block; } .goodsInfo_time .time{margin-left:1rem;font-size:.8rem; } .goodsInfo_time .time .timenum{color:#e61952; padding:0 0.3rem;} .goodsInfo_volume_price,.goodsInfo_user_service{background-color:#fff;height:2.7rem;line-height:2.7rem;padding:0 0.6rem;font-size:0.9rem;border-bottom:1px solid #f3f3f3;} #choose_good_volume_price,#choose_good_user{position:fixed; bottom:0; left:0; height:0px; z-index:99999999; background:#fff; width:100%;} .good_volume_price,.good_user_service { width:95%;overflow-y:scroll;margin:0 auto;background:#ffffff; height:100%; } .good_volume_price h2,.good_user_service h2{ width:100%; text-align:center; height:30px; font-size:14px; line-height:30px; color:#333; font-weight:normal; padding-top:30px} .good_volume_price ul,.good_user_service ul{ width:100%; overflow:hidden; padding-top:10px; padding-bottom:50px;} .good_volume_price li,.good_user_service li{font-size:14px; width:100%; height:40px; overflow:hidden; border-bottom:1px solid #eeeeee; padding-top:5px; padding-bottom:5px;} .good_volume_price li p.p_left,.good_user_service li p.p_left{float:left;display:block;height:40px; line-height:40px; font-size:14px; color:#666; width:auto;} .good_volume_price li span a,.good_user_service li span a{line-height:40px; color:#666;} .good_volume_price ul li i,.good_user_service ul li i{float:left; display:block; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; color:#FFF; background:#e61952; margin:10px; border-radius: 50%;font-style: normal;} #choose_good_canshu{position:fixed; bottom:0; left:0; height:0px; z-index:99999999; background:#fff; width:100%;} .goodsInfo_canshu{background-color:#fff;height:2.7rem;line-height:2.7rem;padding:0 0.6rem;font-size:0.8rem;border-bottom:1px solid #f3f3f3;} .good_canshu { width:95%;overflow-y:scroll;margin:0 auto;background:#ffffff; height:100%; } .good_canshu h2{ width:100%; text-align:center; height:30px; font-size:14px; line-height:30px; color:#666; font-weight:normal; padding-top:30px} .good_canshu ul{ width:100%; overflow:hidden; padding-top:10px; padding-bottom:50px;} .good_canshu li{font-size:14px; width:100%; height:40px; overflow:hidden; border-bottom:1px solid #eeeeee; padding-top:5px; padding-bottom:5px;} .good_canshu li p.p_left{float:left;display:block;height:40px; line-height:40px; color:#666; font-size:14px; width:25%;} .good_canshu li p.p_right{float:left;display:block;width:70%; height:40px; line-height:40px; font-size:14px; color:#666;} .good_canshu li span a{line-height:40px; color:#666;} .good_canshu ul li i{float:left; display:block; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; color:#FFF; background:#e61952; margin:10px; border-radius: 50%;font-style: normal;} .goodsInfo_buyinfo{background-color:#fff;height:2.7rem;line-height:2.7rem;padding:0 0.6rem;font-size:0.9rem;border-bottom:1px solid #f3f3f3;} #choose_attr{position:fixed; bottom:0; left:0; height:0px; z-index:99999999; } .f_block { width: 100%; } .f_title_attr { height:130px; margin-top:22px; color:#58595b; background:#fff} .f_title_attr img{width:125px; border:#e5e5e5 1px solid; border-radius:4px; padding:5px; background:#FFF; margin-top:-10px; margin-left:10px; float:left;} .f_title_arr_r{margin-left:10px; margin-top:15px; float:left; overflow:hidden; width:50%;} .f_title_arr_r span{ display:block; width:100%; overflow:hidden; color:#666; font-size:14px; line-height:150%; margin-bottom:5px;} .f_title_arr_r i span{ display:inline;} .f_title_arr_r i{ font-style:normal} .c_close_attr {background: url(images/c_cancel.png) center no-repeat; background-size: 16px 16px; width: 26px;height: 50px; right:5px;margin: 0; margin-right:10px; position:absolute} .f_content_attr {padding:8px 15px 0 15px;background:#ffffff; height:100%; overflow-y:scroll;} .f_foot { width: 100%;width: 100%; height:70px; text-align:center;} .add_gift_attr{background: #e61952;text-align: center;height:40px;line-height:40px;font-size: 14px;color: #fff;width:100%;font-family: 微软雅黑; border:none; border-radius:0;} .navContent{ width:100%; overflow:hidden;} .navContent li{overflow:hidden; width:100%;} .navContent li .title{ width:100%;font-size:14px; line-height:20px; color:#666;} .navContent li .item{ overflow:hidden;padding-bottom:5px;} .navContent li .item a{ padding-left:10px; padding-right:10px; border:1px solid #CCC; line-height:30px; display:inline-block; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; margin-right:5px; margin-bottom:10px;} .navContent li .item a.hover{ background:#dd2726; color:#FFF; border:1px solid #dd2726; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .navContent li .purchase{ font-size:14px; line-height:25px; color:#666;} .navContent li .purchase_v{font-size:16px; line-height:25px; color:#dd2724; font-weight:bold} .navContent li h2{ font-size:18px; line-height:30px; color:#333; font-weight:normal} .navContent li .key{ display:block; float:left; width:30%; font-size:14px; color:#666; text-align:right;} .navContent li .p-price-v{display:block;width:70%; float:left; font-size:16px;color:#dd2724;} .navContent li .title1{ width:100%;font-size:14px; height:20px; line-height:20px; color:#666; padding-top:5px} .navContent li .item1{ width:100%;height:50px; overflow:hidden; padding-bottom:5px;} .navContent li .item1 .ui-number{display:inline-block;vertical-align:middle;border:1px solid #e3e3e3;letter-spacing:0;height:2.3rem;line-height:2.3rem;overflow:hidden} .navContent li .item1 .ui-number .increase,.navContent li .item1 .ui-number .decrease,.navContent li .item1 .ui-number .num{float:left;text-align:center} .navContent li .item1 .ui-number .increase,.navContent li .item1 .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 } .navContent li .item1 .ui-number .num{height:100%;width:3rem;border:0;-webkit-border-radius:0;border-radius:0;font-weight:700} .navContent li .item1 .ui-number .num::-webkit-inner-spin-button{display:none} .navContent li .item1 .ui-number{margin-top:0.6rem;display:inline-block;vertical-align:middle;border:1px solid #e3e3e3;letter-spacing:0;height:30px;line-height:30px;overflow:hidden} .navContent li .item1 .ui-number .increase,.quantity .ui-number .decrease,.quantity .ui-number .num{float:left;text-align:center} .navContent li .item1 .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} .navContent li .item1 .ui-number .num{height:100%;width:38px;border:0;-webkit-border-radius:0;border-radius:0;font-weight:700} .navContent li .item1 .ui-number .num::-webkit-inner-spin-button{display:none} /*弹出购物车成功提示代码*/ .touchweb_com-indexPop_all { display: none; position: fixed; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; background:none; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index:99999999 } .touchweb_com-indexPop_all.show { opacity: 1; visibility: visible; } .touchweb_com-indexPop_all .inner { padding-left:10px; padding-right:10px;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background:rgba(0,0,0,0.7); height:35px; line-height:35px; text-align:center } .touchweb_com-indexPop_all .inner .content_name { font-size:16px; color:#ffffff;} .goodsInfo_li_title{height:1.8rem;line-height:1.8rem;display:inline-block; } .goodsInfo_li_more{background:url(images/goods_ico_cfb10868.png) right center no-repeat;background-size:1.2rem auto;} .goodsInfo{background-color:#fff; padding:0.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:#fff; padding:0.5rem 0;font-size:0.9rem;text-align:center; font-weight:normal} .goodsInfo ul{ padding:0.4rem 0;color:#666;border-bottom:1px solid #f1f1f1} .goodsInfo ul:last-child{ border:none} .goodsInfo ul>li{margin-bottom:0.5rem; line-height:1.8rem} .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; } .mdetail_bottom { max-width: 100%; }.mdetail_bottom { background: #fff none repeat scroll 0 0; border-top: 1px solid #e9e9e9; bottom: 0; height: 50px; position: fixed; width: 100%; z-index: 9999; }.mdetail_bottom .collect { border-right: 1px solid #e9e9e9; float: left; overflow: hidden; text-align: center; width: 16%; }.mdetail_bottom .cart { float: left; position: relative; text-align: center; width: 16%; }.bdbox { box-sizing: border-box; }.mdetail_bottom .cart b { background: #fe5000; border-radius: 50%; color: #fff; display: block; font-size: 10px; font-weight: 400; height: 18px; line-height: 18px; position: absolute; right: 6px; text-align: center; top: 2px; width: 18px; }#J-addone { color: #e4393c; display: none; font-size: 16px; font-style: normal; font-weight: 700; position: absolute; right: 5px; top: -25px; }.mdetail_bottom .actions { float: right; height: 100%; overflow: hidden; width: 68%; } .mdetail_bottom .actions a { background: #e61952; color: #fff; display: block; float: left; font-size: 14px; height: 100%; line-height: 50px; text-align: center; width: 50%; }.mdetail_bottom .actions a.btn-popupSKU-addcart { background: #e61952; }.mdetail_bottom .actions a.btn-popupSKU-buynow { background: #FD532D; } /* 购买模块 */ .goodsBuy{margin:0.7rem 0;background-color:#fff; } .goodsBuy .info{display:block;color:#666;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,.goodsBuy #goodsBuy-open-sale{display:none} .goodsBuy #goodsBuy-open:checked+.info i{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); } .goodsBuy #goodsBuy-open-sale: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} .goodsBuy .fields_sale{ display:none;overflow:hidden} .goodsBuy .fields_sale ul li{ color:#999} /*商品单选属性*/ .catt { height: auto; overflow: hidden; padding-bottom: 15px; } .catt a { border: #c8c9cd 1px solid; border-radius: 0.1rem; text-align: center; margin-right: 10px; margin-top: 10px; 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.1rem;} .catt a p.padd{font-size:0;} .catt .cattsel { border: #fd532d 1px solid; background-color: #fff; color:#fd532d; } .catt a.cattsel img{border-radius: 0.1rem;} .catt a.cattsel p{} .catt .cattsel a:hover { border: #e61952 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{} .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.9rem; line-height:1.9rem;position: static;} .goodsBuy .fields .ul1 li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:left; width:50%;} .goodsBuy .fields_sale .ul1{background-color:#fff;overflow:hidden;padding:0.8rem 0; line-height:1.9rem;position: static;} .goodsBuy .fields_sale .ul1 li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:left; width:100%;} .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:#666; font-weight:normal; line-height:1.8rem;} .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:#e61952;position:relative} .goodsBuy .fields .ul2 input:checked+label:after{ background:-webkit-linear-gradient(left top,transparent 49%,#e61952 49%,#e61952 100%);background:-moz-linear-gradient(left top,transparent 49%,#e61952 49%,#e61952 100%);background:-o-linear-gradient(left top,transparent 49%,#e61952 49%,#e61952 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 .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:#e61952} .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:#e61952;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:#e61952;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:#e61952} .s-detail a{color:#333} .s-detail header{ position:sticky;top:0; z-index:9998; border-top:solid 1px #f1f1f1; border-bottom:solid 1px #f1f1f1; background:#FFFFFF} .s-detail header ul{text-align:center;font-size:0.8rem; display: -webkit-box; padding:0.8rem 0; } .s-detail header ul li{ color:#333;line-height:1.6rem; margin-right:1px; -webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box} .s-detail header ul li.current{position:relative;background-color:#fff; color:#e61952} .s-detail header ul li.br{ border-right:solid 1px #f1f1f1;} .s-detail header ul li.current .mod{display:block} .s-detail header ul li .review-count{font-size:0.8rem;color:#333} .s-detail header ul li.current .review-count{color:#e61952} .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:48%; float:left; margin:1%;} .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 .info{position:absolute;left:0;right:0;bottom:0;text-align:center;} .s-detail .m-recommend .summary .info .price{ width:100%; height:18px; line-height:18px; text-align:center; background-color:rgba(255,255,255,.7)} .s-detail .m-recommend .summary .info .name{ height:24px; line-height:24px; text-align:center; background-color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .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 #e61952; color:#e61952 } /* 购物浮动条 购物车选择性结算有用s */ .toolbar {background:#fff;position:fixed;bottom:0;width:100%;height:2.67rem; border-top:1px solid #f0f0f0; font-size:0.8rem;overflow:hidden} .toolbar .selcartgoods {width:20%;height:2.67rem;line-height:2.67rem;padding-left:0.5rem;display:inline-block;} .toolbar .selcartgoods > label {height:2.67rem;} .toolbar p {width:50%;height:2.67rem; line-height:2.67rem; display:inline-block;text-align:right;} .toolbar a{display:block; text-align:center; line-height:2.67rem;position: absolute;right: 0;top:0; width: 25%;height: 100%;border: 0;font-size: 0.8rem;border-radius: 1px;-webkit-border-radius: 1px;color: #FFF; background:#e61952} /* 购物车商品列表 */ .itemlist{ padding:0.8rem 0.3rem; background:#FFF} .itemlist li{position:relative; margin-top:1rem;padding-bottom:0.6rem;} .itemlist li h4{ padding-right:2rem; height:2.5rem; line-height:1.2rem; overflow:hidden} .itemlist li .b{ line-height:2.2rem; } .itemlist li .b .cha{ width:1rem; height:1rem; display:block; background-color:#CCC; position:absolute; right:0;top:1rem; -moz-border-radius: 0.75rem; /* Gecko browsers */ -webkit-border-radius: 0.75rem; /* Webkit browsers */ border-radius: 0.75rem; -webkit-background-size:0.5rem 0.5rem;-moz-background-size:0.5rem 0.5rem;background-size:0.5rem 0.5rem; } .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} .itemlist li .selcartgoods { width:30px; } .itemlist li .selcartgoods > label { margin-top:2.3rem; } .selcartgoods > input { opacity: 0; display:none; } .selcartgoods > label { padding-left:25px; height: 20px; display: block; } .selcartgoods > input + label { background: url(images/b_checkbox_off.png) left center no-repeat; background-size:20px 20px;} .selcartgoods > input[type=checkbox]:checked + label {background: url(images/b_checkbox_on.png) left center no-repeat; background-size:20px 20px;} .selcartgoods > input[type=checkbox]:disabled + label {background: url(images/b_checkbox_dis.png) left center no-repeat; background-size:20px 20px;} /*购物车选择性结算有用e*/ /* 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 span.dspan1{ padding-left:0.8rem; color:#999999} .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; } .f61{ font-size:0.8rem; color:#1CA2E1; height:1.8rem; line-height:1.8rem; padding:0;display:inline-block; border:none ; background:none; vertical-align:top; } .f62{ font-size:0.8rem; color:#1CA2E1; line-height:1.8rem; padding:0;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; } /* 登录注册切换模块 */ .login-title { display:block; width:100%; border-bottom:1px solid #ddd; height:3rem } .login-title li { display:inline-block; width:50%; height:100%; line-height:3rem; text-align:center; font-size:.9rem } .login-title li a { color:#999; display:inline-block; height:100%; border-bottom:none } .login-title li.active a { color:#222530; border-bottom:.2rem solid #1d1d1d } .login-main { padding:.5rem .56rem 0 } .login-main .login-form { width:100% } .login-main .login-form .form-content { height:3rem; line-height:3rem; border-bottom:1px solid #ddd; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .login-main .login-form .form-content span { display:block; width:4.0rem; text-align:left; font-size:0.8rem; color:#222530; height:2.9rem; line-height:2.9rem; overflow:hidden; } .login-main .login-form .form-content .form-input { display:block; margin-left:1rem; height:2.9rem; line-height:2.9rem; -webkit-box-flex:1; -ms-flex:1; flex:1; } .login-main .login-form .form-content .form-input input { width:100%; font-size:0.8rem; height:2.9rem; line-height:2.9rem; border:none; background:#fff; color:#ccc } .login-main .login-form .form-content .form-input::-webkit-input-placeholder { color:#cacaca } .login-main .login-form .form-content .form-input input:-webkit-autofill { -webkit-box-shadow:0 0 0 20rem #fff inset!important } .login-main .login-form .form-content .phoneCodeBtn { width:8rem; height:100%; border-left:1px solid #ddd; text-align:center } .login-main .login-form .form-content .phoneCodeBtn { display:block; line-height:2.9rem; font-size:0.8rem } .login-main .login-phoneNum { display:none } .login-main .login-phoneNum .form-content span { width:4.5rem } .login-operate,.login-others { padding:0 .56rem } .login-operate { margin-top:2rem } .login-operate .login-btn { display:block; width:100%; height:2.6rem; text-align:center; line-height:2.6rem; margin:0 auto; border-radius:.4rem; background-color:#cacaca; color:#fff; font-size:1rem } .login-operate .login-btn.active-login-btn { background-color:#1d1d1d; border:none; } .login-operate .login-guide { width:100%; margin-top:2rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .login-operate .login-guide a { display:block; font-size:.9rem; color:#1d1d1d; } .login-operate .sign-btn { display:block; width:7rem; height:2rem; text-align:center; line-height:2rem; border-radius:.3rem; border:1px solid #e61952; color:#e61952; font-size:1rem; margin:2.8rem auto 0 } .login-others { margin-top:1rem; } .login-others .login-others-title { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:4rem } .login-others .login-others-title .line { -webkit-box-flex:1; -ms-flex:1; flex:1; height:1px; background:#ddd } .login-others .login-others-title span { display:block; color:#999; padding:0 .6rem; font-size:1rem; } .login-others ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .login-others ul li { width:25% } .login-others ul li i { display:block; width:2rem; height:2rem; margin:0 auto } .login-others ul li span { display:block; width:100%; text-align:center; margin-top:.6rem; font-size:.8rem; } .login-others ul li .wx-ico { background: rgba(0, 0, 0, 0) url("images/quicklogin/weixin.png") no-repeat scroll 0 0 / contain ; } .login-others ul li .qq-ico { background: rgba(0, 0, 0, 0) url("images/quicklogin/qq.png") no-repeat scroll 0 0 / contain ; } .login-others ul li .wb-ico { background: rgba(0, 0, 0, 0) url("images/quicklogin/weibo.png") no-repeat scroll 0 0 / contain ; } .login-others ul li .zfb-ico { background: rgba(0, 0, 0, 0) url("images/quicklogin/zhifubao.png") no-repeat scroll 0 0 / contain ; } .loginBox{ margin:10px auto; } .loginBox .hd{ height:2.7rem; line-height:2.5rem; font-size:0.8rem; 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:#e61952; display:block; height:2.5rem; line-height:2.5rem; border-bottom:2px solid #e61952; } .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:0 auto; padding:5px; } /* 订单确认页通用表格 */ .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{ display:block; color:#333; font-size:0.8rem;} .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.2rem 0; position:relative} .table_box2 .dd1{ width:18%; vertical-align:middle;} .table_box2 .dd2{ color:#999; font-size:0.8rem; text-align:left; width:95%; height:2.5rem; line-height: normal; vertical-align:middle; border:none} .table_box2 .dd4{ width:28%; vertical-align:middle;} .table_box2 .dl_box p{ line-height:36px;} .table_box2 input{ color:#999; text-align:left; border:none; background:#f1f1f1 ; width:90%; height:30px; border-radius:30px; padding:0 0.5rem; } .table_box2 input.dd_input1{ color:#999; text-align:left; border:none; background:#f1f1f1 ; width:90%; height:30px; border-radius:30px; padding:0 0.5rem; } .table_box2 input.radio{width:auto;} .table_box2 input.radio.on { background-color: #05abe0;} .table_box2 .span1{ font-size:0.8rem; background:#e61952; 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:#666} .table_box3 .dd2{ text-align:center} .table_box3 .dd3{ text-align:right} .modify{ background:#e61952; color:#FFF; display:inline-block; padding:0 0.5rem; float:right; } .f4_b{ color: #e61952;display: inline-block; } .f4_c{ color:#e61952} .select_city select{} /* ==================== 文章页面 ==================== */ .art_content{ background:#FFF;overflow:hidden; padding:0.5rem;} .art_content>h2{ margin-bottom:1rem; text-align:left; color:#222; line-height:1.8rem; font-weight:normal; font-size:1.2rem} .art_content>span{ display:block; width:100%; margin-bottom:0.5rem; font-size:0.9rem; color:#666; text-align:left; font-weight:normal; line-height:1.6rem; } .art_content>span a{ padding:0.2rem 0.5rem; line-height:1.2rem; border:solid 1px #999; border-radius:1.6rem; margin-right:0.5rem;} .art_content .art_content_main{} .art_content img{box-sizing:border-box;width:100%; height:auto} /* ==================== 会员中心页 ==================== */ .user_top { background:url(images/header_bg.jpg) center top no-repeat; background-size: cover; height: 15rem; overflow: hidden; position:relative } .user_top dt { text-align: center; position: relative; width: 100%; height: 4.8rem; padding:0.5rem 0; } .user_top dt img { width: 4.8rem; height:4.8rem; border-radius: 4.8rem; } .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 { color: #fff; text-align:center; } .user_top dd p { } .user_top dd span{ line-height:1.8rem; font-size:0.8rem; padding:0 0.5rem;} .user_top dd span a{ line-height:1.8rem; font-size:0.8rem; color:#FFFFFF;} .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: 5rem; 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: 1.2rem; height: 1.2rem; display:block; position:relative; color: #fff; 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.6rem;display: block;color: #fff;font-size: 0.7rem;background:#ff3c25; 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:#1d1d1d; text-align: center} /* 文章列表 / 会员中心功能列表样式 */ .list_box { background:#FFF; font-size:0.9rem;word-break:break-all; word-wrap:break-word;} .list_box img { width:100%; height: 100%} .list_box ul li{ padding:0.3rem 0;display:block; line-height:24px; cursor:pointer; font-size:1em; margin-left:10px; border-bottom:1px solid #ccc; height:auto; } .list_box ul li.no_border{ padding:0.6rem 0 0.3rem 0;display:block; line-height:24px; cursor:pointer; font-size:1em; margin-left:10px; border:none; 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: #e61952; border:0px; border-radius:5px; color:#fff; padding-left:15px; padding-right:15px; font:1em; } .list_box a{ border-bottom:1px solid #eee; padding:5px 0;display:block; line-height:24px;} .list_box a.u_menu{ text-indent:30px; } .list_box a.u_menu_01{ background:url(images/usercenter/usercenter_01.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_02{ background:url(images/usercenter/usercenter_02.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_03{ background:url(images/usercenter/usercenter_03.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_04{ background:url(images/usercenter/usercenter_04.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_05{ background:url(images/usercenter/usercenter_05.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_06{ background:url(images/usercenter/usercenter_06.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_07{ background:url(images/usercenter/usercenter_07.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_08{ background:url(images/usercenter/usercenter_08.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_09{ background:url(images/usercenter/usercenter_09.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_10{ background:url(images/usercenter/usercenter_10.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_11{ background:url(images/usercenter/usercenter_11.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_12{ background:url(images/usercenter/usercenter_12.png) 0px 5px no-repeat; background-size:24px 24px;} .list_box a.u_menu_13{ background:url(images/usercenter/usercenter_13.png) 0px 5px no-repeat; background-size:24px 24px;} .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%,#bbb 70%,#bbb 100%),-webkit-linear-gradient(top,transparent 70%,#bbb 70%,#bbb 100%); background-image: -moz-linear-gradient(left,transparent 70%,#bbb 70%,#bbb 100%),-moz-linear-gradient(top,transparent 70%,#bbb 70%,#bbb 100%); background-image: -o-linear-gradient(left,transparent 70%,#bbb 70%,#bbb 100%),-o-linear-gradient(top,transparent 70%,#bbb 70%,#bbb 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{ padding:0.6rem 0} .list_box .son_list ul li{ padding:0.3rem 0;display:block; line-height:24px; cursor:pointer; font-size:0.9em; 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:#e61952; font-weight:400; 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; font-size:12px } .ectouch_table th { padding: 5px 0; background:#f1f1f1; } .ectouch_table td { padding: 5px 0 } .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 #eee solid; width:95%; padding:2px 5px; font-size: 12px; } .contentfx a{ height:6.0em; overflow:hidden; display:block; padding:0.6em; background:#fff; margin-bottom:0.8em; box-shadow:1px 1px 1px #e0e0e0; } .contentfx a dl{ height:6.0em; overflow:hidden; background:url(images/icon_arrow_right.png) no-repeat; background-position:right 2em; padding-right:2.2em; } .contentfx a dl dt{ width:6em; height:6.0em; margin-right:0.6em; float:left; } .contentfx a dl dt img{ width:100%; height:100%; border-radius:100%;} .contentfx a dl dd{ width:82%; float:left; } .contentfx 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; } .contentfx a dl dd p span{ margin-right:0.5em; } .contentfx 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 } .contentfx 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;width:100px;} .gift dt img{ width:100px;height:100px;} .gift dd{ clear: both; text-align: center;width:100%;height:25px;line-height:25px;overflow:hidden;} /* ==================== 品牌页 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 #f1f1f1; color: #000000; display: block; margin-bottom: 5px; text-align: center; padding-top:5px; } .side li .box-logo { margin: 0; text-align: center; } .side .box-info { color: #ff3c25; overflow-x: hidden; text-overflow: ellipsis; width:100%; } .side .box-title { font-family: 'Lucida Grande','Microsoft YaHei'; font-size: 12px; height: 24px; line-height: 24px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal } .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:1.8rem; line-height:1.8rem;list-style-type:disc; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; border-bottom:dashed 1px #f1f1f1;} .article-list li a{ font-size:0.8rem; color:#999;} .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 h2{ margin-bottom:0.5rem; font-weight:normal;} /*购物车选择性结算有用s*/ .itemlist .price{float:left;} .itemlist .jianju{float:left;width:2rem;text-align:center;} .itemlist .txt{display:inline-block;margin-top:0.3rem;border:1px solid #e3e3e3;letter-spacing:0;height:1.5rem;line-height:1.5rem;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:1rem;font-weight:700;border:0;display:inline-block;width:1.5rem;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} /*购物车选择性结算有用e*/ .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} /*商品详情页 分享关注106035617022589695*/ .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:3rem;height:3rem; position:fixed; right:10px; bottom:60px;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:48%; float:left;text-align:center; margin:0 1%; } .picScrol5 .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .picScrol5 .bd li .grouptit{height:2.6rem; line-height:1.3rem; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; font-size:0.7rem} .picScrol5 .bd li .groupprice{height:1.6rem; line-height:1.6rem; font-size:.8rem;background:#e61952;color:#fff;} .picScrol5 .bd li .last_price{float:left;margin-left:0.5rem;} .picScrol5 .bd li .zhekou{float:right;margin-right:0.5rem;color:#fff;} .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; 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; height: 50px; line-height: 24px; padding-top: 7px; text-align: center; white-space: nowrap; color: #666; } .global-nav__nav-link:active,.global-nav__nav-link-active{ color: #e61952; } .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: #ff3c25; color: #fff; font-size: 12px; } .global-nav__nav-shop-cart-num{ right: 7px; top:4px; } .global-nav__operate-wrap{ position: relative; width: 62px; height: 57px; 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; } /**提交按钮**/ #weixin_tj{ background: #e61952 none repeat scroll 0 0; border:none; border-radius: 3px; color: #fff; font-size: 15px; height: 50px; line-height: 50px; margin: 0; padding: 0; text-align: center; width: 45%; margin-right:10px; } /**重置按钮**/ #weixin_cz{ background: #333; border:none; border-radius: 3px; color: #fff; font-size: 15px; height: 50px; line-height: 50px; margin: 0; padding: 0; text-align: center; width: 45%; } .zhifu_tabo{ line-height: 20px; padding: 20px 0 20px 20px; text-align: left; } /**查看 提现记录按钮**/ a.cahnkan_ces{ background: #e61952;/**颜色自己改个喜欢的!**/ border-radius: 3px; color: #fff; display: inline-block; font-size: 12px; height: 25px; line-height: 25px; margin-left: 10px; text-align: center; width: 60px; } a.cahnkan_ces:hover{ background:#333; } a.cahnkan_on{ background:#363636} .tablecss{width:98%;margin:1rem auto;border:1px solid #ddd;} .tablecss .trone{ background:#FAFAFA; height:40px; line-height:40px; } .tablecss td{ height:40px; line-height:40px; } .bought-table { color: #333 } .bought-table .col-name th { border-bottom: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; color: #333333; height: 33px; text-align: center; background: #eee; } .bought-table .close-order td { } .bought-table .order-hd td { overflow: hidden; padding: 8px 5px; border: #E6E6E6 solid 1px; background: #F5F5F5; border-top: none; } .bought-table .order-bd td { padding: 8px 5px; border: #E6E6E6 solid 1px; border-top: none; } .bought-table .order-bd .no-border-right { border-right: none } .bought-table .order-bd .no-border-left { border-left: none } .bought-table .baobei .pic { border: 1px solid #E9E9E9; margin-right: 10px; float: left; height: 50px; width: 50px; } .bought-table .baobei .pic img { height: 50px; width: 50px; } .bought-table .baobei .goods_name{ width:auto; height:auto; text-align:left } .bought-table .baobei .desc { overflow: hidden; width: 180px; word-wrap: break-word; } .bought-table .baobei .baobei-name { display: block; line-height: 18px; margin-top: -2px; max-height: 38px; overflow: hidden; } .bought-table .baobei .baobei-name:hover { color: #404040; cursor: text; text-decoration: none; } .bought-table .sep-row td { border: medium none; } .bought-table .baobei .goods_desc { clear: both; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; text-align: center; min-height: 60px; } .bought-table .baobei .last { border: 0px } .bought-table .baobei .price { } .red2, a.red2 { color: #f52648; } .tablecss2{width:98%;} .tablecss2 td{ height:30px; line-height:30px; background:#fff; } .bnt_1 { background: #e61952 none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; height: 30px; line-height: 30px; text-align: center; width: 77px; } /********弹框提示信息********/ .pop-header .pop-close,.pop-con .pop-icon{ background:url(images/common-icon.png) no-repeat; } .pop-mask{ position:fixed; width:100%; height:100%; background:#000; opacity:0.15; filter:alpha(opacity=15); left:0; top:0; z-index:999999; display:none;s } .pop-main{ border: 4px solid rgba(0,0,0,.1); border: 4px solid #ccc\9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 410px; position: fixed; z-index: 1000001; display: none; overflow: hidden; left:50%; margin-left:-209px; } .pop-header{ position: relative; padding: 0 10px; height: 36px; line-height: 36px; background: #f7f7f7; font-size: 14px; color: #666; font-family: "Microsoft YaHei"; } .pop-header .pop-close,.pop-header .tell-me-close{ display:block; width:13px; height:13px; background-position:-41px -44px; position:absolute; right:13px; top:13px; } .pop-con{ padding:10px 10px 20px; background:#fff; position:relative; min-height:80px; text-align:center; } .pop-con .pop-icon{ display:block; width:39px; height:39px; background-position:-118px -43px; position:absolute; left:20px; top:20px; } .pop-con .pop-text{ padding:10px 20px 15px 60px; font-size:14px; line-height:1.5em; text-align:left; } /*商品加入购物车选择属性*/ #speDiv{ background:rgba(0,0,0,.1); background:#ccc\9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:88%; margin:0 5%; padding:4px; height:auto; position:fixed; z-index:10000; left:0; } #speDiv .spe-close{ width: 13px; height: 13px; background: url(images/common-icon.png) no-repeat; background-position: -41px -44px; position: absolute; right: 13px; top: 13px; cursor: pointer; } #speDiv .attr-list,#speDiv .spe-btn{ background:#fff; overflow:hidden; } #speDiv .attr-list{ padding:10px 10px 0 10px; } #speDiv .attr-list .dt,#speDiv .attr-list .dd{ float:left; } #speDiv .attr-list .dt{ float: left; width: auto; heihgt:28px; line-height:28px; min-width: 60px; text-align: left; margin-right:10px; } #speDiv .attr-list .dd{ width:100%; float:left; } #speDiv .attr-list .blank10{ clear: both; height: 10px; line-height: 10px; visibility: hidden; } #speDiv .attr-list .attr-radio{ float: left; margin: 0px 10px 10px 0; letter-spacing: normal; word-spacing: normal; display: inline-block; position: relative; height:26px; line-height:26px; border:1px solid #ddd; cursor:pointer; } #speDiv .attr-list .attr-radio.curr{ background:url(images/test.gif) no-repeat bottom right; border:1px solid #f70; } #speDiv .attr-list .attr-radio label{ display:block; padding:0 7px; height:26px; line-height:26px; cursor:pointer; } #speDiv .attr-list .attr-radio input{ display:none; } #speDiv .spe-btn{ text-align:center; padding-bottom:20px; } .cancel-btn{ display:inline-block; background:#f5f5f5; height: 28px; line-height: 28px; padding: 0 25px; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor:pointer; vertical-align:top; } .cancel-btn:hover{ color:#666; } .sure-btn{ display: inline-block; width:auto; padding:0 25px; height: 28px; line-height:28px; text-align:center; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #f70; background:#f70; cursor:pointer; margin-right:20px; } .sure-btn:hover{ color:#fff; } /*我的评价晒单*/ .Evaluation{ width:100%; height:45px; border-bottom:1px solid #ccc; background:#FFF; margin-bottom:5px;} .Evaluation ul{ width:100%; margin:auto; height:45px;} .Evaluation ul li{ width:33.33%; float:left; height:45px; line-height:45px;} .Evaluation ul li a{ display:block; width:100%; margin:auto; height:45px; font-size:14px; color:#666; text-indent:40%;} .Evaluation ul li:nth-child(2) a{border-left:1px solid #ccc;border-right:1px solid #ccc;} .Evaluation ul li a.on { color:#fff; background:#ddd;} .pingjia{ width:100%; overflow:hidden; padding-top:10px; padding-bottom:5px; margin-bottom:5px; background:#FFF} .pingjia dl{ width:95%; overflow:hidden; margin:auto;} .pingjia dl dt{ width:20%; float:left; overflow:hidden} .pingjia dl dt img{ display:block; width:100%; float:left} .pingjia dl dd{ width:60%; float:left; overflow:hidden} .pingjia dl dd span{ display:block; width:95%; margin:auto; height:40px; overflow:hidden; font-size:14px; line-height:20px; color:#666; -webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; } .pingjia dl dd em{ display:block; width:95%; margin:auto; font-size:12px; line-height:20px; color:#999; } .pingjia dl strong{ display:block; width:20%; float:left; overflow:hidden; font-size:12px; line-height:150%; color:#e41735; font-weight:normal; text-align:right} .pj_zhuangtai{ width:95%; margin:auto; overflow:hidden; border-top:1px solid #eeeeee; text-align:right; margin-top:10px;font-size:14px; line-height:35px;color:#999; padding-top:10px; padding-bottom:5px} .pj_zhuangtai em{display:inline-block;width:80px; height:30px; font-size:14px; line-height:30px; color:#666; text-align:center;border-radius:2px; border:1px solid #666; margin-left:5px;} .pj_zhuangtai a{ display:inline-block; width:80px; height:30px; font-size:14px; line-height:30px; color:#E71F19; text-align:center;border-radius:2px; border:1px solid #E71F19; margin-left:5px;} .pj_main{ width:95%; margin:auto; overflow:hidden; border-top:1px solid #eeeeee; text-align:right; margin-top:10px; padding-top:10px; padding-bottom:10px;} .pj_main ul{ width:100%; overflow:hidden;} .pj_main ul li{ width:100%; overflow:hidden} .pj_main ul li em{ display:block; float:left;font-size:14px; line-height:30px; color:#666;} .pj_main ul li img{ display:block; float:left; height:15px; margin-top:6px;} .pj_main dl{ width:100%; overflow:hidden; margin-top:8px;} .pj_main dl dt{ width:100%; height:30px; overflow:hidden} .pj_main dl dt span{ display:block; float:left; font-size:14px; line-height:30px; color:#666;} .pj_main dl dt em{display:block; float:right; height:20px; margin-top:5px; padding-left:8px; padding-right:8px; font-size:12px; line-height:20px; color:#FF2233; border:1px solid #FF2233;border-radius:2px;} .pj_main dl dd{ text-align:left; width:100%;font-size:12px; line-height:150%; color:#999;} .pj_w{ width:100%; overflow:hidden; text-align:left; font-size:14px; line-height:150%; color:#999} .sd_img{ width:100%; overflow:hidden} .sd_img dl{ width:100%; overflow:hidden} .sd_img dl dd{ float:left;width:50px; height:50px; margin:5px;border:1px solid #eeeeee} .sd_img dl dd img{ width:50px; height:50px;} .shai_goods{ width:100%; overflow:hidden; margin:auto; background:#FFF; margin-bottom:8px;} .shai_goods dl{ width:95%; overflow:hidden; margin:auto;} .shai_goods dt{ width:20%; float:left; padding-top:10px; padding-bottom:10px} .shai_goods dt img{ width:50px; height:50px; display:block; margin:auto} .shai_goods dd{ width:80%; float:left; font-size:14px; line-height:20px; height:40px; overflow:hidden; color:#333; -webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; margin-top:10px;} .pingfen{ width:100%;overflow:hidden; margin:auto;background:#FFF; margin-bottom:8px;} .pingfen h2{ width:95%; margin:auto; height:40px; font-size:16px; line-height:40px; color:#666; background:url(images/messages.png) no-repeat left center;background-size: auto 25px; text-indent:25px; border-bottom:1px solid #eeeeee; font-weight:normal;} .pingfen span{ display:block; width:95%; margin:auto; margin-top:10px; padding-bottom:10px;} .pingfen span .inputBorder{ display:block; width:100%; border:1px solid #dddddd; height:80px; font-size:14px; line-height:150%; color:#666} .pingfen h3{ width:95%; margin:auto; height:40px; font-size:16px; line-height:40px; color:#666; border-bottom:1px solid #eeeeee; font-weight:normal;} .pingfen dl{ width:85%; margin:auto;overflow:hidden; padding-top:10px; padding-bottom:10px;} .pingfen dl dt{ float:left; width:20%; font-size:14px; line-height:30px; color:#666} .pingfen dl dd{ float:left; width:80%;} .jsstar{height: 30px; position: relative; float:left; height:30px; width:80%;} .jsstar li {float: left; width:25px;height:25px;background:url(images/star_rating.gif) 0 0px no-repeat;background-size: auto 50px;margin:0; padding:0;} .jsstar span{ display:block;font-size: 14px; line-height:30px; margin:0; padding:0; margin-left:80%; color:#666} .p_main{ width:100%; overflow:hidden; background:#FFF; padding-top:20px; padding-bottom:20px;} .m_pingjia{ display:block; width:95%; height:35px; background:#E71F19; font-size:16px; line-height:35px; text-align:center; color:#FFF;border-radius:2px; border:0; margin:auto} .shaidan{ width:100%; overflow:hidden; background:#FFF; margin-bottom:5px; padding-top:10px; padding-bottom:10px;} .shaidan h2{ width:95%; margin:auto; height:40px; font-size:16px; line-height:40px; color:#666; background:url(images/messages.png) no-repeat left center;background-size: auto 25px; text-indent:25px; border-bottom:1px solid #eeeeee; font-weight:normal;} .shaidan h3{ width:95%; margin:auto; height:40px; font-size:16px; line-height:40px; color:#666; background:url(images/messages.png) no-repeat left center;background-size: auto 25px; text-indent:25px; border-bottom:1px solid #eeeeee; font-weight:normal;} .shaidan h4{ width:95%; margin:auto; height:40px; font-size:16px; line-height:40px; color:#666; background:url(images/shangchuan.png) no-repeat left center;background-size: auto 25px; text-indent:25px; border-bottom:1px solid #eeeeee; font-weight:normal;} .shaidan .title{ display:block; width:90%; margin:auto; border:1px solid #dddddd; height:30px; font-size:14px; line-height:30px; color:#666; margin-top:10px;} .shaidan .inputBorder{ display:block; width:90%; margin:auto; border:1px solid #dddddd; height:80px; font-size:14px; line-height:150%; color:#666; margin-top:10px;} .picuplodfile {position: relative; margin-right: 10px; display: inline-block; background:url(images/xiangji.png) no-repeat center center; border: 1px solid #ddd;border-radius: 4px;padding: 0px 0px;overflow: hidden;color: #1E88C7;text-decoration: none;text-indent: 0;line-height: 20px;background-size: auto 50px;} .picuplodfile input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;} .picuplodfile:hover {background: #fff; border: 1px solid #F00; color: #004974;text-decoration: none; background:url(images/xiangji.png) no-repeat center center;background-size: auto 50px;} /*================input的可用样式=======*/ .f_checkbox_t {width: 18px;height: 18px;background:#ffffff url(images/flow_icon_order.png) 0px 0px no-repeat; background-size:24px auto;float: left;} .f_checkbox_t {margin: 5px 5px 5px 0;} .f_checkbox_t:checked {background-image: url(images/flow_icon_order.png);background-position:0px -32px;} .f_checkbox_t:disabled { background-image: url(images/flow_icon_order.png);background-position:0px -63px;} /*商品详情页评价*/ .comment_list{ width:100%; overflow:hidden; /* margin-top:45px; */ padding-top:10px;} .content_head{ width:98%; overflow:hidden; margin:auto; padding:1%; background:#fff;border-radius:5px;} .content_head .comment_star{ width:100%; overflow:hidden} .content_head .comment_star dl dt{ width:100%; height:30px;} .content_head .comment_star dl dt span{ display:block; float:left; font-size:14px; line-height:30px; color:#666;} .content_head .comment_star dl dt em{ display:block; float:left; margin-left:10px;} .content_head .comment_star dl dt em img{ display:block; height:15px; margin-top:6px;} .comment_time{ float:right; font-size:12px; line-height:30px; color:#999; text-align:right} .content_head .comment_star dl dd{ width:100%;font-size:12px; line-height:150%; color:#999;} .content_head .shaidan{ width:100%; overflow:hidden} .content_head .shaidan dl dt{ width:100%; height:30px; overflow:hidden} .content_head .shaidan dl dt span{ display:block; float:left; font-size:14px; line-height:30px; color:#f60;} .content_head .shaidan dl dt em{display:block; float:right; height:20px; margin-top:5px; padding-left:8px; padding-right:8px; font-size:12px; line-height:20px; color:#FF2233; border:1px solid #FF2233;border-radius:2px;} .content_head .shaidan dl dd{ width:100%;font-size:12px; line-height:150%; color:#999;} .content_head .hufu{ width:100%; overflow:hidden; border-top:1px dashed #eeeeee; margin-top:10px;} .content_head .hufu dl dt{ width:100%; height:30px;font-size:14px; line-height:30px; color:#666;} .content_head .hufu dl dd{ width:100%;font-size:12px; line-height:150%; color:#FF2233;} .score{ width:100%; font-size:14px; line-height:50px; color:#666; text-align:center; padding-top:100px;} /*商品详情页晒单*/ .shaidan{ width:100%; overflow:hidden;} .shaidan h3{ width:100%; height:30px; color:#333; font-size:16px; line-height:30px; font-weight:normal} .shaidan h4{ width:100%; height:20px; color:#666; font-size:14px; line-height:20px;font-weight:normal} .shaidan p{ width:100%; overflow:hidden; color:#999; font-size:14px; line-height:150%;} .sd_img{ width:100%; overflow:hidden} .sd_img dl{ width:100%; overflow:hidden} .sd_img dl dd{ float:left;width:50px; height:50px; margin:5px;} .sd_img dl dd img{ width:50px; height:50px;} .comment_page{ width:100%; margin:auto; text-align:center; padding-top:10px; padding-bottom:10px;} .comment_page a{ display:inline-block; height:30px; padding-left:10px; padding-right:10px; margin-left:5px; margin-right:5px; border:1px solid #666; font-size:12px; line-height:30px; text-align:center; color:#666;border-radius:3px;} .shaidan h5{ width:95%; margin:auto; height:40px; font-size:16px; line-height:40px; color:#666; font-weight:normal;} /* 领取红包 */ .quan-banner{display: inline-block;width: 100%; } .quan-banner img{ width:100%; height:auto} .quan-list{ display: inline-block;width: 100%;} .BonusList{ display: inline-block;width: 100%;} .couponList{ padding:0 10px 0; } .couponItem{ height:98px; margin-top:10px; border-radius:7px; border:1px solid #E8E8E8; border-left:0; position:relative; overflow:hidden;} .couponItem .couRadio{ width:17px; height:17px; border:1px solid #9b9b9b; background:#fff; text-align:center; border-radius:50%; font-size:0; line-height:0; position:absolute; right:3%; top:0; bottom:0; margin:auto; z-index:2;} .couponItem .couRadio i{ display:none;} .couponItem.selected .couRadio{ border:1px solid #fc5a5a; background:#fc5a5a;} .couponItem.selected .couRadio i{ display:inline-block; width:11px; height:7px; background-position:-183px -27px; margin-top:5px;} .couponItem .couSum{ width:113px; line-height:0; font-size:0; position:relative; z-index:1; float: left;} .couSum img{ width:113px; height:98px; font-size:0; line-height:0;} .couSum div{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; } .couSum div p{ text-align:right; line-height:1.4; color:#FF4A47; padding-right:10px;} .couSum div .sum{ padding-top:25px;} .couSum div .rul{ font-size:12px; padding-top:4px; color:#392A03} .couSum em{ font-size:12px; font-family:"华文细黑";} .couSum span{ font-size:32px;} .couInfo { height:100%; padding:10px; background:#fff; margin-left: 113px; box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;} .couInfo .h{ width:100%; line-height:18px; color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;box-orient: vertical;-webkit-box-orient: vertical;} .couInfo .h span{ display:inline-block; height:18px; line-height:18px; font-size:10px; color:#fff; border-radius:1px; padding:0 2px; margin-right:3px; vertical-align: middle;} .manjian .couInfo .h span{ background:#FF4A47;} .couInfo .t{ height:18px; line-height:18px; color:#999; position:absolute; bottom:5px; left:10px; z-index:1; font-size: 12px;} .couInfo .t em{ font-size:14px;} .couponItem .arrow{ width:6px; height:14px; background-position:0 -66px; position:absolute; z-index:2; top:0; bottom:0; right:3%; margin:auto;} .drawBtn{ position: absolute; bottom: 7px;right: 15px;} .drawBtn a{width: 60px; height: 20px; display:block; font-size: 12px; text-align: center; line-height: 20px; border-top-left-radius:10px; border-bottom-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px;} .manjian .drawBtn a.getBonus{ border: 1px solid #FF4A47; color: #FF4A47;} .manjian .drawBtn a.geted{ border: 1px solid #999; color: #999;} /* 领取红包 end */ /* 物流应用 */ .smart-wuliu { padding: 0;border-bottom: 1px solid #DCDCDC; } .smart-wuliu table { width: 100% } .smart-wuliu table tr {background: #fff;width: 100%; font-weight: bold; color: #909090 } .smart-wuliu table td { height: 35px; background: none } .smart-wuliu table td.col1 { width: 30%;color:#FF6600;font-size:13px;} .smart-wuliu table td.col2 { padding:0 10px; width: 60%;} .smart-wuliu table td.colstatus { width: 10% } /* 物流应用 end */ .headimg{ padding:2rem 0} .headimg dl{ clear:both; text-align:center; line-height:48px;} .headimg dl dt{ float:left; width:25%; padding-right:5%; text-align:right;} .headimg dl dd{ float:left; width:70%; text-align:left;}