body{font-size: 14px;background:#d9d9d9;} .wrapper{width: 100%;overflow: hidden;min-height: 100%;} .bk{border:1px solid green;} /*三角形*/ .t_triangle{ width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; } .r_triangle{ width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid #f4813f; border-bottom: 5px solid transparent; } /*等待gif*/ .loading{background: url('../icon/006.gif') no-repeat center;} /*首页背景图*/ .healthy_back{background: url('../icon/Health-information-figure.jpg') no-repeat center;background-size: cover} .cart_default_icon{background: url('../icon/cart@3x.png') no-repeat center;background-size: cover} .righthu{background: url('../icon/righthu@3x.png') no-repeat center;background-size: cover} /*首页背景图*/ .home_back1{background: url('../icon/banner.png') no-repeat center;background-size: cover} .home_back2{background: url('../icon/wenhua.png') no-repeat center;background-size: cover} .home_back3{background: url('../icon/wenhua.png') no-repeat center;background-size: cover} .home_back4{background: url('../icon/zp.png') no-repeat center;background-size: cover} /*登录注册页背景图*/ .login_back{background: url('../icon/loginback.png') no-repeat center;background-size: cover} /*注册进度样式*/ .register_icon1{background: url('../icon/flow1@3x.png') no-repeat center;background-size: 550px 40px} .register_icon2{background: url('../icon/flow2@3x.png') no-repeat center;background-size: cover} .register_icon3{background: url('../icon/flow3@3x.png') no-repeat center;background-size: cover} /*提现进度样式*/ .apply_icon1{background: url('../icon/loading@3x.png') no-repeat center;background-size: 550px 25px} .apply_icon2{background: url('../icon/succed@3x.png') no-repeat center;background-size: 550px 25px} .apply_icon3{background: url('../icon/shalou.png') no-repeat center;background-size: cover} .me_back_icon {background: url('../icon/personal-figure.jpg') no-repeat center;background-size: cover} /*注册成功icon*/ .register_success_icon { background:url(../icon/icon-success.png) no-repeat;background-size: cover;background-position: center; } .check_icon { background:url(../icon/gou@3x.png) no-repeat;background-size: cover;background-position: center; } /*左右icon*/ .left_icon { background: url(../icon/Aboutus-icon-leftpage.png) no-repeat;background-size: cover;background-position: center; } .right_icon { background: url(../icon/Aboutus-icon-rightpage.png) no-repeat;background-size: cover;background-position: center; } .bottom_icon { background: url(../icon/gery.png) no-repeat;background-size: cover;background-position: center; } .bottom_yellow_icon { background: url(../icon/yellow.png) no-repeat;background-size: cover;background-position: center; } /*加减数量icon*/ .mbottom_icon { background: url(../icon/get_more@3x.png) no-repeat;background-size: cover;background-position: center; } .mtop_icon { background: url(../icon/top@3x.png) no-repeat;background-size: cover;background-position: center; } /*选中样式*/ .selected_icon { background: url(../icon/gouxuan@3x.png) no-repeat;background-size: 30px 20px ;background-position: right bottom; } /*加入购物车图标*/ .addCart_icon { background: url(../icon/cart.png) no-repeat;background-size: cover;background-position: center; } /*我的设置icon*/ .setup_act_icon { background: url(../icon/wode-shezhi@2x.png) no-repeat;background-size: cover;background-position: center; } .setup_icon { background: url(../icon/wode-shezhi@2x@2x.png) no-repeat;background-size: cover;background-position: center; } /*footer icon*/ .home_icon{ background: url(../icon/shouye-1@2x.png) no-repeat;background-size: cover;background-position: center; } .home_act_icon{ background: url(../icon/shouye-2@2x.png) no-repeat;background-size: cover;background-position: center; } .cooperation_icon{ background: url(../icon/zhaoshang-1@2x.png) no-repeat;background-size: cover;background-position: center; } .cooperation_act_icon{ background: url(../icon/zhaoshang-2@2x.png) no-repeat;background-size: cover;background-position: center; } .shopping_icon{background: url(../icon/shangp-1@2x.png) no-repeat;background-size: cover;background-position: center;} .shopping_act_icon{background: url(../icon/sahngp-2@2x.png) no-repeat;background-size: cover;background-position: center;} .shoppingCart_icon{background: url(../icon/gouwuche-1@2x.png) no-repeat;background-size: cover;background-position: center;} .shoppingCart_act_icon{background: url(../icon/nav-icon-shopping-cart.png) no-repeat;background-size: cover;background-position: center;} .me_icon{background: url(../icon/wode-1@2x.png) no-repeat;background-size: cover;background-position: center;} .me_act_icon{background: url(../icon/wode-2@2x.png) no-repeat;background-size: cover;background-position: center;} /******** me ********/ .wait_pay_icon { background: url(../icon/daifuk@2x.png) no-repeat;background-size: cover;background-position: center; } .wait_send_icon { background: url(../icon/daifahuo@2x.png) no-repeat;background-size: cover;background-position: center; } .wait_delivery_icon { background: url(../icon/daishouhuo@2x.png) no-repeat;background-size: cover;background-position: center; } .refundOrder_icon { background: url(../icon/tuikan@2x.png) no-repeat;background-size: cover;background-position: center; } /*我的钱包*/ .balance_round_icon { background: url(../icon/wallet-icon-balance.png) no-repeat;background-size: cover;background-position: center; } .to_examine_icon { background: url(../icon/wallet-icon-withdrawals.png) no-repeat;background-size: cover;background-position: center; } .historyRecord_icon { background: url(../icon/wallet-icon-record.png) no-repeat;background-size: cover;background-position: center; } .rebateRecord_icon { background: url(../icon/wallet-icon-rebaterecord.png) no-repeat;background-size: cover;background-position: center; } /*复选按钮*/ .checkbox_icon { background: url(../icon/circle@3x.png) no-repeat center;background-size: cover; } .checkbox_act_icon { background: url(../icon/circle_selected@3x.png) no-repeat center;background-size: cover; } /*购物车复选按钮2*/ .checkbox_icon2 { background: url(../icon/icon-choose.png) no-repeat center;background-size: cover; } .checkbox_act_icon2 { background: url(../icon/selectact.png) no-repeat center;background-size: cover; } /*tab下划线*/ .nav_act { border-bottom: 0.04rem solid #F68034; } /*地址icon*/ .address_icon { background: url(../icon/dingwei-2@2x.png) no-repeat center;background-size: cover; } .edit_address_icon { background: url(../icon/bianji@2x.png) no-repeat center;background-size: cover; } .del_address_icon { background: url(../icon/shanchu@2x.png) no-repeat center;background-size: cover; } /*开关icon*/ .switch_icon { background: url(../icon/Post_Close@2x.png) no-repeat center; background-size: cover; } .switch_act_icon { background: url(../icon/Post_Open@2x.png) no-repeat center; background-size: cover; } /*返佣记录icon*/ /*首页 logo*/ .home_logo{background: url('../icon/little_logo.jpg') no-repeat; background-position: center ;background-size: 160px 60px;} .shop_logo{background: url('../icon/little_logo2.jpg') no-repeat; background-position: center ;background-size: cover;} /*消息中心*/ .logistics_news_icon{background: url('../icon/xiaoxi-wuliu@2x.png') no-repeat center; background-size: cover;} .notice_news_icon{background: url('../icon/xiaoxi-tonghi@2x.png') no-repeat center; background-size: cover;} /*关闭icon*/ .closef_icon{background:url('../icon/x@3x.png') no-repeat center; background-size: cover;} /*商城页面导航*/ .telephone_icon{background:url('../icon/commoditycenter-icon-customerservice.png') no-repeat center; background-size: cover;} .me_icon{background:url('../icon/commoditycenter-icon-personal.png') no-repeat center; background-size: cover;} .cart_icon{background:url('../icon/commoditycenter-icon-shoppingcart.png') no-repeat center; background-size: cover;} .top_icon{background:url('../icon/commoditycenter-icon-top.png') no-repeat center; background-size: cover;} /*商品详情*/ .seven_day_icon{background:url('../icon/7tian@2x.png') no-repeat center; background-size: cover;} .package_icon{background:url('../icon/baoyou@2x.png') no-repeat center; background-size: cover;} /*右边红色icon*/ .right_main_icon { background: url('../icon/xaiyibu@2x@2x.png') no-repeat;background-size: cover;background-position: center; } /*支付方式icon*/ .wx_icon { background: url('../icon/weixin@3x.png') no-repeat;background-size: cover;background-position: center; } .wallet_icon {background: url('../icon/settlementcenter-icon-wallet.png') no-repeat center;background-size:48px 45px;} .wallet_gray_icon {background: url('../icon/personal-icon-wallet.png') no-repeat center;background-size:cover;} .alipay_icon{background:url('../icon/alipay@3x.png') no-repeat;background-size: cover;background-position: center;} /*上传图片icon*/ .upload_img_icon{background: url('../icon/shangchuan@2x.png') no-repeat;background-size: cover;background-position: center;} /*上传头像icon*/ .upload_head_icon{background: url('../icon/morentouxiang-1@2x.png') no-repeat;background-size: cover;background-position: center;} /*返佣记录icon*/ .pig_icon{background: url('../icon/record-icon-pig.png') no-repeat;background-size: cover;background-position: center;} /*加减icon*/ .plus_icon{background: url('../icon/icon-add.png') no-repeat;background-size: cover;background-position: center;} .reduce_icon{background: url('../icon/icon-subtract.png') no-repeat;background-size: cover;background-position: center;} /*提现详情icon*/ .arrival_icon{background: url('../icon/11@2x.png') no-repeat;background-size: 0.3rem 2.4rem;background-position: center;} .not_arrival_icon{background: url('../icon/01@2x.png') no-repeat;background-size: 0.3rem 2.4rem;background-position: center;} /*健康资讯icon*/ .love_icon{background: url('../icon/jiangkangzixun@2x.png') no-repeat;background-size: cover;background-position: center;} .search_icon{background: url('../icon/sousou@2x.png') no-repeat;background-size: cover;background-position: center;} .shop_gray_logo{background: url('../icon/hesiti@2x.png') no-repeat; background-position: center ;background-size: cover;} /*注册icon*/ .close_icon{background: url('../icon/qingchu@2x.png') no-repeat;background-size: cover;background-position: center;} .eye_icon{background: url('../icon/yingcang@2x.png') no-repeat;background-size: cover;background-position: center;} /*首页轮播图*/ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .bannerBox1 .slides > li{height: 498px;} .bannerBox2 .slides > li{height: 498px;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;vertical-align: middle;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); */ zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 60px; margin: -35px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-indent:-999em;background-color:rgba(0,0,0,0.3) } .flex-direction-nav .flex-prev { left: 0px; background-position:5px center } .flex-direction-nav .flex-next { right: 0px; background-position:-125px center} .flexslider:hover .flex-prev { opacity: 0.7; left: 10px;} .flexslider:hover .flex-next { opacity: 0.7; right: 10px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd} .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .bannerBox2 .flex-control-nav{bottom:.8rem;} .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;z-index:2} .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 16px; height: 12px; display: block; background: #999;border:0px solid #999; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;opacity:1;/* -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 3px rgba(255,255,255,1); -o-box-shadow: inset 0 0 3px rgba(255,255,255,1); box-shadow: inset 0 0 3px rgba(255,255,255,1); */} .flex-control-paging li a:hover { background:#fff;border:0px solid #fd655a;opacity:0.8} .flex-control-paging li a.flex-active { background: #fff; background:#F1BC1A;border:0px solid #fd655a; cursor: default;opacity:1} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;display:none} .flex-direction-nav .flex-next { opacity: 1; right: 10px;display:none} } .helth_item:nth-of-type(5n){ margin-right: 0 !important; } .undelineorgin{width: 100%;height: 2px;background: orange} /*新改*/ .w147{width: 147px;}.h53{height: 53px;}.ml92{margin-left: 92px;}.pb80{padding-bottom: 80px;}.ml120{margin-left: 120px;} .col_8d8d8d{color: #8D8D8D}.ml270{margin-left: 270px;}.mt70{margin-top: 70px;}.w783{width: 783px;}.w170{width: 170px;} .pt17{padding-top: 17px;}.ml35{margin-left: 35px;}.ml220{margin-left: 220px;}