@charset "utf-8";
/*登录*/
.login_sty_1{padding: 100px 0 40px;}
.login_sty_1 .pic{width: 140px;height: 140px;overflow: hidden;margin: 0 auto;}
.login_sty_1 .pic img{width: 100%;height: 140px;display: block;}

.login_sty_2 .dd{line-height: 60px;margin: 0 0 40px;border-bottom: 1px solid #ff5500;height: 61px;}
.login_sty_2 input{line-height: 60px;width: 100%;}
.login_sty_2 .d1 input{width: 80%;}
.login_sty_2 .d3 input{width: 80%;}
.login_sty_2 .d3 a{color:#ff5500;}
.login_sty_2 .d2{padding: 30px 0 0;}

.login_sty_3{line-height: 100px;}
.login_sty_3 a:hover{text-decoration: underline;color: #333;}

.login_sty_4{position: fixed;left: 50%;bottom: 40px;width: 360px;margin: 0 0 0 -180px;}
.login_sty_4 a{width: 100%;color:#333;background: #f7f7f7;display: block;height: 90px;padding: 15px;}
.login_sty_4 .ic{height: 60px;display: inline-block;padding: 0 0 0 80px;line-height: 60px;font-size: 28px;
  background: url(../images/icon_wx.png) left center no-repeat;}

.login_sty_5{text-align: center;line-height: 100px;}
.login_sty_5 a{text-decoration: underline;color: #a6a6a6;}

/*注册-弹出窗口*/
.popup_box_1{left:5%;right:5%;top:5%;bottom:5%;}
.popup_box_1 .modal-content{border-radius:20px;-webkit-box-shadow:none; box-shadow:none; }
.popup_box_1 .modal-header{padding: 30px;}
.popup_box_1 .modal-header .close {font-size:48px;margin:0;}
.popup_box_1 .modal-title{font-size: 32px;text-align: center;}
.popup_box_1 .modal-body {padding:30px;}
.popup_box_1 .modal-body p{line-height: 40px;}

/*忘记密码*/
.forget_psd_1{margin: 20px 0 0;}
.forget_psd_1 .dd{background: #fff;margin: 0 0 10px;padding: 0 20px;height: 80px;}
.forget_psd_1 .dd input{width: 100%;line-height:80px;}
.forget_psd_1 .d1 input{width: 70%;}
.forget_psd_1 .d1 a{background: #ff5500;display: inline-block;color: #fff;line-height:60px;margin: 10px 0 0 0;width:180px;}
.forget_psd_1 .d2{padding: 0 20px;margin: 50px 0 30px;}

.forget_psd_2 a{color:#ff5500;}
/*会员中心*/
.member_top{width: 100%;height: 420px;position: relative;}

.member_top .top{width: 100%;height: 340px;padding:40px 0 0 20px;}
.member_top .top .pic{width: 100px;height: 100px;overflow: hidden;border: 5px solid #fff;}
.member_top .top .pic img{width:90px;height: 90px;}
.member_top .top .txt{margin: 0 0 0 20px;padding: 10px 0 0;}
.member_top .top .txt p{color: #fff;}
.member_top .top .txt .t1{font-size: 32px;line-height: 50px;}
.member_top .top .txt .t2 span{line-height: 30px;display: inline-block;background: #fff;color: #ff5500;padding: 0 10px;}
.member_top .top .icon{width: 240px;background: #fff;margin: 10px 0 0;height: 80px;padding: 10px 20px 10px 10px;display: inline-block;
  -ms-border-top-left-radius: 40px; -moz-border-top-left-radius: 40px; -webkit-border-top-left-radius: 40px;
  -o-border-top-left-radius: 40px; border-top-left-radius: 40px;
  -ms-border-bottom-left-radius: 40px; -moz-border-bottom-left-radius: 40px; -webkit-border-bottom-left-radius: 40px;
  -o-border-bottom-left-radius: 40px; border-bottom-left-radius: 40px;}
.member_top .top .icon i{font-size:48px;color: #ff5500;}
.member_top .top .icon p{color: #ff5500;}
.member_top .top .ic_1{background: url(../images/ic_hongb.png) left center no-repeat;display: inline-block;padding: 0 0 0 70px;height: 60px;}
.member_top .list{padding: 50px 20px 0 0;}
.member_top .list li{float: left;width: 25%;text-align: center;}
.member_top .list li a span{color: #fff;display: block;}
.member_top .list li a .s1{font-size: 32px;padding: 0 0 10px;}

.member_top .bot{position: absolute;left: 20px;bottom: 0;width: 710px;background: #fff;height: 120px;padding: 20px;}
.member_top .bot .a1{line-height: 80px;font-size: 28px;}
.member_top .bot .a2{width: 140px;font-size: 28px;background: #ff5500;color: #fff;
  -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;-o-border-radius:10px; border-radius:10px;}

.member_mid{background: #fff;margin: 20px 20px 0;}
.member_mid .top{line-height:80px;border-bottom: 1px solid #e5e5e5;padding: 0 20px;}
.member_mid .top .tit{font-size: 28px;font-weight: bold;}
.member_mid .top a{color:#a6a6a6;font-size: }
.member_mid .top a i{font-size: 32px;line-height: 80px;}
.member_mid .list{padding: 20px;}
.member_mid .list li{width: 20%;text-align: center;float: left;display: inline-block;}
.member_mid .list .pic{display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;}
.member_mid .list .pic img{width: 70px;height: 70px;}
.member_mid .list .pic span{position: absolute;right: 0;top:0;text-align: center;z-index: 9;color: #ff5500;width: 30px;
  background: #fff;height: 30px;line-height:26px;border: 2px solid #ff5500;}

.member_bot{background: #fff;margin: 20px 20px 0;padding:40px 20px 20px;}
.member_list li{float: left;width: 25%;display: inline-block;text-align: center;margin: 0 0 30px;}
.member_list li a{display: inline-block;}
.member_list li a .pic{margin: 0 auto 10px;display: inline-block;}
.member_list li a .pic img{width: 80px;height: 80px;}
/*会员卡*/
.memcard_sty_1{width: 100%;height: 400px;background: url(../images/memid_bg.png) center no-repeat;position: relative;}
.memcard_sty_1 .p1{position: absolute;left:100px;top:110px;height: 40px;
  line-height: 40px;background: #fff;color:#ff5500;padding: 0 20px;display: inline-block;}
.memcard_sty_1 .p2{position: absolute;left: 50%;top:50%;margin: -90px 0 0 -90px;border:7px solid #fff;
  width: 180px;height: 180px;background: #fff;overflow: hidden;}
.memcard_sty_1 .p2 img{width:170px;height: 170px; }
.memcard_sty_1 .p3{position: absolute;left:40px;width:630px;line-height: 100px; bottom: 0;}
.memcard_sty_1 .p3 span{color: #fff;}

.memcard_sty_2{background: #fff;padding: 20px;margin: 20px 0 0;text-align: center;}
.memcard_sty_2 img{width: 400px;height: 400px;margin: 0 auto;}
.memcard_sty_2 p{line-height: 100px;}

/*文本文档模板*/
.all_txt_mode{padding: 20px;line-height: 40px;}
.all_txt_mode p{line-height: 40px;}
.all_txt_mode img{max-width: 100%;}

/*个人资料*/
.perdata_sty_1{background: #fff;padding:60px 40px;text-align: center;margin: 0 0 10px;}
.perdata_sty_1 .pic{width: 180px;height: 180px;overflow: hidden;margin: 0 auto 30px;}
.perdata_sty_1 .btns{color:#a6a6a6;}

/*联系地址*/
.contway_2{margin: 40px;}
.contway_2 .box{width: 100%;height: auto;position: relative;background: #fff;padding:160px 40px 40px;}
.contway_2 .bt{background: url(../images/con_bg.png) left center no-repeat;
  line-height: 80px;color: #fff;padding: 0 0 0 90px;font-size: 32px;
  width: 490px;height: 86px;position: absolute;left: -10px;top:40px;}
.contway_2 .li{line-height: 40px;}
.contway_2 .li span{display: inline-block;}
.contway_2 .s1{color: #999;display: inline-block;width: 120px;}
.contway_2 .s2{width: 470px;}

.contway_2 .ewm{margin: 0 0 20px;text-align: center;}
.contway_2 .ewm img{width: 200px;height:200px;display: block;margin: 0 auto;}
.contway_2 .ewm p{line-height:60px;}

/*分销中心*/
.distion_top{width: 100%;height: 300px;position: relative;}

.distion_top .top{width: 100%;height: auto;padding:40px 0 0 20px;}
.distion_top .top .pic{width: 100px;height: 100px;overflow: hidden;border: 5px solid #fff;}
.distion_top .top .pic img{width:90px;height: 90px;}
.distion_top .top .txt{margin: 0 0 0 20px;padding: 10px 0 0;}
.distion_top .top .txt p{color: #fff;}
.distion_top .top .txt .t1{font-size: 32px;line-height: 50px;}
.distion_top .top .txt .t2 span{line-height: 30px;display: inline-block;background: #000;color: #fff;padding: 0 10px;}

.distion_top .bot{position: absolute;left: 20px;bottom: 0;width: 710px;background: #000;height: 120px;padding:30px 20px;
  -ms-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; 
  -webkit-border-bottom-left-radius:0;-o-border-bottom-left-radius:0; border-bottom-left-radius:0;
  -ms-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; 
  -webkit-border-bottom-right-radius:0;-o-border-bottom-right-radius:0; border-bottom-right-radius:0;}
.distion_top .bot .a1{line-height: 60px;font-size: 28px;color: #fff;}
.distion_top .bot .a1 span{font-size: 32px;}
.distion_top .bot .a2{width: 140px;font-size: 28px;background: #ff5500;color: #fff;height: 60px;line-height: 60px;
  -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;-o-border-radius:10px; border-radius:10px;}

.distion_mid{background: #fff;margin: 0 20px;text-align: center;
  -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;-o-border-radius:10px; border-radius:10px;
  -ms-border-top-left-radius: 0; -moz-border-top-left-radius: 0; 
  -webkit-top-left-radius:0;-o-border-top-left-radius:0; border-top-left-radius:0;
  -ms-border-top-right-radius: 0; -moz-border-top-right-radius: 0; 
  -webkit-border-top-right-radius:0;-o-border-top-right-radius:0; border-top-right-radius:0;}
.distion_mid .top{padding:30px 0;}
.distion_mid .top .ss{width: 50%;display: inline-block;position: relative;}
.distion_mid .top .s1:after{content: "";position: absolute;right: 0px;top:50%;height: 40px;background: #e5e5e5;
  width: 1px;font-size: 0;margin: -20px 0 0 ;}
.distion_mid .top .ss p em{font-size: 32px;}
.distion_mid .top .ss .p1{padding:0 0 10px; }
.distion_mid .bot{line-height: 90px;border-top: 1px solid #e5e5e5;}
.distion_mid .bot .ss{width: 50%;display: inline-block;}
.distion_mid .bot .s1{color: #1fae20;}
.distion_mid .bot .s2{color: #ff9002;}
/*收益提现*/
.deposit_top{padding:100px 20px;text-align: center;background: #ff5500;}
.deposit_top .p1{color: #fff;padding: 0 0 20px;}
.deposit_top .p2{color:#fff;font-size: 48px;}
.deposit_mid{line-height: 100px;padding: 0 20px;}

.deposit_bot{margin:0 20px;}
.deposit_bot .dd{background: #fff;margin: 0 0 20px;padding: 0 20px;height: 80px;}
.deposit_bot .dd input{width: 100%;line-height:80px;}

/*我的收益*/
.earnings_top{padding: 60px 0 0;text-align: center;margin: 0 0 20px;}
.earnings_top p{color: #fff;}
.earnings_top .p1{font-size: 48px;}
.earnings_top .p2{padding: 20px 0 40px;}
.earnings_top .p3{padding: 0 0 60px;}
.earnings_top .list{width: 100%;}
.earnings_top .list .ss{width: 50%;display: inline-block;background: rgba(255,255,255,.4);padding: 20px 0;}
.earnings_top .list .s2{background: rgba(255,255,255,.2);}

/*提现明细*/
.withdraw_lsit li{background: #fff;margin: 0 0 5px;padding: 20px;}
.withdraw_lsit li .s2{width: 160px;height: 60px;line-height: 60px;text-align: center;margin: 20px 0 0;}
.withdraw_lsit li .s1{width: 500px;}
.withdraw_lsit li .s1 .p1{line-height: 60px;font-size: 48px;}
.withdraw_lsit li .s1 .p2{color:#a6a6a6;line-height: 40px; }
.withdraw_lsit li .a1{background: #f7f7f7;}
.withdraw_lsit li .a2{background: #ff5500;color: #fff;}
.withdraw_lsit li .a3{background: #1fae20;color: #fff;}

/*我的粉丝*/
.follower_lsit li{background: #fff;padding: 20px;margin: 0 0 5px;}
.follower_lsit li .pic{width: 100px;height: 100px;overflow: hidden;
  -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;}
.follower_lsit li .pic img{width: 100px;height: 100px;}
.follower_lsit li .txt{margin: 0 0 0 20px;line-height: 100px;}

/*我的订单*/
.starch_lsit{margin:20px 20px 0;}
.starch_lsit li{background: #fff;margin: 0 0 20px;}
.starch_lsit li .top{height: 100px;padding: 0 20px;}
.starch_lsit li .top .s1{line-height: 100px;}
.starch_lsit li .top .s2{width: 160px;height: 60px;line-height: 60px;text-align: center;margin: 20px 0 0;}
.starch_lsit li .top .a1{background: #f7f7f7;}
.starch_lsit li .top .a2{background: #ff5500;color: #fff;}
.starch_lsit li .top .a3{background: #e5e5e5;color: #fff;}
.starch_lsit li .list{background:#f7f7f7;padding: 20px 20px 20px 0;margin: 0 0 5px;}
.starch_lsit li .list .pic,.starch_lsit li .list .pic img{width: 160px;height: 160px;}
.starch_lsit li .list .txt{width: 450px;padding:0 20px 0;line-height: 50px;}
.starch_lsit li .list .num{width: 80px;text-align: right;}
.starch_lsit li .list .num p{line-height: 50px;}
.starch_lsit li .list .num p.p1{font-weight: bold;}
.starch_lsit li .list .num p.p2{color:#a6a6a6}
.starch_lsit li .bot{line-height: 100px;text-align: right;padding: 0 20px;}
.starch_lsit li .bot .s2 span{font-size:32px;}

/*邀请好友*/
.request_top{width: 100%;height: auto;background:#ff5500 url(../images/yqhy_bg.jpg) center bottom no-repeat;padding: 60px 160px 80px;}
.request_top .pic{width: 120px;height: 120px;overflow: hidden;}
.request_top .pic img{width: 120px;height: 120px;}
.request_top .txt{margin: 0 0 0 20px;padding: 20px 0 0;}
.request_top .txt p{color:#fff;}
.request_top .txt .p1{font-size: 28px;padding: 0 0 10px;}

.request_mid{padding: 50px 20px 40px;text-align: center;}
.request_mid img{width: 260px;height: 260px;display: inline-block;}
.request_mid p{line-height: 80px;}
.request_mid p span{padding: 0 0 0 35px;display: inline-block;}
.request_mid .p1 span{background: url(../images/ic_wx.png) left center no-repeat;}
.request_mid .p2 span{background: url(../images/ic_xcx.png) left center no-repeat;}

.request_bot{padding: 0 20px;}
.request_bot .tit span{line-height: 60px;font-size: 32px;
  background: url(../images/ic_wh.png) left center no-repeat;padding: 0 0 0 45px;display: inline-block;}
.request_bot .dis,.request_bot .dis p{line-height: 40px;}

/*我的收货地址*/
.address_sty_1{background:#fff url(../images/add_bg.png) center bottom no-repeat;padding: 20px 20px 28px;margin: 0 0 20px;}
.address_sty_1 .bj,.address_sty_2 li .bj{width: 100px;text-align: center;position: relative;
  color:#a6a6a6;text-align: center;line-height: 120px;display: inline-block;}
.address_sty_1 .bj:before,.address_sty_2 li .bj:before{content: "";height: 60px;width: 1px;position: absolute;left: 0;top:30px;background: #e5e5e5;}
.address_sty_2 li .bj{line-height: 80px;}
.address_sty_2 li .bj:before{top:10px;}
.address_sty_1 .txt{width: 590px;}
.address_sty_1 .top{line-height: 60px;}
.address_sty_1 .bot{line-height: 60px;}

.address_sty_2 li{background: #fff;padding: 20px;margin: 0 0 10px;}
.address_sty_2 li .txt{width: 590px;}
.address_sty_2 li p{line-height: 40px;}
.address_sty_2 li .p1 span{color:#a6a6a6;}

/*管理收货地址*/
.wheel-scroll.wheel-scroll-hook {margin: 0;padding: 0;}

/*圈子*/
.cicle_sty_1{width: 100%;height: 380px;overflow: hidden;position: relative;}
.cicle_sty_1 .pic{width: 100%;height: 380px;position: relative;display: block;}
.cicle_sty_1 .pic img{width: 100%;height: 380px;}
.cicle_sty_1 .txt{width: 100%;height:80px;line-height: 80px;color: #fff;background: rgba(0,0,0,.6);
  position: absolute;left: 0;bottom: 0;padding: 0 20px;}
.cicle_sty_1 .txt span{width: 80%;}
.cicle_sty_1.swiper-container-horizontal> .swiper-pagination-bullets,
.cicle_sty_1 .swiper-pagination-custom,.cicle_sty_1 .swiper-pagination-fraction {
    bottom: 35px;right:0;width: 100%;text-align: right;padding: 0 20px 0 0;}
.swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #fff;opacity: .2;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;}

.cicle_sty_2{width: 100%;height: 100px;background: #f7f7f7;line-height: 100px;text-align: center;overflow: hidden;}
.cicle_sty_2 a{font-size: 32px;}
.cicle_sty_2 .on{color:#ff5500;}

.cicle_sty_3 li{border-bottom:10px solid #f7f7f7;}
.cicle_sty_3 li a{display: block;padding: 20px;}
.cicle_sty_3 li .pic,.cicle_sty_3 li .pic img{width: 170px;height: 130px;display: block;}
.cicle_sty_3 li .txt{width: 520px;padding: 20px 0 0;}
.cicle_sty_3 li .txt h2{font-size: 32px;padding: 0 0 20px;}
.cicle_sty_3 li .txt p{color:#a6a6a6;}

/*圈子详情*/
.cicle_sty_4{padding: 20px;background: #fff;margin: 0 0 20px;}
.cicle_sty_4 .top h2{font-size: 36px;line-height: 60px;}
.cicle_sty_4 .top p{color:#a6a6a6;padding:30px 0;}
.cicle_sty_4 .dis{padding: 0 0 40px;}
.cicle_sty_4 .dis img{max-width: 100%;}
.cicle_sty_4 .dis,.cicle_sty_4 .dis p{line-height: 40px;}

.cicle_sty_4 .icons a{display: inline-block;background: #fff2ec;color:#ff9002;padding: 5px 20px;margin: 0 20px 20px 0;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}

.cicle_sty_5{}
.cicle_sty_5 .pic,.cicle_sty_5 .pic img{width: 170px;height: 130px;}
.cicle_sty_5 .txt{width: 460px;margin: 0 20px 0 0;}
.cicle_sty_5 .txt h2{font-size: 28px;line-height: 40px;height: 80px;overflow: hidden;}
.cicle_sty_5 .txt p{color:#a6a6a6;line-height: 50px;}
.cicle_sty_5 i{width: 40px;font-size: 48px;color:#a6a6a6;line-height: 130px;}

.cicle_sty_6{margin: 0 0 0 -20px;}
.cicle_sty_6 li{width: 345px;float: left;margin: 0 0 20px 20px;}
.cicle_sty_6 li a{display: block;}
.cicle_sty_6 li .pic{width: 100%;height: 345px;overflow: hidden;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;}
.cicle_sty_6 li .pic img{width: 100%;height: 345px;}
.cicle_sty_6 li .txt{padding: 20px 10px;}
.cicle_sty_6 li h2,.cicle_sty_6 li p{line-height: 40px;}
.cicle_sty_6 li .p1{font-size: 28px;color:#ff5500;}
.cicle_sty_6 li .p1 del{color:#a6a6a6;font-size: 24px;margin: 0 0 0 10px;}
.cicle_sty_6 li .p2{color:#a6a6a6;}

/*订单-修改地址*/
.ordadd_sty_1{background: #fffbf0;padding: 20px;display: flex;flex-wrap:nowrap;justify-content:space-around;align-items: center;}
.ordadd_sty_1 .dis{padding: 0 0 0 20px;line-height: 40px;color: #faac33;}

.ordadd_sty_2{padding:40px 20px;margin: 20px 0 0;
  background: #fff;display: flex;flex-wrap:nowrap;justify-content:space-between;align-items: center;}
.ordadd_sty_2 i{font-size: 48px;color:#a6a6a6;}
.ordadd_sty_2 .txt{padding: 0 20px;}
.ordadd_sty_2 .txt p{line-height: 40px;}
.ordadd_sty_2 .txt .top{padding: 0 0 10px;}
.ordadd_sty_2 .txt .top p{font-size: 28px;}

/*订单-修改地址列表*/
.ordadd_sty_3 li{margin: 0 0 5px;display: block;position: relative;width: 100%;height: auto;}
.ordadd_sty_3 li p{line-height: 40px;}
.ordadd_sty_3 li .p1{font-size: 28px;padding: 0 0 10px;}
.ordadd_sty_3 li .p1 span{color:#a6a6a6;}

.inputGroup label{display: block;cursor: pointer;position: relative;z-index: 2;width: 100%;padding: 30px 100px 30px 20px;
  font-weight: normal;
  background: #fff;-webkit-transition: color 200ms ease-in;transition: color 200ms ease-in;overflow: hidden;}
.inputGroup label:after{width: 50px;height:50px;display: inline-block;content: '';
  background:url(../images/ic_dx1.png) center no-repeat;z-index: 2;position: absolute;right: 20px;top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);cursor: pointer;}
.inputGroup input:checked ~ label:after {background:url(../images/ic_dx2.png) center no-repeat;}
.inputGroup input {display: none;}

/*附近门店*/
.nearstore li{margin: 0 0 5px;}
.nearstore li a{display: block;background: #fff;padding: 30px 0 30px 20px;}
.nearstore li .pic{width: 120px;height: 120px;overflow: hidden;
  -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;}
.nearstore li .pic img{width: 120px;height: 120px;}
.nearstore li .txt{padding: 0 20px;width: 420px;}
.nearstore li .txt h2{font-size: 32px;padding: 0 0 10px;}
.nearstore li .txt h2,.nearstore li .txt p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.nearstore li .txt p{line-height: 40px;}
.nearstore li .ic{width: 180px;text-align: center;position: relative;height: 120px;padding: 10px 0 0;}
.nearstore li .ic img{display: inline-block;margin: 0 0 10px;}
.nearstore li .ic p{color:#a6a6a6;}
.nearstore li .ic:before{content:"";width: 1px;height: 80px;position: absolute;left: 0;top:20px;background: #e5e5e5;}
/*充值有礼*/
.recharge_sty_1{background: url(../images/charge_bg.png) center no-repeat;width: 100%;height: 160px;padding: 0 20px;line-height: 160px;
  display: block;font-size: 48px;}
.recharge_sty_1 .s1{background: url(../images/ic_jb.png) left center no-repeat;padding: 0 0 0 90px;}

.RadioStyle{margin: 0 0 0 -25px;}
.RadioStyle .li{display: block;position: relative;width:220px;height: auto;float: left;margin: 0 0 25px 25px;}
.RadioStyle input {display: none;}
.RadioStyle label{display: block;cursor: pointer;position: relative;z-index: 2;width: 100%;
  height: 120px;border: 1px solid #e5e5e5;text-align: center;
  background: #fff;-webkit-transition: color 200ms ease-in;transition: color 200ms ease-in;overflow: hidden;}
.RadioStyle label h2{font-size: 32px;padding: 20px 0 10px;}
.RadioStyle label p{color:#a6a6a6;font-weight: normal;}
.RadioStyle label:after{content: '';width: 40px;height:40px;display: inline-block;
  background:none;z-index: 2;position: absolute;right: 0;bottom:0;
  cursor: pointer;}
.RadioStyle input:checked ~ label:after {background:url(../images/ic_xz.png) center no-repeat;}
.RadioStyle label:hover{border: 1px solid #ff5500;}

.recharge_sty_2 .ipts{margin: 0 0 25px;}
.recharge_sty_2 .ipts input{border: 1px solid #e5e5e5;width: 100%;height: 80px;line-height: 80px;text-indent: 20px;}

.recharge_sty_3,.recharge_sty_3 p{line-height: 40px;}

/*充值记录*/
.recharge_sty_4 table{border: none;}
.recharge_sty_4 td{line-height:80px;background: #fff;border-bottom: 5px solid #f7f7f7;
  text-align: center;font-size: 24px;height: 80px;}
.recharge_sty_4 th{text-align: center;font-size: 32px;background: #fff;font-weight: normal;line-height: 100px;border-bottom: 20px solid #f7f7f7;}
.recharge_sty_4 .s1{width: 30%;}
.recharge_sty_4 .s2{width: 20%;}
.recharge_sty_4 .s3{width: 50%;}

/*优惠券*/
.coupon_sty_1{background: #fff;margin: 20px;padding:0 20px 20px;}
.coupon_sty_1 .tit{line-height: 100px;font-size: 32px;color:#ff5500;}

.coupon_sty_1 .swiper-container{width: 100%;height:200px;overflow: hidden;position: relative;}

.coupon_yh_1{height: 200px;width: 100%;background: #fffbf0;overflow: hidden;position: relative;}
.coupon_yh_1 p,.coupon_yh_1 h2{color:#ff5500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.coupon_yh_1 p{line-height: 40px;}

.coupon_yh_1 .t1{width:220px;text-align: center;height: 200px;border-right: 1px dashed #fbf4e0;padding: 40px 0 0;}
.coupon_yh_1 .t1 h2{font-size: 62px;padding: 0 0 10px;}
.coupon_yh_1 .t1 h2 span{font-size: 24px;}
.coupon_yh_1 .t1 p span{background: #ff5500;color: #fff;display: inline-block;padding: 0 20px;}

.coupon_yh_1 .t2{padding: 60px 0 0 30px;}
.coupon_yh_1 .t2 h2{line-height: 40px;padding: 0 0 10px;font-size: 28px;}
.coupon_yh_1 .ics{width: 180px;height: 152px;display: block;position: absolute;right: 20px;top:0;z-index: 99;}

.coupon_yh_1.overdue{background: #ccc;}
.coupon_yh_1.overdue .t1{border-right:1px dashed #fff ;}
.coupon_yh_1.overdue p,.coupon_yh_1.overdue h2{color: #fff;}
.coupon_yh_1.overdue .t1 p span{background: #fff;color: #ccc;}

.coupon_yh_2 li{height: 200px;width: 100%;background: #fffbf0;position: relative;margin: 0 0 20px;}
.coupon_yh_2 li a{display: block;}
.coupon_yh_2 li:last-child{margin: 0;}
.coupon_yh_2 p,.coupon_yh_2 h2{color:#ff5500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.coupon_yh_2 p{line-height: 40px;}

.coupon_yh_2 .t1{width:180px;text-align: center;height: 200px;border-right: 1px dashed #fbf4e0;padding: 40px 0 0;}
.coupon_yh_2 .t1 h2{font-size: 62px;padding: 0 0 10px;}
.coupon_yh_2 .t1 h2 span{font-size: 24px;}
.coupon_yh_2 .t1 p span{background: #ff5500;color: #fff;display: inline-block;padding: 0 20px;}

.coupon_yh_2 .t2{padding: 60px 0 0 20px;width:310px;}
.coupon_yh_2 .t2 h2{line-height: 40px;padding: 0 0 10px;font-size: 28px;}
.coupon_yh_2 .ics{width: 180px;height: 152px;display: block;position: absolute;right: 20px;top:0;z-index: 99;}

.coupon_yh_2 .t3{width: 140px;height: 60px;line-height: 60px;background: #ff5500;color: #fff;text-align: center;
  margin: 70px 20px 0 0;}

.coupon_yh_2 li.overdue{background: #ccc;}
.coupon_yh_2 li.overdue .t1{border-right:1px dashed #fff ;}
.coupon_yh_2 li.overdue p,.coupon_yh_2 li.overdue h2{color: #fff;}
.coupon_yh_2 li.overdue .t1 p span{background: #fff;color: #ccc;}

/*领红包*/
.packet_sty_1{width: 100%;height: 660px;background: url(../images/pack_bg.jpg) center no-repeat;position: relative;}
.packet_sty_1 .btns{width: 110px;height: 123px;background: url(../images/pack_hd.png) center no-repeat;display: inline-block;
  position: absolute;right: 20px;top:0;}

.packet_sty_2{margin: 20px;padding: 20px;background: #fff;}
.packet_sty_2 .tit{text-align: center;color:#ff5500;font-size: 32px;line-height: 100px;}

.packet_red{margin: 0 0 0 -20px;}
.packet_red .li{display: block;position: relative;width:325px;height: auto;float: left;margin: 0 0 20px 20px;}
.packet_red input {display: none;}
.packet_red label{display: block;cursor: pointer;position: relative;z-index: 2;width: 100%;
  height: 120px;border: 1px dashed #ff5500;text-align: center;background: #fffbf0;text-align: center;
  -webkit-transition: color 200ms ease-in;transition: color 200ms ease-in;overflow: hidden;}
.packet_red label .ask{line-height: 120px;display: block;font-size: 48px;color:#ff5500}
.packet_red label .txt{display: none;padding: 20px 0 0;}
.packet_red label .txt h2{padding: 0 0 10px;}
.packet_red label .txt p{color:#ff5500;font-size: 32px;}

.packet_red label:after{content: '';width: 40px;height:40px;display: inline-block;
  background:none;z-index: 2;position: absolute;right: 0;bottom:0;
  cursor: pointer;}
.packet_red input:checked ~ label:after {background:url(../images/ic_xz.png) center no-repeat;}
.packet_red label:hover{border: 1px solid #ff5500;}
.packet_red label:hover .ask{display: none;}
.packet_red label:hover .txt{display: block;}

.packet_sty_3{margin: 20px;padding: 0 0 20px;}
.packet_sty_3 .tit{line-height: 100px;color: #fff;font-size: 32px;padding: 0 20px;}
.packet_sty_3 .tit span{padding: 0 0 0 10px;font-size: 24px;}

.packet_list{margin: 0 0 0 -10px;}
.packet_list li{float: left;width: 230px;display: inline-block;margin: 0 0 10px 10px;overflow: hidden;}
.packet_list li a{display: inline-block;background: #fff;}
.packet_list li .pic{width: 100%;height: 230px;}
.packet_list li .pic img{width: 100%;height: 230px;}
.packet_list li .txt{padding:20px;}
.packet_list li .txt h2{line-height: 40px;height: 80px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.packet_list li .jg{line-height: 60px;margin: 0 0 10px;}
.packet_list li .jg .p1{color:#ff5500;font-size: 32px;}
.packet_list li .jg .p2{color:#a6a6a6;}
.packet_list li .btns{width: 100%;height: 60px;display: block;line-height: 60px;text-align: center;color: #fff;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}

.packet_sty_4{width: 100%;height: 222px;background: url(../images/pack_je.png) center no-repeat;margin: 0 0 30px;}
.packet_sty_4 .pri{color: #fff;padding: 120px 0 0 100px;font-size: 62px;}
.packet_sty_4 .pri span{font-size: 24px;}
/*收藏夹*/
.collect_sty_1 li{background: #fff;margin: 0 0 10px;padding: 20px;}
.collect_sty_1 li .pic{width: 280px;height: 280px;overflow: hidden;display: block;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;}
.collect_sty_1 li .pic img{width: 280px;height: 280px;display: block;}
.collect_sty_1 li .txt{width: 410px;padding: 20px 0 0;}
.collect_sty_1 li .txt .tit{line-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.collect_sty_1 li .txt .p1{padding: 10px 0 0;color:#a6a6a6;}
.collect_sty_1 li .txt .sc{padding: 80px 0 0;line-height: 60px;}
.collect_sty_1 li .txt .pri{color:#ff5500;}
.collect_sty_1 li .txt .pri em{font-size: 32px;}
.collect_sty_1 li .txt .qx{border: 1px solid #e5e5e5;line-height: 60px;height: 60px;padding: 0 20px;display: inline-block;}
/*产品分类*/
.menu-left,.menu-right{position:fixed; left:0;top:100px; bottom:0; overflow-y: scroll;}
.menu-left{background:#f7f7f7;}
.menu-left ul li{padding:0; box-sizing: border-box;  font-size:32px; width:200px; text-align: center;padding: 40px 20px;line-height: 40px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;border-bottom: 2px solid #e5e5e5;}
.menu-left ul li.active{background:#fff; position:relative;}
.menu-left ul li.active:before{content: " "; position: absolute;display: block; width:5px; height:100%; background:#ff5500; top:0; left:0;}
.scrollbar-none::-webkit-scrollbar {width: 0px;height: 0;}
.menu-right{background:#fff; position:inherit; margin-left:200px; margin-top:0; right:0; bottom:0; left: 8.6rem}
.menu-right h5{font-size:32px; color:#333; margin:30px 0 30px;text-align: center;line-height: 40px;}
.menu-right h5 span{position: relative;}
.menu-right h5 span:before,.menu-right h5 span:after{content: "";position: absolute;top:22px;
    width: 80px;height: 1px;font-size: 0;background: #ccc;}
.menu-right h5 span:before{left:-100px;}
.menu-right h5 span:after{right:-100px;}
.menu-right ul{overflow: hidden;padding:20px 10px;
    -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;-o-border-radius: 20px; border-radius: 20px;}
.menu-right ul li{text-align: center;float: left;width: 33.3333%;padding: 0 10px;}
.menu-right ul li a{display: block;}
.menu-right ul li a img{width: 100%;}
.menu-right ul li span{display:block;height:60px; line-height:60px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;
    text-align: center; font-size:24px;}
/*搜索*/
.search_hot{padding:30px 20px;}
.search_hot .tit{padding: 0 0 20px;line-height: 60px;font-size: 32px;}
.search_hot .tit i{line-height: 60px;color:#a6a6a6;}
.search_hot .list a{background: #f7f7f7;display: inline-block;margin: 0 20px 20px 0;padding: 0 40px;line-height: 60px;color:#333;
  -ms-border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px;-o-border-radius: 60px; border-radius: 60px;}
.search_hot .list a:hover{background: #d71318;}
/*积分商城*/
.integral_sty_1{width: 100%;height: 300px;background: url(../images/int_bg.jpg) center no-repeat;padding: 20px;text-align: center;}
.integral_sty_1 .tit{padding:20px 0 50px;}
.integral_sty_1 .tit a{color: #fff;background: url(../images/ic_gz.png) right center no-repeat;display: inline-block;
  padding: 0 40px 0 0;line-height: 40px;}
.integral_sty_1 .num{color: #fff;font-size: 62px;padding: 0 0 40px;}
.integral_sty_1 .bot{line-height:80px; }
.integral_sty_1 .bot .ss{width: 33.33333%;display: inline-block;float: left;}
.integral_sty_1 .bot a{color: #fff;padding: 0 0 0 60px;display: inline-block;line-height: 80px;}
.integral_sty_1 .bot .a1{background: url(../images/jf_dh.png) left center no-repeat;}
.integral_sty_1 .bot .a2{background: url(../images/jf_mx.png) left center no-repeat;}
.integral_sty_1 .bot .a3{background: url(../images/jf_gwc.png) left center no-repeat;}

.integral_sty_2 a{background: red;color: #fff;display: block;}
.integral_sty_2 .swiper-container{height: 130px;width: 100%;overflow: hidden;}
.integral_sty_2 .swiper-slide{width: 250px;height: 130px;}
.integral_sty_2 .box{width: 100%;height: 130px;background: url(../images/jf_yhq.png) center no-repeat;}
.integral_sty_2 .txt{width: 194px;padding: 0 20px;text-align: center;}
.integral_sty_2 .txt h2,.integral_sty_2 .txt p{color: #fff;}
.integral_sty_2 .txt p{line-height: 50px;border-top: 1px solid #fff;}
.integral_sty_2 .txt h2{line-height: 80px;color: #fff;font-size: 36px;}

.integral_sty_3{margin: 0 0 0 -20px;}
.integral_sty_3 li{float: left;width: 345px;display: inline-block;margin: 0 0 20px 20px;}
.integral_sty_3 li a{display: block;}
.integral_sty_3 li a .pic{overflow: hidden;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;}
.integral_sty_3 li a .pic,.integral_sty_3 li a .pic img{width: 100%;height: 345px;display: block;}
.integral_sty_3 li a .txt{padding:10px;}
.integral_sty_3 li a .t1{font-size: 32px;padding: 0 0 10px;}
.integral_sty_3 li a .t2{color:#a6a6a6;padding: 0 0 15px;}
.integral_sty_3 li a .num{color:#ff5500;font-size:28px;}
.integral_sty_3 li a .bot{line-height: 50px;}
.integral_sty_3 li a .s1{border: 1px solid #ff5500;padding: 0 20px;height: 50px;color: #ff5500;}
.integral_sty_3 li a .s2{color:#a6a6a6;line-height: 50px; }
.integral_sty_3 li a .dd{color:#a6a6a6;}
.integral_sty_3 li a .dui{width: 100%;display: block;text-align: center;margin:20px 0 0;
  height: 60px;line-height: 60px;background: #ff5500;color: #fff;}

/*积分明细*/
.integral_sty_4 li{background: #fff;border-bottom: 5px solid #f7f7f7;padding: 20px;}
.integral_sty_4 li .s2{line-height: 50px;color:#a6a6a6;padding: 50px 0 0;}
.integral_sty_4 li .p1{line-height: 50px;}
.integral_sty_4 li .p2{line-height: 50px;color:#ff5500;}

/*兑换说明*/
.integral_sty_5{margin: 20px;text-align: center;padding: 50px 0;}
.integral_sty_5 .num{line-height: 80px;color:#fff;}
.integral_sty_5 .num em{font-size: 48px;}
.integral_sty_5 .txt{}
.integral_sty_5 .txt p{color: #fff;line-height: 40px;}

.integral_sty_6{background: #fff;padding: 20px;margin: 20px;line-height: 60px;}

.integral_sty_7 {padding: 0 0 20px;}
.integral_sty_7 dt{font-weight: bold;}
.integral_sty_7 dt,.integral_sty_7 dd{line-height: 40px;}

/*我的兑换*/
.coupon_yh_3{margin: 20px;}
.coupon_yh_3 li{height: 200px;width: 100%;background: #fffbf0;position: relative;margin: 0 0 20px;}
.coupon_yh_3 li a{display: block;}
.coupon_yh_3 li:last-child{margin: 0;}
.coupon_yh_3 p,.coupon_yh_3 h2{color:#ff5500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.coupon_yh_3 p{line-height: 40px;}

.coupon_yh_3 .t1{width:180px;text-align: center;height: 200px;border-right: 1px dashed #fbf4e0;padding: 40px 0 0;}
.coupon_yh_3 .t1 h2{font-size: 62px;padding: 0 0 10px;}
.coupon_yh_3 .t1 h2 span{font-size: 24px;}
.coupon_yh_3 .t1 p span{background: #ff5500;color: #fff;display: inline-block;padding: 0 20px;}

.coupon_yh_3 .t2{padding: 60px 0 0 20px;width:450px;}
.coupon_yh_3 .t2 h2{line-height: 40px;padding: 0 0 10px;font-size: 28px;}
.coupon_yh_3 .ics{width: 180px;height: 152px;display: block;position: absolute;right: 20px;top:0;z-index: 99;}

.coupon_yh_3 li.overdue{background: #ccc;}
.coupon_yh_3 li.overdue .t1{border-right:1px dashed #fff ;}
.coupon_yh_3 li.overdue p,.coupon_yh_3 li.overdue h2{color: #fff;}
.coupon_yh_3 li.overdue .t1 p span{background: #fff;color: #ccc;}

/*整点秒杀*/
.seckill_sty_1{width: 100%;height: 200px;}
.seckill_sty_1 .top{width: 100%;background: #000;height: 120px;}
.seckill_sty_1 .top li{float: left;width: 20%;text-align: center;position: relative;padding:30px 0 0;height: 120px;}
.seckill_sty_1 .top li a{display: block;}
.seckill_sty_1 .top li .p1,.seckill_sty_1 .top li .p2{color: #ccc;line-height:30px;}
.seckill_sty_1 .top li .p1{font-size: 32px;}
.seckill_sty_1 .top li .p3{line-height: 60px;color: #ccc;}
.seckill_sty_1 .top li.on{background:#ff5500; }
.seckill_sty_1 .top li.on h2,.seckill_sty_1 .top li.on p{color: #fff;}
.seckill_sty_1 .top li.on:before{content:"";margin: 0 0 0 -20px;position: absolute;left: 50%;bottom: -20px;
  width: 0;height:0;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  border-top:20px solid #ff5500;}
.seckill_sty_1 .bot{background: #fff;line-height: 80px;border-left: 5px solid #ff5500;padding: 0 20px;}
.seckill_sty_1 .bot .s2{color:#a6a6a6;}
.seckill_sty_1 .bot .s1{color:#ff5500;}

.seckill_sty_2{margin:5px 0 20px;}
.seckill_sty_2 .swiper-container{height:240px;position: relative;}
.seckill_sty_2 .import_box{height: 240px;background: #fff;padding: 20px;}
.seckill_sty_2 .import_box .pic{width: 200px;height: 200px;overflow: hidden;position: relative;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;}
.seckill_sty_2 .import_box .pic img{width: 200px;height: 200px;}
.seckill_sty_2 .import_box .pic .over{background: rgba(0,0,0,.6);
  position: absolute;left: 0;bottom: 0;width: 200px;height: 200px;display: block;}
.seckill_sty_2 .import_box .pic .over span{width: 200px;height: 200px;display: block;}
.seckill_sty_2 .import_box .pic .over .s1{background: url(../images/ic_yjs.png) center no-repeat;}
.seckill_sty_2 .import_box .pic .over .s2{background: url(../images/ic_yq.png) center no-repeat;}
.seckill_sty_2 .import_box .txt{width: 480px;padding: 5px 0 0;}
.seckill_sty_2 .import_box .tit{line-height: 40px;font-size: 32px;height: 80px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.seckill_sty_2 .import_box .bot{padding: 20px 0 0;}
.seckill_sty_2 .import_box .btns{width: 150px;height: 60px;background: #ff5500;color: #fff;line-height: 60px;text-align: center;margin: 10px 0 0;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.seckill_sty_2 .import_box .t1{width: auto;height: 32px;border: 1px solid #ffeff2;display: inline-block;}
.seckill_sty_2 .import_box .t1 span{padding: 0 10px;color:#ff5500;display: inline-block;line-height: 30px;height: 30px;}
.seckill_sty_2 .import_box .t2{padding: 20px 0 0;}
.seckill_sty_2 .import_box .t2a{font-size: 28px;color:#ff5500;}
.seckill_sty_2 .import_box .t2a em{font-size: 42px;}
.seckill_sty_2 .import_box del{color:#a6a6a6;}
.seckill_sty_2 .import_box .t1a{background:#ffeff2;}

.seckill_sty_3 li{background: #fff;margin: 0 0 10px;padding: 20px;}
.seckill_sty_3 li .pic{width: 280px;height: 280px;position: relative;display: inline-block;overflow: hidden;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;}
.seckill_sty_3 li .pic img{width: 280px;height: 280px;}
.seckill_sty_3 li .pic .over{background: rgba(0,0,0,.6);
  position: absolute;left: 0;bottom: 0;width: 280px;height: 280px;display: block;}
.seckill_sty_3 li .pic .over span{width: 280px;height: 280px;display: block;}
.seckill_sty_3 li .pic .over .s1{background: url(../images/ic_yjs.png) center no-repeat;}
.seckill_sty_3 li .pic .over .s2{background: url(../images/ic_yq.png) center no-repeat;}
.seckill_sty_3 li .txt{width: 410px;padding: 10px 0 0;}
.seckill_sty_3 li .tit{font-size: 32px;line-height: 60px;margin: 0 0 10px;}
.seckill_sty_3 li .bot{padding:30px 0 0;}
.seckill_sty_3 li .btns{width: 150px;height: 60px;border:1px solid  #ff5500;color:#ff5500;line-height: 60px;text-align: center;display: inline-block;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.seckill_sty_3 li .dis .d1{font-size: 42px;color:#ff5500;line-height:40px;}
.seckill_sty_3 li .dis .d2{color:#a6a6a6;line-height: 30px;}
.seckill_sty_3 li .num{padding: 10px 0 0;line-height: 30px;}
.seckill_sty_3 li .num .s1{color:#a6a6a6;}
.seckill_sty_3 li .num .s2{color:#ff5500;}

/*拼团*/
.collage_sty_1{width: 100%;height: 100px;background: #fff;text-align: center;overflow: hidden;}
.collage_sty_1 a{line-height: 60px;height: 60px;display: inline-block;margin: 20px 0 0;padding: 0 30px;font-size: 32px;}
.collage_sty_1 a.on{background: #ff5500;color: #fff;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}

.collage_sty_2{width: 100%;height: 320px;overflow: hidden;position: relative;}
.collage_sty_2 .pic{width: 100%;height: 320px;position: relative;display: block;}
.collage_sty_2 .pic img{width: 100%;height: 320px;}
.collage_sty_2.swiper-container-horizontal> .swiper-pagination-bullets,
.collage_sty_2 .swiper-pagination-custom,.collage_sty_2 .swiper-pagination-fraction {
    bottom: 20px;left:0;width: 100%;text-align:center;}

.collage_sty_3 {margin: 20px 0 0;overflow: hidden;}
.collage_sty_3 li{background: #fff;margin: 0 0 10px;padding: 20px;}
.collage_sty_3 li:last-child{margin: 0 ;}
.collage_sty_3 li .pic{width: 220px;height: 220px;position: relative;display: inline-block;overflow: hidden;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;}
.collage_sty_3 li .pic img{width: 220px;height: 220px;}
.collage_sty_3 li .txt{width: 460px;padding: 10px 0 0;}
.collage_sty_3 li .tit{font-size: 32px;line-height:50px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.collage_sty_3 li .bot{padding: 20px 0 0;}
.collage_sty_3 li .btns{width: 150px;height: 60px;background:  #ff5500;color:#fff;margin:10px 0 0;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;
  line-height: 60px;text-align: center;display: inline-block;}
.collage_sty_3 li .t1{color:#ff5500;line-height: 30px;padding: 0 0 20px;}
.collage_sty_3 li .t2a{font-size: 32px;color:#ff5500;}
.collage_sty_3 li .t2b{color:#a6a6a6;}

/*搜索列表*/
.searlist_sty_1{width: 100%;height: 100px;line-height: 100px;background: #fff;text-align: center;}
.searlist_sty_1 a{width: 25%;float: left;display: inline-block;line-height: 100px;font-size: 32px;}
.searlist_sty_1 a.on{color:#ff5500;}

.searlist_sty_2{overflow: hidden;}
.searlist_sty_2 li{width: 345px;float: left;display: inline-block;margin: 0 0 20px 20px;background: #fff;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;overflow: hidden;}
.searlist_sty_2 li a{display: block;}
.searlist_sty_2 li .pic{width: 345px;height: 345px;overflow: hidden;display: block;position: relative;}
.searlist_sty_2 li .hot,.searlist_sty_2 li .new{position: absolute;left: 0;top:0;z-index: 99;width: 80px;height: 80px;display: inline-block;}
.searlist_sty_2 li .hot{background: url(../images/ic_hot.png) center no-repeat;}
.searlist_sty_2 li .new{background: url(../images/ic_new.png) center no-repeat;}
.searlist_sty_2 li .txt{padding: 20px 20px 30px;}
.searlist_sty_2 li .bt{line-height:40px;height: 80px;margin: 0 0 20px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.searlist_sty_2 li .s1{color:#ff5500;font-size: 32px;}
.searlist_sty_2 li .s2{color:#a6a6a6;}
/*首页*/
.home_sty_1{width: 100%;height: 80px;background: #fff8e8;line-height:80px;padding: 0 20px;}
.home_sty_1 i{line-height:80px;display: inline-block;color:#ff5500;font-size: 32px;width: 30px;margin: 0 20px 0 0;}
.home_sty_1 marquee{width:660px;}

.home_sty_2{background: #fff;padding:20px 20px 0;text-align: center;}
.home_sty_2 .li{width: 25%;float: left;display: inline-block;margin: 0 0 20px;}
.home_sty_2 .li a{display: inline-block;}
.home_sty_2 .li img{width: 120px;height: 120px;}
.home_sty_2 .li p{line-height: 60px;}

/*首页-秒杀*/
.home_sty_3{background: #fff;padding: 20px;}
.home_sty_3 .tit{text-align: center;margin: 0 0 20px;}
.home_sty_3 .tit a{background: url(../images/ic_ms.png) left center no-repeat;padding: 0 0 0 50px;display: inline-block;height: 60px;
  line-height: 60px;color:#ff5500;font-size: 32px;}
.second_box{position: relative;overflow: hidden;height: 220px;}
.second_box .pic{width: 220px;height: 220px;overflow: hidden;position: relative;display: inline-block;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;}
.second_box .pic img{width: 220px;height: 220px;}
.second_box .pic .over{position: absolute;left: 0;bottom:0;z-index: 99;width: 220px;height: 220px;background: rgba(0,0,0,.6);display: block;}
.second_box .pic .over span{width: 220px;height: 220px;display: block;}
.second_box .pic .over .s2{background: url(../images/ic_yq.png) center no-repeat;}
.second_box .pic .over .s1{background: url(../images/ic_yjs.png) center no-repeat;}
.second_box .txt{width: 460px;text-align: center;padding: 20px 0 0;}
.second_box .bt{line-height: 60px;font-size: 32px;margin: 0 0 10px;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.second_box .p1{color:#a6a6a6;padding: 0 0 10px;}
.second_box .data-box{color:#ff5500;}
.second_box .data-box span{background: #ff5500;color: #fff;height: 50px;line-height:50px;display: inline-block;
  width: 50px;
  -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px;}

/*首页-拼团*/
.home_sty_4{background: #fff7f5;padding: 20px;}
.home_sty_4 .tit{text-align: center;margin: 0 0 20px;}
.home_sty_4 .tit a{background: url(../images/ic_pt.png) left center no-repeat;padding: 0 0 0 50px;display: inline-block;height: 60px;
  line-height: 60px;color:#ff5500;font-size: 32px;}

.limitcoll{overflow: hidden;height: 460px;}
.limitcoll .swiper-slide{width: 260px;}
.limitcoll .box{background: #fff;padding: 20px;width: 260px;display: block;}
.limitcoll .box .pic{width: 220px;height: 220px;overflow: hidden;}
.limitcoll .box .pic img{width: 220px;height: 220px;display: block;}
.limitcoll .box .top{border-bottom: 1px solid #e5e5e5;padding: 20px 0;}
.limitcoll .box .top .p1{line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.limitcoll .box .top .p2{font-size: 32px;color:#ff5500;}
.limitcoll .box .top .p2 del{color:#a6a6a6;font-size:24px;}
.limitcoll .box .bot{padding: 20px 0;}
.limitcoll .box .bot .s1{line-height: 60px;color:#ff5500;}
.limitcoll .box .bot .s2{line-height: 60px;background: #ff5500;color: #fff;text-align: center;display: inline-block;padding: 0 20px;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
/*首页-产品*/
.home_sty_5{overflow: hidden;}
.home_sty_5 .tit{background: #fff;line-height: 100px;text-align: center;margin: 0 0 20px;}
.home_sty_5 .tit span{position: relative;height: 100px;line-height: 100px;font-size: 32px;display: inline-block;}
.home_sty_5 .tit span:before,.home_sty_5 .tit span:after{content: "";position: absolute;bottom: 50px;
  width: 40px;height: 1px;background: #ccc;}
.home_sty_5 .tit span:before{left: -70px;}
.home_sty_5 .tit span:after{right: -70px;}

/*首页-底部*/
.footer{line-height: 40px;padding: 30px 20px;color:#a6a6a6;text-align: center;}

/*待付款*/
.oder_tit_box a{float: left;display: inline-block;width: 20%;font-size: 32px;
  text-align: center;line-height: 95px;border-bottom: 5px solid #f7f7f7;display: inline-block;}
.oder_tit_box  a.on{color:#ff5500;border-bottom: 5px solid #ff5500;}

.order_list_all{padding:0 20px;}
.order_list_all li{background: #fff;padding: 20px 0 30px;margin: 0 0 20px;
  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px;}
.order_list_all li .top{line-height: 60px;padding: 0 20px 20px;}
.order_list_all li .top .t1{color:#a6a6a6;}
.order_list_all li .top .t2{color:#ff5500;}

.order_list_all li .list{background:#f7f7f7;padding: 20px 20px 20px 0;margin: 0 0 5px;display: block;}
.order_list_all li .pic,.order_list_all li .pic img{width: 160px;height: 160px;}
.order_list_all li .txt{width: 450px;padding: 0 20px;}
.order_list_all li .txt h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 40px;}
.order_list_all li .txt p{line-height: 40px;color: #a6a6a6;}
.order_list_all li .num {width: 80px;text-align: right;    line-height: 40px;}
.order_list_all li .num p.p1{font-weight: bold;}
.order_list_all li .num p.p2{color: #a6a6a6;}
.order_list_all li .num p{line-height: 40px;}
.order_list_all li .num p.tk span{background: #e5e5e5;}
.order_list_all li .wuliu{line-height: 40px;padding: 20px;border-bottom: 1px solid #e5e5e5;}
.order_list_all li .wuliu span{line-height: 40px;height: 40px;width: 40px;border: 1px solid #ff5500;color: #ff5500;
  display: inline-block;margin: 0 10px 0 0;text-align: center;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.order_list_all li .heji{line-height:80px;text-align: right;padding: 0 20px;}
.order_list_all li .heji .s2{font-size: 32px;}
.order_list_all li .tuik{line-height: 40px;padding: 20px;border-bottom: 1px solid #e5e5e5;margin: 0 0 20px;}
.order_list_all li .tuik span{height: 40px;display: inline-block;margin: 0 10px 0 0;text-align: center;padding: 0 0 0 50px;}
.order_list_all li .tuik .s1{background: url(../images/ic_tk.png) left center no-repeat;} 
.order_list_all li .tuik .s2{background: url(../images/ic_tk2.png) left center no-repeat;} 
.order_list_all li .bot{padding: 0 20px 0;}
.order_list_all li .bot a{width: 160px;height: 60px;line-height: 60px;text-align: center;margin: 0 0 0 20px;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.order_list_all li .bot a.a2{border: 1px solid #ccc;}
.order_list_all li .bot a.a3{color: #a6a6a6;}
.order_list_all li .bot a.a1{border: 1px solid #ff5500;color: #ff5500;}

/*新加用户*/
.order_list_all li .yh_o1{line-height: 40px;padding:0 20px 20px;}
.order_list_all li .yh_o1 .p1{border-bottom: 1px dotted #ccc;padding: 0 0 10px;margin: 0 0 10px;}
.order_list_all li .yh_o1 .p2 .ss{color:#ff5500;}

.order_list_all li .yh_o2{margin: 0 0 20px;}
.order_list_all li .yh_o2 .order_dis_2{margin: 0 20px;border: 1px solid #ccc;}
.order_list_all li .yh_o2 .ppp{background: #f7f7f7;margin: 20px 20px 0;line-height: 40px;padding: 10px 20px;color: #666;}

.order_list_all li .yh_o3{height: 60px;line-height: 60px;text-align: center;margin: 0 20px;
  border: 1px solid #ff5500;color:#ff5500;display: block;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}

/*订单详情*/
.order_dis_1{padding: 20px 80px;background: #ff5500;}
.order_dis_1 p{color: #fff;line-height: 40px;}
.order_dis_1 .box{background: url(../images/ic_jgxq.png) right center no-repeat;height: 170px;}
.order_dis_1 .box .p1{font-size: 32px;padding:40px 0 10px; }
.order_dis_1 .box .p3{line-height: 170px;font-size: 32px;}
 
.order_dis_2 .li{padding: 20px 20px 20px 120px;}
.order_dis_2 .li_1{margin: 0 0 5px;background:#fff url(../images/ic_xq1.png) 20px center no-repeat;line-height: 80px;}
.order_dis_2 .li_2{background:#fff url(../images/ic_xq2.png) 20px center no-repeat;}
.order_dis_2 .li_3{background:#fff url(../images/ic_xq3.png) 20px center no-repeat;margin: 0 0 5px;}
.order_dis_2 .li_4{background:#fff url(../images/ic_xq4.png) 20px center no-repeat;margin: 0 0 5px;line-height: 80px;}
.order_dis_2 .li_3 .p4{line-height: 40px;}
.order_dis_2 .li_1 .p1{color: #3b97e0;}
.order_dis_2 .li_2 .p2,.order_dis_2 .li_2 .p3{line-height: 40px;}
.order_dis_2 .li_2 .p2 span{color: #a6a6a6;}
.order_dis_2 .li_2 .p5{border-top: 1px solid #f5f5f5;line-height: 60px;margin: 10px 0 0;display: block;}
.order_dis_2 .li_2 .p5 i{display: inline-block;line-height: 60px;}

.order_dis_3{background: #fff;padding: 20px;margin: 20px 0;}
.order_dis_3 .box{border-bottom: 1px solid #e5e5e5;padding:0 0 20px;margin: 0 0 20px;}
.order_dis_3 .list{margin: 0 0 5px;display: block;}
.order_dis_3 .pic,.order_dis_3 .pic img{width: 160px;height: 160px;}
.order_dis_3 .txt{width: 450px;padding: 0 20px;}
.order_dis_3 .txt2{width: 550px;padding: 0 0 0 20px;}
.order_dis_3 .txt h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 40px;}
.order_dis_3 .txt p{line-height: 40px;color: #a6a6a6;}
.order_dis_3 .num {width: 80px;text-align: right;    line-height: 40px;}
.order_dis_3 .num p.p1{font-weight: bold;}
.order_dis_3 .num p.p2{color: #a6a6a6;}
.order_dis_3 .num p{line-height: 40px;}
.order_dis_3 .bot a{width: 160px;height: 60px;line-height: 60px;text-align: center;margin: 0 0 0 20px;border: 1px solid #ccc;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.order_dis_3 .pri p{line-height: 40px;  }
.order_dis_3 .pri .p1 span{color: #a6a6a6;}
.order_dis_3 .pri .p2 .s2{color:#ff5500;}

.order_dis_4 .top{padding: 0 0 20px;}
.order_dis_4 .top p{line-height: 40px;}
.order_dis_4 .bot{border-top: 1px solid #e5e5e5;padding: 20px 0;}
.order_dis_4 .bot .ss{width:49%;height: 80px;line-height: 80px;text-align: center;border: 1px solid #ccc;display: inline-block;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.order_dis_4 .top .p2{color: #a6a6a6;}

.order_dis_5 .or_tit{text-align: center;font-size: 32px;color:#ff5500;}
.order_dis_5 .or_tit span{position: relative;height: 100px;line-height:100px;display: inline-block;}
.order_dis_5 .or_tit span:before,.order_dis_5 .or_tit span:after{
  content:"";position: absolute;top:52px;width: 60px;height: 2px;background: #ff5500;}
.order_dis_5 .or_tit span:before{left: -80px;}
.order_dis_5 .or_tit span:after{right: -80px;}

.order_dis_6{background: #fff;padding: 20px;}
.order_dis_6 p{line-height: 80px;border-bottom: 1px solid #e5e5e5;}
.order_dis_6 p:last-child{border-bottom: none;}
.order_dis_6 .s2{color:#ff5500;}

.order_dis_7{margin: 0 0 20px;}
.order_dis_7 .box{background: #f7f7f7;padding:20px;margin: 0 0 5px;}
.order_dis_7 .box2{background: #fff;padding: 20px;margin: 0 0 20px;}
.order_dis_7 .box3{background: #fff;padding:0 20px;}
.order_dis_7 .list{margin: 0 0 5px;display: block;}
.order_dis_7 .pic,.order_dis_7 .pic img{width: 160px;height: 160px;}
.order_dis_7 .txt{width: 550px;padding: 0 0 0 20px;}
.order_dis_7 .txt h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 40px;}
.order_dis_7 .txt p{line-height: 40px;color: #a6a6a6;}
.order_dis_7 .txt .pri{line-height: 40px;}
.order_dis_7 .txt .pri .s1{color:#ff5500;}
/*退款售后*/
.drawback_sty_1 a{background: #fff;padding: 20px;margin: 0 0 5px;}
.drawback_sty_1 a .txt{padding: 0 0 0 60px;}
.drawback_sty_1 a .txt h2,.drawback_sty_1 a .txt p{line-height: 40px;}
.drawback_sty_1 a .txt p{color: #a6a6a6;}
.drawback_sty_1 a .t1{background: url(../images/ic_tk.png) left center no-repeat;}
.drawback_sty_1 a .t2{background: url(../images/ic_tk2.png) left center no-repeat;}
.drawback_sty_1 a i{line-height: 80px;color: #a6a6a6;font-size: 48px;}

/*我要退款*/
.drawback_sty_2 .li{line-height: 80px;background: #fff;margin: 0 0 5px;padding: 0 20px;display: block;}
.drawback_sty_2 .li .s1{line-height: 80px;width:160px;}
.drawback_sty_2 .li i{color: #999;font-size: 48px;line-height: 80px;}
.drawback_sty_2 .li .ipt_1{text-align: right;width:500px;margin: 0 20px 0 0;color: #a6a6a6;}

.drawback_sty_3 .li{background: #fff;line-height: 80px;padding: 0 20px;}
.drawback_sty_3 .li2{line-height: 80px;padding: 0 20px;color:#a6a6a6;}
.drawback_sty_3 .s2{color:#ff5500;}
.drawback_sty_3 .s3{width: 580px;}
.drawback_sty_3 .s4{width: 580px;line-height: 60px;padding: 10px;}

/*支付成功*/
.sucess_sty_1{background: #fff;padding:30px 20px;text-align: center;}
.sucess_sty_1 .p1{line-height: 40px;padding: 0 0 30px;}
.sucess_sty_1 .p1 span{color:#ff5500;}
.sucess_sty_1 .btns{width: 100%;}
.sucess_sty_1 .aa{width: 160px;height: 60px;line-height: 60px;margin: 0 20px;display: inline-block;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.sucess_sty_1 .a1{border: 1px solid #ccc;}
.sucess_sty_1 .a2{border: 1px solid #ff5500;color:#ff5500;}
/*我的评价*/
.assess_sty_1{background: #fff;padding: 20px;}
.assess_sty_1 .pic{width: 60px;height: 60px;overflow: hidden;}
.assess_sty_1 .pic img{width: 60px;height: 60px;}
.assess_sty_1 .txt{line-height: 60px;margin: 0 0 0 20px;}
.assess_sty_1 .btns{width: 160px;height: 60px;line-height: 60px;display: inline-block;border: 1px solid #ff5500;color:#ff5500;
  text-align: center;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}

.assess_sty_2{background: #fff;padding: 20px;}
.assess_sty_2 .tit{line-height: 60px;color:#a6a6a6;padding: 0 0 20px;}
.assess_sty_2 .list{display: flex;justify-content:space-between;width: 100%;}
.assess_sty_2 .list .pic{display: block;overflow: hidden;position: relative;}
.assess_sty_2 .list .pic,.assess_sty_2 .list .pic img{width: 130px;height: 130px;}
.assess_sty_2 .list .more{position: absolute;left: 0;bottom: 0;text-align: center;line-height: 130px;color: #fff;
  width: 130px;height: 130px;background: rgba(0,0,0,.5);}

.assess_sty_4{overflow: hidden;}
.assess_sty_4 .warp_tit{line-height: 100px;padding: 0 20px;font-size: 32px;background: #fff;margin: 0 0 5px;}
.assess_sty_4 .warp_tit span{border-left: 5px solid #ff5500;padding: 0 0 0 15px;}

.assess_sty_3 li{background: #fff;padding: 20px;margin: 0 0 20px;}
.assess_sty_3 .as_top .pic{width: 60px;height: 60px;overflow: hidden;}
.assess_sty_3 .as_top .pic img{width: 60px;height: 60px;}
.assess_sty_3 .as_top .txt{line-height: 60px;margin: 0 0 0 20px;}
.assess_sty_3 .as_top .btns{width: 160px;height: 60px;line-height: 60px;display: inline-block;border: 1px solid #ff5500;color:#ff5500;
  text-align: center;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.assess_sty_3 .dis{color:#a6a6a6;line-height: 60px;}
.assess_sty_3 .nr{line-height: 40px;padding: 0 0 60px;}

.assess_sty_3 .zhuip{border-top: 1px solid #ccc;padding: 10px 0 0;}
.assess_sty_3 .zhuip .p1{color: #ff5500;line-height: 60px;}
.assess_sty_3 .zhuip .p2{padding: 0 0 60px;line-height: 40px;}

.assess_sty_3 .as_bot{background: #f7f7f7;display: block;}
.assess_sty_3 .as_bot .pic{width: 200px;height: 200px;display: block;}
.assess_sty_3 .as_bot .pic img{width: 200px;height: 200px;display: block;}
.assess_sty_3 .as_bot .txt{width: 460px;margin: 0 20px 0 0;padding: 20px 0 0;}
.assess_sty_3 .as_bot .txt h2{line-height: 40px;height: 80px;margin: 0 0 40px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.assess_sty_3 .as_bot .txt p{font-size: 32px;}

/*追评列表*/
.assess_sty_5 li{background: #fff;padding: 20px;margin: 0 0 10px;}
.assess_sty_5 li .pic,.assess_sty_5 li .pic img{width: 130px;height: 130px;display: block;}
.assess_sty_5 li .btns{width: 160px;height: 60px;line-height: 60px;display: inline-block;border: 1px solid #ff5500;color:#ff5500;
  text-align: center;margin: 35px 0 0 ;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.assess_sty_5 li .txt{height: 80px;line-height: 40px;margin: 25px 0 0 20px;width:380px;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.assess_sty_5 li:last-child{margin: 0;}

/*评价成功*/
.assess_sty_6{width: 100%;line-height: 100px;text-align: center;font-size: 32px;color:#a6a6a6;}
.assess_sty_6 span{position: relative;display: inline-block;height: 100px;}
.assess_sty_6 span:before,.assess_sty_6 span:after{content: "";position: absolute;top:50px;width: 60px;height: 2px;background: #ccc;
  display: inline-block;}
.assess_sty_6 span:before{left: -80px;}
.assess_sty_6 span:after{right: -80px;}

.assess_sty_7{background:#ff5500;padding: 20px 20px 50px;text-align: center;}
.assess_sty_7 .p1{padding: 30px 0;color: #fff;}
.assess_sty_7 .btns{width: 240px;height: 60px;line-height: 60px;display: inline-block;border: 1px solid #feff03;color:#feff03;
  text-align: center;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
/*去评价*/
.assess_go_1{background: #fff;padding: 20px;margin: 0 0 5px;display: block;}
.assess_go_1 .pic{width: 70px;height: 70px;display: block;}
.assess_go_1 .pic img{width: 70px;height: 70px;}
.assess_go_1 .dis{line-height: 70px;margin: 0 0 0 20px;width:620px;}
.assess_go_1 .txt{line-height: 70px;margin: 0 0 0 20px;}
.assess_go_1  .score{width:500px;}
.assess_go_1  .score .default-statu{height: 44px;width:250px;float: left;margin: 13px 0 0;}
.assess_go_1  .score-star{overflow: hidden;}
.assess_go_1  .score .default-statu .default-icon{background: url(../images/star.png) top right no-repeat;display: inline-block;height: 44px;width:50px;cursor: pointer;}
.assess_go_1 .score-description{height: 70px;line-height:70px;float: left;margin: 0 0 0 20px;color:#a6a6a6;}

.assess_go_2{background: #fff;padding: 20px;}
.assess_go_2 .box{line-height: 40px;color:#a6a6a6;width: 100%;min-height:120px;margin: 0 0 20px;border: none;}
.assess_go_2 .dis{border-top: 1px solid #e5e5e5;line-height: 100px;color:#a6a6a6;text-align: right;}

.imgFileUploade{width: 100%;}
.imgFileUploade .header{height: 160px;width: 100%;line-height:160px;display: block;}
.imgFileUploade .header span{display: block;}
.imgFileUploade .header span.imgClick{width: 160px;height: 160px;cursor: pointer;background: url(../images/addUpload.png) center no-repeat;}
.imgFileUploade .imgAll{width: 100%;margin:30px 0 0;}
.imgFileUploade .imgAll ul:after{visibility: hidden; display: block; font-size: 0; content: ".";  clear: both; height: 0} 
.imgFileUploade .imgAll ul{margin: 0 0 0 -20px;}
.imgFileUploade .imgAll li{width: 160px;height: 160px;float: left;position: relative;margin: 0 0 30px 20px;}
.imgFileUploade .imgAll li img{width: 160px;height: 160px;display: block;}
.imgFileUploade .delImg{position: absolute;top:-10px;right:-10px;width:40px;height:40px;background: #000;background:rgba(0,0,0,.8);border-radius: 50%;display: block;
  text-align:  center;line-height:40px;color:#fff;font-weight: 700;font-style:normal;cursor: pointer;}
/*确认订单*/
.confirm_tit_box a{float: left;display: inline-block;width:50%;font-size: 32px;background: #fff;
  text-align: center;line-height: 95px;border-bottom: 5px solid #fff;display: inline-block;}
.confirm_tit_box  a.on{color:#ff5500;border-bottom: 5px solid #ff5500;}

.confirm_sty_1{background:#fff url(../images/add_bg.png) center top no-repeat;padding: 28px 20px 20px;margin: 0 0 20px;}
.confirm_sty_1 i{width:60px;text-align: center;font-size: 48px;
  color:#a6a6a6;text-align: center;line-height: 100px;display: inline-block;}
.confirm_sty_1 .txt{width: 630px;background: url(../images/ic_dz.png) left center no-repeat;padding: 0 0 0 50px;}
.confirm_sty_1 .top{line-height: 50px;}
.confirm_sty_1 .bot{line-height: 50px;}

.confirm_sty_2{background:#fff url(../images/add_bg.png) center top no-repeat;padding: 28px 20px 20px;margin: 0 0 20px;}
.confirm_sty_2 i{width:60px;text-align: center;font-size: 48px;
  color:#a6a6a6;text-align: center;line-height: 60px;display: inline-block;}
.confirm_sty_2 .txt{width: 630px;background: url(../images/ic_dz.png) left center no-repeat;padding: 0 0 0 50px;line-height: 60px;}

.confirm_sty_3{background: #fff7d3;padding:30px 20px;}
.confirm_sty_3 .box{background: url(../images/ic_xx.png) left center no-repeat;padding: 0 0 0 50px;color:#ff5500;line-height: 40px;}

.confirm_sty_4 .drawback_sty_2 .li{margin: 0 0 2px;}
.confirm_sty_4 .total{line-height: 100px;background: #fff;text-align: right;padding: 0 20px;}
.confirm_sty_4 .total .ss{color:#ff5500;}
/*门店自提*/
.confirm_sty_5{margin: 0 0 20px;}
.confirm_sty_5 .li{background: #fff;padding:0 20px;margin: 0 0 2px;line-height: 80px;height: 80px;}
.confirm_sty_5 .li .s1{width: 90px;}
.confirm_sty_5 .li .s2{width: 620px;}

.confirm_sty_6{background: #fff;padding: 20px;margin: 0 0 20px;}
.confirm_sty_6 .txt{width: 680px;}
.confirm_sty_6 .txt p{line-height:50px;}
.confirm_sty_6 i{font-size: 48px;color: #999;line-height: 150px;}

/*购物车*/
.layer-bottom .tit{line-height: 100px;text-align: center;font-size: 32px;}
.layer-bottom .bot{width: 100%;height: 100px;position: fixed;left: 0;bottom: 0;background:#ff5500;color: #fff;
  text-align: center;font-size: 32px;line-height: 100px;}
.layer-bottom .list{width: 100%;height: 72%;overflow-y:scroll;padding:0 20px;}
/*产品详情*/
.prodis_banner{width: 100%;height: 750px;overflow: hidden;position: relative;}
.prodis_banner img{width: 100%;height: 750px;}
.prodis_banner.swiper-container-horizontal> .swiper-pagination-bullets,
.prodis_banner .swiper-pagination-custom,.collage_sty_2 .swiper-pagination-fraction {
    bottom: 20px;left:0;width: 100%;text-align:center;}
/*产品详情-价格*/
.prodis_price{background: #fff;}

.prodis_price .pingt{height: 120px;padding:20px;width: 100%;}
.prodis_price .pingt .s1{font-size: 62px;line-height: 80px;display: inline-block;color: #fff;}
.prodis_price .pingt .s1 em{font-size: 32px;}
.prodis_price .pingt .s2{margin: 0 0 0 20px;}
.prodis_price .pingt .s2a{line-height: 40px;color: #fff;}
.prodis_price .pingt .s2b{background: rgba(255,255,255,.2);text-align: center;padding: 0 10px;color: #fff;
  display: inline-block;height: 40px;line-height: 40px;}
.prodis_price .pingt .s3{line-height: 80px;color: #fff;}

.prodis_price .qiango{height: 120px;padding:20px;width: 100%;}
.prodis_price .qiango .s1{font-size: 62px;line-height: 80px;display: inline-block;color: #fff;}
.prodis_price .qiango .s1 em{font-size: 32px;}
.prodis_price .qiango .s2{margin: 0 0 0 20px;}
.prodis_price .qiango .s2a{line-height: 40px;color: #ffe2bd;}
.prodis_price .qiango .s2b{color: #fff;line-height: 40px;}
.prodis_price .qiango .s3{line-height:40px;color: #fff;margin: 20px 0 0;}
.prodis_price .qiango .s3 .data-box{color:#fff;}
.prodis_price .qiango .s3 span{background: rgba(255,255,255,.2);display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;
  color: #fff;
  -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px;}

.prodis_price .top{padding:40px 20px 0 20px;}
.prodis_price .top .s1{width: 570px;line-height: 40px;font-weight: bold;font-size: 28px;}
.prodis_price .top .s2{background: #f7f7f7;width: 120px;height: 60px;display: inline-block;text-align: center;
  line-height: 60px;color:#a6a6a6;
  -ms-border-top-left-radius: 20px; -moz-border-top-left-radius:20px; -webkit-border-top-left-radius:20px;
  -o-border-top-left-radius: 20px; border-top-left-radius:20px;
  -ms-border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px; -webkit-border-bottom-right-radius:20px;
  -o-border-bottom-right-radius:20px; border-bottom-right-radius:20px;}

.prodis_price .normal{padding: 30px 20px;}
.prodis_price .normal .s1{font-size:48px;line-height:50px;display: inline-block;color:#ff5500;}
.prodis_price .normal .s1 em{font-size: 32px;}
.prodis_price .normal .s2{color:#a6a6a6;line-height: 40px;}

.prodis_price .bot{padding:0 20px 40px;}
.prodis_price .bot_2{padding: 20px 20px 40px;}
.prodis_price .bot span{display: inline-block;width: 33.3333%;color:#a6a6a6;}
.prodis_price .bot .s2{text-align: center;}
.prodis_price .bot .s3{text-align: right;}

/*产品详情-抢购*/
.prodis_qiango{background: #fef1f8;padding:30px 20px;}
.prodis_qiango .box{background: url(../images/ic_qg.png) left center no-repeat;color:#ff5500;height:50px;line-height:50px;
  padding: 0 0 0 60px;display: inline-block;}

/*产品详情-拼团*/
.prodis_pingt{background: #fff;margin:10px 0 0;}

.prodis_pingt .tit{line-height: 80px;padding: 0 20px;}
.prodis_pingt .tit a{color: #999;display: inline-block;font-size: 48px;line-height: 100px;}
.prodis_pingt .tit .s1{line-height: 100px;color:#a6a6a6;}
.prodis_pingt .tit .s2{line-height: 100px;margin: 0 0 0 20px;}
.prodis_ptli li{padding: 0 20px;margin: 0 0 30px;}
.prodis_ptli li .pic{width: 140px;height: 80px;position: relative;}
.prodis_ptli li .pic img{width: 80px;height: 80px;}
.prodis_ptli li .pic .m1{width: 80px;height: 80px;overflow: hidden;position: absolute;left: 0;z-index: 6;}
.prodis_ptli li .pic .m2{position: absolute;right: 0;z-index: 2;}
.prodis_ptli li .btns{width: 160px;height: 60px;line-height: 60px;margin: 10px 0 0;
  color: #fff;text-align: center;display: inline-block;}
.prodis_ptli li .txt{margin: 0 0 0 20px;}
.prodis_ptli li .txt .p1{line-height: 40px;}
.prodis_ptli li .txt .p2{line-height: 40px;color:#a6a6a6;}

/*产品详情-立即购买*/
.prodis_tc_1{padding: 20px;}
.prodis_tc_1 .pic{width: 200px;height: 200px;}
.prodis_tc_1 .pic img{width: 200px;height: 200px;}
.prodis_tc_1 .txt{width: 490px;}
.prodis_tc_1 .txt .pri{color:#ff5500;font-size: 42px;line-height: 60px;}
.prodis_tc_1 .txt .pri span{font-size: 24px;}
.prodis_tc_1 .txt .kuc{color: #a6a6a6;}
.prodis_tc_1 .txt .close{line-height:50px;text-align: right;width: 100%;}
.prodis_tc_1 .txt .close a{color: #333;font-size: 32px;line-height: 50px;width: 50px;display: inline-block;}

.prodis_tc_3{width: 100%;height: 120px;position: fixed;left: 0;bottom:0px;
  border-top: 1px solid #e5e5e5;padding:20px;}
.prodis_tc_3 a{width: 100%;background:#ff5500;display: block;
  color: #fff;height: 80px;color: #fff;text-align: center;font-size: 32px;line-height: 80px;}

.prodis_tc_2{width: 100%;height:52%;overflow-y:scroll;padding:20px;}
.prodis_tc_2 .list{padding: 0 0 20px;}
.prodis_tc_2 .list dt{line-height: 50px;}
.prodis_tc_2 .list input{display: none}
.prodis_tc_2 .list label{color: #666;background: #f7f7f7;line-height:50px;display: inline-block;padding: 0 10px;min-width: 100px;
  text-align: center;float: left;margin: 0 10px 10px 0;font-weight: normal;
  -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px;}
.prodis_tc_2 .list input:checked + label {background: #ff5500;color: #fff;}

.prodis_tc_2 .num{padding: 20px 0 0;}
.prodis_tc_2 .num .s1{line-height: 50px;font-weight: bold;}
.prodis_tc_2 #myjsqdiv{float: right;}
.prodis_tc_2 #myjsq2div{float: right;}

/*产品详情-其他*/
.prodis_detail{margin: 20px 0 0;}
.prodis_detail .li{background: #fff;padding:20px;line-height:40px;margin: 0 0 2px;}
.prodis_detail .yh{color: #a6a6a6;width: 80px;}
.prodis_detail .bb{background:#fcede6;color:#ff5500;display: inline-block;line-height: 30px;height: 30px;padding: 0 10px;margin: 5px 10px 0 0;}
.prodis_detail .b1{margin: 0 10px 0 0;color:#ff5500;}
.prodis_detail .lj{color: #a6a6a6;margin: 0 10px 0 0;}
.prodis_detail i{font-size:32px;color: #a6a6a6;line-height: 40px;width:30px;display: inline-block;text-align: right;}
.prodis_detail .nr{width:530px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}

.layer-bottom-fw .tit{line-height: 100px;text-align: center;font-size: 32px;}
.layer-bottom-fw .bot{width: 100%;height: 100px;position: fixed;left: 0;bottom: 0;background:#ff5500;color: #fff;
  text-align: center;font-size: 32px;line-height: 100px;}
.layer-bottom-fw .list{width: 100%;height: 72%;overflow-y:scroll;padding:0 20px;}
.layer-bottom-fw dl{padding: 0 0 30px;}
.layer-bottom-fw dt{width: 40px;height: 40px;float: left;}
.layer-bottom-fw dd{width: 650px;float: left;margin: 0 0 0 20px;}
.layer-bottom-fw dd h2{line-height: 40px;color: #a6a6a6;}
.layer-bottom-fw dd p{color: #a6a6a6;line-height: 40px;}

.layer-bottom-cs .tit{line-height: 100px;text-align: center;font-size: 32px;}
.layer-bottom-cs .bot{width: 100%;height: 100px;position: fixed;left: 0;bottom: 0;background:#ff5500;color: #fff;
  text-align: center;font-size: 32px;line-height: 100px;}
.layer-bottom-cs .list{width: 100%;height: 72%;overflow-y:scroll;padding:0 20px;}
.layer-bottom-cs table{width: 100%;}
.layer-bottom-cs th,.layer-bottom-cs td{line-height:40px;font-size: 24px;border-bottom: 1px solid #e5e5e5;padding: 20px 0;}
.layer-bottom-cs th{width: 140px;}
/*产品详情+评论*/
.prodis_prod{margin: 20px 0 0;}
.prodis_prod .tit{background: #fff;border-left: 5px solid #ff5500;line-height: 80px;padding: 0 0 0 20px;font-size: 32px;}
.prodis_prod .list{padding: 20px;background: #fcfcfc;margin: 0 0 20px;}
.prodis_prod .list th,.prodis_prod .list td{line-height: 40px;font-size: 24px;padding:10px 0;}
.prodis_prod .list th{width: 140px;font-weight: normal;color: #a6a6a6;}
.prodis_prod .box img{max-width: 100%;}
.prodis_prod .box_2{padding: 20px;background: #fcfcfc;}
.prodis_prod .box_2 img{max-width: 100%;}

/*产品详情+评论*/
.prodis_assess{margin: 20px 0 0;}
.prodis_assess .tit{background: #fff;border-left: 5px solid #ff5500;line-height: 80px;padding: 0 0 0 20px;font-size: 32px;
  border-bottom: 1px solid #ccc;}
.prodis_assess .more{font-size: 24px;color:#ff5500;margin: 0 20px 0 0;}

.appraise_tit{background: #fff;padding: 20px 20px 0;margin: 0 0 20px;}
.appraise_tit a{line-height: 60px;display: inline-block;padding: 0 15px;background: #fff5f4;
  margin: 0 20px 20px 0;
  -ms-border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;-o-border-radius: 80px; border-radius: 80px;}
.appraise_tit a.on{background:#ff5500;color: #fff;
  background:-webkit-linear-gradient(left, #ff9701, #ff5301);
  background:-moz-linear-gradient(left, #ff9701, #ff5301);
  background:-o-linear-gradient(left, #ff9701, #ff5301);
  background:linear-gradient(left, #ff9701, #ff5301);}
/*.appraise_tit a.bad{background: #f8f7f7;}*/
.appraise li{background: #fff;padding: 20px;margin: 0 0 10px;}
.appraise li .pic{width: 60px;height: 60px;overflow: hidden;
    -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;}
.appraise li .pic img{width: 60px;height: 60px;}
.appraise li .bt{line-height: 60px;font-weight: bold;margin: 0 0 0 20px;}
.appraise li .time{line-height: 60px;color: #a6a6a6;}
.appraise li .mid{padding: 20px 0 0;line-height: 40px;}
.appraise li .list{padding: 20px 0 0;}
.appraise li .list_1{padding: 20px 0 10px;}
.appraise li .list_1 img{width: 380px;height: 380px;}
.appraise li .list_2{margin: 0 0 0 -10px;}
.appraise li .list_2 img{width: 230px;height: 230px;float: left;margin: 0 0 10px 10px;}
.appraise li .list_3 img{width: 230px;height: 230px;float: left;margin: 0 0 10px 10px;}
.appraise li .zhuip{border-top: 1px solid #ccc;padding: 20px 0 0;margin: 20px 0 0;}
.appraise li .zp{color:#ff5500;line-height: 40px;}

.loading{ position:fixed; height:100%;width:100%;top:0;z-index: 99;display:none;}
.donghua_jiazai{     position: relative;
    background: rgba(16, 13, 13, 0.7);
    width: 8em;
    height: 8em;
    top: 30%;
    border-radius: 5px;
    transform: scale(.6);
    padding: 2em;
    margin: 0 auto;}
.load_text{position: absolute;color: white;top:45%;left:30%;text-align:center;}
@-webkit-keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}


/*积分商城*/









/*
字体 24px 28px 32px  48px  36px 42px  62
红色 color:#ff5500   金色 color:#fbedc6     绿色 color:#1fae20    橙色 color:#ff9002;
灰色 color:#333  color:#a6a6a6
background: #f7f7f7;  background: #fff2ec;橙色
border-bottom: 1px solid #e5e5e5; 
line-height:80px;
渐变 #ff9701, #ff5301
橙色背景+文字 #fffbf0    #faac33
头像120
颜色  
hvr-shutter-out-horizontal   fa-angle-right
<img  class="lazy" data-original="images/example.jpg">
返回上一页 <a href="javascript :;" class="fa-angle-left fa" onClick="javascript :history.back(-1);"></a>

多行隐藏   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
行业省略   overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;

border    -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-o-border-radius: 5px; border-radius: 5px;
          -ms-border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;-o-border-radius: 40px; border-radius: 40px;
          -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;          

缓冲      -ms-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;
          -webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;

旋转      -ms-transform:rotate(360deg);-moz-transform:rotate(360deg);
          -webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);

          -ms-transform:rotate(180deg);-moz-transform:rotate(180deg);
          -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); 

缩放      transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);
          transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);

缩放      transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); 
          -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; 
          filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); 
          background-position:center;

透明度    filter:alpha(opacity=80);-ms-opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8;-o-opacity:0.8;opacity: 0.8;

灰度      -ms-filter: grayscale(1);-moz-filter:grayscale(1);-webkit-filter:grayscale(1);-o-filter: grayscale(1);filter:grayscale(1);

位移      -ms-transform:translateY(-20px);-moz-transform:translateY(-20px);-webkit-transform:translateY(-20px);
          -o-transform:translateY(-20px);transform:translateY(-20px); 

          -ms-transform:translateX(-20px);-moz-transform:translateX(-20px);-webkit-transform:translateX(-20px);
          -o-transform:translateX(-20px);transform:translateX(-20px); 
          
定义字体   @font-face {font-family: fzlej;src: url(../font/fzlej.ttf);}
两边对齐   text-align:justify; text-justify:inter-ideograph;
背景透明   background: rgba(0,0,0,.6);
清除属性   float:none; position:static;
空元素     font-size:0;display:none;overflow:hidden;height:0;width: 0;
字体       font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;
空格       span style="white-space:pre";
背景透明   background:transparent;   
轮廓线     outline:#00ff00 dotted thick;
边框阴影   box-shadow:4px 2px 6px 6px #333333 inset;
文本阴影   text-shadow: X-Offset Y-Offset blur color;
分列       columns:100px 3;
文本颜色   input::-webkit-input-placeholder{color:#fff;}
          input::-moz-placeholder{color:#fff;}
          input:-moz-placeholder{color:#fff;}
          input:-ms-input-placeholder{color:#fff;}

不常用
图片居中   .img_center {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
            -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
            justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
          .img_center img{max-width: 100%;max-height: 100%;display: block;vertical-align: middle;}

渐变       background:#c90900;
           background:-webkit-radial-gradient(top, circle cover, #d8140b 0%, #950800 80%);
           background:-moz-radial-gradient(top, circle cover, #d8140b 0%, #950800 80%);
           background:-o-radial-gradient(top, circle cover, #d8140b 0%, #950800 80%);
           background:radial-gradient(top, circle cover, #d8140b 0%, #950800 80%);
           线性 -webkit-linear-gradient(left, #00DAEE, #00EA8F);

背景      background: radial-gradient(white, #EEF6F9);   渐变
          background-attachment: fixed;    背景固定
          background-clip:content-box;     背景裁剪  border-box 背景被裁剪到边框盒。 padding-box 背景被裁剪到内边距框。 content-box 背景被裁剪到内容框。
          background-size:80px 60px;       背景大小  length值    percentage百分比    cover完全覆盖    contain完全适应

边框      border: medium double rgb(250,0,255) 
          borde-with: thin细的边框。 medium  默认;中等的边框。thick粗的边框。length宽度。inherit规定应该从父元素继承边框宽度。
          border-style: dotted点状边框。   dashed虚线。solid 实线。  double 双线。               groove  3D凹槽边框。
                        ridge 3D垄状边框。 inset 3Dinset边框。       outset 3Doutset边框。

边框图片  border:15px solid transparent;border-image:url(/i/border.png) 30 30 round;
          border-image-source 图片路径。  border-image-slice  图片边框向内偏移。 border-image-width  图片边框的宽度。     
          border-image-outset 边框图像区域超出边框的量。                         
          border-image-repeat 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。


H5样式
阴影      box-shadow:4px 2px 6px 6px #333333 inset;
          h-shadow  必需。水平阴影的位置。允许负值。  v-shadow  必需。垂直阴影的位置。允许负值。  
          blur  可选。模糊距离。                      spread  可选。阴影的尺寸。 
          color 可选。阴影的颜色。                    inset 可选。将外部阴影 (outset) 改为内部阴影。
缩放      -ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);  
          scale(x,y)  定义 2D 缩放转换。                    scale3d(x,y,z)  定义 3D 缩放转换。 
          scaleX(x)   通过设置 X 轴的值来定义缩放转换。     scaleY(y) 通过设置 Y 轴的值来定义缩放转换。 
          scaleZ(z)   通过设置 Z 轴的值来定义 3D 缩放转换。
旋转      -ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); 
          rotate(angle)   定义 2D 旋转，在参数中规定角度。  rotate3d(x,y,z,angle) 定义 3D 旋转。 
          rotateX(angle)  定义沿着 X 轴的 3D 旋转。         rotateY(angle)  定义沿着 Y 轴的 3D 旋转。  
          rotateZ(angle)  定义沿着 Z 轴的 3D 旋转。
位移      -ms-transform:translateX(45px);-moz-transform:translateX(45px);-webkit-transform:translateX(45px);-o-transform:translateX(45px);transform:translateX(45px);    
          translate(x,y)  定义 2D 转换。                    translate3d(x,y,z)  定义 3D 转换。 
          translateX(x)   定义转换，只是用 X 轴的值。       translateY(y) 定义转换，只是用 Y 轴的值。 
          translateZ(z)   定义 3D 转换，只是用 Z 轴的值。
倾斜      -ms-transform:skew(160deg,160deg);-moz-transform:skew(160deg,160deg);-webkit-transform:skew(160deg,160deg);-o-transform:skew(160deg,160deg);transform:skew(160deg,160deg);     
          skewX(angle)  定义沿着 X 轴的 2D 倾斜转换。       skewY(angle)  定义沿着 Y 轴的 2D 倾斜转换。
          skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的 2D 倾斜转换。


优化

<script>
  (function(){
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      if (curProtocol === 'https') {
          bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
      }
      else {
          bp.src = 'http://push.zhanzhang.baidu.com/push.js';
      }
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
  })();
</script>


*/