/*自定义字体 20170418*/ @font-face { font-family: 'SimHei',Arial; } .tac{text-align: center;} /*iphone手机的input的样式问题*/ input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } /*css初始值*/ html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;list-style-type: none;} body {margin:0 auto;font-family: 'SimHei',Arial;font-size: 14px;color: #000000;padding:0px;min-width:300px;max-width:720px;left: 0;top: 0;background-color: #fff; } /*新增 文件main.css第12行 overflow:hidden 20170320*/ html, body{overflow: visible;margin:0 auto;} img { border:0px} a:link {font-family: 'SimHei',Arial;font-size:14px;color: #000000;text-decoration: none;} a:visited {font-family: 'SimHei',Arial;font-size:14px;color:#000000;text-decoration: none;} /*颜色修改 20170315*/ a:hover {font-family: 'SimHei',Arial;font-size:14px;/*color:#E24615;*/ color:#C4182E; text-decoration: none;} /*颜色修改 end*/ input[type=number] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;} .main{ width:100%; overflow:hidden; margin:0; padding:0;} table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 14px } fieldset, img { border: 0 } cite, em, s, i, b { font-style: normal } /*增加字体样式 20170317*/ input, button, textarea, select { font-size: 14px; font-family: 'SimHei',Arial;} body, input, button, textarea, select, option { font-size: normal } a, input, textarea { text-decoration: none; outline: 0 } li, img, label, input { vertical-align: middle } var { font-style: normal } ins { text-decoration: none } /*删除 20170322*/ /*body { font-size: 20px }*/ .black{width:100%;height:5px;background: #F2F2F2;} /*文字对齐*/ .tac{text-align: center;} .tal{text-align: left;} .tar{text-align: right;} /*新增 20160320*/ /*字体大小 */ .font0{font-size: 0;} .font12{font-size: 12px;} .font14{font-size: 14px;} .font16{font-size: 16px;} .font18{font-size: 18px;} .font20{font-size: 20px;} .font22{font-size: 22px;} .font26{font-size: 26px;} .font28{font-size: 28px;} .font30{font-size: 30px;} .font36{font-size: 36px;} .font44{font-size: 44px;} .font32{font-size: 32px;} /*颜色*/ .cr{color: #C4182E;} .c-0{color: #000000;} .c-9{color: #999999;} /*新增 20170320*/ /*截断*/ .cut{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} /*隐藏*/ .dn{display: none;} /*新增 end*/ /*合并图片css引用*/ .top_bt,.user_btn,.show_cart{background:url(../images/pub_flow.png) no-repeat;background-size: auto 160px; } .menu1,.menu2,.menu3,.menu4,#show_more{background:url(../images/pub_goods.png) no-repeat;background-size: auto 200px;} .dingdan_1,.dingdan_2,.dingdan_3,.dingdan_4{background:url(../images/pub_main.png) no-repeat;background-size: auto 450px;} /*.vf_1,.vf_2,.vf_3,.vf_4,.vf_5{background:url(../images/pub_main.png) no-repeat;background-size: auto 400px;}*/ /*头部弹出菜单*/ .hid{ display:none;} .goods_nav{ width:30%; float:right; right:5px; overflow:hidden; position:fixed;margin-top:25px; z-index:9999999} .Triangle{ width:100%; height:20px; } .Triangle h2{ width: 0;height: 0;border-style: solid;border-color: transparent transparent #565553 transparent;border-width: 10px;transition: 0.6s;float:right; margin-right:10px;} .goods_nav ul{ width:100%; overflow:hidden;background-color:rgba(46,45,45,0.9);border-radius:2px;} .goods_nav li{ width:100%; height:40px; border-bottom:1px solid #959595;} .nl5{ background:#2D2D2D} .goods_nav li span{display: block;width:25px;height:25px; float:left; margin-top:5px; margin-left:5px;} .goods_nav li i{ font-style:normal; color:#f3f1f1; font-size:14px; display:block; float:left; line-height:40px;} .menu1{ background-position:0 4px;} .menu2{ background-position:0 -19px;} .menu3{ background-position:0 -41px;} .menu4{ background-position:0 -64px;} /* 页面头部 */ .header { width:100%; height:45px; background:#F6F6F6;top:0; z-index:9999; border:0; border-bottom:1px solid #CCC} .h-left{float:left;width:15%; height:45px;} .h-left a{ display:block; width:45px; height:45px; margin:auto; background: url(../images/category/arrow_left.png) no-repeat 15px center; background-size: auto 16px; } .h-right{float:left; width:15%;height:45px;} .h-mid { width:70%; height:45px; float:left; text-align:center; color:#333; font-size:16px; line-height:45px; position:relative;font-family: 'SimHei',Arial;} .h-mid h6 { color:#333; font-size:16px; font-family: 'SimHei',Arial; font-weight:normal;} /*弹出菜单*/ .top_bar{float:right; display:block;margin-right:8px; width:40px; height:40px; float:right;} #show_more{width:30px; height:20px; float:right;background-position:0 -110px; margin-left:10px; margin-top:10px;} .goods_nav{ width:30%; float:right; right:5px; overflow:hidden; position:fixed;margin-top:-20px; z-index:9999999} /*底部模块*/ .footer { background-color: #F8F8F8; text-align: center; width:100%; overflow:hidden; padding-bottom:10px; padding-top:10px;} .footer a { display: inline-block; /*padding: 0 1em*/ } .footer span { color: #82858A; } .footer .tip { padding: 0 0 1.5em } .footer .tip span { font-size: 1.2em } .footer .links {width:75%;margin:0 auto; background:none} .footer .links a { border-right:1px solid #dcdcdc ;height:20px;line-height: 20px; font-size:14px; padding-left:10px; padding-right:10px;} .footer .links a:last-child { border-right: 0 none } .footer .linkss {width:65%; margin:0 auto;height:70px;margin-top:10px;} .footer .linkss li{width:33.3%;float:left; text-align: center;height:70px;font-size: 10px;} .footer .linkss li a i{display:block; width:40px; height:40px; margin:auto;} .footerimg_1,.footerimg_2,.footerimg_3{background:url(../images/pub_footer.png) no-repeat;background-size: auto 170px;} .footerimg_1{ background-position:0 0} .footerimg_2{background-position:0 -60px;} .footerimg_3{background-position:0 -124px;} .footer .gl { color: #c30e0e } .footer p { text-align: center; line-height: 20px; } .mf_o4 { color: #a2a2a2 ;font-size: 10px;} /*返回顶部*/ .gotop{ display:block; width:40px; height:40px; position:fixed; bottom:70px; right:8px;background-color:rgba(243,241,241,0.5); border:1px solid #CCC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .gotop img{ display:block; width:40px; height:40px;} /*footer_nav1底部悬浮菜单css*/ .v_nav { max-width:720px;position: fixed; bottom: 0; width: 100%; height:45px; background-color:rgba(238,238,238,0.9);border-top: #dcdcdc 1px solid; z-index: 97;padding:0px; margin:0 auto; padding-bottom:2px; padding-top:2px } .vf_nav{ width:100%;height:45px; margin:auto; padding:0px; margin:0px;} .vf_nav ul li{ width:20%; height:45px; float:left; text-align:center; margin:0px;} .vf_nav ul li a{ text-align:center; font-size:12px; color:#333; width:45px; display:block; height:45px; position: relative; margin:auto} .vf_nav ul li i{ display:block; width:25px; height:25px; margin:auto; } /*footer_nav 未选中 的图标*/ /*footer_nav 选中的图标*/ .vf_nav ul li.on .vf_1{background-image: url(../images/all/index_on.png);} .vf_nav ul li.on .vf_2{background-image: url(../images/all/fl_on.png);} .vf_nav ul li.on .vf_3{background-image: url(../images/all/fx_on.png);} .vf_nav ul li.on .vf_4{background-image: url(../images/all/car_on.png);} .vf_nav ul li.on .vf_5{background-image: url(../images/all/user_on.png);} /*.vf_1_on{background-image: url(../images/all/index_on.png);} .vf_2_on{background-image: url(../images/all/fl_on.png);} .vf_3_on{background-image: url(../images/all/fx_on.png);} .vf_4_on{background-image: url(../images/all/car_on.png);} .vf_5_on{background-image: url(../images/all/user_on.png);}*/ .vf_nav ul li span{ display:block; width:100%; height:20px; line-height:20px;} .vf_nav ul li.on span{color: #000000;} .vf_nav ul li a:active{color: #ff7171;} .gotop img{ display:block; width:40px; height:40px;} /* 购物车弹出效果*/ /*老的带商品信息的弹出层样式*/ .cartpopDiv { padding: 0 2%; width: 96%; } .cartitle { height: 35px; line-height: 35px; color: #FFF; font-size: 14px; font-weight: bold; text-align: left; text-indent: 15px; background: #E3010B } .coninfo { padding: 10px 0 0px; border-top: #e5e5e5 1px dashed; font-size: 12px; text-align: center; width: 100%; color: #999; line-height:22px; } .shopdiv { border-radius: 5px 5px 5px 5px;} .coninfo table { border: none; color: #999999; } .toptitle { margin: 8px 0px; } .toptitle p a { color: #999999; } .toptitle .pic { float: left; margin-right: 10px; } .coninfo .gray { color: #999 } .coninfo strong { color: #ec5151 } .coninfo font { font-size: 18px; } .conprice { line-height: 30px; } .cardivfloat { background-color: #fff; border-radius: 5px 5px 5px; } .cartdivfloattitle { font-weight: normal; color: #ffffff; font-size: 14px; text-indent: 15px; width: 70%; float: left; } .cartbntfloat { text-align: center; padding: 15px 0 0px; margin-bottom: 10px; clear:both } .con_close { width: 50px; float: right; text-align: right; color: #FFF; padding-right: 15px; font-weight: normal; } .greyBtn { background-color:#25C6FC; border-radius: 4px; height: 30px; line-height: 30px; border: none; position: relative; display: inline-block; width: 45%; margin: 10px 0 0 10px; text-align: center; color: #fff; } a.redBtn { background-color:#E3010B; height: 30px; line-height: 30px; color: #fff; border-radius: 4px; border: none; position: relative; display: inline-block; width: 45%; margin: 10px 0 0 10px; text-align: center; } .bor-top { border-top: #e5e5e5 1px solid; } .blank5 { height: 5px; line-height: 5px; clear: both; visibility: hidden; overflow: hidden; } .cartbntfloat a{ color:#FFF} .touchweb_com-indexPop { 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-color: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index:99999999 } .touchweb_com-indexPop.show { opacity: 1; visibility: visible; } .touchweb_com-indexPop .inner { width: 235px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px 15px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; height:auto; } .touchweb_com-indexPop .inner .btn_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 30px; margin-top: 10px; text-align: center; } .touchweb_com-indexPop .inner .btn_box .btn { display: block; height: 30px; line-height: 28px; width: 85px; font-size: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ff3c3c; -webkit-border-radius: 4px; border-radius: 4px; color: #333; } .touchweb_com-indexPop .inner .btn_box .btn_confirm { color: #fff; background-color: #ff3c3c; } .touchweb_com-indexPop .inner .btn_box .btn_confirm:active { background-color: #ff0909; } .touchweb_com-indexPop .inner .btn_box .btn_cancel { border: 1px solid #25C6FC; background-color: #25C6FC; color:#FFF } .touchweb_com-indexPop .inner .btn_box .btn_cancel:active { background-color: #25C6FC; } .touchweb_com-indexPop { font-size:.12rem;} .touchweb_com-indexPop .inner .content_name {margin-bottom: 23px;} .touchweb_com-indexPop .inner .content_name p {line-height:20px;font-size:14px; color: #000;} .touchweb_com-indexPop .inner .btn_box .btn { font-size:14px;} /*pages.lbi翻页效果css*/ .pagenav-wrapper .pagenav-content { width:100%; padding: 20px 0px 20px; text-align: center; line-height: 29px; overflow: hidden; } .pagenav-wrapper .pagenav { } .pagenav-wrapper .pagenav a { color: #333; } .pagenav-wrapper .pagenav>div { background-color: #fff; border: 1px solid #ccc; line-height: 29px; white-space: nowrap; border-radius: 2px; cursor: pointer; display: inline-block; } .pagenav .p-first, .pagenav .p-end { width: 59px ; display:inline-block} .pagenav .p-prev, .pagenav .p-next { width: 59px; margin: 0 5px; display:inline-block; font-size:12px;} .pagenav .p-num { width: 30px; margin: 0 5px ; display:inline-block} .pagenav .pagenav-text { min-width: 100px; height:29px;} .pagenav .pagenav-text span { font-size:16px; } .pagenav .pagenav-cur { position: relative; background: #fff; height:29px;} .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; } .pagenav .pagenav-cur i { display: inline-block} .pagenav-wrapper .pagenav .p-gray { background-color: #fdfdfd; color: #b4b1b1 } .pagenav a:hover { text-decoration: none } .global-nav__nav-shop-cart-num{ position: absolute; top:2px;right: 10px; display: block; color: #fff;text-align: center; font-weight:normal; font-size:10px;width:15px; height:15px; line-height:15px; background:#C4182E; border-radius: 50%; } /*没有筛选结果文字样式*/ p.goods_title{ width:100%; font-size:14px; display:block; height:100px; line-height:100px; text-align:center; margin-top:30px; margin-bottom:30px;} .new_prom2{ font-size:14px; text-align:center; padding:20px 0px} div#loader { height: 25px; line-height: 25px; background: url(../images/flow/loader.gif) no-repeat 10px center; background-size: 20px; text-indent: 35px; margin: 0 auto; width: 180px; font-size:14px; } .get_more {width: 100%;height: 30px;display:block;text-align: center;} .get_more img {width: 16px;height: 16px;margin: 0 auto;} .scrollimg{position:relative; overflow:hidden; margin:0px auto; /* 设置焦点图最大宽度 */} .scrollimg .hd{ position: absolute;bottom:0px;text-align: center;width: 100%;} .scrollimg .hd li{display: inline-block;width: .4em;height: .4em;margin: 0 .4em;-webkit-border-radius: .8em;-moz-border-radius: .8em;-ms-border-radius: .8em;-o-border-radius: .8em; border-radius: .8em;background: #FFF;filter: alpha(Opacity=60);opacity: .6;box-shadow: 0 0 1px #ccc; text-indent:-100px; overflow:hidden; } .scrollimg .hd li.on{ filter: alpha(Opacity=90);opacity: .9;background: #f8f8f8;box-shadow: 0 0 2px #ccc; } .scrollimg .bd{position:relative; z-index:0;} .scrollimg .bd li{position:relative; text-align:center;} .scrollimg .bd li img{background:url(/public/static/images/loading.gif) center center no-repeat; vertical-align:top; width:100%;/* 图片宽度100%,达到自适应效果 */} .scrollimg .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);} /* 去掉链接触摸高亮 */ .scrollimg .bd li .tit{display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(themesmobile/68ecshopcom_mobile/images/focusBg.png) repeat-x; color:#fff; text-align:left;} /*购物车弹出窗的内容 新增 20170314*/ .tcbox{/*margin-bottom: 40px;*/ width: 100%; background-color: #fff; font-size: 14px;text-align: left;position: relative;} .tcbox li{border-bottom: 1px solid #E8E8E8;} .tcbox li:last-child{border: 0;} .tcbox .liFirst{height: 180px;position: relative;} .tcimg{text-align: center; position: absolute; left: 0px; top: -45px; width: 200px;height: 200px; border: 1px #dadada solid;font-size: 0;background-color: #FFFFFF;} .tcimg img{max-width: 100%;max-height: 100%; vertical-align: middle; display: inline-block;*display: inline;*zoom: 1;} .dis_vm{ width:0; height:100%; display: inline-block;*display: inline;*zoom: 1; vertical-align: middle;} .tcinfo{position: absolute;left: 220px; bottom: 20px;font-size: 14px;color: #333333;} .tcprice{font-size: 20px;color: #C4182E;} .tcprice i{font-size: 14px;} .tcTit{padding: 10px;} .tcTit .subNav{padding-right:20px ;} .tcBtnBox{max-height: 120px;overflow: auto;margin:0 20px;font-size: 0} .tcBtn{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;font-size: 12px;border: 1px solid #E7E7E7;border-radius: 4px;padding:5px 10px;margin: 5px;} .tcBtnOn{background-color: #C4182E;color: #FFFFFF;} .tcBy{display: inline-block;*display: inline;*zoom: 1;width: 49%;vertical-align: middle;padding: 10px 0;font-size: 14px;} .tcBy i{padding-left: 20px;} .tcBy:last-child{text-align: right;} .tcbox .act_wrap .input-add { display: inline-block; width: 25px; height: 25px; position: relative; vertical-align: middle; background: url(../images/flow/shop-cart.png) no-repeat -25px -55px; background-size: 60px; background-color: #000000;border-radius: 4px;} .tcbox .act_wrap .input-sub { display: inline-block; width: 25px; height: 25px; position: relative; vertical-align: middle; background: url(../images/flow/shop-cart.png) no-repeat 5px -55px; background-size: 60px;background-color: #000000;border-radius: 4px; } .tcbox .act_wrap .input-num { vertical-align: middle; display: inline-block; width: 45px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #DADADA; font-size: 14px; color: #333; -webkit-appearance: none; border-radius: 0; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;/* padding: 0px 10px;*/} .tcbox .act_wrap .input-num span { font-size: 22px; color: #51555a } .tcbox .close{background: url(../images/flow/close.png);width: 30px;height: 30px;position: absolute;top: 10px;right: 20px;cursor: pointer;background-position:center center;background-repeat:no-repeat;background-size:30px 30px; z-index: 10} .tcbox .addr-name{padding:0 20px;max-height: 200px;overflow: auto;margin:0;} .tcbox .addr-name li{padding: 10px;} .tcbox .addr-name.area li{background: url(../images/arrow_down_off.png) no-repeat right center;background-size: auto 13px;} /*新增导航球 20170407*/ .mj-float-nav{background-color: #333; border-radius: 32px; bottom: 135px; box-shadow: 0 0 3px #000; height: 47px; opacity: 0.9; overflow: hidden; position: fixed; right: 15px; transition: all 0.4s ease 0s; width: 47px; z-index: 1000; } .mj-float-nav [class^="icon-"], .navBox [class^="icon-"]::before { background: rgba(0, 0, 0, 0) url("../images/navBall/fixed_menu.png") no-repeat scroll 0 0 / 46px 144px; } .mj-float-nav .icon-dot { position: absolute; width: 47px; height: 47px; right: 0; top: 0; background-position: 0 -97px; background-color: inherit; border-radius: 50%; opacity: inherit; z-index: 1100; } .mj-float-nav .nav-content { position: absolute; width: 188px; height:100%; top: 0; right: 19px; background-color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border-top-left-radius: 23px; border-bottom-left-radius: 23px; z-index: 999; } .mj-float-nav .nav-content a { display: inline-block; width: 24px; height:30px; font-size:12px; color: #eee; background: none; text-align: center; } .mj-float-nav .nav-content a:before { content: ' '; display: block; width: 18px; height: 17px; margin: 0 auto 4px; } .mj-float-nav .icon-category::before { background-position: 0 -17px; } .mj-float-nav .icon-user::before { background-position: 0 -33px; } .mj-float-nav .icon-close { position: absolute; left: 16px; top: 13px; width: 20px; height: 20px; background-position: 0 0; } .mj-float-nav ul { position: relative; width: 188px; height:100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 18px; line-height: 20px; } .mj-float-nav li { display: inline-block; width: 30px; margin-right: 26px; text-align: center; font-size: 0; color: #ffffff; } .mj-float-nav li:last-child { margin-right: 0; } .mj-float-nav li .titbox{ font-size: 12px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .mj-float-nav.open { width: 208px; -webkit-box-shadow: none; box-shadow: none; } .mj-float-nav.open .icon-dot { background-position: 0 -51px; } /*暂无信息 20170421*/ .nogoods{text-align: center;font-size: 18px;color: #333333;} .nogoods img{width: 100px;height: 100px;} .nogoods p{margin-top: 10px;} /*暂无信息 end*/ /*新增分销规则说明 20170619*/ /*规则弹窗*/ .ruleTit { font-size: 18px; color: #fff; padding: 10px 0; text-align: center; background: #C4182E; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; } .ruleTxt { font-size: 14px; color: #333333; margin: 10px; margin-left: 20px; text-align: left; border-bottom: 1px dashed #999999; } .ruleTxt li{ position: relative; padding:0 20px 20px; } .ruleTxt li:first-child{ border-left: 1px dotted #ffd943; } .ruleTxt .car,.ruleTxt .fx{ width: 30px; height: 30px; background-repeat:no-repeat ; background-position:center center; background-color:#ffd943 ; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; left: -15px; top: 0; } .ruleTxt .car{ background-image: url(../images/user/car1.png); background-size:16px 15px ; } .ruleTxt .fx{ background-image: url(../images/user/fx.png); background-size:19px 15px ; } .ruleClose { width: 30px; height: 30px; background: url(../images/user/redClose.png) no-repeat; background-size: cover; position: absolute; right: -10px; top: -10px; } .rule .explain{ text-align: left; padding: 10px; color: #999999; font-size: 14px; } .rule .goumai{ font-size: 16px; color: #333; padding: 10px; border-top:1px solid #eee ; } /*增加分辨率 20170316*/ @media (max-width:480px ) { /*字体大小 20170320*/ .font16{font-size: 14px;} .font28{font-size: 24px;} .font44{font-size: 38px;} .font32{font-size: 28px;} /*购物车弹出窗的内容*/ .tcBtnBox {margin: 0 10px;} .tcTit{padding: 10px;} .tcBy{padding: 10px 0;} .tcBy i {padding-left: 10px;} .tcbox .liFirst{height: 150px;position: relative;} .tcimg{width: 150px;height: 150px;top: -20px;} .tcinfo{position: absolute;left: 170px; bottom: 20px; color: #333333;} .tcbox .close{width: 30px;height: 30px;top: 10px;right: 10px;} /*新增 个人中心有影响 20170321*/ /*body { font-size: 16px; }*/ } @media (max-width:360px ) { /*字体大小 20170320*/ .font16{font-size: 12px;} .font44{font-size: 32px;} .font32{font-size: 24px;} /*购物车弹出窗的内容*/ .tcbox .liFirst{height: 100px;padding-top: 10px;} .tcimg{width: 100px;height: 100px;} .tcinfo{position: absolute;left: 120px;} /*新增 个人中心有影响 20170321*/ /*body { font-size: 14px; }*/ } /*美妆价格*/ .mz{ background: #C4182E; color: #fff; padding: 3px 3px; border-radius: 3px; margin: 0 2px; position: relative; top: -2px; height: 9px; width: 9px; display: flex; justify-content: center; align-items: center; } /*等级价格*/ .rank{ background: #383838; color: #fff; border-radius: 18px; margin-left: 3px; /*position: relative;*/ /*top: -2px;*/ font-size: 9px; width: 55px; height: 9px; padding:2px 0; display: flex; justify-content: center; align-items: center; } /*--零售价--*/ .mk_i{ text-decoration: line-through; font-size: 10px; color:#999;position: relative; top: -1px } .touchweb-com_searchListBox .item .price_box i.mk_i{font-size: 12px; margin-left: 2px } .com_sales{position: absolute; bottom: 0;right:0; color: #666; font-size: 10px; background: rgba(255,255,255,0.7); height: 14px;display:flex;align-items:center;text-align: center; padding: 0 5px} .com_sales.bk_black{background: rgba(200,200,200,0.7); } .touchweb-com_searchListBox .item .price_box i.rank{font-size: 9px; } .touchweb-com_searchListBox .item .price_box i.mz{font-size: 9px; } /*--iframe最大高度--*/ iframe{width: 100%; min-height: 260px; max-height: 400px;} /*--flex布局.nyf--*/ .flex{ display: flex;} .jc_center{ justify-content: center} .jc_sb { justify-content: space-between} .jc_fe{justify-content: flex-end } .ai_center{align-items:center} .jc_sa{justify-content:space-around;} .ai_fe{ align-items: flex-end; } .disi{display: inline-block; } .va_middle{ vertical-align:middle } .va-top{vertical-align: top} .t_c{text-align: center} .t_r{text-align: right} .t_l{text-align: left} .t_th{text-decoration: line-through} .rel{position: relative;} .abs{position: absolute;} .p_fixed{position:fixed;} .m_auto{ margin: 0 auto;} .b_circle{border-radius:50% } .t0{top:0;} .l0{left:0;} .n_w100{width: 100%} .n_h100{height: 100%} .bg_left{ border-top: 1px solid ; border-right: 1px solid ; transform: rotate(225deg); display:inline-block; } /* 右向箭头 */ .bg_right{ border-top: 1px solid ; border-right: 1px solid ; transform: rotate(45deg); display:inline-block; } /*8.5*/ .ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .cover-layer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; background: rgba(0,0,0,0.4); width: 100%; height: 100%; } .fs10{ font-size: 10px; } .fs20{ font-size: 20px; } .fs12{ font-size: 12px; } .fs13{ font-size: 13px; } .fs14{ font-size: 14px; } .fs14{ font-size: 14px; } .fs15{ font-size: 15px; } .fs17{ font-size: 17px; } .fs16{ font-size: 16px; } .fs18{ font-size: 18px; } .fs28{ font-size: 28px; } .fs30{ font-size: 30px; } .fs11{ font-size: 11px; } .fs35{ font-size: 35px; } .fs25{ font-size: 25px; } /* 圆 */ .circle{ border-radius: 50%; } .fc{ color:#fff; } .fr{ color: #e4374d; } .fc3{ color: #333; } .fc4{ color: #444; } .fc5{ color: #555; } .fc6{ color: #666; } .fg{ color:#999999; } .background{ background: #fff; } /*修改图片颜色*/ .img_gray{ -webkit-filter: grayscale(1);/* Webkit */ filter:gray;/* IE6-9 */ filter: grayscale(1);/* W3C */ } .t-r{ text-align: right; } .d-il{ display: inline-block; } /*文字加中间加线*/ .word-line{ text-decoration:line-through; } .fs012{ font-size: 0.12rem; } .fs015{ font-size: 0.15rem; } .fs016{ font-size: 0.16rem; } .fs017{ font-size: 0.17rem; } .fs018{ font-size: 0.18rem; } .fs020{ font-size: 0.2rem; } .fs022{ font-size: 0.22rem; } .fs023{ font-size: 0.23rem; } .fs025{ font-size: 0.25rem; } .fs026{ font-size: 0.26rem; } .fs028{ font-size: 0.28rem; } .fs030{ font-size: 0.30rem; } .fs032{ font-size: 0.32rem; } .fs035{ font-size: 0.35rem; } .fs040{ font-size: 0.4rem; } .fs045{ font-size: 0.45rem; } .fs050{ font-size: 0.5rem; } /*右箭头*/ .bg_rights{ border-top: 0.01rem solid ; border-right: 0.01rem solid ; transform: rotate(45deg); display:inline-block; } .bg_lefts{ border-top: 0.01rem solid ; border-right: 0.01rem solid ; transform: rotate(225deg); display:inline-block; } .goods-img-nyf{ width: 1.3rem; height: 1.3rem} .ai-bas{align-items: baseline;} .fs024{ font-size: 0.24rem; } .wrap{ flex-wrap: wrap; } .new_price{ font-size: 17px;color: #C4182E; } .s_mz_img{ width: 9px; } .s_mz_img2{ width: 9px; } .fir_p_price{ margin-bottom: 3px} .rank.rank1{ height: 12px; } .rank.rank3{ width: 9px; border-radius: 3px; padding: 3px 3px; height: 9px} .font-top{ /*position: relative;*/ /*left:1px;*/ vertical-align: middle; } .touchweb-com_searchListBox.openList .item .price_box .rank .font-top{position: relative;} .touchweb-com_searchListBox .item .price_box i.mz{ top: -2px;padding: 0; height: 14px; width: 14px} .touchweb-com_searchListBox .item .price_box i.mz .s_mz_img{margin-top: 1.2px} .index_pro .price_box.price_box_nyf{ height: 50px}